@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal;
  font-style: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: -0.04rem;
}

strong {
  font-weight: bold;
}

html, body {
  font-family: -apple-system, "Roboto", "NotoSansKR", sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

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

blockquote, q {
  quotes: none;
}

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

a, a:hover, a:active, a:focus {
  text-decoration: none;
  color: #000;
  outline: none;
}

button {
  text-decoration: none;
  color: #000;
  outline: none;
  border: 0;
  cursor: pointer;
}

button:hover, button:active, button:focus {
  outline: 0;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, .inp-box .ico-confirm, select {
  vertical-align: middle;
  font-family: "Roboto", "NotoSansKR", sans-serif;
  font-size: 14px;
  font-weight: 400;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0;
  background-color: transparent;
  outline: 0;
  border: 0;
}

input[type=date], .inp-box [type=date].ico-confirm {
  z-index: 20;
  position: relative;
  white-space: nowrap;
}

input[type=date], .inp-box [type=date].ico-confirm,
input[type=date]::-webkit-outer-spin-button,
.inp-box [type=date].ico-confirm::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
.inp-box [type=date].ico-confirm::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator,
.inp-box [type=date].ico-confirm::-webkit-calendar-picker-indicator {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
  background: none;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* device 320 */
@media screen and (max-width: 320px) {
  html, body {
    font-size: 9px;
  }
}
svg {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

/* tap highlight */
* {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}
*:hover, *:focus, *:active {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}

label,
input,
.inp-box .ico-confirm {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}
label:hover, label:focus, label:active,
input:hover,
.inp-box .ico-confirm:hover,
input:focus,
.inp-box .ico-confirm:focus,
input:active,
.inp-box .ico-confirm:active {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}

a, button {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
a:hover, a:active, button:hover, button:active {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

@font-face {
  font-family: "KBFGText";
  font-style: normal;
  font-weight: normal;
  src: url("/font/KBFGTextM.eot");
  src: local("KBFGTextM"), url("/font/KBFGTextM.eot?iefix") format("embedded-opentype"), url("/font/KBFGTextM.woff") format("woff"), url("/font/KBFGTextM.ttf") format("truetype"), url("/font/KBFGTextM.svg#KBFGTextM") format("svg");
} /* KB���� ����ü Medium*/
@font-face {
  font-family: "KBFGText";
  font-style: normal;
  font-weight: bold;
  src: url("/font/KBFGTextB.eot");
  src: local("KBFGTextB"), url("/font/KBFGTextB.eot?iefix") format("embedded-opentype"), url("/font/KBFGTextB.woff") format("woff"), url("/font/KBFGTextB.ttf") format("truetype"), url("/font/KBFGTextB.svg#KBFGTextB") format("svg");
} /* KB���� ����ü Bold*/
@font-face {
  font-family: "KBFBTextL";
  font-style: normal;
  font-weight: normal;
  src: url("/font/KBFGTextL.eot");
  src: local("KBFGTextM"), url("/font/KBFGTextL.eot?iefix") format("embedded-opentype"), url("/font/KBFGTextL.woff") format("woff"), url("/font/KBFGTextL.ttf") format("truetype"), url("/font/KBFGTextL.svg#KBFGTextL") format("svg");
} /* KB���� ����ü Light*/
@font-face {
  font-family: "KBFGTextM";
  font-style: normal;
  font-weight: normal;
  src: url("/font/KBFGTextM.eot");
  src: local("KBFGTextM"), url("/font/KBFGTextM.eot?iefix") format("embedded-opentype"), url("/font/KBFGTextM.woff") format("woff"), url("/font/KBFGTextM.ttf") format("truetype"), url("/font/KBFGTextM.svg#KBFGTextM") format("svg");
} /* KB���� ����ü Medium*/
@font-face {
  font-family: "KBFGTextB";
  font-style: normal;
  font-weight: normal;
  src: url("/font/KBFGTextB.eot");
  src: local("KBFGTextB"), url("/font/KBFGTextB.eot?iefix") format("embedded-opentype"), url("/font/KBFGTextB.woff") format("woff"), url("/font/KBFGTextB.ttf") format("truetype"), url("/font/KBFGTextB.svg#KBFGTextB") format("svg");
} /* KB���� ����ü Bold*/
@font-face {
  font-family: "KBFGDisplayL";
  font-style: normal;
  font-weight: normal;
  src: url("/font/KBFGDisplayL.eot");
  src: local("KBFGDisplayL"), url("/font/KBFGDisplayL.eot?iefix") format("embedded-opentype"), url("/font/KBFGDisplayL.woff") format("woff"), url("/font/KBFGDisplayL.ttf") format("truetype"), url("/font/KBFGDisplayL.svg#KBFGDisplayL") format("svg");
} /*KB���� ����ü Light*/
@font-face {
  font-family: "KBFGDisplayM";
  font-style: normal;
  font-weight: normal;
  src: url("/font/KBFGDisplayM.eot");
  src: local("KBFGDisplayM"), url("/font/KBFGDisplayM.eot?iefix") format("embedded-opentype"), url("/font/KBFGDisplayM.woff") format("woff"), url("/font/KBFGDisplayM.ttf") format("truetype"), url("/font/KBFGDisplayM.svg#KBFGDisplayM") format("svg");
} /*KB���� ����ü Medium*/
@font-face {
  font-family: "KBFGDisplayB";
  font-style: normal;
  font-weight: normal;
  src: url("/font/KBFGDisplayB.eot");
  src: local("KBFGDisplayB"), url("/font/KBFGDisplayB.eot?iefix") format("embedded-opentype"), url("/font/KBFGDisplayB.woff") format("woff"), url("/font/KBFGDisplayB.ttf") format("truetype"), url("/font/KBFGDisplayB.svg#KBFGDisplayB") format("svg");
} /*KB���� ����ü Blod*/
/*
 * clearfix
 * @include clearfix;
*/
/*
* overflowScrolling
* @include overflowScrolling;
*/
/*
* calc
* @include calc('width', 250px)
*/
/*
* calc
* @include camobile-size-calc('width', 87px);
*/
/*
* textEllipsis �� ��
* @include textEllipsis;
*/
.ellipsis {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.4 !important;
  max-height: 1.4em !important;
}

/*
* textEllipsis �� ��
* @include textEllipsisClamp;
*/
/*
* translate3D
* @include translate3D;
*/
/*
* scale
* @include scale(-1, 1);
*/
/*
* transition
* @include allTransition();
*/
/* Typography */
/* color */
/* ����-����-�׷���  */
.round-gray-box {
  border-radius: 1.2rem;
  background: #eee;
}

/* ����-����-��� */
.round-pale-box {
  padding: 1.6rem;
  border-radius: 0.8rem;
  background: #f6f8f9;
}

/* ����-���� */
.round-border {
  border-radius: 1.2rem;
  border: 1px solid #eee;
  overflow: hidden;
}

/* ���� ����  */
.num-round {
  font-size: 1.2rem;
  padding: 0 0.4rem;
  min-width: 1.6rem;
  line-height: 1.6rem;
  height: 1.6rem;
  text-align: center;
  border-radius: 0.8rem;
  background-color: #ffcc00;
  color: #222;
}

/* info */
/* common */
.blind {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  width: 1px;
  height: 1px;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

/* Typography */
.header-title-100 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.header-title__desc {
  display: block;
  margin-top: 0.5rem;
  padding-bottom: 1rem;
  color: #666;
  font-size: 1.4rem;
  line-height: 1.7rem;
}

.page-intro-50 {
  line-height: 3.2rem;
  color: #222;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.page-intro-100 {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.page-intro-200 {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.contents-title-50 {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.contents-title-100 {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.contents-title-100 + .body-120 {
  margin-top: 0.8rem;
}
.contents-title-100 + .table-wrap {
  margin-top: 3.2rem;
}

.contents-title-200 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.contents-title-300 {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.contents-title-300 + .inp-list-wrap {
  margin-top: 1.6rem;
}
.contents-title-300 + .body-120 {
  margin-top: 1.6rem;
}

.body-100 {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.body-110 {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}

.body-120 {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.body-120 + .contents-title-300 {
  margin-top: 3.2rem;
}

.body-200 {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}

.body-210, .inp-list-wrap > ul > li .label {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

.caption-100 {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

.dock-bar-100 {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

/* color */
.primary-color-100 {
  color: #222;
  background-color: #fc0;
}

.primary-color-200 {
  color: #fff;
  background-color: #2589ff;
}

.font-color-black-100 {
  color: #222;
}

.font-color-gray-100 {
  color: #666;
}

.font-color-gray-200, .inp-list-wrap > ul > li .label {
  color: #888;
}

.font-color-white-100 {
  color: #fff;
}

.line-color-gray-100 {
  border: 1px solid #aaa;
}

.line-color-gray-200 {
  border: 1px solid #ddd;
}

.line-color-gray-300 {
  border: 1px solid #eee;
}

.bg-color-gray-100 {
  background-color: #f8f8f8;
}

.bg-color-gray-200 {
  background-color: #f6f8f9;
}

.option-color-red-100 {
  color: #f00;
}

.option-color-blue-100 {
  color: #2589ff;
}

.display-none {
  display: none !important;
}

.primary-color-400 {
  color: #fc0 !important;
}

.fc-positive {
  color: #2589ff !important;
}

.fc-warn {
  color: #ff0000 !important;
}

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

.fc-light-yellow {
  color: #ffde00 !important;
}

.fc-yellow {
  color: #fc0 !important;
}

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

.fc-orange {
  color: #ff6902 !important;
}

.fw-regular {
  font-weight: normal !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-bold {
  font-weight: bold !important;
}

.word-keepall {
  word-break: keep-all !important;
}

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

.txt-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

.no-ellipsis {
  white-space: normal !important;
  text-overflow: initial !important;
  overflow: visible !important;
}

.txt-footnote {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #888;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
}

.txt-nodata {
  font-size: 1.6rem;
  font-weight: 500;
  color: #888;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
}

.txt-unit {
  display: inline-block;
  vertical-align: middle;
}

.txt-rate {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
}
.txt-rate.type-up {
  color: #ff0000;
}
.txt-rate.type-down {
  color: #2589ff;
}
.txt-rate.type-down .icon16:before,
.txt-rate.type-down .icon12:before {
  margin-top: 0;
  border-top-color: #2589ff;
  border-bottom-color: transparent;
}
.txt-rate .icon16,
.txt-rate .icon12 {
  position: relative;
}
.txt-rate .icon16:before,
.txt-rate .icon12:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 0;
  height: 0;
  margin-top: -0.4rem;
  border-top: 0.4rem solid transparent;
  border-bottom: 0.4rem solid #ff0000;
  border-right: 0.3rem solid transparent;
  border-left: 0.3rem solid transparent;
  content: "";
}

.txt-star {
  color: #ffc23c;
}
.txt-star:before {
  display: inline;
  content: "��";
}

.txt-under {
  text-decoration: underline !important;
}

.gap-none {
  margin-top: 0 !important;
}

.gap-xs {
  margin-top: 0.4rem !important;
}

.gap-s {
  margin-top: 0.8rem !important;
}

.gap-12 {
  margin-top: 1.2rem !important;
}

.gap-m {
  margin-top: 1.6rem !important;
}

.gap-l {
  margin-top: 2.4rem !important;
}

.gap-xl {
  margin-top: 3.2rem !important;
}

.gap-xxl {
  margin-top: 5rem !important;
}

.gap-max {
  margin-top: 8rem !important;
}

.mgb-none {
  margin-bottom: 0 !important;
}

.mgb-m {
  margin-bottom: 1.6rem !important;
}

.mg-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.pdt-none {
  padding-top: 0 !important;
}

.pd-none {
  padding: 0 !important;
}

.w200 {
  width: 20rem !important;
}

.flex-align-top {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.flex-align-bottom {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.a11y {
  position: absolute;
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: transparent;
  font-size: xx-small;
  clip: rect(1px 1px 1px 1px);
}

.transparent {
  opacity: 0 !important;
}

.txt-highlight {
  position: relative;
  z-index: 0;
  color: #222;
}
.txt-highlight:before {
  z-index: -1;
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  width: 0;
  height: 0.8rem;
  background: #ffcc00;
  display: block;
  -webkit-animation: aniHighlighting ease-in-out 1.2s both 0.3s;
          animation: aniHighlighting ease-in-out 1.2s both 0.3s;
  content: "";
}
@-webkit-keyframes aniHighlighting {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes aniHighlighting {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.page-intro-100 + .inp-list-wrap {
  margin-top: 3rem;
}
.page-intro-100 .txt-highlight {
  position: relative;
  z-index: 0;
}
.page-intro-100 .txt-highlight:before {
  z-index: -1;
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  width: 0;
  height: 0.8rem;
  background: #ffcc00;
  display: block;
  -webkit-animation: aniHighlighting ease-in-out 1.2s both 0.3s;
          animation: aniHighlighting ease-in-out 1.2s both 0.3s;
  content: "";
}
@keyframes aniHighlighting {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.txt-highlight-sm {
  position: relative;
  z-index: 0;
}
.txt-highlight-sm:before {
  z-index: -1;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: #ffde00;
  display: block;
  content: "";
}

.ani-fadein, .CMYMGA301 .inp-list-wrap > ul > li, .CMYMGA301 .btn-wrap {
  opacity: 0;
  -webkit-animation: aniFadeInUp ease-in-out 0.5s both 0.5s;
          animation: aniFadeInUp ease-in-out 0.5s both 0.5s;
}

@-webkit-keyframes aniFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2.5rem);
            transform: translateY(2.5rem);
  }
  90% {
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes aniFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2.5rem);
            transform: translateY(2.5rem);
  }
  90% {
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
body.lock {
  overflow: hidden;
}

.balloon-box {
  will-change: transform, opacity;
  display: inline-block;
  min-height: 2.4rem;
  padding: 0 1rem;
  color: #fff;
  border-radius: 1.2rem;
  font-size: 1.2rem;
  line-height: 2.4rem;
  background: #434c53;
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translateY(0.5rem) scale(1);
      -ms-transform: translateY(0.5rem) scale(1);
          transform: translateY(0.5rem) scale(1);
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
.balloon-box .point {
  margin-right: 0.2rem;
  color: #ffec3f;
  font-size: 1rem;
  font-weight: 700;
}
.balloon-box:before {
  position: absolute;
  top: 100%;
  right: 2rem;
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  margin-top: -0.1rem;
  background: url("/images/common/as/intro-balloon-tip-blue.svg") bottom right/contain no-repeat;
  content: "";
}
.balloon-box.type-dark {
  background-color: #434c53;
  color: #fff;
}
.balloon-box.type-dark:before {
  background: url("/images/common/as/intro-balloon-tip.svg?ver=202205") bottom right/contain no-repeat;
}
.balloon-box.type-yellow {
  background-color: #f7b500;
  color: #fff;
}
.balloon-box.type-yellow:before {
  background: url("/images/common/as/intro-balloon-tip-yellow.svg?ver=202205") bottom right/contain no-repeat;
}
.balloon-box.type-orange {
  background-color: #fa6400;
  color: #fff;
}
.balloon-box.type-orange:before {
  background: url("/images/common/as/intro-balloon-tip-orange.svg?ver=202205") bottom right/contain no-repeat;
}
.balloon-box.type-white {
  background-color: #fff;
  border: solid 1px #ddd;
  color: #666;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12);
}
.balloon-box.type-white:before {
  right: 1.3rem;
  width: 1rem;
  height: 0.9rem;
  margin-top: 0;
  background: url("/images/common/icon/intro-balloon-tip-white.png") 0 0 no-repeat;
  background-size: 100%;
}
.balloon-box.show {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.balloon-box.ps-top {
  -webkit-transform: translateY(-0.5rem);
      -ms-transform: translateY(-0.5rem);
          transform: translateY(-0.5rem);
}
.balloon-box.ps-top:before {
  bottom: 100%;
  margin-bottom: -0.1rem;
  top: auto;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}
.balloon-box.ps-top.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.screenon .balloon-box {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.footer-balloon-area {
  position: absolute;
  bottom: 100%;
  left: 1.6rem;
  right: 1.6rem;
  margin-bottom: -1.4rem;
}
.footer-balloon-area .balloon-box.ps-right {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-animation: aniBalloonUp ease-in-out 0.3s both 0.2s;
          animation: aniBalloonUp ease-in-out 0.3s both 0.2s;
}

.num-alert {
  display: inline-block;
  vertical-align: middle;
  min-width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  background: #fc0;
  padding: 0 0.4rem;
  line-height: 1.6rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  color: #222;
}

/* myp start */
/* btn-txt */
.btn-txt {
  position: relative;
  display: inline-block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.btn-txt:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #aaa;
}
.btn-txt.sm {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.btn-txt.sm:after {
  bottom: 0.1rem;
}
.btn-txt.no-line:after {
  display: none;
}
.btn-txt.fc-positive:after {
  background: #2589ff !important;
}
.btn-txt.fc-black:after {
  background: #222 !important;
}
.btn-txt.fc-white:after {
  background: #fff !important;
}
.btn-txt:disabled {
  color: #ddd;
}
.btn-txt:disabled:after {
  display: none;
}
.btn-txt.has-icon:after {
  display: none;
}
.btn-txt.has-icon > span {
  position: relative;
}
.btn-txt.has-icon > span:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #aaa;
}
.btn-txt.has-icon.fc-black > span:after {
  background: #222;
}
.btn-txt.has-icon > .icon24 {
  margin-right: 0.5rem;
}

/* btn-txt-arrow */
.btn-txt-arrow {
  display: inline-block;
}
.btn-txt-arrow span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.btn-txt-arrow span + .icon16 {
  margin-left: 0.4rem;
}
.btn-txt-arrow .icon16 {
  vertical-align: middle;
}

/* btn-rectangle */
.btn-rectangle {
  display: inline-block;
  padding: 6px 8px;
  height: 28px;
  border: 1px solid #666;
  border-radius: 4px;
  background: #fff;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  word-break: keep-all;
}
.btn-rectangle:disabled {
  border: 1px solid #f8f8f8;
  background: #f8f8f8;
  color: #888;
}
.btn-rectangle.size-l {
  height: 5.6rem;
  line-height: 5.6rem;
  border-radius: 1.2rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  padding: 0 1.6rem;
}
.btn-rectangle.size-m {
  height: 4.2rem;
  line-height: 4.2rem;
  border-radius: 0.8rem;
  font-size: 1.4rem;
  padding: 0 1.6rem;
}
.btn-rectangle.bg-yellow {
  border: 1px solid #ffcc00;
  background: #ffcc00;
  color: #222;
}
.btn-rectangle.bg-yellow:disabled {
  border-color: #f8f8f8;
  background: #f8f8f8;
  color: #888;
}

/* btn-select */
.btn-select {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 6.4rem;
  border-bottom: 1px solid #eee;
}
.btn-select .tit {
  display: block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #888;
  text-align: left;
}
.btn-select .txt {
  display: none;
  margin-top: 0.6rem;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: left;
  font-weight: 500;
}
.btn-select .txt b {
  vertical-align: middle;
  display: inline-block;
  width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-select .txt em {
  vertical-align: middle;
  display: inline-block;
}
.btn-select .icon16 {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn-select.active .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.btn-select.active .txt {
  display: block;
}
.btn-select:disabled .txt {
  color: #888;
}

.btn-line-select {
  position: relative;
  height: 3.6rem;
  line-height: 3.4rem;
  display: inline-block;
  vertical-align: middle;
  border: 0.1rem solid #222;
  border-radius: 0.8rem;
  padding: 0 2.4rem 0 1rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
}
.btn-line-select:after {
  position: absolute;
  top: 50%;
  right: 0.6rem;
  margin-top: -0.8rem;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-arrow-bottom-black.svg") no-repeat center/contain;
  content: "";
}
.btn-line-select.active:after {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.select-panel-area {
  margin: 1.6rem -1.6rem;
}

.select-panel {
  display: none;
}
.select-panel.active {
  display: block;
  background: #f6f8f9;
  padding: 1.4rem 1.6rem;
}

.btn-select-area {
  font-size: 0;
  margin: -0.3rem;
}
.btn-select-area .btn-line-select {
  margin: 0.3rem;
}
.btn-select-area .txt-divide {
  display: inline-block;
  vertical-align: middle;
  font-size: 2rem;
  line-height: 1;
  margin: 0.3rem 0.6rem;
}

/* btn-round */
.btn-round {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  padding: 0 0.8rem;
  line-height: 2.8rem;
  height: 2.8rem;
  text-align: center;
  border-radius: 1.4rem;
}
.btn-round.bg-yellow {
  background: #ffcc00;
  border: 0.1rem solid #ffcc00;
  color: #222;
}
.btn-round.bg-yellow:disabled {
  background: #f8f8f8 !important;
  color: #aaa !important;
  border-color: transparent !important;
}
.btn-round.bg-gray {
  background: #eee;
  border: 0.1rem solid #eee;
  color: #222;
}
.btn-round.type-line {
  border: 0.1rem solid #eee;
}
.btn-round.type-line .num {
  margin-left: 0.4rem;
  font-weight: 500;
  color: #2589ff;
}
.btn-round.type-line:disabled {
  background: #eee;
  border-color: #eee;
  color: #aaa !important;
}
.btn-round.type-line:disabled .num {
  color: inherit;
}
.btn-round.type-line:disabled .icon-bookmark-s {
  opacity: 0.5;
}
.btn-round.type-line-search {
  height: 3rem;
  line-height: 2.8rem;
  border: 0.1rem solid #aaa;
  color: #222;
}
.btn-round.type-line-dark {
  border: 0.1rem solid #222;
  color: #222;
}
.btn-round.bg-white {
  background: #fff;
  border: 0.1rem solid #fff;
  color: #222;
}
.btn-round.bg-white .num {
  margin-left: 0.4rem;
  font-weight: 500;
  color: #2589ff;
}
.btn-round.bg-white:disabled {
  background: #eee;
  border-color: #eee;
  color: #aaa !important;
}
.btn-round.bg-white:disabled .num {
  color: inherit;
}
.btn-round.bg-white:disabled .icon-bookmark-s {
  opacity: 0.5;
}
.btn-round.size-l {
  height: 4rem;
  line-height: 4rem;
  border-radius: 2rem;
  padding: 0 1.2rem;
  font-weight: 700;
  font-size: 1.4rem;
}
.btn-round.size-l > span {
  font: inherit;
  color: inherit;
}
.btn-round.size-xl {
  height: 5rem;
  line-height: 5rem;
  border-radius: 2.5rem;
  padding: 0 4rem;
  font-weight: 700;
  font-size: 1.6rem;
}
.btn-round.size-xl > span {
  font: inherit;
  color: inherit;
}
.btn-round.size-xl.type-line {
  border-width: 0.15rem;
  line-height: 4.8rem;
}
.btn-round .icon-arrow-right-black {
  margin-top: -0.3rem;
}
.btn-round .icon-bookmark-s {
  vertical-align: middle;
  margin: -0.2rem 0.3rem 0 0;
}

.point-box .btn-round:disabled, .search-result-box .btn-round:disabled {
  background: #eee !important;
}
.point-box .btn-round:disabled .icon-arrow-right-black, .search-result-box .btn-round:disabled .icon-arrow-right-black {
  opacity: 0.4;
}

/* ��ư ���� - 48 */
.btn-wrap a,
.btn-wrap button {
  display: block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  width: 100%;
  border-radius: 1.2rem;
  line-height: 4.6rem;
  text-align: center;
}
.btn-wrap a span,
.btn-wrap button span {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.btn-wrap a i,
.btn-wrap button i {
  margin-right: 0.4rem;
}
.btn-wrap a .fade-toggle,
.btn-wrap button .fade-toggle {
  width: 100%;
}
.btn-wrap .btn-border-gray {
  border: 1px solid #666;
}
.btn-wrap .btn-border-gray .btn-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
  display: block;
  margin-top: 0.3rem;
}
.btn-wrap .btn-border-lightgray {
  border: 2px solid #e4ecf0;
  background: #fff;
  line-height: 4.4rem;
}
.btn-wrap .btn-border-lightgray .btn-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
  display: block;
  margin-top: 0.3rem;
}
.btn-wrap .btn-bg-yellow {
  border: 1px solid #ffcc00;
  background: #ffcc00;
}
.btn-wrap .btn-bg-paleGrey {
  border: 1px solid #eee;
  background: #eee;
}
.btn-wrap.type-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 24px 0 0;
}
.btn-wrap.type-flex + .btn-grid {
  margin-top: 8px;
}
.btn-wrap.type-flex a,
.btn-wrap.type-flex button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-left: 10px;
}
.btn-wrap.type-flex a:first-child,
.btn-wrap.type-flex button:first-child {
  margin-left: 0;
}
.btn-wrap.type-transparent a,
.btn-wrap.type-transparent button {
  font-size: 1.4rem;
  color: #666;
}
.btn-wrap.type-transparent a span,
.btn-wrap.type-transparent button span {
  font: inherit;
  color: inherit;
}
.btn-wrap.type-transparent a .icon16,
.btn-wrap.type-transparent button .icon16 {
  margin-top: -0.2rem;
}
.btn-wrap.type-direct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 24px 0 0;
}
.btn-wrap.type-direct .btn-border-gray {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-left: 10px;
  text-align: left;
  height: auto;
  padding: 16px 35px 16px 20px;
  border-color: #666;
}
.btn-wrap.type-direct .btn-border-gray:first-child {
  margin-left: 0;
}
.btn-wrap.size-l a,
.btn-wrap.size-l button {
  padding: 0 1.6rem;
  line-height: 5.6rem;
  height: 5.6rem;
}
.btn-wrap.size-l a span,
.btn-wrap.size-l button span {
  font-size: 1.8rem;
  font-weight: 500;
}
.btn-wrap.size-l .btn-border-lightgray {
  line-height: 5.2rem;
}

/* �÷��� ��ư */
.btn-floating {
  position: fixed;
  right: 1.6rem;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background: #ffcc00;
  -webkit-box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.btn-floating .hiding {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
  text-indent: -9999px;
}
.btn-floating.no-nav {
  bottom: 4.8rem;
}
.btn-floating .txt {
  display: block;
  margin-top: 0.1rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}

.btn-group {
  display: inline-block;
  width: 3.5rem;
  height: 3.4rem;
  background: url("/images/common/icon/icon-group.svg") center/contain no-repeat;
  line-height: 3.8rem;
  font-size: 1.4rem;
  color: #222;
  font-weight: bolder;
  font-family: "Arial", -apple-system, "Roboto", "NotoSansKR", sans-serif;
  text-align: center;
  overflow: hidden;
}
.btn-group span {
  font: inherit;
  color: inherit;
}

.btn-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.8rem 1.6rem 0.6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  background: #fff;
  border: 0.1rem solid #ccc;
  border-radius: 0.8rem;
}
.btn-data .btn-data-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.btn-data .btn-data-cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
}

.btn-flat-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0;
  border-radius: 0 0 12px 12px;
  overflow: hidden;
  border-top: 1px solid #eee;
}
.btn-flat-area .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin: 0;
  border-radius: 0;
  background: none;
  font-size: 16px;
  height: 54px;
  line-height: 54px;
}
.btn-flat-area .btn + .btn {
  border-left: 1px solid #eee;
}
.btn-flat-area .btn.btn-primary {
  color: #2589ff;
}
.btn-flat-area .btn.btn-secondary {
  color: #222;
}

.btn-refresh {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-height: 2.4rem;
  padding: 0.2rem 3rem 0 0;
}
.btn-refresh > span {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.btn-refresh > span .icon24-refresh-round-interaction,
.btn-refresh > span .icon-refresh-round {
  position: absolute;
  right: 0;
  top: 0;
}
.btn-refresh.size-l > span {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #222;
}

.direct-link {
  margin-top: 8px;
}
.direct-link > li {
  border-top: 1px solid #eee;
}
.direct-link > li:first-child {
  border-top: 0;
}
.direct-link > li.direct-link-banner {
  margin-top: 13px;
  border-top: 0;
}
.direct-link > li.direct-link-banner .direct-link-item {
  background: #fc0;
  border-radius: 12px;
  color: #222;
  padding: 20px;
}
.direct-link > li.direct-link-banner .direct-link-name strong {
  font-weight: bold;
}
.direct-link > li.direct-link-banner .direct-link-name span {
  color: #222;
}
.direct-link .direct-link-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 0;
  text-decoration: none;
}
.direct-link .direct-link-name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 10px;
}
.direct-link .direct-link-name strong {
  display: block;
  font-size: 16px;
  color: #222;
  font-weight: 700;
}
.direct-link .direct-link-name span {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: #888;
}
.direct-link .direct-link-util {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  font-size: 16px;
  text-align: right;
  color: #222;
}

.btn-bookmark {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
  background: url("/images/common/icon/icon-bookmark.svg") center/2.4rem auto no-repeat #fff;
}
.btn-bookmark.active {
  background-image: url("/images/common/icon/icon-bookmark-active.svg");
}
.btn-bookmark > span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.btn-bookmark.type-big {
  display: inline-block;
  vertical-align: middle;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.sticky-link {
  z-index: 1001;
  position: -webkit-sticky;
  position: sticky;
  top: 4.3rem;
  left: 0;
  display: block;
  width: auto;
  margin: 0 -1.6rem;
  padding: 1.2rem 1.6rem;
  text-align: left;
  background: #fff;
}
.sticky-link > span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.sticky-link > span .icon16 {
  vertical-align: middle;
  margin: -0.2rem 0.7rem 0 0;
}
.sticky-link > .icon16 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.6rem;
}
.sticky-link:after {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  height: 1.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.04)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0));
  pointer-events: none;
  content: "";
}

.btn-icon-round {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.btn-icon-round span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.btn-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0.8rem;
}

.btn-icon-txt {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0;
  margin-right: 1.6rem;
}
.btn-icon-txt > i {
  margin-right: 0.2rem;
}
.btn-icon-txt > span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
  vertical-align: middle;
  color: #666;
}
.btn-icon-txt.size-s > span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  line-height: 1;
  font-weight: 500;
}
.btn-icon-txt.size-s > i {
  margin-right: 0.4rem;
}
.btn-icon-txt.fc-positive > span {
  color: #2589ff;
}

.dot-new {
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  width: 0.4rem;
  height: 0.4rem;
  display: block;
  background: #f00;
  border-radius: 50%;
  color: transform;
  font-size: xx-small;
  overflow: hidden;
}

/* ���ϱ�, ������ */
.btn-like, .btn-compare {
  z-index: 2;
  position: relative;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 0.4rem;
  vertical-align: middle;
}
.btn-like > span:not(.garage-register-number), .btn-compare > span:not(.garage-register-number) {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.btn-like:after, .btn-compare:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-position: 0 0;
  background-size: 1.6rem auto;
  background-repeat: no-repeat;
  content: "";
}
.active.btn-like:after, .active.btn-compare:after {
  background-position: 0 -1.6rem;
}
.btn-like .balloon-box, .btn-compare .balloon-box {
  z-index: 2;
  position: absolute;
  bottom: 100%;
  right: -3rem;
  margin-bottom: 1rem;
}
.btn-like .balloon-box.show, .btn-compare .balloon-box.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.btn-compare:after {
  background-image: url("/images/common/icon/sp-icon16-compare.svg");
}

.btn-like:after {
  background-image: url("/images/common/icon/sp-icon16-like.svg");
}

.btn-round-tag {
  display: inline-block;
  height: 3.6rem;
  background: #feefb5;
  border-radius: 1.8rem;
  padding: 0 1.6rem;
  line-height: 3.6rem;
  vertical-align: middle;
  color: #222;
  font-weight: 500;
  font-size: 1.4rem;
  border: 0.1rem solid transparent;
  text-align: center;
}
.btn-round-tag.type-line-white {
  color: #fff;
  border-color: #fff;
  background: none;
}
.btn-round-tag.type-bg-yellow {
  color: #222;
  background: #fc0;
}
.btn-round-tag .dot-new {
  top: -0.1rem;
  right: -0.1rem;
}

.btn-tag-area {
  margin: -0.4rem -0.3rem;
}
.btn-tag-area .btn-round-tag {
  margin: 0.4rem 0.3rem;
}

/* ������ */
.icon12 {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon16 {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon20 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon24 {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon32 {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon38 {
  display: inline-block;
  width: 3.8rem;
  height: 3.8rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon40 {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon48 {
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon56 {
  display: inline-block;
  width: 5.6rem;
  height: 5.6rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon64 {
  display: inline-block;
  width: 6.4rem;
  height: 6.4rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon80 {
  display: inline-block;
  width: 8rem;
  height: 8rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.icon96 {
  display: inline-block;
  width: 9.6rem;
  height: 9.6rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon160 {
  display: inline-block;
  width: 16rem;
  height: 16rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

/* icon16 */
.icon16.icon-plus-gray {
  background: url("/images/common/icon/icon16-plus-gray.svg") no-repeat center/contain;
}

.icon16.icon-plus-black {
  background: url("/images/common/icon/icon16-plus-black.svg") no-repeat center/contain;
}

.icon16.icon-minus-black {
  background: url("/images/common/icon/icon16-minus-black.svg") no-repeat center/contain;
}

.icon16.icon-minus-gray {
  background: url("/images/common/icon/icon16-minus-gray.svg") no-repeat center/contain;
}

.icon16.icon-arrow-top-black {
  background: url("/images/common/icon/icon16-arrow-top-black.svg") no-repeat center/contain;
}

.icon16.icon-arrow-top-gray {
  background: url("/images/common/icon/icon16-arrow-top-gray.svg") no-repeat center/contain;
}

.icon16.icon-arrow-left-black {
  background: url("/images/common/icon/icon16-arrow-left-black.svg") no-repeat center/contain;
}

.icon16.icon-arrow-left-gray {
  background: url("/images/common/icon/icon16-arrow-left-gray.svg") no-repeat center/contain;
}

.icon16.icon-arrow-right-black {
  background: url("/images/common/icon/icon16-arrow-right-black.svg") no-repeat center/contain;
}

.icon16.icon-arrow-right-black-bold {
  background: url("/images/common/icon/icon16-arrow-right-black-black.svg") no-repeat center/contain;
}

.icon16.icon-arrow-right-gray {
  background: url("/images/common/icon/icon16-arrow-right-gray.svg") no-repeat center/contain;
}

.icon16.icon-arrow-bottom-black {
  background: url("/images/common/icon/icon16-arrow-bottom-black.svg") no-repeat center/contain;
}

.icon16.icon-arrow-bottom-gray {
  background: url("/images/common/icon/icon16-arrow-bottom-gray.svg") no-repeat center/contain;
}

.icon16.icon-tooltip {
  background: url("/images/common/icon/icon16-tooltip.svg") no-repeat center/contain;
}

.icon16.icon-submenu {
  background: url("/images/common/icon/icon16-submenu.svg") no-repeat center/contain;
}

.icon16.icon-delete {
  background: url("/images/common/icon/icon16-delete.svg") no-repeat center/contain;
}

.icon16.icon-calendar {
  background: url("/images/common/icon/icon16-calendar.svg") no-repeat center/contain;
}

.icon16.icon-phone {
  background: url("/images/common/icon/icon16-phone.svg") no-repeat center/contain;
}

.icon16.icon-search {
  background: url("/images/common/icon/icon16-search.svg") no-repeat center/contain;
}

.icon16.icon-error {
  background: url("/images/common/icon/icon16-error.svg") no-repeat center/contain;
}

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

.icon24.icon-datahistory {
  background: url("/images/common/as/icon24-datahistory.svg") no-repeat center/contain;
}

.icon24.icon-datamanagement {
  background: url("/images/common/as/icon24-datamanagement.svg") no-repeat center/contain;
}

.icon24.icon-errormanagement {
  background: url("/images/common/as/icon24-errormanagement.svg") no-repeat center/contain;
}

.icon24.icon-join {
  background: url("/images/common/as/icon24-join.svg") no-repeat center/contain;
}

.icon24.icon-notification {
  background: url("/images/common/as/icon24-notification.svg") no-repeat center/contain;
}

.icon56.icon-best {
  background: url("/images/common/icon/icon56-best.svg") no-repeat center/contain;
}

.icon56.icon-combine {
  background: url("/images/common/icon/icon56-combine.svg") no-repeat center/contain;
}

.icon56.icon-individual {
  background: url("/images/common/icon/icon56-individual.svg") no-repeat center/contain;
}

.icon-close, .icon-close2 {
  background: url("/images/common/icon/icon-close-gray.svg") no-repeat center/contain;
}

.icon-close-round {
  background: url("/images/common/icon/icon-close-round.svg") no-repeat center/contain;
}

.icon-close-round-dark {
  border: 1px solid red;
  background: url("/images/common/icon/icon-close-round.svg") no-repeat center/contain;
}

.icon-plus-yellow {
  background: url("/images/common/icon/icon16-plus-yellow.png") no-repeat center/contain;
}

.icon-refresh {
  background: url("/images/common/icon/icon16-refresh.svg") no-repeat center/contain;
}

.icon-refresh-dark {
  background: url("/images/common/icon/icon16-refresh-dark.svg") no-repeat center/contain;
}

.icon24-refresh-round-interaction {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  overflow: hidden;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}
.icon24-refresh-round-interaction.active .rotate-arrow {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation: rotateArrow 1.2s linear infinite;
          animation: rotateArrow 1.2s linear infinite;
}

@-webkit-keyframes rotateArrow {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateArrow {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.icon-refresh-round {
  background: url("/images/common/icon/icon24-reload-black.svg") no-repeat center/contain;
}
.icon-refresh-round.refresh-loding {
  background: url(/images/common/icon/icon24-reload-black-interaction.svg) no-repeat center/contain;
}

.icon-refresh-round-interaction {
  background: url(/images/common/icon/icon24-reload-black-interaction.svg) no-repeat center/contain;
}

.icon-info {
  background: url("/images/common/icon/icon16-info.svg") no-repeat center/contain;
}

.icon-info-black {
  background: url("/images/common/icon/icon16-info-black.svg") no-repeat center/contain;
}

.icon-setting {
  background: url("/images/common/icon/icon16-setting.svg") no-repeat center/contain;
}

.icon-modify {
  background: url("/images/common/icon/icon16-modify.svg") no-repeat center/contain;
}

.icon-time {
  background: url("/images/common/icon/icon16-time.svg") no-repeat center/contain;
}

.icon-plus-round-black {
  background: url("/images/common/icon/icon16-plus-round-black.svg") no-repeat center/contain;
}

.icon-point {
  background: url("/images/common/icon/icon16-point.svg") no-repeat center/contain;
}

.icon-notice {
  background: url("/images/common/icon/icon16-notice.svg") no-repeat center/contain;
}

.icon-depth {
  background: url("/images/common/icon/icon16-depth.svg") no-repeat center/contain;
}

.icon-data-modify {
  background: url("/images/common/icon/icon16-data-modify.svg") no-repeat center/contain;
}

.icon-search {
  background: url("/images/common/icon/icon-search.svg") no-repeat center/contain;
}

.icon-calendar {
  background: url("/images/common/icon/icon-calendar.png") no-repeat center/contain;
}

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

.icon-close-black {
  background: url("/images/common/icon/icon24-close-black.svg") no-repeat center/contain;
}

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

.icon-alarm-on {
  background: url("/images/common/icon/icon24-alarm-on.svg") no-repeat center/contain;
}

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

.icon-plus-black {
  background: url("/images/common/icon/icon24-plus-black.svg") no-repeat center/contain;
}

.icon-plus-gray {
  background: url("/images/common/icon/icon24-plus-gray.svg") no-repeat center/contain;
}

.icon-round-plus-orange {
  background: url("/images/common/icon/icon24-round-plus-orange.svg") no-repeat center/contain;
}

.icon-minus-black {
  background: url("/images/common/icon/icon24-minus-black.svg") no-repeat center/contain;
}

.icon-minus-gray {
  background: url("/images/common/icon/icon24-minus-gray.svg") no-repeat center/contain;
}

.icon-arrow-right-small-gray {
  background: url("/images/common/icon/icon16-arrow-right-small-gray.svg") no-repeat center/contain;
}

.icon-arrow-right-small-white {
  background: url("/images/common/icon/icon16-arrow-right-small-white.svg") no-repeat center/contain;
}

.icon-arrow-top-black {
  background: url("/images/common/icon/icon24-arrow-top-black.svg") no-repeat center/contain;
}

.icon-arrow-top-gray {
  background: url("/images/common/icon/icon24-arrow-top-gray.svg") no-repeat center/contain;
}

.icon-arrow-left-black {
  background: url("/images/common/icon/icon24-arrow-left-black.svg") no-repeat center/contain;
}

.icon-arrow-left-gray {
  background: url("/images/common/icon/icon24-arrow-left-gray.svg") no-repeat center/contain;
}

.icon-arrow-right-black {
  background: url("/images/common/icon/icon24-arrow-right-black.svg") no-repeat center/contain;
}

.icon-arrow-right-gray {
  background: url("/images/common/icon/icon24-arrow-right-gray.svg") no-repeat center/contain;
}

.icon-arrow-bottom-black {
  background: url("/images/common/icon/icon24-arrow-bottom-black.svg") no-repeat center/contain;
}

.icon-arrow-bottom-gray {
  background: url("/images/common/icon/icon24-arrow-bottom-gray.svg") no-repeat center/contain;
}

.icon-assets-off {
  background: url("/images/common/icon/icon24-assets-off.svg") no-repeat center/contain;
}

.icon-assets-on {
  background: url("/images/common/icon/icon24-assets-on.svg") no-repeat center/contain;
}

.icon-urchase-off {
  background: url("/images/common/icon/icon24-urchase-off.svg") no-repeat center/contain;
}

.icon-asset-on {
  background: url("/images/common/icon/icon24-asset-on.svg") no-repeat center/contain;
}

.icon-investment-off {
  background: url("/images/common/icon/icon24-investment-off.svg") no-repeat center/contain;
}

.icon-investment-on {
  background: url("/images/common/icon/icon24-investment-on.svg") no-repeat center/contain;
}

.icon-mypage-off {
  background: url("/images/common/icon/icon24-mypage-off.svg") no-repeat center/contain;
}

.icon-mypage-on {
  background: url("/images/common/icon/icon24-mypage-on.svg") no-repeat center/contain;
}

.icon-refresh-round {
  background: url("/images/common/icon/icon24-refresh-round.svg") no-repeat center/contain;
}

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

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

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

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

.icon-like-off {
  background: url("/images/common/icon/icon24-like-off.svg") no-repeat center/contain;
}

.icon-like-on {
  background: url("/images/common/icon/icon24-like-on.svg") no-repeat center/contain;
}

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

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

.icon-purchase-classiccar {
  background: url("/images/common/icon/icon24-purchase-classiccar.svg") no-repeat center/contain;
}

.icon-purchase-newcar {
  background: url("/images/common/icon/icon24-purchase-newcar.svg") no-repeat center/contain;
}

.icon-kbbank {
  background: url("/images/common/icon/icon32-kbbank.svg") no-repeat center/contain;
}

.icon-bank {
  background: url("/images/common/icon/icon32-bank.svg") no-repeat center/contain;
}

.icon-capital {
  background: url("/images/common/icon/icon32-capital.svg") no-repeat center/contain;
}

.icon-card {
  background: url("/images/common/icon/icon32-card.svg") no-repeat center/contain;
}

.icon-fund {
  background: url("/images/common/icon/icon32-fund.svg") no-repeat center/contain;
}

.icon-insurance {
  background: url("/images/common/icon/icon32-insurance.svg") no-repeat center/contain;
}

.icon-pension {
  background: url("/images/common/icon/icon32-pension.svg") no-repeat center/contain;
}

.icon32-spend-gasbill {
  background: url("/images/common/icon/icon32-spend-gasbill.svg") no-repeat center/contain;
}

.icon-phone {
  background: url("/images/common/icon/icon32-phone.svg") no-repeat center/contain;
}

.icon-kakaopay {
  background: url("/images/common/icon/icon32-kakaopay.svg") no-repeat center/contain;
}

.icon-toss {
  background: url("/images/common/icon/icon32-toss.svg") no-repeat center/contain;
}

.icon-toss-symbol {
  background: url("/images/common/icon/icon24-toss-symbol.svg") no-repeat center/contain;
}

.icon-success {
  background: url("/images/common/icon/icon48-success.svg") no-repeat center/contain;
}

.icon-success-interaction {
  background: url("/images/common/icon/icon48-success-interaction.svg") no-repeat center/contain;
}

.icon-error {
  background: url("/images/common/icon/icon-error.svg") no-repeat center/contain;
}

.icon-nodata {
  background: url("/images/common/icon/icon48-nodata.svg") no-repeat center/contain;
}

.icon-kakaopay-ex {
  width: 5.9rem;
  background: url("/images/common/icon/icon48-Kakaopay.png") no-repeat center/contain;
}

.icon-toss-ex {
  width: 5.9rem;
  background: url("/images/common/icon/icon48-toss.png") no-repeat center/contain;
}

.icon-more {
  background: url("/images/common/icon/icon48-more-view.svg") no-repeat center/contain;
}

.icon-combine {
  background: url("/images/common/icon/icon48-combine.svg") no-repeat center/contain;
}

.icon-individual {
  background: url("/images/common/icon/icon48-individual.svg") no-repeat center/contain;
}

.icon-asset {
  background: url("/images/common/icon/icon56-asset.svg") no-repeat center/contain;
}

.icon-loading {
  background: url("/images/common/icon/icon-loading.svg") no-repeat center/contain;
}

.icon-depth-line {
  background: url("/images/common/icon/icon-depthline.svg") no-repeat center/contain;
}

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

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

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

.icon-loan {
  background: url("/images/common/te/icon-loan.svg") no-repeat center/contain;
}

.icon-convertloan {
  background: url("/images/common/te/icon-convertloan.svg") no-repeat center/contain;
}

.icon-insurance-1 {
  background: url("/images/common/te/icon-insurance-1.svg") no-repeat center/contain;
}

.icon-insurance-2 {
  background: url("/images/common/te/icon-insurance-2.svg") no-repeat center/contain;
}

.icon-insurance-3 {
  background: url("/images/common/te/icon-insurance-3.svg") no-repeat center/contain;
}

.icon-insurance-4 {
  background: url("/images/common/te/icon-insurance-4.svg") no-repeat center/contain;
}

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

.icon-sun-cloud {
  background: url("/images/common/icon/icon24-sun-cloud.svg") no-repeat center/contain;
}

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

.icon-sell-1 {
  background: url("/images/common/te/icon-sell-1.svg") no-repeat center/contain;
}

.icon-sell-2 {
  background: url("/images/common/te/icon-sell-2.svg") no-repeat center/contain;
}

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

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

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

.icon24-close-gray {
  background: url("/images/common/icon/icon24-close-gray.svg") no-repeat center/contain;
}

.icon24-comm-menu {
  background: url("/images/common/icon/icon24-comm-menu.svg") no-repeat center/contain;
}

.icon24-comm-del {
  background: url("/images/common/icon/icon24-comm-del.svg") no-repeat center/contain;
}

.icon24-asset-list {
  background: url("/images/common/icon/icon24-asset-list.svg") no-repeat center/contain;
}

.icon48-simulation {
  background: url("/images/common/icon/icon48-simulation.svg") no-repeat center/contain;
}

.icon48-cost {
  background: url("/images/common/icon/icon48-cost.svg") no-repeat center/contain;
}

.icon48-insurance {
  background: url("/images/common/icon/icon48-insurance.svg") no-repeat center/contain;
}

.icon48-loan {
  background: url("/images/common/icon/icon48-loan.svg") no-repeat center/contain;
}

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

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

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

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

.icon48-comm-error {
  background: url("/images/common/icon/icon48-comm-error.svg") no-repeat center/contain;
}

.icon48-comm-commingsoon {
  background: url("/images/common/icon/icon48-comm-commingsoon.svg") no-repeat center/contain;
}

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

.icon-kakao-symbol {
  background: url("/images/common/icon/icon24-kakao@2x.png") no-repeat center/contain;
}

.icon-joint-certificate {
  background: url("/images/common/icon/icon24-joint-certificate.svg") no-repeat center/contain;
}

.icon-kb-mobile {
  background: url("/images/common/icon/icon24-kb-mobile.svg") no-repeat center/contain;
}

.icon-graph-arrow {
  background: url("/images/common/icon/icon-graph-arrow.svg") no-repeat center/contain;
}

/*********
 * ���̵����� ������
 *********/
.icon-scrolldown {
  background: url("/images/common/icon/icon16-scroll-down.svg") no-repeat center/contain;
}

.icon-bi {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}
.icon-bi img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.icon-bi.type-sm {
  width: 2.4rem;
  height: 2.4rem;
}

.icon-tip {
  display: inline-block;
  width: 2rem;
  height: 1.6rem;
  vertical-align: middle;
  background: url("/images/common/icon/icon-tip.png") center/contain no-repeat;
}

.icon-tooltip-light {
  vertical-align: middle;
  margin-top: -0.3rem;
  background: url("/images/common/icon/icon14-tooltip-white.svg") center/1.4rem auto no-repeat;
}

button.icon-tooltip-light {
  width: 2rem;
  height: 2rem;
}

.icon-bookmark-s {
  background: url("/images/common/icon/icon-bookmark-s.svg") center/1.6rem auto no-repeat;
}

.icon-bookmark {
  background-image: url("/images/common/icon/icon-bookmark.svg");
  background-position: center;
  background-size: 2.4rem auto;
  background-repeat: no-repeat;
}
.icon-bookmark.active {
  background-image: url("/images/common/icon/icon-bookmark-active.svg");
}

.icon-addbank {
  background: url("/images/common/icon/icon16-addbank.svg") center/1.6rem auto no-repeat;
}

.icon-plus-black-bold {
  background: url("/images/common/icon/icon16-plus-bold.svg") center/1.6rem auto no-repeat;
}

.icon-tooltip-s {
  background: url("/images/common/icon/icon-tooltip-s.svg") center/1.4rem auto no-repeat;
}

.icon-sign-in {
  background: url("/images/common/icon/icon48-sign-in.svg") center/4.8rem auto no-repeat;
}

#tem5-1 ~ .icon40 {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}

.main-logo-chachacha {
  background: url("/images/common/logo/img-logo-chachacha.svg") no-repeat center/contain;
}

.logo-tmap {
  width: 6.5rem;
  height: 1.7rem;
  background: url("/images/common/logo/logo-tmap.png") no-repeat center/contain;
}

.logo-tmap-rect {
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  background: url("/images/common/logo/logo-tmap-rect.png") no-repeat center/contain;
}

/* ������ - �ΰ�*/
.icon40-bank-bidv {
  background: url("/images/common/logo/icon40-bank-bidv.svg") no-repeat center/contain;
}

.icon40-bank-busanbank {
  background: url("/images/common/logo/icon40-bank-busanbank.svg") no-repeat center/contain;
}

.icon40-bank-choeun {
  background: url("/images/common/logo/icon40-bank-choeun.svg") no-repeat center/contain;
}

.icon40-bank-citi {
  background: url("/images/common/logo/icon40-bank-citi.svg") no-repeat center/contain;
}

.icon40-bank-dgb {
  background: url("/images/common/logo/icon40-bank-dgb.svg") no-repeat center/contain;
}

.icon40-bank-eugene {
  background: url("/images/common/logo/icon40-bank-eugene.svg") no-repeat center/contain;
}

.icon40-bank-ibk {
  background: url("/images/common/logo/icon40-bank-ibk.svg") no-repeat center/contain;
}

.icon40-bank-jeonbuk {
  background: url("/images/common/logo/icon40-bank-jeonbuk.svg") no-repeat center/contain;
}

.icon40-bank-jt {
  background: url("/images/common/logo/icon40-bank-jt.svg") no-repeat center/contain;
}

.icon40-bank-kakaobank {
  background: url("/images/common/logo/icon40-bank-kakaobank.svg") no-repeat center/contain;
}

.icon40-bank-kb {
  background: url("/images/common/logo/icon40-bank-kb.svg") no-repeat center/contain;
}

.icon40-bank-kbchachacha {
  background: url("/images/common/logo/icon40-bank-kbchachacha.svg") no-repeat center/contain;
}

.icon40-bank-kdb {
  background: url("/images/common/logo/icon40-bank-kdb.svg") no-repeat center/contain;
}

.icon40-bank-keb {
  background: url("/images/common/logo/icon40-bank-keb.svg") no-repeat center/contain;
}

.icon40-bank-kiumyes {
  background: url("/images/common/logo/icon40-bank-kiumyes.svg") no-repeat center/contain;
}

.icon40-bank-nh {
  background: url("/images/common/logo/icon40-bank-nh.svg") no-repeat center/contain;
}

.icon40-bank-ok {
  background: url("/images/common/logo/icon40-bank-ok.svg") no-repeat center/contain;
}

.icon40-bank-osb {
  background: url("/images/common/logo/icon40-bank-osb.svg") no-repeat center/contain;
}

.icon40-bank-saemaeul {
  background: url("/images/common/logo/icon40-bank-saemaeul.svg") no-repeat center/contain;
}

.icon40-bank-savingkb {
  background: url("/images/common/logo/icon40-bank-savingkb.svg") no-repeat center/contain;
}

.icon40-bank-sb {
  background: url("/images/common/logo/icon40-bank-sb.svg") no-repeat center/contain;
}

.icon40-bank-sbi {
  background: url("/images/common/logo/icon40-bank-sbi.svg") no-repeat center/contain;
}

.icon40-bank-sc {
  background: url("/images/common/logo/icon40-bank-sc.svg") no-repeat center/contain;
}

.icon40-bank-shinhan {
  background: url("/images/common/logo/icon40-bank-shinhan.svg") no-repeat center/contain;
}

.icon40-bank-shinhyup {
  background: url("/images/common/logo/icon40-bank-shinhyup.svg") no-repeat center/contain;
}

.icon40-bank-thek {
  background: url("/images/common/logo/icon40-bank-thek.svg") no-repeat center/contain;
}

.icon40-bank-welcome {
  background: url("/images/common/logo/icon40-bank-welcome.svg") no-repeat center/contain;
}

.icon40-bank-woori {
  background: url("/images/common/logo/icon40-bank-woori.svg") no-repeat center/contain;
}

.icon40-bank-yegaram {
  background: url("/images/common/logo/icon40-bank-yegaram.svg") no-repeat center/contain;
}

.icon40-bank-yuanta {
  background: url("/images/common/logo/icon40-bank-yuanta.svg") no-repeat center/contain;
}

.icon40-capital-aju {
  background: url("/images/common/logo/icon40-capital-aju.svg") no-repeat center/contain;
}

.icon40-capital-hdcapital {
  background: url("/images/common/logo/icon40-capital-hdcapital.svg") no-repeat center/contain;
}

.icon40-capital-kb {
  background: url("/images/common/logo/icon40-capital-kb.svg") no-repeat center/contain;
}

.icon40-capital-miraeasset {
  background: url("/images/common/logo/icon40-capital-miraeasset.svg") no-repeat center/contain;
}

.icon40-capital-sy {
  background: url("/images/common/logo/icon40-capital-sy.svg") no-repeat center/contain;
}

.icon40-capital-volkswagen {
  background: url("/images/common/logo/icon40-capital-volkswagen.svg") no-repeat center/contain;
}

.icon40-card-bccard {
  background: url("/images/common/logo/icon40-card-bccard.svg") no-repeat center/contain;
}

.icon40-card-hdcard {
  background: url("/images/common/logo/icon40-card-hdcard.svg") no-repeat center/contain;
}

.icon40-card-kbcard {
  background: url("/images/common/logo/icon40-card-kbcard.svg") no-repeat center/contain;
}

.icon40-card-lottecard {
  background: url("/images/common/logo/icon40-card-lottecard.svg") no-repeat center/contain;
}

.icon40-card-samsungcard {
  background: url("/images/common/logo/icon40-card-samsungcard.svg") no-repeat center/contain;
}

.icon40-card-shinhancard {
  background: url("/images/common/logo/icon40-card-shinhancard.svg") no-repeat center/contain;
}

.icon40-communication-kt {
  background: url("/images/common/logo/icon40-communication-kt.svg") no-repeat center/contain;
}

.icon40-communication-lg {
  background: url("/images/common/logo/icon40-communication-lg.svg") no-repeat center/contain;
}

.icon40-communication-sk {
  background: url("/images/common/logo/icon40-communication-sk.svg") no-repeat center/contain;
}

.icon40-electronic-11st {
  background: url("/images/common/logo/icon40-electronic-11st.svg") no-repeat center/contain;
}

.icon40-electronic-interpark {
  background: url("/images/common/logo/icon40-electronic-interpark.svg") no-repeat center/contain;
}

.icon40-electronic-konai {
  background: url("/images/common/logo/icon40-electronic-konai.svg") no-repeat center/contain;
}

.icon40-electronic-nhnpayco {
  background: url("/images/common/logo/icon40-electronic-nhnpayco.svg") no-repeat center/contain;
}

.icon40-electronic-skcomms {
  background: url("/images/common/logo/icon40-electronic-skcomms.svg") no-repeat center/contain;
}

.icon40-electronic-sKplanet {
  background: url("/images/common/logo/icon40-electronic-sKplanet.svg") no-repeat center/contain;
}

.icon40-electronic-tmoney {
  background: url("/images/common/logo/icon40-electronic-tmoney.svg") no-repeat center/contain;
}

.icon40-emblem-hyundai {
  background: url("/images/common/logo/icon40-emblem-hyundai.svg") no-repeat center/contain;
}

.icon40-emblem-kia {
  background: url("/images/common/logo/icon40-emblem-kia.svg") no-repeat center/contain;
}

.icon40-government-nationaltaxService {
  background: url("/images/common/logo/icon40-government-nationaltaxService.svg") no-repeat center/contain;
}

.icon40-insurance-aig {
  background: url("/images/common/logo/icon40-insurance-aig.svg") no-repeat center/contain;
}

.icon40-insurance-axa {
  background: url("/images/common/logo/icon40-insurance-axa.svg") no-repeat center/contain;
}

.icon40-insurance-carrot {
  background: url("/images/common/logo/icon40-insurance-carrot.svg") no-repeat center/contain;
}

.icon40-insurance-hyundai {
  background: url("/images/common/logo/icon40-insurance-hyundai.svg") no-repeat center/contain;
}

.icon40-insurance-kb {
  background: url("/images/common/logo/icon40-insurance-kb.svg") no-repeat center/contain;
}

.icon40-insurance-let {
  background: url("/images/common/logo/icon40-insurance-let.svg") no-repeat center/contain;
}

.icon40-insurance-samsung {
  background: url("/images/common/logo/icon40-insurance-samsung.svg") no-repeat center/contain;
}

.icon40-stock-db {
  background: url("/images/common/logo/icon40-stock-db.svg") no-repeat center/contain;
}

.icon40-stock-eugene {
  background: url("/images/common/logo/icon40-stock-eugene.svg") no-repeat center/contain;
}

.icon40-stock-hangook {
  background: url("/images/common/logo/icon40-stock-hangook.svg") no-repeat center/contain;
}

.icon40-stock-hanhwa {
  background: url("/images/common/logo/icon40-stock-hanhwa.svg") no-repeat center/contain;
}

.icon40-stock-hi {
  background: url("/images/common/logo/icon40-stock-hi.svg") no-repeat center/contain;
}

.icon40-stock-kb {
  background: url("/images/common/logo/icon40-stock-kb.svg") no-repeat center/contain;
}

.icon40-stock-kium {
  background: url("/images/common/logo/icon40-stock-kium.svg") no-repeat center/contain;
}

.icon40-stock-kyobo {
  background: url("/images/common/logo/icon40-stock-kyobo.svg") no-repeat center/contain;
}

.icon40-stock-meritz {
  background: url("/images/common/logo/icon40-stock-meritz.svg") no-repeat center/contain;
}

.icon40-stock-samsung {
  background: url("/images/common/logo/icon40-stock-samsung.svg") no-repeat center/contain;
}

.icon40-dock-assets-off {
  background: url("/images/common/logo/icon40-dock-assets-off.svg") no-repeat center/contain;
}

.icon40-ex {
  background: url("/images/common/logo/icon40-ex.svg") no-repeat center/contain;
}

.logo-joinsauto {
  background: url("/images/common/logo/logo32-joinsauto.png") center/contain no-repeat;
}

.logo-certify {
  display: inline-block;
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  color: transparent !important;
  font-size: xx-small !important;
  overflow: hidden;
  text-indent: -999px;
  vertical-align: middle;
}
.logo-certify.logo-certify--ismsp {
  background-image: url("/images/common/logo/logo-ismsp.png");
}

.col-s {
  width: 9.5rem !important;
}

.col-m {
  width: 15rem !important;
}

/* inp-list-wrap || type ���� */
.inp-list-wrap > ul > li {
  margin-top: 3.2rem;
}
.inp-list-wrap > ul > li:first-child {
  margin-top: 0;
}
.inp-list-wrap > ul > li.type-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inp-list-wrap > ul > li.type-flex > * {
  width: 100%;
}
.inp-list-wrap > ul > li.type-flex > * + * {
  margin-left: 0.9rem;
}
.inp-list-wrap > ul > li.list-item--narrow {
  margin-top: 1.6rem;
}
.inp-list-wrap > ul > li .sub-txt {
  margin-top: 0.8rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.inp-list-wrap > ul > li .label {
  margin-bottom: 0.8rem;
}
.inp-list-wrap > ul > li .form-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.inp-list-wrap > ul > li .form-box .radio-box {
  width: 100%;
}
.inp-list-wrap > ul > li .form-box .radio-box label {
  width: 100%;
  text-align: center;
}
.inp-list-wrap > ul > li .form-box.form-box--select .radio-box {
  display: block;
  width: 94%;
}
.inp-list-wrap > ul > li .form-box.form-box--select .radio-box label {
  width: 100%;
  background: #FFF;
  padding: 0 0.15rem;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inp-list-wrap > ul > li .form-box.form-box--select .radio-box--select {
  width: 118%;
  position: relative;
}
.inp-list-wrap > ul > li .form-box.form-box--select .radio-box--select select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.inp-list-wrap > ul > li .form-box.form-box--select .radio-box--select select:focus {
  z-index: 2;
}
.inp-list-wrap .txt-error {
  display: none;
}
.inp-list-wrap .limit {
  margin-top: 0.8rem;
  text-align: right;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-list-wrap .limit .num {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-list-wrap + .bullet-list {
  margin-top: 3.2rem;
}

/* ��Dz ��ȯ�� */
.inp-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 1px solid #eee;
}
.inp-box.default > * {
  display: none;
}
.inp-box.default > label, .inp-box.default > input:first-of-type, .inp-box.default > .ico-confirm:first-of-type {
  display: block;
}
.inp-box.default .inp-tit {
  top: 20px;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #888;
}
.inp-box.focus {
  border-bottom: 1px solid #ffcc00;
}
.inp-box.filled {
  border-bottom: 1px solid #eee;
}
.inp-box.filled .icon-close {
  display: none;
}
.inp-box.holder .inp-tit {
  top: 4px;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-box.disabled input, .inp-box.disabled .ico-confirm {
  color: #888;
}
.inp-box.disabled ::-webkit-input-placeholder {
  color: #888;
}
.inp-box.disabled ::-moz-placeholder {
  color: #888;
}
.inp-box.disabled :-ms-input-placeholder {
  color: #888;
}
.inp-box.disabled ::-ms-input-placeholder {
  color: #888;
}
.inp-box.disabled ::placeholder {
  color: #888;
}
.inp-box.nofocus input:disabled, .inp-box.nofocus .ico-confirm:disabled {
  color: #222 !important;
}
.inp-box.nofocus ::-webkit-input-placeholder {
  color: #888;
}
.inp-box.nofocus ::-moz-placeholder {
  color: #888;
}
.inp-box.nofocus :-ms-input-placeholder {
  color: #888;
}
.inp-box.nofocus ::-ms-input-placeholder {
  color: #888;
}
.inp-box.nofocus ::placeholder {
  color: #888;
}
.inp-box.error {
  border-bottom: 1px solid red;
}
.inp-box.error + .txt-error {
  display: block;
  margin-top: 0.8rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #f00;
}
.inp-box.readonly {
  border-bottom: 1px solid #eee;
}
.inp-box.type-basic .icon16.icon-close {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
.inp-box.type-basic input, .inp-box.type-basic .ico-confirm {
  padding-right: 4.8rem;
}
.inp-box.type-basic input:disabled, .inp-box.type-basic .ico-confirm:disabled {
  color: #888;
}
.inp-box.type-basic input:disabled ::-webkit-input-placeholder, .inp-box.type-basic .ico-confirm:disabled ::-webkit-input-placeholder {
  color: #888;
}
.inp-box.type-basic input:disabled ::-moz-placeholder, .inp-box.type-basic .ico-confirm:disabled ::-moz-placeholder {
  color: #888;
}
.inp-box.type-basic input:disabled :-ms-input-placeholder, .inp-box.type-basic .ico-confirm:disabled :-ms-input-placeholder {
  color: #888;
}
.inp-box.type-basic input:disabled ::-ms-input-placeholder, .inp-box.type-basic .ico-confirm:disabled ::-ms-input-placeholder {
  color: #888;
}
.inp-box.type-basic input:disabled ::placeholder, .inp-box.type-basic .ico-confirm:disabled ::placeholder {
  color: #888;
}
.inp-box.type-basic input:disabled + .icon-close, .inp-box.type-basic .ico-confirm:disabled + .icon-close {
  display: none;
}
.inp-box.type-basic input:-moz-read-only, .inp-box.type-basic .ico-confirm:-moz-read-only {
  color: #888;
}
.inp-box.type-basic input:read-only, .inp-box.type-basic .ico-confirm:read-only {
  color: #888;
}
.inp-box.type-basic input:read-only ::-webkit-input-placeholder, .inp-box.type-basic .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.inp-box.type-basic input:read-only ::-moz-placeholder, .inp-box.type-basic .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.inp-box.type-basic input:read-only :-ms-input-placeholder, .inp-box.type-basic .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.inp-box.type-basic input:read-only ::-ms-input-placeholder, .inp-box.type-basic .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.inp-box.type-basic input:-moz-read-only ::placeholder, .inp-box.type-basic .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.inp-box.type-basic input:read-only ::placeholder, .inp-box.type-basic .ico-confirm:read-only ::placeholder {
  color: #888;
}
.inp-box.type-basic input:-moz-read-only + .icon-close, .inp-box.type-basic .ico-confirm:-moz-read-only + .icon-close {
  display: none;
}
.inp-box.type-basic input:read-only + .icon-close, .inp-box.type-basic .ico-confirm:read-only + .icon-close {
  display: none;
}
.inp-box.type-price {
  border-color: transparent;
}
.inp-box.type-price.focus {
  border-color: #ffcc00;
}
.inp-box.type-price.focus .price-data-wrap b:after {
  display: none;
}
.inp-box.type-price.default .icon-close {
  display: none;
}
.inp-box.type-price .price-data-wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 2.4rem 0 0.8rem 0;
  width: 100%;
  height: 7.2rem;
  font-size: 0;
  overflow: hidden;
}
.inp-box.type-price .price-data-wrap:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.inp-box.type-price .price-data-wrap span {
  font-family: -apple-system, "Roboto", "NotoSansKR", sans-serif !important;
  display: inline-block;
  vertical-align: bottom;
  line-height: 4rem;
  /* 
  Android �� �϶� line-height:4.3rem;
  iOS �� �϶� line-height:4rem;
  */
  opacity: 0;
  font-size: 3rem;
  font-weight: 700;
}
.inp-box.type-price .price-data-wrap span.no-data {
  opacity: 1;
}
.inp-box.type-price .price-data-wrap b {
  display: inline-block;
  vertical-align: bottom;
  line-height: 4rem;
  /* 
  Android �� �϶� line-height:4.3rem;
  iOS �� �϶� line-height:4rem;
  */
  position: relative;
  font-size: 3rem;
  font-weight: 700;
}
.inp-box.type-price .price-data-wrap b:after {
  content: "";
  display: inline-block;
  vertical-align: 3px;
  margin-left: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-data-modify.svg") no-repeat center/contain;
}
.inp-box.type-price .price-data-wrap + input[type=text], .inp-box.type-price .price-data-wrap + [type=text].ico-confirm {
  height: 7.2rem;
  line-height: 4rem;
}
.inp-box.type-price input, .inp-box.type-price .ico-confirm {
  font-family: -apple-system, "Roboto", "NotoSansKR", sans-serif !important;
  padding: 2.4rem 0 0.8rem;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  font-weight: 700;
}
.inp-box.type-price .icon16.icon-close {
  z-index: 3;
  position: absolute;
  top: calc(50% + 0.8rem);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
.inp-box.type-number .confirm-wrap {
  position: absolute;
  right: 0;
  bottom: 0.6rem;
  z-index: 3;
}
.inp-box.type-number .confirm-wrap .stop-time {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-right: 8px;
  vertical-align: 1px;
}
.inp-box.type-number input, .inp-box.type-number .ico-confirm {
  padding-right: 7rem;
}
.inp-box.type-number input:disabled, .inp-box.type-number .ico-confirm:disabled {
  color: #888;
}
.inp-box.type-number input:disabled ::-webkit-input-placeholder, .inp-box.type-number .ico-confirm:disabled ::-webkit-input-placeholder {
  color: #888;
}
.inp-box.type-number input:disabled ::-moz-placeholder, .inp-box.type-number .ico-confirm:disabled ::-moz-placeholder {
  color: #888;
}
.inp-box.type-number input:disabled :-ms-input-placeholder, .inp-box.type-number .ico-confirm:disabled :-ms-input-placeholder {
  color: #888;
}
.inp-box.type-number input:disabled ::-ms-input-placeholder, .inp-box.type-number .ico-confirm:disabled ::-ms-input-placeholder {
  color: #888;
}
.inp-box.type-number input:disabled ::placeholder, .inp-box.type-number .ico-confirm:disabled ::placeholder {
  color: #888;
}
.inp-box.type-number input:disabled + .icon-close, .inp-box.type-number .ico-confirm:disabled + .icon-close {
  display: none;
}
.inp-box.type-number input:-moz-read-only, .inp-box.type-number .ico-confirm:-moz-read-only {
  color: #888;
}
.inp-box.type-number input:read-only, .inp-box.type-number .ico-confirm:read-only {
  color: #888;
}
.inp-box.type-number input:read-only ::-webkit-input-placeholder, .inp-box.type-number .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.inp-box.type-number input:read-only ::-moz-placeholder, .inp-box.type-number .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.inp-box.type-number input:read-only :-ms-input-placeholder, .inp-box.type-number .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.inp-box.type-number input:read-only ::-ms-input-placeholder, .inp-box.type-number .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.inp-box.type-number input:-moz-read-only ::placeholder, .inp-box.type-number .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.inp-box.type-number input:read-only ::placeholder, .inp-box.type-number .ico-confirm:read-only ::placeholder {
  color: #888;
}
.inp-box.type-number input:-moz-read-only + .icon-close, .inp-box.type-number .ico-confirm:-moz-read-only + .icon-close {
  display: none;
}
.inp-box.type-number input:read-only + .icon-close, .inp-box.type-number .ico-confirm:read-only + .icon-close {
  display: none;
}
.inp-box.type-mix {
  position: relative;
  /* �ֹι�ȣ ����Ʈ �߰� */
}
.inp-box.type-mix .hypen {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.inp-box.type-mix:disabled {
  color: #888;
}
.inp-box.type-mix:disabled ::-webkit-input-placeholder {
  color: #888;
}
.inp-box.type-mix:disabled ::-moz-placeholder {
  color: #888;
}
.inp-box.type-mix:disabled :-ms-input-placeholder {
  color: #888;
}
.inp-box.type-mix:disabled ::-ms-input-placeholder {
  color: #888;
}
.inp-box.type-mix:disabled ::placeholder {
  color: #888;
}
.inp-box.type-mix input:-moz-read-only, .inp-box.type-mix .ico-confirm:-moz-read-only {
  color: #888;
}
.inp-box.type-mix input:read-only, .inp-box.type-mix .ico-confirm:read-only {
  color: #888;
}
.inp-box.type-mix input:read-only ::-webkit-input-placeholder, .inp-box.type-mix .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.inp-box.type-mix input:read-only ::-moz-placeholder, .inp-box.type-mix .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.inp-box.type-mix input:read-only :-ms-input-placeholder, .inp-box.type-mix .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.inp-box.type-mix input:read-only ::-ms-input-placeholder, .inp-box.type-mix .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.inp-box.type-mix input:-moz-read-only ::placeholder, .inp-box.type-mix .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.inp-box.type-mix input:read-only ::placeholder, .inp-box.type-mix .ico-confirm:read-only ::placeholder {
  color: #888;
}
.inp-box.type-mix .inp-num {
  background-image: url("/images/common/icon/date-full.svg");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: calc(100% - 6px);
}
.inp-box.type-mix .inp-num.active {
  background-image: url("/images/common/icon/date-empty.svg");
}
.inp-box.type-mix .inp-num.inactive {
  background-image: url("/images/common/icon/date-disabled.svg");
}
.inp-box.type-mix .hidden-point {
  opacity: 0;
}
.inp-box.type-mix .num-part {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
  position: relative;
  width: 100%;
  height: 6.4rem;
  border: 0;
}
.inp-box.type-mix .num-part .num-point {
  display: block;
  padding: 3rem 0 0.8rem;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.inp-box.type-mix .num-part .num-point > span {
  display: inline-block;
  margin-top: 7px;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #eee;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.inp-box.type-mix .num-part .num-point > span + span {
  margin-left: 0.4rem;
}
.inp-box.type-mix .num-part .num-point > span.point-active {
  background: #222;
}
.inp-box.type-mix .num-point-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 6.4rem;
}
.inp-box.type-mix .num-point-wrap .num-part {
  display: block;
  width: 100%;
}
.inp-box.type-mix .num-point-wrap .num-part .num-point {
  margin-left: 1.6rem;
}
.inp-box.type-search {
  position: relative;
  height: 4.8rem;
  border-bottom: 0;
}
.inp-box.type-search input, .inp-box.type-search .ico-confirm {
  border-radius: 1.2rem;
  background: #eee;
  width: 100%;
  height: 100%;
  padding: 0 8.8rem 0 1.6rem;
  border: 0;
  outline: 0;
  font-size: 1.4rem;
  color: #222;
  font-weight: 500;
}
.inp-box.type-search input::-webkit-input-placeholder, .inp-box.type-search .ico-confirm::-webkit-input-placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-box.type-search input::-moz-placeholder, .inp-box.type-search .ico-confirm::-moz-placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-box.type-search input:-ms-input-placeholder, .inp-box.type-search .ico-confirm:-ms-input-placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-box.type-search input::-ms-input-placeholder, .inp-box.type-search .ico-confirm::-ms-input-placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-box.type-search input::placeholder, .inp-box.type-search .ico-confirm::placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-box.type-search .icon-close {
  background: url("/images/common/icon/icon-close-round.svg") no-repeat center/contain;
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5.6rem;
}
.inp-box.type-search .icon-search {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.6rem;
  display: block;
}
.inp-box.type-search.filled .icon-close {
  display: block;
}
.inp-box.type-card {
  position: relative;
}
.inp-box.type-card.default > * {
  display: block;
}
.inp-box.type-card.default .inp-tit {
  top: 4px;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-box.type-card .hypen {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.inp-box.type-card .card-point4 {
  opacity: 0;
}
.inp-box.type-card .card-part {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
  position: relative;
  width: 100%;
  height: 6.4rem;
  border: 0;
}
.inp-box.type-card .card-part .pw-point {
  display: block;
  padding: 3rem 0 0.8rem;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.inp-box.type-card .card-part .pw-point > span {
  display: inline-block;
  margin-top: 7px;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #eee;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.inp-box.type-card .card-part .pw-point > span + span {
  margin-left: 0.4rem;
}
.inp-box.type-card .card-part .pw-point > span.point-active {
  background: #222;
}
.inp-box.type-card .pw-point-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 6.4rem;
}
.inp-box.type-card .pw-point-wrap .card-part {
  display: block;
  width: 100%;
}
.inp-box.type-card .pw-point-wrap .card-part .pw-point {
  margin-left: 1.6rem;
}
.inp-box .inp-tit {
  z-index: 1;
  position: absolute;
  top: 4px;
  left: 0;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.inp-box input, .inp-box .ico-confirm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 1;
  position: relative;
  padding: 3rem 0 0.8rem;
  width: 100%;
  height: 6.4rem;
  border: 0;
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
}
.inp-box input:-webkit-autofill, .inp-box .ico-confirm:-webkit-autofill, .inp-box input:-webkit-autofill:hover, .inp-box input:-webkit-autofill:focus, .inp-box input:-webkit-autofill:active {
  -webkit-transition: background-color 5500s ease-in-out 0s;
  transition: background-color 5500s ease-in-out 0s;
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.inp-box input:-moz-read-only + .icon-close, .inp-box .ico-confirm:-moz-read-only + .icon-close {
  display: none !important;
}
.inp-box input:read-only + .icon-close, .inp-box .ico-confirm:read-only + .icon-close {
  display: none !important;
}
.inp-box .hypen {
  position: relative;
  margin: 0 0.8rem;
  width: 0.8rem;
  height: 6.4rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
}
.inp-box .hypen:after {
  position: absolute;
  bottom: 2rem;
  left: 0;
  content: "";
  display: block;
  width: 0.8rem;
  height: 1px;
  background: #999;
}
.inp-box .inp-added-txt {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 0.4rem;
  font-size: 1rem;
  color: #666;
}

/* ����Ʈ ��ȯ�� */
.select-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 1px solid #eee;
  /* 2021-09-16 �߰� - ���Ž� ���� ������ select�� �� */
  /* // 2021-09-16 �߰� - ���Ž� ���� ������ select�� �� */
}
.select-box.default > * {
  display: none;
}
.select-box.default > label, .select-box.default > input:first-of-type, .inp-box .select-box.default > .ico-confirm:first-of-type {
  display: block;
}
.select-box.default .inp-tit {
  top: 20px;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #888;
}
.select-box.focus {
  border-bottom: 1px solid #ffcc00;
}
.select-box.filled {
  border-bottom: 1px solid #eee;
}
.select-box.filled .icon-close {
  display: none;
}
.select-box.holder .inp-tit {
  top: 4px;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box.disabled input, .select-box.disabled .inp-box .ico-confirm, .inp-box .select-box.disabled .ico-confirm {
  color: #888;
}
.select-box.disabled ::-webkit-input-placeholder {
  color: #888;
}
.select-box.disabled ::-moz-placeholder {
  color: #888;
}
.select-box.disabled :-ms-input-placeholder {
  color: #888;
}
.select-box.disabled ::-ms-input-placeholder {
  color: #888;
}
.select-box.disabled ::placeholder {
  color: #888;
}
.select-box.nofocus input:disabled, .select-box.nofocus .inp-box .ico-confirm:disabled, .inp-box .select-box.nofocus .ico-confirm:disabled {
  color: #222 !important;
}
.select-box.nofocus ::-webkit-input-placeholder {
  color: #888;
}
.select-box.nofocus ::-moz-placeholder {
  color: #888;
}
.select-box.nofocus :-ms-input-placeholder {
  color: #888;
}
.select-box.nofocus ::-ms-input-placeholder {
  color: #888;
}
.select-box.nofocus ::placeholder {
  color: #888;
}
.select-box.error {
  border-bottom: 1px solid red;
}
.select-box.error + .txt-error {
  display: block;
  margin-top: 0.8rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #f00;
}
.select-box.readonly {
  border-bottom: 1px solid #eee;
}
.select-box.type-basic .icon16.icon-close {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
.select-box.type-basic input, .select-box.type-basic .inp-box .ico-confirm, .inp-box .select-box.type-basic .ico-confirm {
  padding-right: 4.8rem;
}
.select-box.type-basic input:disabled, .select-box.type-basic .inp-box .ico-confirm:disabled, .inp-box .select-box.type-basic .ico-confirm:disabled {
  color: #888;
}
.select-box.type-basic input:disabled ::-webkit-input-placeholder, .select-box.type-basic .inp-box .ico-confirm:disabled ::-webkit-input-placeholder, .inp-box .select-box.type-basic .ico-confirm:disabled ::-webkit-input-placeholder {
  color: #888;
}
.select-box.type-basic input:disabled ::-moz-placeholder, .select-box.type-basic .inp-box .ico-confirm:disabled ::-moz-placeholder, .inp-box .select-box.type-basic .ico-confirm:disabled ::-moz-placeholder {
  color: #888;
}
.select-box.type-basic input:disabled :-ms-input-placeholder, .select-box.type-basic .inp-box .ico-confirm:disabled :-ms-input-placeholder, .inp-box .select-box.type-basic .ico-confirm:disabled :-ms-input-placeholder {
  color: #888;
}
.select-box.type-basic input:disabled ::-ms-input-placeholder, .select-box.type-basic .inp-box .ico-confirm:disabled ::-ms-input-placeholder, .inp-box .select-box.type-basic .ico-confirm:disabled ::-ms-input-placeholder {
  color: #888;
}
.select-box.type-basic input:disabled ::placeholder, .select-box.type-basic .inp-box .ico-confirm:disabled ::placeholder, .inp-box .select-box.type-basic .ico-confirm:disabled ::placeholder {
  color: #888;
}
.select-box.type-basic input:disabled + .icon-close, .select-box.type-basic .inp-box .ico-confirm:disabled + .icon-close, .inp-box .select-box.type-basic .ico-confirm:disabled + .icon-close {
  display: none;
}
.select-box.type-basic input:-moz-read-only, .select-box.type-basic .inp-box .ico-confirm:-moz-read-only, .inp-box .select-box.type-basic .ico-confirm:-moz-read-only {
  color: #888;
}
.select-box.type-basic input:read-only, .select-box.type-basic .inp-box .ico-confirm:read-only, .inp-box .select-box.type-basic .ico-confirm:read-only {
  color: #888;
}
.select-box.type-basic input:read-only ::-webkit-input-placeholder, .select-box.type-basic .inp-box .ico-confirm:read-only ::-webkit-input-placeholder, .inp-box .select-box.type-basic .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.select-box.type-basic input:read-only ::-moz-placeholder, .select-box.type-basic .inp-box .ico-confirm:read-only ::-moz-placeholder, .inp-box .select-box.type-basic .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.select-box.type-basic input:read-only :-ms-input-placeholder, .select-box.type-basic .inp-box .ico-confirm:read-only :-ms-input-placeholder, .inp-box .select-box.type-basic .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.select-box.type-basic input:read-only ::-ms-input-placeholder, .select-box.type-basic .inp-box .ico-confirm:read-only ::-ms-input-placeholder, .inp-box .select-box.type-basic .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.select-box.type-basic input:-moz-read-only ::placeholder, .select-box.type-basic .inp-box .ico-confirm:-moz-read-only ::placeholder, .inp-box .select-box.type-basic .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.select-box.type-basic input:read-only ::placeholder, .select-box.type-basic .inp-box .ico-confirm:read-only ::placeholder, .inp-box .select-box.type-basic .ico-confirm:read-only ::placeholder {
  color: #888;
}
.select-box.type-basic input:-moz-read-only + .icon-close, .select-box.type-basic .inp-box .ico-confirm:-moz-read-only + .icon-close, .inp-box .select-box.type-basic .ico-confirm:-moz-read-only + .icon-close {
  display: none;
}
.select-box.type-basic input:read-only + .icon-close, .select-box.type-basic .inp-box .ico-confirm:read-only + .icon-close, .inp-box .select-box.type-basic .ico-confirm:read-only + .icon-close {
  display: none;
}
.select-box.type-price {
  border-color: transparent;
}
.select-box.type-price.focus {
  border-color: #ffcc00;
}
.select-box.type-price.focus .price-data-wrap b:after {
  display: none;
}
.select-box.type-price.default .icon-close {
  display: none;
}
.select-box.type-price .price-data-wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 2.4rem 0 0.8rem 0;
  width: 100%;
  height: 7.2rem;
  font-size: 0;
  overflow: hidden;
}
.select-box.type-price .price-data-wrap:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.select-box.type-price .price-data-wrap span {
  font-family: -apple-system, "Roboto", "NotoSansKR", sans-serif !important;
  display: inline-block;
  vertical-align: bottom;
  line-height: 4rem;
  /* 
  Android �� �϶� line-height:4.3rem;
  iOS �� �϶� line-height:4rem;
  */
  opacity: 0;
  font-size: 3rem;
  font-weight: 700;
}
.select-box.type-price .price-data-wrap span.no-data {
  opacity: 1;
}
.select-box.type-price .price-data-wrap b {
  display: inline-block;
  vertical-align: bottom;
  line-height: 4rem;
  /* 
  Android �� �϶� line-height:4.3rem;
  iOS �� �϶� line-height:4rem;
  */
  position: relative;
  font-size: 3rem;
  font-weight: 700;
}
.select-box.type-price .price-data-wrap b:after {
  content: "";
  display: inline-block;
  vertical-align: 3px;
  margin-left: 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-data-modify.svg") no-repeat center/contain;
}
.select-box.type-price .price-data-wrap + input[type=text], .select-box.type-price .inp-box .price-data-wrap + [type=text].ico-confirm, .inp-box .select-box.type-price .price-data-wrap + [type=text].ico-confirm {
  height: 7.2rem;
  line-height: 4rem;
}
.select-box.type-price input, .select-box.type-price .inp-box .ico-confirm, .inp-box .select-box.type-price .ico-confirm {
  font-family: -apple-system, "Roboto", "NotoSansKR", sans-serif !important;
  padding: 2.4rem 0 0.8rem;
  width: 100%;
  height: 100%;
  font-size: 3rem;
  font-weight: 700;
}
.select-box.type-price .icon16.icon-close {
  z-index: 3;
  position: absolute;
  top: calc(50% + 0.8rem);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
.select-box.type-number .confirm-wrap {
  position: absolute;
  right: 0;
  bottom: 0.6rem;
  z-index: 3;
}
.select-box.type-number .confirm-wrap .stop-time {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-right: 8px;
  vertical-align: 1px;
}
.select-box.type-number input, .select-box.type-number .inp-box .ico-confirm, .inp-box .select-box.type-number .ico-confirm {
  padding-right: 7rem;
}
.select-box.type-number input:disabled, .select-box.type-number .inp-box .ico-confirm:disabled, .inp-box .select-box.type-number .ico-confirm:disabled {
  color: #888;
}
.select-box.type-number input:disabled ::-webkit-input-placeholder, .select-box.type-number .inp-box .ico-confirm:disabled ::-webkit-input-placeholder, .inp-box .select-box.type-number .ico-confirm:disabled ::-webkit-input-placeholder {
  color: #888;
}
.select-box.type-number input:disabled ::-moz-placeholder, .select-box.type-number .inp-box .ico-confirm:disabled ::-moz-placeholder, .inp-box .select-box.type-number .ico-confirm:disabled ::-moz-placeholder {
  color: #888;
}
.select-box.type-number input:disabled :-ms-input-placeholder, .select-box.type-number .inp-box .ico-confirm:disabled :-ms-input-placeholder, .inp-box .select-box.type-number .ico-confirm:disabled :-ms-input-placeholder {
  color: #888;
}
.select-box.type-number input:disabled ::-ms-input-placeholder, .select-box.type-number .inp-box .ico-confirm:disabled ::-ms-input-placeholder, .inp-box .select-box.type-number .ico-confirm:disabled ::-ms-input-placeholder {
  color: #888;
}
.select-box.type-number input:disabled ::placeholder, .select-box.type-number .inp-box .ico-confirm:disabled ::placeholder, .inp-box .select-box.type-number .ico-confirm:disabled ::placeholder {
  color: #888;
}
.select-box.type-number input:disabled + .icon-close, .select-box.type-number .inp-box .ico-confirm:disabled + .icon-close, .inp-box .select-box.type-number .ico-confirm:disabled + .icon-close {
  display: none;
}
.select-box.type-number input:-moz-read-only, .select-box.type-number .inp-box .ico-confirm:-moz-read-only, .inp-box .select-box.type-number .ico-confirm:-moz-read-only {
  color: #888;
}
.select-box.type-number input:read-only, .select-box.type-number .inp-box .ico-confirm:read-only, .inp-box .select-box.type-number .ico-confirm:read-only {
  color: #888;
}
.select-box.type-number input:read-only ::-webkit-input-placeholder, .select-box.type-number .inp-box .ico-confirm:read-only ::-webkit-input-placeholder, .inp-box .select-box.type-number .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.select-box.type-number input:read-only ::-moz-placeholder, .select-box.type-number .inp-box .ico-confirm:read-only ::-moz-placeholder, .inp-box .select-box.type-number .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.select-box.type-number input:read-only :-ms-input-placeholder, .select-box.type-number .inp-box .ico-confirm:read-only :-ms-input-placeholder, .inp-box .select-box.type-number .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.select-box.type-number input:read-only ::-ms-input-placeholder, .select-box.type-number .inp-box .ico-confirm:read-only ::-ms-input-placeholder, .inp-box .select-box.type-number .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.select-box.type-number input:-moz-read-only ::placeholder, .select-box.type-number .inp-box .ico-confirm:-moz-read-only ::placeholder, .inp-box .select-box.type-number .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.select-box.type-number input:read-only ::placeholder, .select-box.type-number .inp-box .ico-confirm:read-only ::placeholder, .inp-box .select-box.type-number .ico-confirm:read-only ::placeholder {
  color: #888;
}
.select-box.type-number input:-moz-read-only + .icon-close, .select-box.type-number .inp-box .ico-confirm:-moz-read-only + .icon-close, .inp-box .select-box.type-number .ico-confirm:-moz-read-only + .icon-close {
  display: none;
}
.select-box.type-number input:read-only + .icon-close, .select-box.type-number .inp-box .ico-confirm:read-only + .icon-close, .inp-box .select-box.type-number .ico-confirm:read-only + .icon-close {
  display: none;
}
.select-box.type-mix {
  position: relative;
  /* �ֹι�ȣ ����Ʈ �߰� */
}
.select-box.type-mix .hypen {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.select-box.type-mix:disabled {
  color: #888;
}
.select-box.type-mix:disabled ::-webkit-input-placeholder {
  color: #888;
}
.select-box.type-mix:disabled ::-moz-placeholder {
  color: #888;
}
.select-box.type-mix:disabled :-ms-input-placeholder {
  color: #888;
}
.select-box.type-mix:disabled ::-ms-input-placeholder {
  color: #888;
}
.select-box.type-mix:disabled ::placeholder {
  color: #888;
}
.select-box.type-mix input:-moz-read-only, .select-box.type-mix .inp-box .ico-confirm:-moz-read-only, .inp-box .select-box.type-mix .ico-confirm:-moz-read-only {
  color: #888;
}
.select-box.type-mix input:read-only, .select-box.type-mix .inp-box .ico-confirm:read-only, .inp-box .select-box.type-mix .ico-confirm:read-only {
  color: #888;
}
.select-box.type-mix input:read-only ::-webkit-input-placeholder, .select-box.type-mix .inp-box .ico-confirm:read-only ::-webkit-input-placeholder, .inp-box .select-box.type-mix .ico-confirm:read-only ::-webkit-input-placeholder {
  color: #888;
}
.select-box.type-mix input:read-only ::-moz-placeholder, .select-box.type-mix .inp-box .ico-confirm:read-only ::-moz-placeholder, .inp-box .select-box.type-mix .ico-confirm:read-only ::-moz-placeholder {
  color: #888;
}
.select-box.type-mix input:read-only :-ms-input-placeholder, .select-box.type-mix .inp-box .ico-confirm:read-only :-ms-input-placeholder, .inp-box .select-box.type-mix .ico-confirm:read-only :-ms-input-placeholder {
  color: #888;
}
.select-box.type-mix input:read-only ::-ms-input-placeholder, .select-box.type-mix .inp-box .ico-confirm:read-only ::-ms-input-placeholder, .inp-box .select-box.type-mix .ico-confirm:read-only ::-ms-input-placeholder {
  color: #888;
}
.select-box.type-mix input:-moz-read-only ::placeholder, .select-box.type-mix .inp-box .ico-confirm:-moz-read-only ::placeholder, .inp-box .select-box.type-mix .ico-confirm:-moz-read-only ::placeholder {
  color: #888;
}
.select-box.type-mix input:read-only ::placeholder, .select-box.type-mix .inp-box .ico-confirm:read-only ::placeholder, .inp-box .select-box.type-mix .ico-confirm:read-only ::placeholder {
  color: #888;
}
.select-box.type-mix .inp-num {
  background-image: url("/images/common/icon/date-full.svg");
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: calc(100% - 6px);
}
.select-box.type-mix .inp-num.active {
  background-image: url("/images/common/icon/date-empty.svg");
}
.select-box.type-mix .inp-num.inactive {
  background-image: url("/images/common/icon/date-disabled.svg");
}
.select-box.type-mix .hidden-point {
  opacity: 0;
}
.select-box.type-mix .num-part {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
  position: relative;
  width: 100%;
  height: 6.4rem;
  border: 0;
}
.select-box.type-mix .num-part .num-point {
  display: block;
  padding: 3rem 0 0.8rem;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.select-box.type-mix .num-part .num-point > span {
  display: inline-block;
  margin-top: 7px;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #eee;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.select-box.type-mix .num-part .num-point > span + span {
  margin-left: 0.4rem;
}
.select-box.type-mix .num-part .num-point > span.point-active {
  background: #222;
}
.select-box.type-mix .num-point-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 6.4rem;
}
.select-box.type-mix .num-point-wrap .num-part {
  display: block;
  width: 100%;
}
.select-box.type-mix .num-point-wrap .num-part .num-point {
  margin-left: 1.6rem;
}
.select-box.type-search {
  position: relative;
  height: 4.8rem;
  border-bottom: 0;
}
.select-box.type-search input, .select-box.type-search .inp-box .ico-confirm, .inp-box .select-box.type-search .ico-confirm {
  border-radius: 1.2rem;
  background: #eee;
  width: 100%;
  height: 100%;
  padding: 0 8.8rem 0 1.6rem;
  border: 0;
  outline: 0;
  font-size: 1.4rem;
  color: #222;
  font-weight: 500;
}
.select-box.type-search input::-webkit-input-placeholder, .select-box.type-search .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .select-box.type-search .ico-confirm::-webkit-input-placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box.type-search input::-moz-placeholder, .select-box.type-search .inp-box .ico-confirm::-moz-placeholder, .inp-box .select-box.type-search .ico-confirm::-moz-placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box.type-search input:-ms-input-placeholder, .select-box.type-search .inp-box .ico-confirm:-ms-input-placeholder, .inp-box .select-box.type-search .ico-confirm:-ms-input-placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box.type-search input::-ms-input-placeholder, .select-box.type-search .inp-box .ico-confirm::-ms-input-placeholder, .inp-box .select-box.type-search .ico-confirm::-ms-input-placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box.type-search input::placeholder, .select-box.type-search .inp-box .ico-confirm::placeholder, .inp-box .select-box.type-search .ico-confirm::placeholder {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box.type-search .icon-close {
  background: url("/images/common/icon/icon-close-round.svg") no-repeat center/contain;
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5.6rem;
}
.select-box.type-search .icon-search {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.6rem;
  display: block;
}
.select-box.type-search.filled .icon-close {
  display: block;
}
.select-box.type-card {
  position: relative;
}
.select-box.type-card.default > * {
  display: block;
}
.select-box.type-card.default .inp-tit {
  top: 4px;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box.type-card .hypen {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
}
.select-box.type-card .card-point4 {
  opacity: 0;
}
.select-box.type-card .card-part {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 2;
  position: relative;
  width: 100%;
  height: 6.4rem;
  border: 0;
}
.select-box.type-card .card-part .pw-point {
  display: block;
  padding: 3rem 0 0.8rem;
  width: 100%;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
}
.select-box.type-card .card-part .pw-point > span {
  display: inline-block;
  margin-top: 7px;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #eee;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.select-box.type-card .card-part .pw-point > span + span {
  margin-left: 0.4rem;
}
.select-box.type-card .card-part .pw-point > span.point-active {
  background: #222;
}
.select-box.type-card .pw-point-wrap {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 6.4rem;
}
.select-box.type-card .pw-point-wrap .card-part {
  display: block;
  width: 100%;
}
.select-box.type-card .pw-point-wrap .card-part .pw-point {
  margin-left: 1.6rem;
}
.select-box .inp-tit {
  z-index: 1;
  position: absolute;
  top: 4px;
  left: 0;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box input, .select-box .inp-box .ico-confirm, .inp-box .select-box .ico-confirm {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 1;
  position: relative;
  padding: 3rem 0 0.8rem;
  width: 100%;
  height: 6.4rem;
  border: 0;
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
}
.select-box input:-webkit-autofill, .select-box .inp-box .ico-confirm:-webkit-autofill, .inp-box .select-box .ico-confirm:-webkit-autofill, .select-box input:-webkit-autofill:hover, .select-box input:-webkit-autofill:focus, .select-box input:-webkit-autofill:active {
  -webkit-transition: background-color 5500s ease-in-out 0s;
  transition: background-color 5500s ease-in-out 0s;
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.select-box input:-moz-read-only + .icon-close, .select-box .inp-box .ico-confirm:-moz-read-only + .icon-close, .inp-box .select-box .ico-confirm:-moz-read-only + .icon-close {
  display: none !important;
}
.select-box input:read-only + .icon-close, .select-box .inp-box .ico-confirm:read-only + .icon-close, .inp-box .select-box .ico-confirm:read-only + .icon-close {
  display: none !important;
}
.select-box .hypen {
  position: relative;
  margin: 0 0.8rem;
  width: 0.8rem;
  height: 6.4rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
}
.select-box .hypen:after {
  position: absolute;
  bottom: 2rem;
  left: 0;
  content: "";
  display: block;
  width: 0.8rem;
  height: 1px;
  background: #999;
}
.select-box .inp-added-txt {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 0.4rem;
  font-size: 1rem;
  color: #666;
}
.select-box.default > select {
  display: block;
}
.select-box.default .inp-tit {
  display: none;
}
.select-box.default select {
  line-height: 2rem;
  padding: 0 4rem 0 0;
  font-size: 1.4rem;
  font-weight: 400;
  color: #888;
  letter-spacing: -0.2px;
}
.select-box.filled.focus {
  border-bottom: 1px solid #ffcc00;
}
.select-box select {
  z-index: 2;
  position: relative;
  padding: 3rem 4rem 0.8rem 0;
  width: 100%;
  height: 6.4rem;
  border: 0;
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background: url("/images/common/icon/icon-arrow-bottom-gray.svg") no-repeat calc(100% - 1.6rem) center;
}
.select-box select:disabled {
  color: #888;
}
.select-box .inp-tit {
  z-index: 1;
  position: absolute;
  top: 4px;
  left: 0;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box.default .inp-tit {
  display: block;
  z-index: 1;
  position: absolute;
  top: 4px;
  left: 0;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.select-box.default select {
  z-index: 2;
  position: relative;
  padding: 3rem 4rem 0.8rem 0;
  width: 100%;
  height: 6.4rem;
  border: 0;
  font-size: 1.8rem;
  font-weight: 500;
  color: #222;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background: url(/images/common/icon/icon-arrow-bottom-gray.svg) no-repeat calc(100% - 1.6rem) center;
}

/* ��¥�˻� �� */
.date-search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.date-search-wrap > .date-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: calc(50% - 1.2rem);
}
.date-search-wrap .dash {
  -webkit-box-flex: inherit;
      -ms-flex: inherit;
          flex: inherit;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.8rem;
  min-width: 0.8rem;
  width: 0.8rem;
  height: 0.1rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background: #999;
}

.date-box {
  position: relative;
  width: 100%;
  height: 4rem;
}
.date-box input, .date-box .inp-box .ico-confirm, .inp-box .date-box .ico-confirm {
  padding: 0 1.6rem;
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
  border-radius: 1.2rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.date-box .icon-calendar {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.6rem;
}
.date-box label {
  position: absolute;
  top: 0.1rem;
  left: 1.6rem;
  right: 4rem;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 3.8rem;
  letter-spacing: -0.02rem;
  color: #666;
  background-color: #fff;
  z-index: 20;
  pointer-events: none;
}
.date-box.active label {
  display: none;
}

.popup-container .inp-list-wrap > ul > li {
  margin-top: 1.6rem;
}
.popup-container .inp-list-wrap > ul > li:first-child {
  margin-top: 0;
}

.android .inp-box.type-price .price-data-wrap span,
.android .inp-box.type-price .price-data-wrap b {
  line-height: 4.3rem;
}

/****
 * ���̵����� ����
 ****/
.form-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.form-grid > .form-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin: 0;
  padding: 0 0.5rem;
}
.form-grid > .form-connector {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 0.5rem;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-weight: 500;
}

.form-area {
  margin-top: 2.4rem;
}
.form-area:first-child {
  margin-top: 0;
}
.form-area.size-l {
  margin-top: 3.2rem;
}
.form-area.size-l:first-child {
  margin-top: 0;
}
.form-area.size-l .form-tit-area {
  margin-bottom: 1.6rem;
}
.form-area.size-l .form-tit label {
  vertical-align: middle;
}
.form-area.size-l .form-tit .icon-tooltip-s {
  vertical-align: middle;
}
.form-area.size-s .form-tit-area {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  margin-bottom: 0.4rem;
}
.form-area.size-s .btn-wrap a, .form-area.size-s .btn-wrap button {
  height: 4.2rem;
  line-height: 3.4rem;
  border-radius: 0.6rem;
}
.form-area.size-s .btn-wrap a .icon-arrow-right-black, .form-area.size-s .btn-wrap button .icon-arrow-right-black {
  margin: -0.3rem 0 0 0.4rem;
  vertical-align: middle;
}
.form-area.align-hor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.form-area.align-hor .form-tit-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0;
  padding-right: 0.5rem;
}
.form-area.align-hor .form-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 13.4rem;
}
.form-area.align-hor .inp-box {
  width: 13.4rem;
}
.form-area.type-date .form-item {
  width: 13rem;
}

.count-num {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #222;
  text-align: right;
  margin-top: 1rem;
}

.form-tit-area {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  font-weight: 400;
  margin-bottom: 0.8rem;
  color: #222;
}
.form-tit-area label, .form-tit-area span, .form-tit-area strong, .form-tit-area h3, .form-tit-area h4 {
  font: inherit;
}
.form-tit-area .contents-title-300 {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.form-tit-area.header-title-100 {
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
}
.form-tit-area .form-tit-s {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

.form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-item > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.form-item > .inp-box {
  width: 50%;
}
.form-item .form-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  padding-left: 0.8rem;
}
.form-item .selection-list {
  margin: 0;
}

.inp-box.type-new {
  border-bottom: 0;
}
.inp-box.type-new input, .inp-box.type-new .ico-confirm {
  height: 5.6rem;
  background: #fff;
  padding: 0 1.6rem;
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
  -webkit-transition: border-color linear 0.1s;
  transition: border-color linear 0.1s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.6rem;
}
.inp-box.type-new input:focus, .inp-box.type-new .ico-confirm:focus {
  border-color: #fc0;
}
.inp-box.type-new input::-webkit-input-placeholder, .inp-box.type-new .ico-confirm::-webkit-input-placeholder {
  color: #888;
}
.inp-box.type-new input::-moz-placeholder, .inp-box.type-new .ico-confirm::-moz-placeholder {
  color: #888;
}
.inp-box.type-new input:-ms-input-placeholder, .inp-box.type-new .ico-confirm:-ms-input-placeholder {
  color: #888;
}
.inp-box.type-new input::-ms-input-placeholder, .inp-box.type-new .ico-confirm::-ms-input-placeholder {
  color: #888;
}
.inp-box.type-new input::placeholder, .inp-box.type-new .ico-confirm::placeholder {
  color: #888;
}
.inp-box.type-new input:-moz-read-only, .inp-box.type-new .ico-confirm:-moz-read-only {
  opacity: 1;
  -webkit-text-fill-color: inherit !important;
  background: #f8f8f8 !important;
  border-color: transparent !important;
  color: #aaa !important;
}
.inp-box.type-new input:disabled, .inp-box.type-new .ico-confirm:disabled, .inp-box.type-new input:read-only, .inp-box.type-new .ico-confirm:read-only {
  opacity: 1;
  -webkit-text-fill-color: inherit !important;
  background: #f8f8f8 !important;
  border-color: transparent !important;
  color: #aaa !important;
}
.inp-box.type-new input:-moz-read-only ~ .inp-unit, .inp-box.type-new .ico-confirm:-moz-read-only ~ .inp-unit {
  color: #aaa !important;
}
.inp-box.type-new input:disabled ~ .inp-unit, .inp-box.type-new .ico-confirm:disabled ~ .inp-unit, .inp-box.type-new input:read-only ~ .inp-unit, .inp-box.type-new .ico-confirm:read-only ~ .inp-unit {
  color: #aaa !important;
}
.inp-box.type-new .inp-tit {
  position: static;
}
.inp-box.type-new .inp-txt-num {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.6rem;
  line-height: 1;
  color: #aaa;
  padding-right: 1.6rem;
  pointer-events: none;
}
.inp-box.type-new .hypen {
  height: auto;
}
.inp-box.type-new .hypen:after {
  bottom: 50%;
}
.inp-box.type-new .txt-placeholder {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  height: 100%;
  display: none;
  line-height: 5.6rem;
  font-size: 1.8rem;
  color: #888;
  font-weight: 400;
  padding-left: 1.6rem;
  pointer-events: none;
}
.inp-box.type-new.default > .txt-placeholder {
  display: block;
}
.inp-box.type-new.type-mix {
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
}
.inp-box.type-new.type-mix.filled {
  border-color: #aaa;
}
.inp-box.type-new.type-mix.focus {
  border-color: #fc0;
}
.inp-box.type-new.type-mix input, .inp-box.type-new.type-mix .ico-confirm {
  border: none;
}
.inp-box.type-new.type-mix .inp-num {
  background-position-y: center;
  background-position-x: 1.6rem;
}
.inp-box.type-new.type-mix .hypen {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.inp-box.type-new.type-unit {
  position: relative;
}
.inp-box.type-new.type-unit input, .inp-box.type-new.type-unit .ico-confirm {
  padding-right: 4.5rem;
}
.inp-box.type-new.type-unit input.unit1, .inp-box.type-new.type-unit .unit1.ico-confirm {
  padding-right: 3rem;
}
.inp-box.type-new.type-unit .inp-unit {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 1.4rem;
  display: block;
  font-size: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.inp-box.type-new.type-unit.size-m input, .inp-box.type-new.type-unit.size-m .ico-confirm, .inp-box.type-new.type-unit.size-s input, .inp-box.type-new.type-unit.size-s .ico-confirm {
  padding-right: 3.2rem;
}
.inp-box.type-new.type-unit.size-m input.unit1, .inp-box.type-new.type-unit.size-m .unit1.ico-confirm, .inp-box.type-new.type-unit.size-s input.unit1, .inp-box.type-new.type-unit.size-s .unit1.ico-confirm {
  padding-right: 2.4rem;
}
.inp-box.type-new.type-unit.size-m .inp-unit, .inp-box.type-new.type-unit.size-s .inp-unit {
  right: 1.2rem;
  font-size: 1rem;
}
.inp-box.type-new.type-unit input, .inp-box.type-new.type-unit .ico-confirm {
  text-align: right;
}
.inp-box.type-new.type-unit.size-s input, .inp-box.type-new.type-unit.size-s .ico-confirm {
  padding-right: 3rem;
  font-weight: 700;
}
.inp-box.type-new.type-unit.size-s input.unit1, .inp-box.type-new.type-unit.size-s .unit1.ico-confirm {
  padding-right: 2rem;
}
.inp-box.type-new.type-unit.size-s .inp-unit {
  right: 0.8rem;
  font-size: 1rem;
}
.inp-box.type-new.type-single-unit {
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
}
.inp-box.type-new.type-single-unit input, .inp-box.type-new.type-single-unit .ico-confirm {
  border: none !important;
  height: 5.4rem;
  line-height: 5.4rem;
  max-width: calc(100% - 2.5rem);
}
.inp-box.type-new.type-single-unit .inp-unit {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  max-width: 100%;
  height: 5.4rem;
  line-height: 5.4rem;
  padding: 0 0 0 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
  font-family: "Roboto", "NotoSansKR", sans-serif;
}
.inp-box.type-new.type-single-unit .inp-unit span {
  display: inline-block;
  max-width: calc(100vw - 9rem);
  opacity: 0;
  font-size: 1.6rem;
  font-weight: 500;
  vertical-align: middle;
  overflow-x: auto;
  margin-right: 0.5rem;
}
.inp-box.type-new.type-single-unit.unfilled .inp-unit {
  opacity: 0;
}
.inp-box.type-new.type-single-unit.focus {
  border-color: #fc0;
}
.inp-box.type-new.type-single-unit.filled {
  border-color: #aaa;
}
.inp-box.type-new.size-s input, .inp-box.type-new.size-s .ico-confirm {
  height: 4.2rem;
  line-height: 4rem;
  font-size: 1.6rem;
  border-radius: 0.6rem;
}
.inp-box.type-new.size-m input, .inp-box.type-new.size-m .ico-confirm {
  border-radius: 0.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  height: 4.2rem;
  line-height: 4.2rem;
}

/* ����Ʈ�� selection-list */
.selection-list {
  display: table;
  width: 100%;
  margin-top: 2rem;
}

.selection-list-item {
  display: table-row;
}
.selection-list-item .form-radio strong {
  font: inherit;
}
.selection-list-item .form-radio .icon {
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.selection-list-item .form-radio .txt {
  font-weight: 400;
}
.selection-list-item .form-radio .txt-sub {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
}
.selection-list-item .form-radio input:checked ~ .txt strong, .selection-list-item .form-radio .inp-box .ico-confirm:checked ~ .txt strong, .inp-box .selection-list-item .form-radio .ico-confirm:checked ~ .txt strong {
  font-weight: 700;
}
.selection-list-item .selection-list-cont {
  display: table-cell;
  text-align: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: top;
}
.selection-list-item .selection-list-util {
  display: table-cell;
  padding-left: 1rem;
  text-align: right;
  white-space: nowrap;
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: top;
}

.inp-txt-box {
  position: relative;
}
.inp-txt-box.type-unit {
  padding-right: 3.2rem;
  text-align: right;
}
.inp-txt-box.type-unit strong {
  font-size: 1.8rem;
  font-weight: 700;
  vertical-align: middle;
  line-height: 1;
}
.inp-txt-box.type-unit .inp-unit {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  display: block;
  font-size: 1rem;
  margin-top: 0.2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

.form-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 5.6rem;
  padding: 1rem 0;
}
.form-list-item > .form-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.form-list-item:first-child {
  margin-top: 0 !important;
}
.form-list-item.bd-top {
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 0.1rem solid #aaa;
}
.form-list-item.bd-dash-top {
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  border-top: 0.1rem dashed #ddd;
}
.form-list-item .inp-txt-box {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

/* üũ�ڽ� */
.form-checkbox {
  position: relative;
  display: inline-block;
  padding-left: 2.4rem;
  min-height: 2.4rem;
  font-size: 0;
  vertical-align: middle;
}
.form-checkbox input, .form-checkbox .inp-box .ico-confirm, .inp-box .form-checkbox .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.form-checkbox input:checked ~ .icon, .form-checkbox .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-checkbox .ico-confirm:checked ~ .icon {
  border-color: #ffcc00;
  background-color: #ffcc00;
}
.form-checkbox input:checked ~ .icon:before, .form-checkbox .inp-box .ico-confirm:checked ~ .icon:before, .inp-box .form-checkbox .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.form-checkbox input[disabled] ~ .icon, .form-checkbox .inp-box [disabled].ico-confirm ~ .icon, .inp-box .form-checkbox [disabled].ico-confirm ~ .icon, .form-checkbox input:disabled ~ .icon, .form-checkbox .inp-box .ico-confirm:disabled ~ .icon, .inp-box .form-checkbox .ico-confirm:disabled ~ .icon {
  border-color: #ddd;
  background: url(/images/common/icon/icon-check-white.svg) no-repeat #ddd;
  background-size: cover;
}
.form-checkbox input[disabled] ~ .icon:before, .form-checkbox .inp-box [disabled].ico-confirm ~ .icon:before, .inp-box .form-checkbox [disabled].ico-confirm ~ .icon:before, .form-checkbox input:disabled ~ .icon:before, .form-checkbox .inp-box .ico-confirm:disabled ~ .icon:before, .inp-box .form-checkbox .ico-confirm:disabled ~ .icon:before {
  display: none;
}
.form-checkbox input:checked[disabled] ~ .icon, .form-checkbox .inp-box .ico-confirm:checked[disabled] ~ .icon, .inp-box .form-checkbox .ico-confirm:checked[disabled] ~ .icon, .form-checkbox input:checked:disabled ~ .icon, .form-checkbox .inp-box .ico-confirm:checked:disabled ~ .icon, .inp-box .form-checkbox .ico-confirm:checked:disabled ~ .icon {
  background-color: #aaa !important;
  border-color: #aaa !important;
}
.form-checkbox .icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: middle;
  background: url(//file/images/icon-check-gray.svg) no-repeat;
  background-size: cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-checkbox .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(//file/images/icon-check-black.svg) no-repeat;
  background-size: cover;
}
.form-checkbox .txt {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  margin-left: 0.8rem;
  vertical-align: middle;
}
.form-checkbox .txt.depth {
  position: relative;
  padding-left: 2rem;
}
.form-checkbox .txt.depth:before {
  position: absolute;
  margin-top: 1px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-depth.svg") no-repeat center/contain;
}
.form-checkbox .txt .icon-depth {
  vertical-align: middle;
  margin-right: 3px;
}
.form-checkbox .txt.size-s {
  font-size: 1.4rem;
}
.form-checkbox.sm input:checked ~ .icon, .form-checkbox.sm .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-checkbox.sm .ico-confirm:checked ~ .icon {
  background-color: transparent;
}
.form-checkbox.sm input[disabled] ~ .icon, .form-checkbox.sm .inp-box [disabled].ico-confirm ~ .icon, .inp-box .form-checkbox.sm [disabled].ico-confirm ~ .icon, .form-checkbox.sm input:disabled ~ .icon, .form-checkbox.sm .inp-box .ico-confirm:disabled ~ .icon, .inp-box .form-checkbox.sm .ico-confirm:disabled ~ .icon {
  background: url(/images/common/icon/icon-check-gray-sm.svg) no-repeat transparent;
}
.form-checkbox.sm .icon {
  border: none;
}
.form-checkbox.sm .icon:before {
  background: url(/images/common/icon/icon-check-black-sm.svg) no-repeat;
}
.form-checkbox.sm .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  line-height: 2.4rem;
}
.form-checkbox.sm-txt .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}

/* ���� */
.form-radio {
  position: relative;
  display: inline-block;
  padding-left: 2.4rem;
  min-height: 2.4rem;
  font-size: 0;
  vertical-align: middle;
}
.form-radio input, .form-radio .inp-box .ico-confirm, .inp-box .form-radio .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.form-radio input:checked ~ .icon, .form-radio .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-radio .ico-confirm:checked ~ .icon {
  border: 0;
  background-image: url("/images/common/icon/icon-radio-on.svg?ver=202205");
}
.form-radio input:checked ~ .icon:before, .form-radio .inp-box .ico-confirm:checked ~ .icon:before, .inp-box .form-radio .ico-confirm:checked ~ .icon:before {
  background: #ffcc00;
}
.form-radio input[disabled] ~ .icon, .form-radio .inp-box [disabled].ico-confirm ~ .icon, .inp-box .form-radio [disabled].ico-confirm ~ .icon, .form-radio input:disabled ~ .icon, .form-radio .inp-box .ico-confirm:disabled ~ .icon, .inp-box .form-radio .ico-confirm:disabled ~ .icon {
  border: 0.1rem solid #ddd;
  background: #f8f8f8;
}
.form-radio input[disabled] ~ .icon:before, .form-radio .inp-box [disabled].ico-confirm ~ .icon:before, .inp-box .form-radio [disabled].ico-confirm ~ .icon:before, .form-radio input:disabled ~ .icon:before, .form-radio .inp-box .ico-confirm:disabled ~ .icon:before, .inp-box .form-radio .ico-confirm:disabled ~ .icon:before {
  display: none;
}
.form-radio input:checked[disabled] ~ .icon, .form-radio .inp-box .ico-confirm:checked[disabled] ~ .icon, .inp-box .form-radio .ico-confirm:checked[disabled] ~ .icon, .form-radio input:checked:disabled ~ .icon, .form-radio .inp-box .ico-confirm:checked:disabled ~ .icon, .inp-box .form-radio .ico-confirm:checked:disabled ~ .icon {
  border-width: 0.2rem;
}
.form-radio input:checked[disabled] ~ .icon:before, .form-radio .inp-box .ico-confirm:checked[disabled] ~ .icon:before, .inp-box .form-radio .ico-confirm:checked[disabled] ~ .icon:before, .form-radio input:checked:disabled ~ .icon:before, .form-radio .inp-box .ico-confirm:checked:disabled ~ .icon:before, .inp-box .form-radio .ico-confirm:checked:disabled ~ .icon:before {
  display: block;
  background: #ddd;
}
.form-radio .icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/common/icon/icon-radio-off.svg?ver=202205") center/contain no-repeat #fff;
  border-radius: 50%;
  vertical-align: middle;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-radio .icon:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.form-radio .txt {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  margin-left: 0.8rem;
  line-height: 2.4rem;
  vertical-align: middle;
}
.form-radio.type-check input:checked ~ .icon, .form-radio.type-check .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-radio.type-check .ico-confirm:checked ~ .icon {
  border-color: #ffcc00;
  background: #fc0;
}
.form-radio.type-check input:checked ~ .icon:before, .form-radio.type-check .inp-box .ico-confirm:checked ~ .icon:before, .inp-box .form-radio.type-check .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.form-radio.type-check .icon {
  border: none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-radio.type-check .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(/images/common/icon/icon-check-black.svg) no-repeat !important;
  background-size: cover !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.radio-box input, .radio-box .inp-box .ico-confirm, .inp-box .radio-box .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.radio-box input[disabled] ~ label, .radio-box .inp-box [disabled].ico-confirm ~ label, .inp-box .radio-box [disabled].ico-confirm ~ label {
  background: #f8f8f8;
  border-radius: 0.8rem;
  color: #aaa;
}
.radio-box input[disabled] ~ label:before, .radio-box .inp-box [disabled].ico-confirm ~ label:before, .inp-box .radio-box [disabled].ico-confirm ~ label:before {
  border-color: #eee;
}
.radio-box input:checked + label, .radio-box .inp-box .ico-confirm:checked + label, .inp-box .radio-box .ico-confirm:checked + label {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  line-height: 4rem;
  color: #222;
  background: #fff;
}
.radio-box input:checked + label:before, .radio-box .inp-box .ico-confirm:checked + label:before, .inp-box .radio-box .ico-confirm:checked + label:before {
  border: 1.5px solid #222;
}
.radio-box label {
  position: relative;
  display: inline-block;
  padding: 0 1.6rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  line-height: 4rem;
  color: #888;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.radio-box label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.1rem solid #aaa;
  border-radius: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.radio-box.type-fill {
  display: inline-block;
  vertical-align: middle;
}
.radio-box.type-fill input:checked + label, .radio-box.type-fill .inp-box .ico-confirm:checked + label, .inp-box .radio-box.type-fill .ico-confirm:checked + label {
  background: #222;
  color: #fff;
  font-weight: 500;
  border-color: transparent;
}
.radio-box.type-fill label {
  background: #fff;
  color: #222;
  border-radius: 0.8rem;
  height: 3.6rem !important;
  line-height: 3.6rem !important;
  font-weight: 500;
  padding: 0 1.2rem;
  border: 0.1rem solid #aaa;
}
.radio-box.type-fill label:before {
  display: none !important;
}

.radio-box-area {
  font-size: 0;
  margin: -0.4rem !important;
}
.radio-box-area .radio-box {
  margin: 0.4rem;
}

/* ����� ���� */
.radio-round-white-wrap {
  border-radius: 1.2rem;
  border: 1px solid #eee;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  height: 4rem;
  background-color: #f8f8f8;
}
.radio-round-white-wrap li {
  position: relative;
  width: 100%;
  height: 100%;
}
.radio-round-white-wrap li input[type=radio], .radio-round-white-wrap li .inp-box [type=radio].ico-confirm, .inp-box .radio-round-white-wrap li [type=radio].ico-confirm {
  display: none;
}
.radio-round-white-wrap li label {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  z-index: 2;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 3.8rem;
  text-align: center;
  background: transparent;
}
.radio-round-white-wrap li label:before {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -0.6rem;
  content: "";
  display: block;
  width: 0.1rem;
  height: 1.2rem;
  background: #eee;
}
.radio-round-white-wrap li input[type=radio]:checked + label, .radio-round-white-wrap li .inp-box [type=radio].ico-confirm:checked + label, .inp-box .radio-round-white-wrap li [type=radio].ico-confirm:checked + label {
  color: #222;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0.1rem 2px 2px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0.1rem 2px 2px 0 rgba(0, 0, 0, 0.04);
  background: #fff;
}
.radio-round-white-wrap li input[type=radio]:checked + label:before, .radio-round-white-wrap li .inp-box [type=radio].ico-confirm:checked + label:before, .inp-box .radio-round-white-wrap li [type=radio].ico-confirm:checked + label:before {
  display: none;
}

.choice-box-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: -0.4rem;
}
.choice-box-area > .choice-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(50% - 0.8rem);
  margin: 0.4rem;
}
.choice-box-area > .choice-box.full {
  width: calc(100% - 0.8rem);
}

.choice-box {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  display: inline-block;
}
.choice-box > label,
.choice-box > .inner-btn {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #222;
  display: inline-block;
  border: 0.1rem solid #ddd;
  padding: 1.1rem;
  text-align: center;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
}
.choice-box.checked > label,
.choice-box.checked > .inner-btn {
  border: 0.2rem solid #fc0;
  padding: 1rem;
}
.choice-box input, .choice-box .inp-box .ico-confirm, .inp-box .choice-box .ico-confirm {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: block;
}
.choice-box input:checked + label, .choice-box .inp-box .ico-confirm:checked + label, .inp-box .choice-box .ico-confirm:checked + label {
  border: 0.2rem solid #fc0;
  padding: 1rem;
}
.choice-box input:disabled + label, .choice-box .inp-box .ico-confirm:disabled + label, .inp-box .choice-box .ico-confirm:disabled + label {
  opacity: 0.5;
  pointer-events: none;
}
.choice-box input:disabled + label *, .choice-box .inp-box .ico-confirm:disabled + label *, .inp-box .choice-box .ico-confirm:disabled + label * {
  opacity: 0.6;
}
.choice-box > .icon32 {
  display: block;
  margin: 0 auto 0.5rem;
}

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

.form-switch-area .form-switch {
  vertical-align: middle;
}
.form-switch-area .form-switch-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin: 0 0.5rem;
  vertical-align: middle;
}

.tit-area.myasset-header {
  position: relative;
  padding-bottom: 5rem;
}
.tit-area.myasset-header .tit-util {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 1.4;
}
.tit-area.myasset-header .txt-highlight {
  font-size: 3rem;
}
.tit-area.myasset-header .txt-highlight .txt-unit {
  margin: 0 0 0 0.2rem;
  vertical-align: baseline;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
}
.tit-area.myasset-header .txt-highlight.ui-scrollnum .ui-scrollnum-txt,
.tit-area.myasset-header .txt-highlight.ui-scrollnum .ui-scrollnum-txt span {
  font: inherit;
  color: inherit;
  text-align: center;
}
.tit-area.myasset-header .txt-highlight.ui-scrollnum .ui-scrollnum-txt > span {
  margin-left: -0.08rem;
  font-size: 3rem;
  font-family: -apple-system, "Roboto", "NotoSansKR", "Arial", sans-serif;
  font-weight: 700;
}
.tit-area.myasset-header .txt-highlight.ui-scrollnum:before {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.tit-area.type-depth {
  margin-top: 1.6rem;
  margin-bottom: 0.6rem;
}
.tit-area.type-depth:before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: url("/images/common/icon/icon12-depth-round.svg") left bottom/contain no-repeat;
  margin: -0.8rem 0.5rem 0 0;
  content: "";
}
.tit-area.type-depth h3,
.tit-area.type-depth h4 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.tit-area .tit-txt-s {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-weight: 400;
  text-align: center;
}

.header-title-100-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin: 1.2rem 0 2.4rem;
}

.tit-marking-area {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
  letter-spacing: -0.04em;
}
.tit-marking-area .marking-txt {
  position: relative;
  display: inline-block;
}
.tit-marking-area .marking-txt:before {
  position: absolute;
  display: block;
  bottom: -1rem;
  left: -2rem;
  right: -2rem;
  top: -3.6rem;
  opacity: 0;
  background: url("/images/common/cm/bg-marking.svg") center/contain no-repeat;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
  content: "";
}
.tit-marking-area .marking-txt:after {
  position: absolute;
  display: block;
  right: -2rem;
  top: -2rem;
  width: 2rem;
  height: 2rem;
  opacity: 0;
  background: url("/images/common/cm/bg-marking-star.svg") center/contain no-repeat;
  content: "";
}
.tit-marking-area.size-s {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
}
.tit-marking-area.size-s .marking-txt:before {
  left: -1.4rem;
  right: -1.4rem;
  bottom: -3rem;
  top: -5rem;
}
.tit-marking-area.screenon .marking-txt:before {
  opacity: 1;
}
.tit-marking-area.screenon .marking-txt:after {
  -webkit-animation: aniShowStar ease-in-out 0.3s 0.3s both;
          animation: aniShowStar ease-in-out 0.3s 0.3s both;
}
@-webkit-keyframes aniShowStar {
  0% {
    -webkit-transform: scale(0.5) translateY(2rem) translateX(-3rem);
            transform: scale(0.5) translateY(2rem) translateX(-3rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes aniShowStar {
  0% {
    -webkit-transform: scale(0.5) translateY(2rem) translateX(-3rem);
            transform: scale(0.5) translateY(2rem) translateX(-3rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

/* ��-����ũ */
.tech-tab ul {
  display: block;
  overflow: hidden;
}
.tech-tab li {
  float: left !important;
  width: 50% !important;
}

/* ��-����� */
.tab-underbar {
  position: relative;
  margin: 0 -1.6rem;
}
.tab-underbar:after {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.tab-underbar.type-scroll-x ul {
  overflow-x: auto;
}
.tab-underbar.type-scroll-x ul li {
  width: auto;
}
.tab-underbar.type-scroll-x ul li + li {
  margin-left: 1.6rem;
}
.tab-underbar.type-scroll-x ul li button {
  padding: 0 8px;
  word-break: keep-all;
}
.tab-underbar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0 1.6rem;
}
.tab-underbar ul li {
  width: 100%;
  height: 4.8rem;
}
.tab-underbar ul li button,
.tab-underbar ul li a {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 4.8rem;
  background: transparent;
  text-align: center;
}
.tab-underbar ul li button.active,
.tab-underbar ul li a.active {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  line-height: 4.8rem;
}
.tab-underbar ul li button.active:after,
.tab-underbar ul li a.active:after {
  z-index: 2;
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  background: #222;
}
.tab-underbar + .tab-contents-wrap .tab-content {
  display: none;
}
.tab-underbar + .tab-contents-wrap .tab-content.active {
  display: block;
}

/* ��-����-���� */
.tab-round-border {
  width: 100%;
}
.tab-round-border.type-scroll-x ul {
  overflow-x: auto;
  overflow-y: hidden;
}
.tab-round-border.type-scroll-x ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}
.tab-round-border.type-scroll-x ul li + li {
  margin-left: 0.4rem;
}
.tab-round-border.type-scroll-x ul li:first-child {
  margin-left: 1.6rem;
}
.tab-round-border.type-scroll-x ul li:last-child {
  margin-right: 1.6rem;
}
.tab-round-border.type-scroll-x ul li button {
  padding: 0 16px;
  word-break: keep-all;
}
.tab-round-border.type-wrap ul {
  display: block;
  font-size: 0;
  margin: -0.4rem;
}
.tab-round-border.type-wrap ul li {
  display: inline-block;
  width: auto;
  margin: 0.4rem;
  vertical-align: middle;
}
.tab-round-border.type-wrap ul li button {
  padding: 0 1.4rem;
}
.tab-round-border ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.tab-round-border ul li {
  width: 100%;
  height: 3.6rem;
}
.tab-round-border ul li button {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 3.6rem;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 2rem;
  background: #fff;
}
.tab-round-border ul li button.active {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  background-color: #222;
  border: 1px solid #222;
  color: #fff;
}
.tab-round-border ul li .num-round {
  position: absolute;
  right: 0.6rem;
  bottom: 100%;
  margin-bottom: -0.8rem;
}
.tab-round-border.type-center ul {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tab-round-border.type-center ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  margin: 0 0.5rem;
}
.tab-round-border.type-center ul li button {
  padding: 0 1.6rem;
}
.tab-round-border.type-light button {
  border-color: #eee;
  color: #222;
}

.stretches-list-wrap {
  margin-top: 1.6rem;
  padding-bottom: 1rem;
}
.stretches-list-wrap .info-list li .icon-area {
  position: absolute;
  top: 1rem;
  left: 0;
  width: 4rem;
  height: 4rem;
}
.stretches-list-wrap .info-list li .icon-area > .icon {
  position: relative;
  top: 0;
  display: block;
}
.stretches-list-wrap .info-list li .icon-area > .icon sup {
  display: none;
  position: absolute;
  top: -0.2rem;
  right: -0.4rem;
}
.stretches-list-wrap .info-list li .icon-area > .icon.error-active sup {
  display: block;
}
.stretches-list-wrap .info-list li .tit {
  font-weight: 500;
  padding-left: 5.6rem;
  padding-right: 13.6rem;
  display: box;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.stretches-list-wrap .info-list li .info li {
  padding-left: 5.6rem;
  padding-right: 13.6rem;
  display: box;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.stretches-list-wrap .info-tab-list li {
  position: relative;
  padding: 1rem 0;
  margin-top: 1.6rem;
}
.stretches-list-wrap .info-tab-list li:first-child {
  margin-top: 0;
}
.stretches-list-wrap .info-tab-list li .area-block {
  font-size: 0;
  vertical-align: middle;
}
.stretches-list-wrap .info-tab-list li .icon-area {
  position: relative;
  min-height: 4.4rem;
}
.stretches-list-wrap .info-tab-list li .icon-area .icon-area-inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.stretches-list-wrap .info-tab-list li .icon-area .icon {
  display: inline-block;
  position: relative;
  width: 4rem;
  height: 4rem;
  vertical-align: middle;
}
.stretches-list-wrap .info-tab-list li .icon-area .icon sup {
  display: none;
  position: absolute;
  top: -0.2rem;
  right: -0.4rem;
}
.stretches-list-wrap .info-tab-list li .icon-area .icon.error-active sup {
  display: block;
}
.stretches-list-wrap .info-tab-list li .icon-area .txt-area {
  position: absolute;
  left: 5.6rem;
  right: 13.6rem;
}
.stretches-list-wrap .info-tab-list li .icon-area .txt-area.price-area {
  top: 0;
}
.stretches-list-wrap .info-tab-list li .icon-area .txt-area.point-area {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.stretches-list-wrap .info-tab-list li .icon-area .txt-area .tit {
  font-weight: 500;
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.stretches-list-wrap .info-tab-list li .icon-area .txt-area .info {
  display: block;
  font-weight: 400;
  text-align: left;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
}
.stretches-list-wrap .info-tab-list li .icon-area .right-txt-area {
  position: absolute;
  right: 0;
}
.stretches-list-wrap .info-tab-list li .icon-area .right-txt-area .price {
  display: block;
  font-weight: 700;
  text-align: right;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.stretches-list-wrap .info-tab-list li .icon-area .right-txt-area .date {
  display: block;
  font-weight: 500;
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  color: #888888;
}
.stretches-list-wrap .info-tab-list li .icon-area .right-txt-area.price-area {
  top: 0;
}
.stretches-list-wrap .info-tab-list li .icon-area .right-txt-area.point-area {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.stretches-list-wrap .info-tab-list.midele-center li {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tab-contents-wrap.type-new .tab-content {
  display: none;
}
.tab-contents-wrap.type-new .tab-content.active {
  display: block;
}
.tab-contents-wrap.type-new .tab-content.bg-gray {
  background: #f8f8f8;
  margin: 0 -1.6rem;
  padding: 2.4rem 1.6rem;
}

/* ���� */
.tooltip-wrap {
  position: relative;
}

.tooltip {
  display: none;
  position: absolute;
  padding: 2.4rem 4.8rem 2.4rem 2.4rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.04);
          box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.04);
  z-index: 10;
}
.tooltip .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.tooltip .tit + .txt {
  margin-top: 0.8rem;
}
.tooltip .tit + .bullet-list {
  margin-top: 0.8rem;
}
.tooltip .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.tooltip .txt + .tit {
  margin-top: 1.6rem;
}
.tooltip .icon-close {
  position: absolute;
  top: 1.6rem;
  right: 0.8rem;
}
.tooltip.active {
  display: block;
}
.tooltip.type-primary {
  border: 0;
  border-radius: 0.5rem;
  background: linear-gradient(263deg, #ffb700 0%, #ffc006 100%);
  padding: 1rem 3.2rem 1rem 1.5rem;
  -webkit-box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.15);
}
.tooltip.type-primary:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-top: 0.6rem solid transparent;
  border-left: 0.6rem solid transparent;
  border-bottom: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  content: "";
}
.tooltip.type-primary .txt {
  color: #fff;
  font-weight: 500;
}
.tooltip.type-primary .icon-close {
  top: 50%;
  right: 0.2rem;
  margin-top: -1.3rem;
  width: 2.6rem;
  height: 2.6rem;
  background: url("/images/common/icon/icon16-close-white.svg") center/1.6rem auto no-repeat;
}
.tooltip.type-primary.ps-top:after {
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-top-color: #ffb700;
}
.tooltip.type-primary.ps-bottom:after {
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-bottom-color: #ffb700;
}
.tooltip.type-warn {
  z-index: 0;
  position: relative;
  background: url("/images/common/mycar/bg-warn.svg") bottom right 1rem/4.3rem auto no-repeat #ffebeb;
  border: none;
  border-radius: 0 1.2rem 1.2rem 1.2rem;
  padding: 1.4rem 4.5rem 1.4rem 1.4rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tooltip.type-warn .txt {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.035rem;
  color: #222;
}
.tooltip.type-warn .icon-close {
  top: 1.4rem;
  right: 1.4rem;
  background-color: transparent;
}
.tooltip.ps-right {
  right: 0;
}
.tooltip.ps-top {
  bottom: 100%;
  margin-bottom: 0.5rem;
}
.tooltip.type-full {
  width: calc(100vw - 3.2rem);
}

.point-box .tooltip.type-full, .search-result-box .tooltip.type-full {
  margin-left: -2.4rem;
}

.btn-tooltip span {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: inline-block;
  vertical-align: middle;
}
.btn-tooltip span + .icon-tooltip {
  margin-left: 0.4rem;
}
.btn-tooltip .icon-tooltip {
  vertical-align: middle;
}
.btn-tooltip.type-warn {
  font: inherit;
  color: inherit;
  text-align: left;
}
.btn-tooltip.type-warn .icon-error {
  margin-top: -0.3rem;
}
.btn-tooltip.type-warn > span {
  display: inline;
  vertical-align: middle;
}

/* ����Ʈ-�ζ���-�� */
.inline-select {
  padding-right: 20px;
  outline: 0;
  border: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  background: url("/images/common/icon/icon-arrow-bottom-dark.svg") no-repeat right center;
}
.inline-select.large {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.inline-select.sm {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-align: right;
}

.select-highlight {
  z-index: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.4rem;
}
.select-highlight:before {
  z-index: -1;
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  display: block;
  width: 100%;
  height: 0.8rem;
  background: #fc0;
  content: "";
}
.select-highlight .inline-select {
  font-weight: 700;
}

.box-select-list {
  margin: -0.4rem;
}
.box-select-list .box-select {
  margin: 0.4rem;
}

.box-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.box-select:after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.5rem;
  border-top: 0.1rem solid #222;
  border-right: 0.1rem solid #222;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  content: "";
}
.box-select select {
  line-height: 4rem;
  height: 4rem;
  padding: 0 2.8rem 0 1.4rem;
  border-radius: 2rem;
  border: 0.1rem solid #ddd;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.4rem;
  color: #666;
}
.box-select select::-ms-expand {
  display: none;
}

/** mobileSelect */
.mobileSelect .content {
  padding: 8rem 0;
  border-radius: 2.4rem 2.4rem 0 0;
}
.mobileSelect .content .wheelNames {
  padding: 0 16px;
}
.mobileSelect .content .wheelNames:after {
  content: "";
  display: block;
  clear: both;
}
.mobileSelect .content .wheelNames .wheelName {
  float: left;
  width: 50%;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  font-weight: 700;
  color: #222;
  text-align: center;
}
.mobileSelect .content .fixWidth {
  position: static;
}
.mobileSelect .content .fixWidth .title {
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  height: 56px;
  line-height: 56px;
  font-size: 2rem;
  color: #222;
  text-align: left;
  font-weight: 700;
  padding: 0 16px;
  pointer-events: none;
}
.mobileSelect .content .btnBar {
  position: static;
  height: auto;
  line-height: 1.4;
  border: none;
}
.mobileSelect .content .btnBar .cancel {
  position: absolute;
  top: 1.6rem;
  left: auto;
  right: 0;
  width: 5.6rem;
  height: 5.6rem;
  font-size: 0;
  background: url(/images/common/icon/icon24-close-black.svg) no-repeat center;
  background-size: 2.4rem 2.4rem;
}
.mobileSelect .content .btnBar .btn-area {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1.6rem;
}
.mobileSelect .content .btnBar .ensure {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  position: static;
  display: block;
  padding: 0 1.6rem;
  width: 100%;
  line-height: 4.8rem;
  height: 4.8rem;
  text-align: center;
  border-radius: 1.2rem;
  font-weight: 500;
}
.mobileSelect .content .panel .wheels {
  height: 205px;
}
.mobileSelect .content .panel .wheel {
  height: 336px;
}
.mobileSelect .content .panel .wheel .selectContainer {
  margin-top: -94px;
}
.mobileSelect .content .panel .wheel .selectContainer li {
  font-size: 18px;
  color: #222;
}
.mobileSelect .content .panel .selectLine {
  top: 132px;
  left: 16px;
  right: 16px;
  width: auto;
  height: 56px;
  border: 1px solid #fc0;
  border-radius: 12px;
}
.mobileSelect .content .panel .shadowMask {
  top: 132px;
  left: 16px;
  right: 16px;
  width: auto;
  height: 205px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.4)), color-stop(50%, rgba(255, 255, 255, 0.7)), color-stop(75%, rgba(255, 255, 255, 0.85)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0% 25%, rgba(255, 255, 255, 0.4) 25% 50%, rgba(255, 255, 255, 0.7) 50% 75%, rgba(255, 255, 255, 0.85) 75% 100%);
}

/* filter */
.filter-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 4rem;
}
.filter-area .period {
  font-size: 0;
}
.filter-area .period li {
  position: relative;
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.filter-area .period li + li {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.filter-area .period li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.filter-area .period .selected-period span, .filter-area .period .selected-period em {
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.filter-area .icon-filter {
  margin-left: 0.8rem;
}

.form-filter dt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.form-filter dd {
  margin-top: 0.8rem;
}
.form-filter dd > * + * {
  margin-top: 0.8rem;
}
.form-filter dd + dt {
  margin-top: 1.6rem;
}

/* �������� �ؽ�Ʈ 2�� �̻�� ���й� */
.round-txt-wrap {
  display: inline-block;
  padding: 0.3rem 0.8rem;
  border-radius: 1.2rem;
  border: 1px solid #222;
  white-space: nowrap;
  font-size: 0;
}
.round-txt-wrap span, .round-txt-wrap em {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  position: relative;
  white-space: nowrap;
}
.round-txt-wrap span + span, .round-txt-wrap em + span {
  margin-left: 0.4rem;
  padding-left: 0.4rem;
}
.round-txt-wrap span + span:before, .round-txt-wrap em + span:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5rem;
  content: "";
  display: block;
  width: 1px;
  height: 1rem;
  background: #222;
}

/* �����±� */
.tag-round {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  padding: 0 0.8rem;
  line-height: 1.8rem;
  text-align: center;
  border-radius: 1.2rem;
}
.tag-round.bg-gray {
  color: #666;
  border: 0.1rem solid #f6f8f9;
  background-color: #f6f8f9;
}
.tag-round.bg-gray2 {
  color: #222;
  border: 0.1rem solid #eee;
  background: #eee;
}
.tag-round.bg-yellow {
  border: 0.1rem solid #ffcc00;
  background: #ffcc00;
  color: #222;
}
.tag-round.bg-white {
  border: 0.1rem solid #fff;
  background: #fff;
  color: #222;
}
.tag-round.bg-blue {
  background-color: rgba(37, 137, 255, 0.1);
}
.tag-round.line-white {
  border: 0.1rem solid #fff;
  color: #fff;
}
.tag-round.line-black {
  border: 0.1rem solid #222;
  color: #222;
}
.tag-round.line-primary {
  color: #222;
  height: 2.4rem;
  line-height: 2.2rem;
  border: 0.1rem solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(103deg, #ffe800 0%, #ff9e00 82%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.tag-round.type-positive {
  background-color: rgba(37, 137, 255, 0.1);
  color: #2589ff;
}
.tag-round.type-positive2 {
  background-color: #2589ff;
  color: #fff;
}
.tag-round.type-negative {
  background-color: #f6f8f9;
  color: #666;
}
.tag-round.size-l {
  font-size: 1.4rem;
}

/* ������� ���� */
.underline-mark {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  position: relative;
  display: inline-block;
  z-index: 10;
}
.underline-mark:after {
  z-index: -1;
  position: absolute;
  bottom: 2px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #ffde00;
}

.tag-round-s {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 700;
  color: #222;
  line-height: 1.8rem;
  height: 2rem;
  padding: 0 0.6rem;
  border: 0.2rem solid #fc0;
  background: #fff;
  border-radius: 1rem;
  letter-spacing: 0;
}
.tag-round-s > span {
  font: inherit;
  color: inherit;
}
.tag-round-s.type-primary {
  background: #ff0000;
  line-height: 1.6rem;
  height: 1.6rem;
  color: #fff;
  border: 0;
}
.tag-round-s.type-primary.n2 {
  background-color: rgba(255, 0, 0, 0.8);
}
.tag-round-s.type-primary.n3 {
  background-color: rgba(255, 0, 0, 0.6);
}
.tag-round-s.type-primary.n4 {
  background-color: rgba(255, 0, 0, 0.4);
}
.tag-round-s.type-primary.n5 {
  background-color: rgba(255, 0, 0, 0.2);
}
.tag-round-s.type-secondary {
  background: #2589ff;
  line-height: 1.6rem;
  height: 1.6rem;
  color: #fff;
  border: 0;
}
.tag-round-s.type-dark {
  background: #222222;
  line-height: 1.6rem;
  height: 1.6rem;
  color: #fff;
  border: 0;
}
.tag-round-s.type-sub {
  line-height: 1.6rem;
  background: rgba(37, 137, 255, 0.1);
  height: 1.6rem;
  color: #2589ff;
  border: 0;
  font-weight: 400;
}
.tag-round-s.type-yellow {
  background: #fc0;
  line-height: 1.6rem;
  height: 1.6rem;
  border: 0;
}
.tag-round-s .icon-hot {
  margin: -0.6rem -0.2rem 0 -0.6rem;
}

.tag-round-xs {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.6rem;
  height: 1.6rem;
  padding: 0 0.5rem;
  background: #222;
  border-radius: 1rem;
  letter-spacing: 0;
}

/* ������� ����� */
.tag-ribbon {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 5.6rem;
  height: 5.6rem;
}
.tag-ribbon strong {
  position: absolute;
  top: 1rem;
  right: -2rem;
  display: block;
  width: 8rem;
  background: #ffcc00;
  color: #222;
  font-size: 1rem;
  font-weight: 700;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  padding: 0.4rem 0 0.3rem;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
}

.tag-best {
  display: inline-block;
  width: 3.6rem;
  height: 1.6rem;
  margin: 0 0 0.4rem 0.3rem;
  background: url("/images/common/icon/icon-tag-best.svg") center/contain no-repeat;
  vertical-align: middle;
}

.tag-chatech {
  display: inline-block;
  width: 5.4rem;
  height: 2rem;
  vertical-align: middle;
  background: url("/images/common/icon/tag-chatech2.svg") 0 0/contain no-repeat;
  font-size: xx-small;
  color: transparent;
  overflow: hidden;
}

.tag-mywallet {
  display: inline-block;
  width: 5.4rem;
  height: 2rem;
  vertical-align: middle;
  background: url("/images/common/icon/tag-mywallet.svg") 0 0/contain no-repeat;
  font-size: xx-small;
  color: transparent;
  overflow: hidden;
}

.bbadge {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-family: "Helvetica Neue", "Apple SD Gothic Neo", Arial, sans-serif;
  font-style: normal;
  letter-spacing: -0.025em;
  text-align: center;
  text-indent: 0;
  vertical-align: middle;
  z-index: 2;
}

.bbadge-category,
.bbadge-category--vertical {
  color: #222;
  line-height: 1.1;
  font-weight: 700;
  background-color: #fc0;
}

.bbadge-category--vertical {
  width: 4.2rem;
  border-radius: 0.6rem;
  padding: 0.6rem 0 5px 0;
  overflow: hidden;
  font-size: 1.3rem;
  font-family: "KBFGDisplayB";
  font-weight: normal;
}
.bbadge-category--vertical .bbadge-category__prefix {
  display: block;
  font-size: 14px;
}

.bbadge-category--vertical-img {
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
  height: 4rem;
  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/icon/badge-kb-diag.svg");
}
.bbadge-category--vertical-img.badge-cert {
  background-image: url("/images/common/icon/badge-kb-cert.svg");
}
.bbadge-category--vertical-img.badge-diag-normal {
  background-image: url("/images/common/icon/badge-kb-diag-big.svg");
}

.bbadge-category {
  position: relative;
  padding: 0 0.5rem;
  border-radius: 0.6rem;
  font-size: 1.1rem;
  line-height: 2rem;
  font-weight: 700;
}
.bbadge-category.badge-diag-normal {
  width: 4.2rem;
  height: 2.4rem;
  background: url("/images/common/icon/badge-kb-diag-list.svg") center/contain no-repeat;
}
.bbadge-category.badge-diag-normal > span {
  font-size: 1px;
  color: transparent;
  display: inline-block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.bbadge-category.badge-diag-normal.size-m {
  width: 5.3rem;
  height: 3rem;
  background-image: url("/images/common/icon/badge-kb-diag-list-md.svg");
}
.bbadge-category .bbadge-category__prefix {
  font-family: "KBFGTextB";
}

.tag-data {
  display: inline-block;
  margin-right: 0.6rem;
  height: 3.2rem;
  line-height: 0;
  border: 0.1rem solid #ff6902;
  border-radius: 0.8rem;
  text-align: left;
  padding: 0 0.8rem;
  background: #fff;
  vertical-align: middle;
}
.tag-data .tit {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  color: #ff6902;
  vertical-align: middle;
  line-height: 3.2rem;
}
.tag-data .cont {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  margin-left: 0.4rem;
  line-height: 3.2rem;
}
.tag-data.size-s {
  height: 2.6rem;
}
.tag-data.size-s .tit,
.tag-data.size-s .cont {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.tag-list {
  font-size: 0;
  margin: -0.5rem;
  text-align: left;
}
.tag-list.size-s {
  margin: -0.4rem 0.3rem;
}
.tag-list.size-s .tag-data {
  margin: 0.4rem;
}
.tag-list .tag-data {
  margin: 0.5rem;
}

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

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

@keyframes aniBlinkTag {
  0% {
    -webkit-transform: rotate(135deg) translateY(0);
            transform: rotate(135deg) translateY(0);
  }
  25% {
    -webkit-transform: rotate(135deg) translateY(-10rem);
            transform: rotate(135deg) translateY(-10rem);
  }
  100% {
    -webkit-transform: rotate(135deg) translateY(-10rem);
            transform: rotate(135deg) translateY(-10rem);
  }
}
.scroll-choice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 100%;
}
.scroll-choice-list.column-1 > ul {
  width: 1000%;
}
.scroll-choice-list.column-2 > ul {
  width: 50%;
}
.scroll-choice-list.column-3 > ul {
  width: 33.3333333333%;
}
.scroll-choice-list.column-4 > ul {
  width: 25%;
}
.scroll-choice-list > ul {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-choice-list > ul::-webkit-scrollbar {
  display: none;
}
.scroll-choice-list > ul.max-height243 {
  max-height: 24.3rem;
}
.scroll-choice-list > ul > li {
  line-height: 4.8rem;
  padding-right: 3rem;
}
.scroll-choice-list > ul > li button {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.scroll-choice-list > ul > li button.active {
  color: #222;
  font-weight: 700;
}

.scroll-choice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  width: 100%;
}
.scroll-choice-list.column-1 > ul {
  width: 1000%;
}
.scroll-choice-list.column-2 > ul {
  width: 50%;
}
.scroll-choice-list.column-3 > ul {
  width: 33.3333333333%;
}
.scroll-choice-list.column-4 > ul {
  width: 25%;
}
.scroll-choice-list > ul {
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-choice-list > ul::-webkit-scrollbar {
  display: none;
}
.scroll-choice-list > ul.max-height243 {
  max-height: 24.3rem;
}
.scroll-choice-list > ul > li {
  line-height: 4.8rem;
  padding-right: 3rem;
}
.scroll-choice-list > ul > li button {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.scroll-choice-list > ul > li button.active {
  color: #222;
  font-weight: 700;
}

.toast {
  position: fixed;
}
.toast.message {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-transition: all cubic-bezier(0.65, 0.05, 0.36, 0.5) 0.2s;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 0.5) 0.2s;
  z-index: 6000;
  display: block;
  width: auto;
  left: 1.6rem;
  right: 1.6rem;
  bottom: 7.5rem;
  padding: 1.4rem 1.6rem;
  background: rgba(34, 34, 34, 0.7);
  border-radius: 1.2rem;
  text-align: center;
  color: #fff;
  pointer-events: none;
}
.toast.message span {
  display: inline;
  width: auto;
  padding: 0;
  background: none;
  border-radius: 0;
}
.toast.message span, .toast.message a {
  font: inherit;
  color: inherit;
}
.toast.type-default {
  opacity: 0;
}
.toast.type-default.show {
  -webkit-animation: aniShowToastDefault ease-in-out 0.2s both;
          animation: aniShowToastDefault ease-in-out 0.2s both;
}
.toast.type-default.hide {
  -webkit-animation: aniHideToastDefault ease-in-out 0.2s both;
          animation: aniHideToastDefault ease-in-out 0.2s both;
}
@-webkit-keyframes aniShowToastDefault {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes aniShowToastDefault {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes aniHideToastDefault {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
}
@keyframes aniHideToastDefault {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
}
.toast.show {
  opacity: 1;
}
.toast.hide {
  opacity: 0;
}
.toast.type-center {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  z-index: 9999;
  top: 50%;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 17rem;
  height: 17rem;
  margin: -8.5rem 0 0 -8.5rem;
  border-radius: 50%;
  text-align: center;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
  -webkit-box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.36);
          box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.36);
  background: rgba(255, 255, 255, 0.95);
  word-break: break-all;
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  opacity: 0;
}
.toast.type-center.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.toast.type-center > span {
  display: block;
  margin-top: 0.4rem;
}

.ani-compare {
  position: relative;
  display: block;
  width: 6rem;
  height: 5.8rem;
  margin: 0.6rem auto 0;
  background: url("/images/common/search/ani-compare-left.svg") center center/contain no-repeat;
}
.ani-compare > b {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.ani-compare .ani-compare-right-full {
  background: url("/images/common/search/ani-compare-right-full.svg") center center/contain no-repeat;
  opacity: 0;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: aniCompareRight linear 0.3s forwards 0.2s, aniFadeOut linear 0.2s forwards 0.6s;
          animation: aniCompareRight linear 0.3s forwards 0.2s, aniFadeOut linear 0.2s forwards 0.6s;
}
.ani-compare .ani-compare-right {
  background: url("/images/common/search/ani-compare-right.svg") center center/contain no-repeat;
  opacity: 0;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: aniCompareRight linear 0.3s forwards 0.2s;
          animation: aniCompareRight linear 0.3s forwards 0.2s;
}
.ani-compare .ani-compare-plus {
  right: 0;
  left: auto;
  width: 2.2rem;
  height: 2.2rem;
  background: url("/images/common/search/ani-plus.svg") center center/contain no-repeat;
  opacity: 0;
  -webkit-animation: aniPlusFadeIn ease-in-out 0.2s forwards 0.6s;
          animation: aniPlusFadeIn ease-in-out 0.2s forwards 0.6s;
}
.ani-compare.type-reverse .ani-compare-plus {
  animation: aniPlusFadeIn ease-in-out 0.2s reverse forwards 0.3s;
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  opacity: 1;
}
.ani-compare.type-reverse .ani-compare-right {
  opacity: 1;
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  -webkit-animation: none;
          animation: none;
}
.ani-compare.type-reverse .ani-compare-right-full {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}

.ani-like {
  position: relative;
  display: block;
  width: 6rem;
  height: 5.8rem;
  margin: 0.6rem auto 0;
}
.ani-like > b {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.ani-like .ani-like-fill {
  background: url("/images/common/search/ani-like-fill.svg") center center/contain no-repeat;
  opacity: 1;
  -webkit-animation: aniBounceHeart ease-in-out 0.5s forwards 0.2s, aniFadeOut linear 0.2s forwards 0.7s;
          animation: aniBounceHeart ease-in-out 0.5s forwards 0.2s, aniFadeOut linear 0.2s forwards 0.7s;
}
.ani-like .ani-like-line {
  background: url("/images/common/search/ani-like.svg") center center/contain no-repeat;
  -webkit-animation: aniBounceHeart ease-in-out 0.5s forwards 0.2s;
          animation: aniBounceHeart ease-in-out 0.5s forwards 0.2s;
}
.ani-like .ani-like-plus {
  right: 0;
  left: auto;
  width: 2.2rem;
  height: 2.2rem;
  background: url("/images/common/search/ani-plus.svg") center center/contain no-repeat;
  opacity: 0;
  -webkit-animation: aniPlusFadeIn ease-in-out 0.2s forwards 0.6s;
          animation: aniPlusFadeIn ease-in-out 0.2s forwards 0.6s;
}
.ani-like.type-reverse .ani-like-plus {
  animation: aniPlusFadeIn ease-in-out 0.2s reverse forwards 0.5s;
  -webkit-transform: scale(1) rotate(0deg);
      -ms-transform: scale(1) rotate(0deg);
          transform: scale(1) rotate(0deg);
  opacity: 1;
}
.ani-like.type-reverse .ani-like-fill {
  opacity: 0;
  -webkit-animation: none;
          animation: none;
}
.ani-like.type-reverse .ani-like-line {
  opacity: 1;
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes aniCompareRight {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  20%, 30% {
    opacity: 1;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
}

@keyframes aniCompareRight {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  20%, 30% {
    opacity: 1;
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
}
@-webkit-keyframes aniFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes aniFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes aniBounceHeart {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes aniBounceHeart {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  80%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes aniPlusFadeIn {
  0% {
    -webkit-transform: scale(0) rotate(-180deg);
            transform: scale(0) rotate(-180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
@keyframes aniPlusFadeIn {
  0% {
    -webkit-transform: scale(0) rotate(-180deg);
            transform: scale(0) rotate(-180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}
.form-box {
  font-size: 0;
}
.form-box > * + * {
  margin-left: 0.8rem;
}

/* info-txt */
.info-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding-left: 2rem;
}
.info-txt i {
  position: absolute;
  top: 0.2rem;
  left: 0;
}

/* btn-txt-arrow */
.btn-txt-arrow.size-l span {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.btn-txt-arrow.size-s span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  font-weight: 400;
}
.btn-txt-arrow.size-xs span {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.btn-txt-arrow span + .icon16 {
  margin: -0.2rem 0 0 0;
}

/* btn-round */
.btn-round {
  display: inline-block;
}
.btn-round.bg-yellow {
  transition-name: background-color;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.btn-round.bg-yellow:focus, .btn-round.bg-yellow:active {
  background-color: #e6b800;
}
.btn-round.bg-light {
  background: #fff;
  border: 1px solid #fff;
  color: #222;
}
.btn-round .icon20 {
  margin: -0.2rem 0 0;
}

.btn-base {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  transition-name: background-color;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.btn-base.size-xs {
  height: 3.2rem;
  line-height: 3.2rem;
  padding: 0 0.5rem;
  font-size: 1.2rem;
}
.btn-base.size-s {
  height: 3.8rem;
  line-height: 3.8rem;
  padding: 0 0.2rem;
  font-size: 1.4rem;
}
.btn-base.size-s.type-sub {
  font-weight: 500;
  color: #222;
}
.btn-base.type-sub {
  background: #ffd94d;
  font-weight: 700;
  color: #444;
  border-radius: 0.8rem;
}
.btn-base.type-sub:focus, .btn-base.type-sub:active {
  background-color: #ffce19;
}
.btn-base span {
  font: inherit;
  color: inherit;
}

.btn-search {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("//images/common/icon/icon-search.svg") center right 2rem/2.4rem auto no-repeat;
  border: none;
}
.btn-search span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.link-sns {
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  margin: 0 0.3rem;
  vertical-align: middle;
  border-radius: 50%;
  border: 0.1rem solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url("//images/common/cm/sp-logo-sns.jpg") 0 0/2.4rem auto no-repeat;
}
.link-sns span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.link-sns.youtube {
  background-position-y: 0;
}
.link-sns.facebook {
  background-position-y: -2.4rem;
}
.link-sns.instagram {
  background-position-y: -4.8rem;
}
.link-sns.naver {
  background-position-y: -7.2rem;
}

.btn-wrap .btn-bg-yellow:disabled {
  border-color: #F8F8F8;
  background: #F8F8F8;
  color: #888;
}
.btn-wrap .btn-bg-yellow:disabled span {
  color: inherit;
}

.btn-refresh {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-size: 1.4rem;
}
.btn-refresh span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.3rem;
}
.btn-refresh > .icon-refresh-round {
  position: absolute;
  top: 0;
  right: 0;
}

.btn-notice-anchor {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  padding: 1.2rem 1.6rem 1.2rem 4rem;
  color: #222;
}
.btn-notice-anchor > .icon-notice2,
.btn-notice-anchor > .icon-thumbup,
.btn-notice-anchor > .icon-camera {
  position: absolute;
  top: 1.4rem;
  left: 1.6rem;
}
.btn-notice-anchor > .icon-thumbup {
  top: 1rem;
  left: 1rem;
}
.btn-notice-anchor > .icon-arrow-right-black {
  position: absolute;
  top: 1.4rem;
  right: 1.6rem;
}
.btn-notice-anchor span {
  font: inherit;
}
.btn-notice-anchor.first {
  margin-top: -1.6rem;
}

.category-tab:after {
  content: "";
  display: block;
  clear: both;
}
.category-tab .category-tab__btn-area {
  position: relative;
  float: left;
}
.category-tab .category-tab__btn-area:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0.1rem;
  height: 1.6rem;
  background: #eee;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
.category-tab .category-tab__btn-area:first-child .category-tab__btn {
  padding-left: 0;
}
.category-tab .category-tab__btn-area:last-child:after {
  display: none;
}
.category-tab .category-tab__btn-area.category-tab__btn-area--active .category-tab__btn {
  color: #222;
  font-weight: 500;
}
.category-tab .category-tab__btn {
  display: inline-block;
  padding: 1rem 1.4rem;
  line-height: 1;
  color: #888;
  font-size: 1.6rem;
}
.category-tab .category-tab__btn .icon16 {
  margin-top: -0.3rem;
}
.category-tab .category-tab__btn > span {
  font: inherit;
}

.btn-filter {
  padding: 0.8rem 1.6rem;
}
.btn-filter:first-child {
  margin-left: 0;
}
.btn-filter .icon16 {
  margin: 0 0.2rem 0 0;
}
.btn-filter > span {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-weight: 400;
  font-size: 1.4rem;
  color: #222;
}
.btn-filter.btn-filter--active > span {
  font-weight: 700;
}

.btn-list-view {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  vertical-align: middle;
  background: url("/images/common/icon/icon24-view-list.svg") center center/2.4rem auto no-repeat;
}
.btn-list-view > span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.btn-list-view.btn-list-view--grid {
  background-image: url("/images/common/icon/icon24-view-grid.svg");
}

.btn-paging-num {
  font-family: -apple-system, "Roboto", "NotoSansKR", sans-serif;
  display: inline-block;
  vertical-align: middle;
  min-width: 2.2rem;
  height: 3.2rem;
  padding: 0 0.6rem;
  color: #888;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 3.2rem;
  text-align: center;
}
.btn-paging-num > span {
  font: inherit;
}
.btn-paging-num.active {
  position: relative;
  color: #222;
  font-weight: 700;
}
.btn-paging-num.active:before {
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  right: 0;
  display: block;
  height: 0.4rem;
  background: #fc0;
  content: "";
}

.btn-paging-arrow {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  background-position: center;
  background-size: 1.6rem auto;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.btn-paging-arrow.type-prev {
  background-image: url("/images/common/icon/icon16-arrow-left-black.svg");
}
.btn-paging-arrow.type-next {
  background-image: url("/images/common/icon/icon16-arrow-right-black.svg");
}
.btn-paging-arrow > span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.paging-date-area {
  text-align: center;
}
.paging-date-area .paging-date-txt {
  vertical-align: middle;
  font-size: 1.6rem;
  color: #666;
}

.btn-area a.type-round,
.btn-area button.type-round {
  border-radius: 2.8rem;
}
.btn-area a.type-progress,
.btn-area button.type-progress {
  z-index: 0;
  position: relative;
  background: #fff !important;
  overflow: hidden;
}
.btn-area a.type-progress.btn-yellow,
.btn-area button.type-progress.btn-yellow {
  -webkit-box-shadow: 0 0 0 0.15rem #fc0 inset;
          box-shadow: 0 0 0 0.15rem #fc0 inset;
}
.btn-area a.type-progress.btn-yellow .cover-progress,
.btn-area button.type-progress.btn-yellow .cover-progress {
  background: #fc0;
}
.btn-area a.type-progress .cover-progress,
.btn-area button.type-progress .cover-progress {
  z-index: -1;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: width linear 0.1s;
  transition: width linear 0.1s;
}
.btn-area a.type-progress .icon-scrolldown,
.btn-area button.type-progress .icon-scrolldown {
  vertical-align: middle;
  margin: -0.2rem 0 0 0.4rem;
  -webkit-animation: aniIconScroll ease-in-out 1s infinite;
          animation: aniIconScroll ease-in-out 1s infinite;
}
@-webkit-keyframes aniIconScroll {
  0% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  50% {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
  100% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
@keyframes aniIconScroll {
  0% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
  50% {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
  100% {
    -webkit-transform: translateY(0rem);
            transform: translateY(0rem);
  }
}
.btn-area.grid-flexible a, .btn-area.grid-flexible button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  padding: 0 2.5rem;
}
.btn-area.grid-flexible a ~ a, .btn-area.grid-flexible a ~ button, .btn-area.grid-flexible button ~ a, .btn-area.grid-flexible button ~ button {
  margin-left: 0.5rem;
}
.btn-area.grid-flexible a:first-child, .btn-area.grid-flexible button:first-child {
  margin-left: 0;
}
.btn-area.grid-flexible a.full, .btn-area.grid-flexible button.full {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.btn-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.8rem 1.6rem 0.6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  background: #fff;
  border: 0.1rem solid #ccc;
  border-radius: 0.8rem;
}
.btn-data .btn-data-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.btn-data .btn-data-cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
}

.ui-btn-toggle {
  pointer-events: auto;
  opacity: 0;
  -webkit-animation: aniShowFooter ease-in-out 0.3s both;
          animation: aniShowFooter ease-in-out 0.3s both;
}
.ui-btn-toggle button, .ui-btn-toggle a {
  -webkit-animation: bounceInUp ease-in-out 1s both;
          animation: bounceInUp ease-in-out 1s both;
}
.ui-btn-toggle.ui-btn-hide {
  pointer-events: none;
  -webkit-animation: aniHideFooter ease-in-out 0.3s both;
          animation: aniHideFooter ease-in-out 0.3s both;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.ui-btn-toggle.ui-btn-hide button, .ui-btn-toggle.ui-btn-hide a {
  -webkit-animation: none;
          animation: none;
}

.btn-round-x {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/common/icon/icon24-round-x.svg") center/2.4rem auto no-repeat;
}
.btn-round-x span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.point-link-box {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  position: relative;
  background: #e9f3ff;
  border-radius: 1.2rem;
  margin-top: 1.2rem;
  padding: 1.2rem 3rem 1.2rem 4.8rem;
}
.point-link-box .icon-diag {
  position: absolute;
  top: 1.2rem;
  left: 1.6rem;
}
.point-link-box .icon-arrow-right-black {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.point-link-box span {
  font: inherit;
  color: inherit;
}

.btn-link-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: 1.2rem;
  border: 0.1rem solid #aaa;
  padding: 1.8rem 2rem 1.6rem 2rem;
  margin-top: 0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.btn-link-box .inner-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  padding: 0.2rem 0.8rem 0 0;
}
.btn-link-box .inner-right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0px;
          flex: 0 0 0;
  padding: 0.2rem 0 0 0.8rem;
  text-align: right;
}
.btn-link-box .inner-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  text-align: left;
}
.btn-link-box .inner-cont .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
}
.btn-link-box .inner-cont .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
  font-weight: 500;
  color: #888;
}
.btn-link-box:disabled {
  opacity: 0.5;
}
.btn-link-box:disabled .tit {
  opacity: 0.5;
}

.tmap-banner {
  display: block;
  width: 100%;
  min-height: 9.7rem;
  margin-top: 2rem;
  border: 0.1rem solid #ddd;
  border-radius: 1.2rem;
  padding: 2rem 11.4rem 2rem 2rem;
  background: url("/images/common/mycar/tmap-banner-visual.png") right 0.7rem bottom 0.5rem/11.5rem auto no-repeat;
}
.tmap-banner .tit {
  display: block;
  height: 2.3rem;
}
.tmap-banner .tit img {
  height: 100%;
}
.tmap-banner .desc {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 1.2rem;
  word-break: keep-all;
}

.floating-call-area {
  height: 5.8rem;
}

.floating-call-item .txt-area {
  z-index: 199;
  position: fixed;
  bottom: 7.4rem;
  right: 1.6rem;
  width: calc(100% - 1.6rem);
  height: 5.8rem;
  border-top-right-radius: 2.9rem;
  border-bottom-right-radius: 2.9rem;
  overflow: hidden;
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
.floating-call-item .txt-area.hide {
  opacity: 0;
  -webkit-transform: translateY(0.5rem);
      -ms-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
}
.floating-call-item .txt-area span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: absolute;
  top: 50%;
  right: 4.8rem;
  display: inline-block;
  padding: 0 1.6rem;
  line-height: 3.6rem;
  min-height: 3.6rem;
  border-radius: 1.8rem;
  border: 0.1rem solid #979797;
  background: #fff;
  color: #222;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: translateY(-50%) translateX(1rem);
      -ms-transform: translateY(-50%) translateX(1rem);
          transform: translateY(-50%) translateX(1rem);
  opacity: 0;
  overflow: hidden;
  -webkit-animation: aniShowFloaginTxt ease-in-out 8s infinite 0.5s;
          animation: aniShowFloaginTxt ease-in-out 8s infinite 0.5s;
  pointer-events: none;
}
@-webkit-keyframes aniShowFloaginTxt {
  0%, 57%, 100% {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(100%);
            transform: translateY(-50%) translateX(100%);
  }
  7%, 50% {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0.2rem);
            transform: translateY(-50%) translateX(0.2rem);
  }
}
@keyframes aniShowFloaginTxt {
  0%, 57%, 100% {
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(100%);
            transform: translateY(-50%) translateX(100%);
  }
  7%, 50% {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0.2rem);
            transform: translateY(-50%) translateX(0.2rem);
  }
}

.floating-call-btn {
  z-index: 200;
  position: fixed;
  bottom: 7.4rem;
  right: 1.6rem;
  display: block;
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 50%;
  background: url("//images/common/icon/icon24-call.svg") center/2.4rem auto no-repeat #fc0;
  -webkit-box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.2);
}

.btn-toggle-mycar {
  width: 4rem;
  height: 4.4rem;
  background: url("/images/common/icon/icon24-more.svg") center/2.4rem auto no-repeat;
}

.btn-toggle-like {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  color: #666;
  text-align: center;
}
.btn-toggle-like .txt {
  display: block;
  margin-top: 0.8rem;
}
.btn-toggle-like .btn-toggle-like {
  display: block;
  margin: 0 auto 0.8rem;
}
.btn-toggle-like .icon {
  display: inline-block;
  width: 5.2rem;
  height: 5.2rem;
  vertical-align: middle;
  border-radius: 50%;
  border: 0.1rem solid #ddd;
  line-height: 5rem;
  text-align: center;
  font-size: 0;
  -webkit-transition: background-color ease-in-out 0.2s, border-color ease-in-out 0.2s;
  transition: background-color ease-in-out 0.2s, border-color ease-in-out 0.2s;
}
.btn-toggle-like.active .icon {
  background-color: rgba(37, 137, 255, 0.1);
  border-color: transparent;
}
.btn-toggle-like.active .icon-toggle-like {
  -webkit-animation: aniThumbup ease-in-out 0.6s;
          animation: aniThumbup ease-in-out 0.6s;
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
}
.btn-toggle-like.active .icon-toggle-like {
  background-position: 0 -3.8rem;
}
.btn-toggle-like.active .txt {
  color: #222;
}

.btn-like-s > span {
  display: inline-block;
  vertical-align: middle;
  min-width: 2.8rem;
  font-size: 1.4rem;
  color: #222;
  line-height: 1;
  text-align: left;
}
.btn-like-s + .btn-like-s {
  margin-left: 1.8rem;
}
.btn-like-s.active > span {
  font-weight: 700;
}
.btn-like-s.active .icon-toggle-dislike-s,
.btn-like-s.active .icon-toggle-like-s {
  background-position-y: -2rem;
}

.btn-share {
  display: inline-block;
  padding: 0.8rem 0;
}
.btn-share .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.btn-share .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: inline-block;
  vertical-align: middle;
}

.share-list {
  display: block;
}
.btn-line-box {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-radius: 1.2rem;
  border: 0.15rem solid #222;
  color: #222;
  padding: 1.2rem 2rem;
}
.btn-line-box > span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  width: 100%;
  font: inherit;
}
.btn-line-box > .icon16 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.btn-rank {
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  border-radius: 1.5rem;
  text-align: left;
  vertical-align: middle;
  background: #434c53;
  font-size: 0;
}
.btn-rank .num {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  background: #eee;
  color: #222;
  line-height: 1.6rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  margin-right: 0.5rem;
}
.btn-rank .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}

.tag-rank-list {
  font-size: 0;
}
.tag-rank-list > li {
  display: inline-block;
  margin-right: 0.8rem;
}

.recommend-tags:after {
  content: "";
  display: block;
  clear: both;
}
.recommend-tags > .tit {
  float: left;
  width: 6rem;
  color: #666;
  margin-left: 1.6rem;
  font-size: 1.4rem;
  line-height: 3rem;
}
.recommend-tags > .inner-track {
  float: left;
  width: calc(100% - 7.6rem);
  overflow: auto;
  white-space: nowrap;
}
.recommend-tags > .inner-track::-webkit-scrollbar {
  display: none;
}

@-webkit-keyframes aniThumbup {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  12.5%, 62.5% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  37.5%, 87.5% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
}

@keyframes aniThumbup {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  12.5%, 62.5% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  37.5%, 87.5% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -1rem, 0) scaleY(0.9);
    transform: translate3d(0, -1rem, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 0.5rem, 0) scaleY(0.95);
    transform: translate3d(0, 0.5rem, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -1rem, 0) scaleY(0.9);
    transform: translate3d(0, -1rem, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 0.5rem, 0) scaleY(0.95);
    transform: translate3d(0, 0.5rem, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes aniHideFooter {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(50vh);
            transform: translateY(50vh);
  }
}
@keyframes aniHideFooter {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(50vh);
            transform: translateY(50vh);
  }
}
@-webkit-keyframes aniShowFooter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes aniShowFooter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.icon-gift {
  background: url("/images/common/icon/icon24-gift.png") no-repeat center/contain;
}

.icon-car-compare {
  background: url("/images/common/icon/icon38-car-compare.png") no-repeat center/contain;
}

.icon-car-compare {
  background: url("/images/common/icon/icon38-car-compare.png") no-repeat center/contain;
}

.icon-sell-direct {
  background: url("/images/common/icon/icon38-sell-direct.png") no-repeat center/contain;
}

.icon48.icon-car-compare {
  background: url("/images/common/icon/icon48-car-compare.svg") no-repeat center/contain;
}

.icon48.icon-sell-direct {
  background: url("/images/common/icon/icon48-sell-direct.svg") no-repeat center/contain;
}

.icon-notice2 {
  background: url("/images/common/icon/icon16-notice2.svg") no-repeat center/contain;
}

.icon-new-tag {
  background: url("/images/common/icon/icon16-new-tag.png") no-repeat center/contain;
}

.icon-add-gray2 {
  background: url("/images/common/icon/icon-add-gray2.svg") no-repeat center/contain;
}

.icon-touch {
  background: url("/images/common/icon/icon56-touch.png") no-repeat center/contain;
}

.icon-accidents-damage-my {
  background: url("/images/common/mycar/icon32-accidents-damage-my.svg") no-repeat center/contain;
}

.icon-accidents-damage-other {
  background: url("/images/common/mycar/icon32-accidents-damage-other.svg") no-repeat center/contain;
}

.icon-graph-value {
  background: url("/images/common/mycar/icon24-graph-value.svg") no-repeat center/contain;
}

.icon-check-calendar {
  background: url("/images/common/mycar/icon-check-calendar.svg") no-repeat center/contain;
}

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

.icon-tip {
  display: inline-block;
  width: 2rem;
  height: 1.6rem;
  vertical-align: middle;
  background: url("/images/common/icon/icon-tip.png") center/contain no-repeat;
}

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

.icon-setting-dark {
  background: url("/images/common/icon/icon24-setting-black.svg") no-repeat center/contain;
}

.icon-kb-guarantee {
  background: url("/images/common/icon/icon24-kb-guarantee.svg") no-repeat center/contain;
}

.icon-kbcoin {
  background: url("/images/common/icon/icon16-kbcoin.svg") no-repeat center/contain;
}

.icon-close-white {
  background: url("/images/common/icon/icon24-close-white.svg") no-repeat center/1.8rem 1.8rem;
}

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

.icon-sort-sm {
  background: url("/images/common/icon/icon-filter-sort.svg") center/contain no-repeat;
}

.icon-like2-off {
  background: url("/images/common/icon/icon24-like2-off.svg") center/contain no-repeat;
}

.icon-compare-off {
  background: url("/images/common/icon/icon24-compare-off.svg") center/contain no-repeat;
}

.icon-vod {
  background: url("/images/common/icon/icon16-vod.svg") center/contain no-repeat;
}

.icon-money-loan {
  background: url("/images/common/icon/icon24-money-loan.svg") center/contain no-repeat;
}

.icon-car-loan {
  background: url("/images/common/icon/icon24-car-loan.svg") center/contain no-repeat;
}

.icon-phone-loan {
  background: url("/images/common/icon/icon24-phone-loan.svg") center/contain no-repeat;
}

.icon-coin-loan {
  background: url("/images/common/icon/icon24-coin-loan.svg") center/contain no-repeat;
}

.icon32.icon-coin-loan {
  background: url("/images/common/icon/icon32-coin-loan.svg") center/contain no-repeat;
}

.icon-link-hypher {
  background: url("/images/common/icon/icon18-link-hypher.svg") center/contain no-repeat;
}

.icon-drive {
  background: url("/images/common/icon/icon40-drive.svg") center/contain no-repeat;
}

.icon-manage-car {
  background: url("/images/common/icon/icon40-manage-car.svg") center/contain no-repeat;
}

.icon-traction {
  background: url("/images/common/icon/icon40-traction.svg") center/contain no-repeat;
}

.icon-manage-parts {
  background: url("/images/common/icon/icon40-manage-parts.svg") center/contain no-repeat;
}

.icon-garage {
  background: url("/images/common/icon/icon24-util-garage.svg") center/contain no-repeat;
}

.icon-car-s {
  background: url("/images/common/icon/icon20-car.svg") center/contain no-repeat;
}

.icon-drive-s {
  background: url("/images/common/icon/icon20-drive.svg") center/contain no-repeat;
}

.icon-glasses-s {
  background: url("/images/common/icon/icon20-glasses.svg") center/contain no-repeat;
}

.icon-document-s {
  background: url("/images/common/icon/icon20-document.svg") center/contain no-repeat;
}

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

.icon-dashcam {
  background: url("/images/common/icon/icon32-dashcam.svg") center/contain no-repeat;
}

.icon-highpass {
  background: url("/images/common/icon/icon32-highpass.svg") center/contain no-repeat;
}

.icon-glasscoating {
  background: url("/images/common/icon/icon32-glasscoating.svg") center/contain no-repeat;
}

.icon-note {
  background: url("/images/common/icon/icon32-note.svg") center/contain no-repeat;
}

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

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

.icon-calendar-timer {
  background: url("/images/common/icon/icon24-calendar-timer.svg") center/contain no-repeat;
}

.icon-benefit-discount {
  background: url("/images/common/icon/icon32-benefit-discount.svg") center/contain no-repeat;
}

.icon-benefit-autoloan {
  background: url("/images/common/icon/icon32-benefit-autoloan.svg") center/contain no-repeat;
}

.icon-benefit-mortgage {
  background: url("/images/common/icon/icon32-benefit-mortgage.svg") center/contain no-repeat;
}

.icon-money {
  background: url("/images/common/icon/icon32-money.png") center/contain no-repeat;
}

.icon-percent {
  background: url("/images/common/icon/icon32-percent.png") center/contain no-repeat;
}

.icon-more-menu {
  background: url("/images/common/icon/icon24-more.svg") center/contain no-repeat;
}

.icon-car-history {
  background: url("/images/common/mycar/icon56-car-history.svg") center/contain no-repeat;
}

.icon-mycar-dark {
  background: url("/images/common/mycar/icon24-mycar-dark.svg") center/contain no-repeat;
}

.icon-clean-kbc {
  background-image: url("/images/common/icon/icon-clean-kbc.svg");
}

.icon-car-front {
  background-image: url("/images/common/icon/icon64-upload-front.svg");
}

.icon-car-back {
  background-image: url("/images/common/icon/icon64-upload-back.svg");
}

.icon-car-dashboard {
  background-image: url("/images/common/icon/icon64-upload-dashboard.svg");
}

.icon-sell-step1 {
  background-image: url("/images/common/icon/icon-sell-step1.svg");
}

.icon-sell-step2 {
  background-image: url("/images/common/icon/icon-sell-step2.svg");
}

.icon-sell-step3 {
  background-image: url("/images/common/icon/icon-sell-step3.svg");
}

.icon-sell-step4 {
  background-image: url("/images/common/icon/icon-sell-step4.svg");
}

.icon-sell-step5 {
  background-image: url("/images/common/icon/icon-sell-step5.svg");
}

.icon-thumbup {
  background-image: url("/images/common/mycar/icon-garage-popular-color.svg");
}

.icon-email {
  background-image: url("/images/common/icon/icon16-email.svg");
}

.icon-call-dark2 {
  background-image: url("/images/common/icon/icon16-call-dark2.svg");
}

.icon-chat {
  background-image: url("/images/common/icon/icon16-chat.svg");
}

.icon-accident-w {
  background-image: url("/images/common/icon/icon12-accident-w.svg");
}

.icon-accident-x {
  background-image: url("/images/common/icon/icon12-accident-x.svg");
}

.icon-camera {
  background-image: url("/images/common/icon/icon16-camera.svg");
}

.icon-info-gray {
  background-image: url("/images/common/icon/icon24-info-gray.svg");
}

.icon-hour24 {
  background-image: url("/images/common/icon/icon48-hour24.svg");
}

.icon-safe {
  background-image: url("/images/common/icon/icon48-safe.svg");
}

.icon32.icon-safe {
  background-image: url("/images/common/icon/icon32-safe.svg");
}

.icon56.icon-safe {
  background-image: url("/images/common/icon/icon56-safe.svg");
}

.icon-cs {
  background-image: url("/images/common/icon/icon48-cs.svg");
}

.icon-history {
  background-image: url("/images/common/icon/icon24-history.svg");
}

.icon-touch-hand {
  background-image: url("/images/common/icon/icon56-touch-hand.svg");
}

.icon-emoji-car {
  background-image: url("/images/common/icon/icon24-emoji-car.png");
  background-size: 2.4rem;
}

.icon-check-black {
  background: url("/images/common/icon/icon-check-black.svg") center/contain no-repeat;
}

.icon-check-black-sm {
  background: url("/images/common/icon/icon-check-black-sm.svg") center/contain no-repeat;
}

.icon-arrow-increase {
  position: relative;
}

.icon-arrow-increase:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: -0.2rem;
  width: 0;
  height: 0;
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-top: 0.5rem solid transparent;
  border-bottom: 0.5rem solid #f00;
  content: "";
}

.icon-arrow-decrease {
  position: relative;
}

.icon-arrow-decrease:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin-top: 0.2rem;
  width: 0;
  height: 0;
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-top: 0.5rem solid #253fff;
  content: "";
}

.icon-change {
  background-image: url("/images/common/icon/icon16-change.svg");
}

.icon-nonmember {
  background-image: url("/images/common/icon/icon16-nonmember.svg");
}

.icon-plus-black2 {
  background-image: url("/images/common/icon/icon16-plus-black2.svg");
}

.icon-demerit {
  background-image: url("/images/common/icon/icon32-demerit.svg");
}

.icon-coins {
  background-image: url("/images/common/icon/icon56-coins.svg");
}

.icon-direct-sell {
  background-image: url("/images/common/icon/icon56-direct-sell.svg");
}

.icon32.icon-direct-sell {
  background-image: url("/images/common/icon/icon32-direct-sell.svg");
}

.icon-free {
  background-image: url("/images/common/icon/icon56-free.svg");
}

.icon-calc {
  background-image: url("/images/common/icon/icon32-calc.svg");
}

.icon32.icon-free {
  background-image: url("/images/common/icon/icon32-free.svg");
}

.icon-recycle-bin {
  background-image: url("/images/common/icon/icon16-recycle-bin.svg");
}

.icon-guide-plus {
  background-image: url("/images/common/icon/icon24-guide-plus.svg");
}

.icon-ddabong {
  background-image: url("/images/common/icon/icon56-ddabong.svg");
}

.icon-zoom {
  background-image: url("/images/common/icon/icon56-zoom.svg");
}

.icon-clean {
  background-image: url("/images/common/icon/icon56-clean.svg");
}

.icon-like-sp {
  background: url("/images/common/icon/icon24-like-sp.svg") 0 0/2.4rem auto no-repeat;
}

.icon-like-sp.active {
  background-position: 0 -2.4rem;
}

.icon-like-s {
  background-image: url("/images/common/icon/icon16-like-s.svg");
}

.icon-hot {
  background-image: url("/images/common/icon/icon20-hot.svg");
}

.icon-reply {
  background-image: url("/images/common/icon/icon24-reply.svg");
}

.icon-search-bold {
  background-image: url("/images/common/icon/icon24-search-bold.svg");
}

.icon-mypage {
  background-image: url("/images/common/icon/icon24-mypage.svg");
}

.icon-warn {
  background-image: url("/images/common/icon/icon16-warn.svg");
}

.icon-edit {
  background-image: url("/images/common/icon/icon16-edit.svg");
}

.icon-more-menu-gray {
  background-image: url("/images/common/icon/icon24-more-gray.svg");
}

.icon-more-menu-black {
  background: url("/images/common/icon/icon24-more-black.svg") center/contain no-repeat;
}

.icon-share-gray {
  background-image: url("/images/common/icon/icon16-share-gray.svg");
}

.icon-list {
  background-image: url("/images/common/icon/icon16-list.svg");
}

.icon-confirm-black {
  background: url("/images/common/icon/icon-confirm-black.svg") center/contain no-repeat;
}

.icon-cancel-black {
  background: url("/images/common/icon/icon-cancel-black.svg") center/contain no-repeat;
}

.icon-toggle-like {
  background: url("/images/common/icon/icon38-like-sp.svg") 0 0/3.8rem auto no-repeat;
}

.icon-toggle-like.active {
  background-position: 0 -3.8rem;
}

.icon-toggle-like-s {
  background: url("/images/common/icon/icon20-like-sm-sp.svg") 0 0/2rem auto no-repeat;
}

.icon-toggle-like-s.active {
  background-position: 0 -2rem;
}

.icon-toggle-dislike-s {
  background: url("/images/common/icon/icon20-dislike-sm-sp.svg") 0 0/2rem auto no-repeat;
}

.icon-toggle-dislike-s.active {
  background-position: 0 -2rem;
}

.icon-emoji-eyes {
  background: url("/images/common/icon/icon24-emoji-eyes.png") center/2.4rem auto no-repeat;
}

.icon-edit2 {
  background: url("/images/common/icon/icon16-edit2.svg") center/contain no-repeat;
}

.icon-man {
  background: url("/images/common/icon/icon32-man.svg") center/contain no-repeat;
}

.icon-woman {
  background: url("/images/common/icon/icon32-woman.svg") center/contain no-repeat;
}

.icon-kakao-round {
  background: url("/images/common/icon/icon32-kakao-round.svg") center/contain no-repeat;
}

.icon-kakaostory-round {
  background: url("/images/common/icon/icon32-kakaostory-round.svg") center/contain no-repeat;
}

.icon-facebook-round {
  background: url("/images/common/icon/icon32-facebook-round.svg") center/contain no-repeat;
}

.icon-url-round {
  background: url("/images/common/icon/icon32-url-round.svg") center/contain no-repeat;
}

.icon-touch-guide {
  background: url("/images/common/icon/icon64-touch-guide.svg") center/contain no-repeat;
}

.icon-bg-bell {
  background: url("/images/common/icon/icon56-bg-bell.svg") center/contain no-repeat;
}

.icon-bg-vote {
  background: url("/images/common/icon/icon56-bg-vote.svg") center/contain no-repeat;
}

.icon-scrap-car {
  background: url("/images/common/icon/icon64-scrap-car.svg") center/contain no-repeat;
}

.icon-letter-car {
  background: url("/images/common/icon/icon64-letter-car.svg") center/contain no-repeat;
}

.icon-arrow-right-black-bold {
  background: url("/images/common/icon/icon16-arrow-right-black-bold.svg") center/contain no-repeat;
}

.icon-arrow-right-white-bold {
  background: url("/images/common/icon/icon16-arrow-right-white-bold.svg") center/contain no-repeat;
}

.icon-search-detail {
  background: url("/images/common/icon/icon32-search-detail.svg") center/contain no-repeat;
}

.icon-checklist {
  background: url("/images/common/icon/icon32-checklist.svg") center/contain no-repeat;
}

.icon-checklist-ani {
  background: url("/images/common/icon/icon32-checklist-ani.gif") center/contain no-repeat;
}

.icon-confirm-round {
  background: url("/images/common/icon/icon32-confirm-round.svg") center/contain no-repeat;
}

.icon-vehicle {
  background-image: url("/images/common/icon/icon-vehicle.svg");
}

.icon-transportation {
  background-image: url("/images/common/icon/icon-transportation.svg");
}

.icon-travel {
  background-image: url("/images/common/icon/icon-travel.svg");
}

.icon-router {
  background-image: url("/images/common/icon/icon-router.svg");
}

.icon-shopping {
  background-image: url("/images/common/icon/icon-shopping.svg");
}

.icon-education {
  background-image: url("/images/common/icon/icon-education.svg");
}

.icon-food {
  background-image: url("/images/common/icon/icon-food.svg");
}

.icon-health {
  background-image: url("/images/common/icon/icon-health.svg");
}

.icon-culture {
  background-image: url("/images/common/icon/icon-culture.svg");
}

.icon-etc {
  background-image: url("/images/common/icon/icon-etc.svg");
}

.icon-beauty {
  background-image: url("/images/common/icon/icon-beauty.svg");
}

.icon-delete-black {
  background-image: url("/images/common/cm/btn-delete.svg");
}

.icon-account-more {
  background-image: url("/images/common/icon/icon64-account-more.svg");
}

.icon-account-success {
  background-image: url("/images/common/icon/icon64-account-success.svg");
}

.icon-plus-gray {
  background-image: url("/images/common/icon/icon24-round-plus-gray.svg");
}

.icon-kbc-app {
  background-image: url("/images/common/logo/icon80-kbchachacha-rect.svg");
}

.icon-call {
  background-image: url("/images/common/icon/icon24-call-point.svg");
}

.icon-part-engine {
  background-image: url("/images/common/icon/icon40-part-engine.svg");
}

.icon-part-mission {
  background-image: url("/images/common/icon/icon40-part-mission.svg");
}

.icon-part-brake {
  background-image: url("/images/common/icon/icon40-part-brake.svg");
}

.icon-location {
  background-image: url("/images/common/icon/icon16-location.svg");
}

.icon-location-line {
  background-image: url("/images/common/icon/icon16-location-line.svg");
}

.icon-kbcarefree-step1 {
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background: url("/images/common/icon/icon-kbcarefree-step1.svg") center/3.6rem auto no-repeat #fff;
}

.icon-kbcarefree-step2 {
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background: url("/images/common/icon/icon-kbcarefree-step2.svg") center/3.6rem auto no-repeat #fff;
}

.icon-kbcarefree-step3 {
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background: url("/images/common/icon/icon-kbcarefree-step3.svg") center/3.6rem auto no-repeat #fff;
}

.icon-refund-step1 {
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background: url("/images/common/icon/icon-refund-step1.svg") center/3.6rem auto no-repeat #fff;
}

.icon-refund-step2 {
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background: url("/images/common/icon/icon-kbcarefree-step2.svg") center/3.6rem auto no-repeat #fff;
}

.icon-refund-step3 {
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background: url("/images/common/icon/icon-refund-step3.svg") center/3.6rem auto no-repeat #fff;
}

.icon-refund-step4 {
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background: url("/images/common/icon/icon-refund-step4.svg") center/3.6rem auto no-repeat #fff;
}

.icon-compare {
  background: url("/images/common/icon/icon16-compare.svg") 0 0/contain no-repeat;
}

.icon-direct-loan {
  background-image: url("/images/common/icon/icon40-direct-loan.svg");
}

.icon-onestop {
  background-image: url("/images/common/icon/icon40-onestop.svg");
}

.icon-account-limit {
  background-image: url("/images/common/icon/icon40-account-limit.svg");
}

.icon-lease {
  background-image: url("/images/common/icon/icon40-lease.svg");
}

.icon-grace-period {
  background-image: url("/images/common/icon/icon40-grace-period.svg");
}

.icon-interest-free {
  background-image: url("/images/common/icon/icon40-interest-free.svg");
}

.icon-simulation {
  background-image: url("/images/common/icon/icon40-simulation.svg");
}

.icon-circle-arrow {
  background-image: url("/images/common/icon/icon32-circle-arrow.svg");
}

.icon-plus-bold {
  background-image: url("/images/common/icon/icon24-plus-bold.svg");
}

.ribbon-kbcare2 {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 3.7rem;
  height: 3.5rem;
  background: url("/images/common/icon/ribbon-kbcare2.svg") center/contain no-repeat;
}

.icon56-bg-gray {
  display: inline-block;
  vertical-align: middle;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1.8rem;
  background: #f8f8f8;
  line-height: 5.6rem;
  text-align: center;
}

.txt-emoji {
  display: inline-block;
  vertical-align: middle;
  font-size: 2rem;
  margin-top: -0.2rem;
}

.new-tag {
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 0 0.6rem;
  border-radius: 0.8rem;
  height: 1.6rem;
  line-height: 1.8rem;
  vertical-align: middle;
  margin: -0.3rem 0.5rem 0 0;
  background: #2589ff;
}

.new-tag--square {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin: -0.3rem 0.5rem 0 0;
  padding: 0;
  border-radius: 0.4rem;
  font-size: 0;
  line-height: 1;
  vertical-align: middle;
  background: #2589ff;
  overflow: hidden;
}

.new-tag--square__text {
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7rem;
  text-align: center;
}

.icon-motion {
  position: relative;
  display: block;
  width: 8.2rem;
  height: 6.8rem;
  margin: 0 auto;
}
.icon-motion i {
  position: absolute;
  display: block;
}

.icon-compare-left {
  left: 0;
  top: 0;
  width: 8.2rem;
  height: 6.8rem;
  background: url("/images/common/icon/compare_left.svg") 0 0/contain no-repeat;
}

.icon-compare-right {
  right: 0;
  top: 0;
  width: 4.1rem;
  height: 6.8rem;
  background: url("/images/common/icon/compare_right_off.svg") 0 0/contain no-repeat;
  opacity: 0;
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
          transform: rotate3d(0, 1, 0, 180deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-animation: aniIconCompare ease-in-out 0.5s both 0.5s;
          animation: aniIconCompare ease-in-out 0.5s both 0.5s;
}
.icon-compare-right:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/common/icon/compare_right.svg") 0 0/contain no-repeat;
  -webkit-animation: aniIconHide ease-in-out 0.2s both 1s;
          animation: aniIconHide ease-in-out 0.2s both 1s;
  content: "";
}

.icon-motion-plus {
  top: 1.2rem;
  right: 1.2rem;
  width: 2.2rem;
  height: 2.2rem;
  background: url("/images/common/icon/compare_plus.svg") 0 0/contain no-repeat;
  -webkit-animation: aniIconPlusShow ease-in-out 0.2s both 1.2s;
          animation: aniIconPlusShow ease-in-out 0.2s both 1.2s;
}

.icon-like-fill {
  right: 0;
  top: 0;
  width: 8.2rem;
  height: 6.8rem;
  background: url("/images/common/icon/like_fill.svg") 0 0/contain no-repeat;
  -webkit-animation: aniIconHide ease-in-out 0.2s both 1s;
          animation: aniIconHide ease-in-out 0.2s both 1s;
}

.icon-like-line {
  right: 0;
  top: 0;
  width: 8.2rem;
  height: 6.8rem;
  background: url("/images/common/icon/like_line.svg") 0 0/contain no-repeat;
}

.modal-icon {
  margin-bottom: 0.6rem;
}

.icon-gift-area {
  display: inline-block;
  width: 5.3rem;
  height: 4.8rem;
}
.icon-gift-area .inner-gift {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url("/images/common/icon/icon-giftani-gift.svg") center/contain no-repeat;
}
.icon-gift-area .inner-bubble {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url("/images/common/icon/icon-giftani-bubble.svg") center/contain no-repeat;
}

.icon-gift-area2 {
  display: inline-block;
  width: 12.7rem;
  height: 10.5rem;
}
.icon-gift-area2 .inner-bg {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url("/images/common/icon/icon-giftani2-bg.png") center bottom/11.4rem auto no-repeat;
}
.icon-gift-area2 .inner-gift {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url("/images/common/icon/icon-giftani2-gift.svg") center/contain no-repeat;
}
.icon-gift-area2 .inner-bubble {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: url("/images/common/icon/icon-giftani2-bubble.svg") center/contain no-repeat;
}

.popup-dimmend .icon-gift-area2 {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto -4rem;
}
.popup-dimmend .icon-gift-area2 .inner-gift {
  opacity: 0;
}
.popup-dimmend .icon-gift-area2 .inner-bubble {
  opacity: 0;
}
.popup-dimmend.open .icon-gift-area2 .inner-bg {
  -webkit-animation: aniGiftFadein ease-in-out 0.6s 0.4s both;
          animation: aniGiftFadein ease-in-out 0.6s 0.4s both;
}
.popup-dimmend.open .icon-gift-area2 .inner-gift {
  -webkit-animation: aniGiftFadein ease-in-out 0.6s 0.2s both;
          animation: aniGiftFadein ease-in-out 0.6s 0.2s both;
}
.popup-dimmend.open .icon-gift-area2 .inner-bubble {
  -webkit-animation: bubblePang ease-in-out 0.6s forwards 0.2s, bubbleDongDong ease-in-out 2s 0.8s infinite;
          animation: bubblePang ease-in-out 0.6s forwards 0.2s, bubbleDongDong ease-in-out 2s 0.8s infinite;
}
@-webkit-keyframes aniGiftFadein {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes aniGiftFadein {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes bubblePang {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
}
@keyframes bubblePang {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
}
@-webkit-keyframes bubbleDongDong {
  0%, 100% {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
  50% {
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
  }
}
@keyframes bubbleDongDong {
  0%, 100% {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
  50% {
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
  }
}

@-webkit-keyframes aniIconShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes aniIconShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes aniIconHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes aniIconHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes aniIconCompare {
  0% {
    opacity: 0;
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
            transform: rotate3d(0, 1, 0, 180deg);
  }
  20% {
    opacity: 1;
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
            transform: rotate3d(0, 1, 0, 180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
            transform: rotate3d(0, 1, 0, 0deg);
  }
}
@keyframes aniIconCompare {
  0% {
    opacity: 0;
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
            transform: rotate3d(0, 1, 0, 180deg);
  }
  20% {
    opacity: 1;
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
            transform: rotate3d(0, 1, 0, 180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate3d(0, 1, 0, 0deg);
            transform: rotate3d(0, 1, 0, 0deg);
  }
}
@-webkit-keyframes aniIconPlusShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes aniIconPlusShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* main */
.modal-body .main-searchbox:first-child {
  margin-top: 1.2rem;
}

.main-searchbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-radius: 0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  background: none;
  border: none;
  background: #eee;
}
.main-searchbox .searchbox-select {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 10rem;
  height: 3.6rem;
  border-right: 0.1rem solid #ddd;
  font-size: 1.6rem;
  color: #222;
  margin: 0.6rem 0;
}
.main-searchbox .searchbox-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding: 0 1.6rem;
  font-size: 1.6rem;
  color: inherit;
  text-align: left;
  background: url("/images/common/icon/icon16-arrow-bottom-gray.svg") right 0.8rem center/1.6rem auto no-repeat;
}
.main-searchbox .searchbox-select select:after {
  display: none;
}
.main-searchbox .searchbox-inp {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  height: 4.8rem;
  line-height: 4.8rem;
}
.main-searchbox .searchbox-inp .inp {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  line-height: inherit;
  text-align: left;
  padding: 0 0 0 1.5rem;
  background: none;
  font-size: 1.6rem;
  color: #222;
}
.main-searchbox .btn-search {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 5rem;
  height: auto;
}
.main-searchbox.type2 .searchbox-inp .inp {
  padding: 0 1.5rem 0 0;
}
.main-searchbox.type2 .btn-search {
  background-image: url("/images/common/icon/dock-search-off.svg");
  background-position: left 1.6rem center;
}
.main-searchbox.type3 {
  background: #fff;
  border: 0.1rem solid #aaa;
  border-radius: 1.6rem;
}
.main-searchbox.type3 .searchbox-inp {
  height: 5.6rem;
}
.main-searchbox.type3 .searchbox-inp .inp {
  padding: 0 1.5rem 0 0;
}
.main-searchbox.type3 .btn-search {
  background-image: url("/images/common/icon/icon16-search.svg");
  background-position: left 1.6rem center;
}

.searchbox-sticky {
  z-index: 20;
  margin: 0 -1.6rem;
}
.searchbox-sticky .floating-inner {
  padding: 1.6rem;
  background: #fff;
}
.searchbox-sticky.is-floating .floating-inner {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}

.searchbox-inp .inp::-webkit-input-placeholder {
  color: #888;
}

.searchbox-inp .inp::-moz-placeholder {
  color: #888;
}

.searchbox-inp .inp:-ms-input-placeholder {
  color: #888;
}

.searchbox-inp .inp::-ms-input-placeholder {
  color: #888;
}

.searchbox-inp span.inp,
.searchbox-inp .inp::placeholder,
.searchbox-inp .inp.type-placeholder {
  color: #888;
}

.searchbox-inp input.inp::-ms-clear, .searchbox-inp .inp-box .inp.ico-confirm::-ms-clear, .inp-box .searchbox-inp .inp.ico-confirm::-ms-clear,
.searchbox-inp input.inp::-ms-reveal,
.searchbox-inp .inp-box .inp.ico-confirm::-ms-reveal,
.inp-box .searchbox-inp .inp.ico-confirm::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.searchbox-inp input.inp::-webkit-search-decoration, .searchbox-inp .inp-box .inp.ico-confirm::-webkit-search-decoration, .inp-box .searchbox-inp .inp.ico-confirm::-webkit-search-decoration,
.searchbox-inp input.inp::-webkit-search-cancel-button,
.searchbox-inp .inp-box .inp.ico-confirm::-webkit-search-cancel-button,
.inp-box .searchbox-inp .inp.ico-confirm::-webkit-search-cancel-button,
.searchbox-inp input.inp::-webkit-search-results-button,
.searchbox-inp .inp-box .inp.ico-confirm::-webkit-search-results-button,
.inp-box .searchbox-inp .inp.ico-confirm::-webkit-search-results-button,
.searchbox-inp input.inp::-webkit-search-results-decoration,
.searchbox-inp .inp-box .inp.ico-confirm::-webkit-search-results-decoration,
.inp-box .searchbox-inp .inp.ico-confirm::-webkit-search-results-decoration {
  display: none;
}

.searchbox-inp.ui-inp-area .ui-inp-clearbtn {
  right: 0.5rem;
}

.searchbox-inp.ui-inp-area.no-searchbtn .ui-inp-clearbtn {
  right: 0.6rem;
  padding: 1rem;
  height: 100%;
}

.ui-inp-area {
  position: relative;
  display: inline-block;
}

.ui-inp-clearbtn {
  display: none;
}

.ui-inp-area .ui-inp-clearbtn {
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.has-btnclear .ui-inp-clearbtn {
  display: inline-block;
}

.inp-box.type-new.has-btnclear .inp {
  padding-right: 4rem;
}

.inp-list-wrap .txt-confirm, .form-area .txt-confirm {
  margin: 0.8rem 0 0;
}
.inp-list-wrap .txt-warn, .form-area .txt-warn {
  margin: 0.8rem 0 0;
}

.txt-confirm {
  display: block;
  margin: 0.4rem 0 0;
  font-size: 1.2rem;
  color: #2589ff;
}

.txt-warn {
  display: block;
  margin: 0.4rem 0 0;
  font-size: 1.2rem;
  color: #ff0000;
}

.inp-box.unfilled .icon-close {
  display: none;
}
.inp-box.type-number .icon16.icon-close {
  z-index: 3;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 7rem;
  margin-top: 1.1rem;
}
.inp-box .ico-confirm {
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 0.3rem solid transparent;
  display: block;
  color: transparent;
}
.inp-box .ico-confirm:after {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
  width: 0;
  margin: -0.2rem 0 0 0.5rem;
  background: url("/images/common/icon/icon16-check-blue.svg") left center/1.6rem auto no-repeat;
  -webkit-animation: aniShowVertical ease-in-out 0.7s both;
          animation: aniShowVertical ease-in-out 0.7s both;
  content: "";
}
@-webkit-keyframes aniShowVertical {
  0% {
    width: 0;
  }
  100% {
    width: 1.6rem;
  }
}
@keyframes aniShowVertical {
  0% {
    width: 0;
  }
  100% {
    width: 1.6rem;
  }
}

.date-box input, .date-box .inp-box .ico-confirm, .inp-box .date-box .ico-confirm {
  text-align: left;
}

.date-box.type-new {
  height: 5.6rem;
}
.date-box.type-new input, .date-box.type-new .inp-box .ico-confirm, .inp-box .date-box.type-new .ico-confirm {
  display: block;
  border: 0.1rem solid #aaa;
  padding: 0 1.6rem 0 4.6rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  -webkit-transition: border-color linear 0.1s;
  transition: border-color linear 0.1s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.date-box.type-new input:focus, .date-box.type-new .inp-box .ico-confirm:focus, .inp-box .date-box.type-new .ico-confirm:focus {
  border-color: #fc0;
}
.date-box.type-new .icon24 {
  position: absolute;
  top: 50%;
  margin-top: -1.2rem;
  left: 1.6rem;
}

.inp-box.type-new {
  border-bottom: 0;
}
.inp-box.type-new.unfilled input, .inp-box.type-new.unfilled .ico-confirm {
  border-color: #ccc;
}
.inp-box.type-new.filled input, .inp-box.type-new.filled .ico-confirm {
  border-color: #aaa;
}
.inp-box.type-new input, .inp-box.type-new .ico-confirm {
  height: 5.6rem;
  padding: 0 1.6rem;
  background: #fff;
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
  -webkit-transition: border-color linear 0.1s;
  transition: border-color linear 0.1s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.inp-box.type-new input:focus, .inp-box.type-new .ico-confirm:focus {
  border-color: #fc0 !important;
}
.inp-box.type-new input::-webkit-input-placeholder, .inp-box.type-new .ico-confirm::-webkit-input-placeholder {
  color: #888;
}
.inp-box.type-new input::-moz-placeholder, .inp-box.type-new .ico-confirm::-moz-placeholder {
  color: #888;
}
.inp-box.type-new input:-ms-input-placeholder, .inp-box.type-new .ico-confirm:-ms-input-placeholder {
  color: #888;
}
.inp-box.type-new input::-ms-input-placeholder, .inp-box.type-new .ico-confirm::-ms-input-placeholder {
  color: #888;
}
.inp-box.type-new input::placeholder, .inp-box.type-new .ico-confirm::placeholder {
  color: #888;
}
.inp-box.type-new .ico-confirm {
  line-height: 5.6rem;
}

.selection-list-columns {
  margin: 0 -0.9rem;
}
.selection-list-columns:after {
  content: "";
  display: block;
  clear: both;
}
.selection-list-columns > .selection-list {
  float: left;
  width: 50%;
  padding: 0 0.9rem;
}
.selection-list-columns > .selection-list .point-box .form-radio, .selection-list-columns > .selection-list .search-result-box .form-radio,
.selection-list-columns > .selection-list .point-box .form-checkbox,
.selection-list-columns > .selection-list .search-result-box .form-checkbox {
  display: block;
  margin-bottom: 1.6rem;
  margin-right: 0;
}
.selection-list-columns > .selection-list .point-box .form-radio:last-child, .selection-list-columns > .selection-list .search-result-box .form-radio:last-child,
.selection-list-columns > .selection-list .point-box .form-checkbox:last-child,
.selection-list-columns > .selection-list .search-result-box .form-checkbox:last-child {
  margin-bottom: 0;
}

.selection-list .selection-item {
  padding: 2.4rem 0 0;
  clear: both;
}
.selection-list .selection-item:first-child {
  padding-top: 0;
}
.selection-list .selection-item:last-child .form-radio .txt-sub, .selection-list .selection-item:last-child .form-checkbox .txt-sub {
  margin-bottom: 0;
}
.selection-list .selection-item.half {
  float: left;
  clear: none;
  width: 50%;
}
.selection-list .selection-item.half:first-child + .half {
  padding-top: 0;
}
.selection-list .selection-item.third {
  float: left;
  clear: none;
  width: 33.333%;
  padding: 0.4rem 0;
}
.selection-list .selection-item .form-radio .txt-sub, .selection-list .selection-item .form-checkbox .txt-sub {
  margin-bottom: -0.8rem;
}
.selection-list .selection-item .form-radio .txt, .selection-list .selection-item .form-checkbox .txt {
  margin-top: 0.2rem;
}
.selection-list .selection-item .form-radio input:checked ~ .txt, .selection-list .selection-item .form-radio .inp-box .ico-confirm:checked ~ .txt, .inp-box .selection-list .selection-item .form-radio .ico-confirm:checked ~ .txt, .selection-list .selection-item .form-checkbox input:checked ~ .txt, .selection-list .selection-item .form-checkbox .inp-box .ico-confirm:checked ~ .txt, .inp-box .selection-list .selection-item .form-checkbox .ico-confirm:checked ~ .txt {
  font-weight: bold;
}
.selection-list .selection-item .toggle-area {
  display: none;
  margin-top: 2rem;
}
.selection-list .selection-item.show .toggle-area {
  display: block;
}
.selection-list:after {
  display: block;
  clear: both;
  content: "";
}
.selection-list .point-box .form-checkbox, .selection-list .search-result-box .form-checkbox,
.selection-list .point-box .form-radio,
.selection-list .search-result-box .form-radio {
  margin-right: 1.8rem;
}
.selection-list .point-box .form-checkbox:last-child, .selection-list .search-result-box .form-checkbox:last-child,
.selection-list .point-box .form-radio:last-child,
.selection-list .search-result-box .form-radio:last-child {
  margin-right: 0;
}

.type-new.form-checkbox .icon, .type-new.form-radio .icon {
  top: 0.1rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.type-new.form-checkbox .txt, .type-new.form-radio .txt {
  margin-top: 0.2rem;
}
.type-new.form-checkbox .txt small, .type-new.form-radio .txt small {
  font-size: 1.4rem;
  vertical-align: middle;
}
.type-new.form-checkbox .txt .new-tag, .type-new.form-radio .txt .new-tag {
  margin: -0.3rem 0 0 0.3rem;
}
.type-new.form-checkbox .txt-sub, .type-new.form-radio .txt-sub {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
}
.type-new.form-checkbox input:disabled ~ .txt, .type-new.form-radio input:disabled ~ .txt, .type-new.form-checkbox .inp-box .ico-confirm:disabled ~ .txt, .type-new.form-radio .inp-box .ico-confirm:disabled ~ .txt, .inp-box .type-new.form-checkbox .ico-confirm:disabled ~ .txt, .inp-box .type-new.form-radio .ico-confirm:disabled ~ .txt {
  color: #aaa !important;
}
.type-new.form-checkbox input:disabled ~ .txt .txt-sub, .type-new.form-radio input:disabled ~ .txt .txt-sub, .type-new.form-checkbox .inp-box .ico-confirm:disabled ~ .txt .txt-sub, .type-new.form-radio .inp-box .ico-confirm:disabled ~ .txt .txt-sub, .inp-box .type-new.form-checkbox .ico-confirm:disabled ~ .txt .txt-sub, .inp-box .type-new.form-radio .ico-confirm:disabled ~ .txt .txt-sub {
  color: #aaa !important;
}
.type-new.form-checkbox input:checked ~ .txt .txt-highlight-sm, .type-new.form-radio input:checked ~ .txt .txt-highlight-sm, .type-new.form-checkbox .inp-box .ico-confirm:checked ~ .txt .txt-highlight-sm, .type-new.form-radio .inp-box .ico-confirm:checked ~ .txt .txt-highlight-sm, .inp-box .type-new.form-checkbox .ico-confirm:checked ~ .txt .txt-highlight-sm, .inp-box .type-new.form-radio .ico-confirm:checked ~ .txt .txt-highlight-sm {
  font-weight: 700;
}
.type-new.form-checkbox input:checked ~ .txt .txt-highlight-sm:before, .type-new.form-radio input:checked ~ .txt .txt-highlight-sm:before, .type-new.form-checkbox .inp-box .ico-confirm:checked ~ .txt .txt-highlight-sm:before, .type-new.form-radio .inp-box .ico-confirm:checked ~ .txt .txt-highlight-sm:before, .inp-box .type-new.form-checkbox .ico-confirm:checked ~ .txt .txt-highlight-sm:before, .inp-box .type-new.form-radio .ico-confirm:checked ~ .txt .txt-highlight-sm:before {
  display: block;
}
.type-new.form-checkbox input:checked ~ .balloon-box, .type-new.form-radio input:checked ~ .balloon-box, .type-new.form-checkbox .inp-box .ico-confirm:checked ~ .balloon-box, .type-new.form-radio .inp-box .ico-confirm:checked ~ .balloon-box, .inp-box .type-new.form-checkbox .ico-confirm:checked ~ .balloon-box, .inp-box .type-new.form-radio .ico-confirm:checked ~ .balloon-box {
  display: block;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.type-new.size-xs.form-checkbox, .type-new.size-xs.form-radio {
  padding-left: 1.8rem;
  min-height: 2.3rem;
}
.type-new.size-xs.form-checkbox .icon, .type-new.size-xs.form-radio .icon {
  -webkit-transform: scale(0.75);
      -ms-transform: scale(0.75);
          transform: scale(0.75);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}
.type-new.size-xs.form-checkbox .txt, .type-new.size-xs.form-radio .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.3rem;
  color: #222;
}
.type-new.is-all.form-checkbox .txt, .type-new.is-all.form-radio .txt {
  font-weight: 700;
}
.type-new.form-checkbox .txt-highlight-sm, .type-new.form-radio .txt-highlight-sm {
  font-weight: 400;
}
.type-new.form-checkbox .txt-highlight-sm:before, .type-new.form-radio .txt-highlight-sm:before {
  display: none;
}
.type-new.form-checkbox .balloon-box, .type-new.form-radio .balloon-box {
  position: absolute;
  white-space: nowrap;
  bottom: 100%;
  left: 0;
  margin-bottom: 0.5rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(0.5rem);
      -ms-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.type-new.form-checkbox .balloon-box:before, .type-new.form-radio .balloon-box:before {
  right: auto;
  left: 55%;
}
.type-new.form-checkbox .balloon-box.ps-right, .type-new.form-radio .balloon-box.ps-right {
  left: auto;
  right: 0;
}
.size-l.form-checkbox, .size-l.form-radio {
  min-height: 2.8rem;
}
.size-l.form-checkbox .icon, .size-l.form-radio .icon {
  top: 0.2rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.size-l.form-checkbox .txt, .size-l.form-radio .txt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  font-weight: 400;
}
.size-l.form-checkbox input:checked ~ .txt, .size-l.form-radio input:checked ~ .txt, .size-l.form-checkbox .inp-box .ico-confirm:checked ~ .txt, .size-l.form-radio .inp-box .ico-confirm:checked ~ .txt, .inp-box .size-l.form-checkbox .ico-confirm:checked ~ .txt, .inp-box .size-l.form-radio .ico-confirm:checked ~ .txt {
  color: #222;
  font-weight: 700;
}

.form-item .txt-error {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: block;
  margin-top: 0.8rem;
  color: #f00 !important;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.form-item > .grid-justify .grid-util, .form-item > .filter-list-item .grid-util, .search-result-list.form-item > li .grid-util, .form-item > .search-result-tit .grid-util, .form-item > .model-select-item .grid-util {
  padding-left: 0.8rem;
}
.form-item + .form-item {
  margin-top: 0.8rem;
}

.select-box.type-line {
  display: block;
  border: 0 !important;
}
.select-box.type-line select {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  height: 5.6rem;
  padding: 0 4rem 0 1.2rem;
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
  font-size: 1.6rem;
}
.select-box.type-line select:focus {
  border-color: #fc0;
}
.select-box.type-line.size-s select {
  height: 4.2rem;
  line-height: 4.2rem;
  border-radius: 0.8rem;
  background-position: right 1rem center;
  padding-right: 3rem;
}
.select-box.type-line.filled select {
  border-color: #aaa;
}
.select-box.type-inline {
  display: inline-block;
  vertical-align: middle;
}

.btn-select.type-line {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  min-height: 5.6rem;
  height: auto;
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
  padding: 1.5rem 3.2rem 1.5rem 1.6rem;
  text-align: left;
  color: #888;
}
.btn-select.type-line .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  max-width: 100%;
  margin: 0;
  color: #888;
  font-weight: 400;
}
.btn-select.type-line .txt-sub {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
  max-width: 100%;
  color: #888;
}
.btn-select.type-line.active {
  border-color: #aaa;
  color: #222;
}
.btn-select.type-line.active .txt {
  color: #222;
  font-weight: 500;
}
.btn-select.type-line.active .txt-sub {
  color: #2589ff;
}
.btn-select.type-inline {
  display: inline-block;
  width: auto;
  padding-right: 4rem;
  vertical-align: middle;
}
.btn-select.size-s {
  min-height: 4.2rem;
  height: 4.2rem;
  border-radius: 0.8rem;
  padding: 1rem 2.8rem 1rem 1.2rem;
}
.btn-select.size-s .icon16 {
  right: 1rem;
}

.select-upper {
  margin-bottom: 1.4rem;
  text-align: left;
  font-size: 0;
}
.select-upper .select-box {
  width: 13.8rem;
  margin-right: 1rem;
}

.check-box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.check-box > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8rem 2rem 0.6rem 3.2rem;
  min-height: 4.8rem;
  border: 0.1rem solid #aaa;
  border-radius: 1.2rem;
  text-align: center;
  -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;
}
.check-box .txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  color: #222;
  word-break: break-all;
}
.check-box .txt .txt-sub {
  display: block;
  font-size: 1rem;
  color: #2589ff;
  margin-top: 0.2rem;
  line-height: 1.4;
}
.check-box .icon {
  position: absolute;
  top: 50%;
  left: 0.6rem;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.check-box .icon.icon-check {
  background: url(/images/common/icon/icon-check-gray.svg) no-repeat;
  background-size: cover;
}
.check-box .icon.icon-check:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(/images/common/icon/icon-check-black-sm.svg) no-repeat;
  background-size: cover;
}
.check-box .icon.icon-color {
  border-radius: 50%;
}
.check-box .icon.icon-color.color-white {
  background-color: #fff;
  border: 0.1rem solid rgba(170, 170, 170, 0.2);
}
.check-box .icon.icon-color.color-black {
  background-color: #222;
}
.check-box .icon.icon-color.color-gray {
  background-color: #888;
}
.check-box .icon.icon-color.color-silver {
  background-color: #ddd;
}
.check-box .icon.icon-color.color-pearl {
  background-color: #fffce7;
  border: 0.1rem solid rgba(170, 170, 170, 0.2);
}
.check-box .icon.icon-color.color-blue {
  background-color: #2766e7;
}
.check-box .icon.icon-color.color-red {
  background-color: #ea1e1e;
}
.check-box .icon.icon-color.color-green {
  background-color: #268638;
}
.check-box .icon.icon-color.color-yellow {
  background-color: #ffe02e;
  border: 0.1rem solid rgba(170, 170, 170, 0.2);
}
.check-box .icon.icon-color.color-brown {
  background-color: #6c3b04;
}
.check-box .icon.icon-color.color-orange {
  background-color: #e47d21;
}
.check-box .icon.icon-color.color-purple {
  background-color: #611ea0;
}
.check-box input, .check-box .inp-box .ico-confirm, .inp-box .check-box .ico-confirm {
  opacity: 0;
  display: inline-block;
  position: absolute;
  z-index: -1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
}
.check-box input:disabled ~ .icon, .check-box .inp-box .ico-confirm:disabled ~ .icon, .inp-box .check-box .ico-confirm:disabled ~ .icon {
  opacity: 0.5;
}
.check-box input:disabled ~ label, .check-box .inp-box .ico-confirm:disabled ~ label, .inp-box .check-box .ico-confirm:disabled ~ label {
  background-color: #f8f8f8;
  border-color: #eee;
}
.check-box input:disabled ~ label .txt, .check-box .inp-box .ico-confirm:disabled ~ label .txt, .inp-box .check-box .ico-confirm:disabled ~ label .txt {
  color: #aaa !important;
}
.check-box input:disabled ~ label .txt .txt-sub, .check-box .inp-box .ico-confirm:disabled ~ label .txt .txt-sub, .inp-box .check-box .ico-confirm:disabled ~ label .txt .txt-sub {
  color: #aaa !important;
}
.check-box input:checked ~ label, .check-box .inp-box .ico-confirm:checked ~ label, .inp-box .check-box .ico-confirm:checked ~ label {
  background-color: #fc0;
  border-color: transparent;
}
.check-box input:checked ~ label .txt, .check-box .inp-box .ico-confirm:checked ~ label .txt, .inp-box .check-box .ico-confirm:checked ~ label .txt {
  font-weight: 700;
}
.check-box input:checked ~ label .txt .txt-sub, .check-box .inp-box .ico-confirm:checked ~ label .txt .txt-sub, .inp-box .check-box .ico-confirm:checked ~ label .txt .txt-sub {
  color: #666;
}
.check-box input:checked ~ .icon-check:before, .check-box .inp-box .ico-confirm:checked ~ .icon-check:before, .inp-box .check-box .ico-confirm:checked ~ .icon-check:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}

.btn-checkbox {
  position: relative;
  display: inline-block;
  padding-left: 2.4rem;
  min-height: 2.4rem;
  vertical-align: middle;
}
.btn-checkbox.checked .txt {
  font-weight: 700;
}
.btn-checkbox.checked .icon {
  border-color: #ffcc00;
  background-color: #ffcc00;
}
.btn-checkbox.checked .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.btn-checkbox.checked .icon.icon-plus-black {
  border-color: transparent;
  background-image: none;
}
.btn-checkbox .icon {
  position: absolute;
  top: 0.1rem;
  left: 0;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: middle;
}
.btn-checkbox .icon.icon-plus-black {
  background-image: url(/images/common/icon/icon24-plus-black-sm.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  border-color: #222;
}
.btn-checkbox .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(/images/common/icon/icon-check-black.svg) no-repeat;
  background-size: cover;
}
.btn-checkbox .txt {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
  margin: 0.2rem 0 0 0.8rem;
  vertical-align: middle;
}

.form-box.column-3, .form-box.column-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.4rem;
}
.form-box.column-3 > span, .form-box.column-2 > span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0.4rem;
}

.form-box .form-checkbox,
.form-box .form-radio {
  margin: 0.2rem 2.4rem 0.2rem 0;
}
.form-box .form-checkbox:only-child,
.form-box .form-radio:only-child {
  margin-right: 0;
  margin-top: 0;
}
.form-box .form-checkbox:last-of-type,
.form-box .form-radio:last-of-type {
  margin-right: 0;
}
.form-box .form-checkbox.size-l,
.form-box .form-radio.size-l {
  margin-right: 1.6rem;
}
.form-box.column-2 > span {
  display: block;
  width: calc(50% - 1.6rem);
}
.form-box.column-3 > span {
  display: block;
  width: calc(33.3333333333% - 2.4rem);
}
.form-box.depth2-xs {
  margin-top: 0.6rem;
  padding-left: 2.4rem;
}

.switch-area > span {
  display: inline-block;
  line-height: 1.4;
  margin-right: 0.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #222;
  vertical-align: middle;
}
.switch-area .form-switch {
  vertical-align: middle;
}
.switch-area.disabled > span {
  color: #aaa;
}

.textarea-item {
  position: relative;
  display: block;
}
.textarea-item textarea {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  width: 100%;
  font-family: inherit;
  color: #222;
  border: 0.1rem solid #ccc;
  padding: 1.5rem 2rem;
  border-radius: 1.2rem;
  resize: none;
  background-color: #fff;
}
.textarea-item .textarea-num {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 1rem;
  color: #aaa;
}
.textarea-item .textarea-num.tal {
  left: 1rem;
  right: auto;
}
.textarea-item .reply-name {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: inline-block;
  position: absolute;
  top: 1.6rem;
  left: 2.1rem;
  color: #222;
  background: #fff;
}
.textarea-item .reply-name strong {
  font: inherit;
  color: #2589ff;
}

.form-selection-round {
  margin-bottom: 1.6rem;
}
.form-selection-round .form-radio,
.form-selection-round .form-checkbox {
  width: 100%;
  display: block;
  height: 6.8rem;
  line-height: 6.8rem;
  border-radius: 3.4rem;
  background: #fff;
  padding: 0 4rem 0 6.5rem;
  text-align: left;
}
.form-selection-round .form-radio .txt,
.form-selection-round .form-checkbox .txt {
  width: 100%;
}
.form-selection-round .form-radio .txt:after,
.form-selection-round .form-checkbox .txt:after {
  content: "";
  display: block;
  clear: both;
}
.form-selection-round .form-radio .txt .primary,
.form-selection-round .form-checkbox .txt .primary {
  float: right;
  font-size: 2rem;
}
.form-selection-round .form-radio .icon,
.form-selection-round .form-checkbox .icon {
  left: 2.3rem;
}

.selection-score {
  position: relative;
  text-align: center;
}
.selection-score > label {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: url("/images/common/cm/icon-star-single.svg") 0 -3rem/3rem auto no-repeat;
  vertical-align: middle;
  font-size: xx-small;
  color: transparent;
  overflow: hidden;
}
.selection-score > input, .inp-box .selection-score > .ico-confirm {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.selection-score > input:checked ~ label, .inp-box .selection-score > .ico-confirm:checked ~ label {
  background-position: 0 0;
}
.selection-score .score-txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  min-width: 2.5rem;
  margin-left: 1.6rem;
  display: inline-block;
  vertical-align: middle;
}

.inp-board input, .inp-board .inp-box .ico-confirm, .inp-box .inp-board .ico-confirm {
  width: 100%;
  height: 3.4rem;
  font-size: 2rem;
  color: #222;
}
.inp-board input::-webkit-input-placeholder, .inp-board .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .inp-board .ico-confirm::-webkit-input-placeholder {
  color: #888;
}
.inp-board input::-moz-placeholder, .inp-board .inp-box .ico-confirm::-moz-placeholder, .inp-box .inp-board .ico-confirm::-moz-placeholder {
  color: #888;
}
.inp-board input:-ms-input-placeholder, .inp-board .inp-box .ico-confirm:-ms-input-placeholder, .inp-box .inp-board .ico-confirm:-ms-input-placeholder {
  color: #888;
}
.inp-board input::-ms-input-placeholder, .inp-board .inp-box .ico-confirm::-ms-input-placeholder, .inp-box .inp-board .ico-confirm::-ms-input-placeholder {
  color: #888;
}
.inp-board input::placeholder, .inp-board .inp-box .ico-confirm::placeholder, .inp-box .inp-board .ico-confirm::placeholder {
  color: #888;
}

.tit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
.tit-area.size-s {
  margin-bottom: 0.8rem;
}
.tit-area .tit-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.tit-area .tit-util > span {
  vertical-align: middle;
}
.tit-area .tit-util .form-switch {
  vertical-align: middle;
}
.tit-area .tit-sub {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 0.8rem;
}
.tit-area.tooltip-wrap h3, .tit-area.tooltip-wrap h4 {
  display: inline;
  vertical-align: middle;
}
.tit-area.tooltip-wrap .btn-tooltip {
  vertical-align: middle;
  margin-top: -0.2rem;
}
.tit-area .tag-round-s {
  margin-top: -0.4rem;
}

.tit-desc {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-bottom: 2.4rem;
}

.tit-upper-sub {
  margin-bottom: 1.2rem;
}
.tit-upper-sub .sub-txt {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #222;
  font-weight: 500;
}
.tit-upper-sub .service-balloon {
  opacity: 0;
  margin: 2rem 0 0 -2.8rem;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
  -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;
}
.tit-upper-sub .service-balloon.screenon {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.tit-upper-sub .service-balloon .txt-emoji {
  font-size: 2.4rem;
}

.point-governing {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.point-governing.size-s {
  font-size: 2.6rem;
  line-height: 1.4;
}
.point-governing span {
  z-index: 1;
  position: relative;
  font: inherit;
  will-change: transform;
}
.point-governing span:before {
  z-index: -1;
  position: absolute;
  display: block;
  left: 0;
  bottom: 0.2rem;
  width: 0;
  height: 1.4rem;
  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;
  will-change: transform;
  content: "";
}
.point-governing span:nth-of-type(2):before {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.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;
  }
}

.point-governing-desc {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
  margin-top: 2.6rem;
}
.point-governing-desc .desc-s {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  display: block;
  margin-top: 1rem;
}
.point-governing-desc.size-s {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
}

.intro-header-s {
  font-size: 2.6rem;
  line-height: 1.4;
  text-align: center;
}
.intro-header-s .icon24 {
  margin: 0 0.2rem;
}

.service-balloon {
  display: inline-block;
  width: 16.6rem;
  height: 15.2rem;
  background: url("/images/common/cm/balloon-service.svg") center/contain no-repeat;
  text-align: center;
  font-size: 1.4rem;
  color: #222;
  padding: 1.4rem;
  line-height: 1.3;
}

.tab-underbar ul li button:disabled {
  color: #ddd;
}
.tab-underbar.type-scroll-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.tab-underbar.type-scroll-x > ul {
  padding-right: 0;
  overflow: visible;
}
.tab-underbar.type-scroll-x > ul > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.tab-underbar.type-scroll-x > ul:after {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 1.6rem;
  height: 4.8rem;
  content: "";
}

.tab-underbar-s > ul > li {
  display: inline-block;
  vertical-align: middle;
}
.tab-underbar-s > ul > li:after {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 1rem;
  margin-top: -0.2rem;
  background: #aaa;
  content: "";
}
.tab-underbar-s > ul > li:last-child:after {
  display: none;
}
.tab-underbar-s > ul > li > button {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding: 0 0.8rem;
  font-weight: 500;
}
.tab-underbar-s > ul > li > button.active {
  color: #222;
  font-weight: 700;
}
.tab-underbar-s > ul > li > button.active:after {
  position: absolute;
  left: 0.8rem;
  right: 0.8rem;
  bottom: -0.2rem;
  display: block;
  height: 0.2rem;
  background: #222;
  content: "";
}

.content-body .tab-base {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}

.tab-base {
  display: block;
  width: auto;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: -0.6rem;
}
.tab-base > ul {
  font-size: 0;
  white-space: nowrap;
}
.tab-base > ul > li {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.6rem;
  padding-bottom: 0.6rem;
}
.tab-base > ul > li:first-child {
  padding-left: 1.6rem;
}
.tab-base > ul > li:last-child {
  padding-right: 1.6rem;
}
.tab-base .tab-base-btn {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: middle;
  padding: 0 1.6rem;
  height: 4rem;
  line-height: 4rem;
  border: 0.1rem solid #ddd;
  border-radius: 2rem;
  text-align: center;
  -webkit-transition-property: border-color, -webkit-box-shadow;
  transition-property: border-color, -webkit-box-shadow;
  transition-property: border-color, box-shadow;
  transition-property: border-color, box-shadow, -webkit-box-shadow;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.tab-base .tab-base-btn.active {
  border-color: #222;
  -webkit-box-shadow: 0 0 0 0.05rem #222 inset, 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0 0.05rem #222 inset, 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.2);
  color: #222;
}

.toast.type-link {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 2.4rem;
  padding: 0;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  pointer-events: auto;
  -webkit-animation: showToastPrimary ease-in-out 0.4s both;
          animation: showToastPrimary ease-in-out 0.4s both;
}
.toast.type-link.hide {
  -webkit-animation: hideToastPrimary ease-in-out 0.3s both;
          animation: hideToastPrimary ease-in-out 0.3s both;
}
.toast.type-link a {
  display: block;
  height: 4.8rem;
  line-height: 4.8rem;
  padding: 0 2.2rem;
}
.toast.type-link a:after {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: -0.2rem 0 0 0.7rem;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  content: "";
}

.toast-alert {
  z-index: 6002;
  position: fixed;
  left: 50vw;
  top: 50vh;
  display: table;
  width: 17rem;
  height: 17rem;
  border-radius: 50%;
  margin: -8.5rem 0 0 -8.5rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.36);
          box-shadow: 0 0.4rem 4rem 0 rgba(0, 0, 0, 0.36);
  opacity: 0.95;
  -webkit-animation: aniShowToast ease-in 0.5s both;
          animation: aniShowToast ease-in 0.5s both;
  text-align: center;
}
.toast-alert > span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.toast-alert .icon-motion {
  margin-bottom: -1.5rem;
}

@-webkit-keyframes aniShowToast {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.4, 0.4, 0.4);
            transform: scale3d(0.4, 0.4, 0.4);
  }
  20% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 0.95;
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
            transform: scale3d(1.01, 1.01, 1.01);
  }
  80% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
            transform: scale3d(0.95, 0.95, 0.95);
  }
  100% {
    opacity: 0.95;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes aniShowToast {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.4, 0.4, 0.4);
            transform: scale3d(0.4, 0.4, 0.4);
  }
  20% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 0.95;
    -webkit-transform: scale3d(1.01, 1.01, 1.01);
            transform: scale3d(1.01, 1.01, 1.01);
  }
  80% {
    -webkit-transform: scale3d(0.95, 0.95, 0.95);
            transform: scale3d(0.95, 0.95, 0.95);
  }
  100% {
    opacity: 0.95;
    -webkit-transform: none;
            transform: none;
  }
}
.toast.type-primary {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  z-index: 999;
  left: 50%;
  display: inline-block;
  width: auto;
  right: auto;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: all;
  background: linear-gradient(101deg, #ffd220 8%, #ffc012 94%);
  color: #222;
  border-radius: 2.4rem;
  max-width: 80%;
  white-space: nowrap;
  -webkit-animation: showToastPrimary ease-in-out 0.4s both;
          animation: showToastPrimary ease-in-out 0.4s both;
  opacity: 0;
}
.toast.type-primary.type-default {
  -webkit-animation: showToastPrimary ease-in-out 0.4s both;
          animation: showToastPrimary ease-in-out 0.4s both;
}
.toast.type-primary.hide {
  -webkit-animation: hideToastPrimary ease-in-out 0.3s both;
          animation: hideToastPrimary ease-in-out 0.3s both;
}
@-webkit-keyframes showToastPrimary {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 10rem);
            transform: translate(-50%, 10rem);
  }
  80% {
    -webkit-transform: translate(-50%, -0.7rem);
            transform: translate(-50%, -0.7rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes showToastPrimary {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 10rem);
            transform: translate(-50%, 10rem);
  }
  80% {
    -webkit-transform: translate(-50%, -0.7rem);
            transform: translate(-50%, -0.7rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@-webkit-keyframes hideToastPrimary {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, 10rem);
            transform: translate(-50%, 10rem);
  }
}
@keyframes hideToastPrimary {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, 10rem);
            transform: translate(-50%, 10rem);
  }
}

.toast.is-touchable {
  pointer-events: auto !important;
}

/* template */
/* step */
.list-step {
  position: relative;
  font-size: 0;
  text-align: right;
}
.list-step:before {
  content: "";
  display: block;
  clear: both;
}
.list-step:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #eee;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -2;
}
.list-step li {
  position: relative;
  display: inline-block;
  padding: 0 0.8rem;
  min-width: 2.4rem;
  text-align: center;
  vertical-align: top;
  border-radius: 50%;
  background: #f8f8f8;
}
.list-step li .num {
  display: inline-block;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  line-height: 2.4rem;
  vertical-align: middle;
}
.list-step li .txt {
  display: none;
  margin-left: 0.4rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  line-height: 2.4rem;
  vertical-align: middle;
}
.list-step li + li {
  margin-left: 0.8rem;
}
.list-step li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  width: 1.6rem;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.list-step li.active {
  float: left;
  border-radius: 1.2rem;
  background: #ffcc00;
}
.list-step li.active .txt {
  display: inline-block;
}
.list-step li.active + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: 1.6rem;
  height: 100%;
  background: #fff;
}
.list-step li.active:last-child {
  float: none;
}
.list-step li.active:last-child:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: 1.6rem;
  height: 100%;
  background: #fff;
}
.list-step li.active:last-child:after {
  display: none;
}
.list-step li.end {
  float: left;
  background: #ffcc00 url(/images/common/icon/icon-check-black.svg) no-repeat;
  background-size: cover;
}
.list-step li.end .num {
  font-size: 0;
  text-indent: -9999px;
}

.step-info {
  padding: 2.4rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.step-info .body-100 {
  margin-bottom: 1.6rem;
}
.step-info .img-box {
  margin: 0 auto 2.4rem;
  width: 22rem;
  height: 9.4rem;
}
.step-info .img-box img {
  width: 100%;
}
.step-info > ul > li {
  position: relative;
  margin-top: 0.8rem;
  padding-left: 2.4rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  word-break: break-all;
}
.step-info > ul > li:first-child {
  margin-top: 0;
}
.step-info > ul > li .num {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  text-align: center;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.step-info > ul > li .num:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #ffcc00;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}

/* ��� �⺻ */
.agree-list li {
  position: relative;
  margin-top: 0.8rem;
  padding-right: 2.6rem;
}
.agree-list li:first-child {
  margin-top: 0;
}
.agree-list li .icon-arrow-right-gray {
  position: absolute;
  top: 50%;
  right: -0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 0;
  text-indent: -9999px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.6rem;
}
.agree-list li .accordion-wrap {
  margin-right: -2.6rem;
}
.agree-list li .accordion-wrap .accordion-header {
  position: absolute;
  top: 0.4rem;
  right: 0;
  padding: 0;
  width: auto;
}
.agree-list li .accordion-wrap .accordion-container {
  margin-top: 0.8rem;
}
.agree-list li .accordion-wrap .accordion-container .agree-list {
  margin: 0;
  padding: 0;
  border-top: none;
}
.agree-list li .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-gray {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* ��� �ڽ� */
.agree-box {
  padding: 1.6rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.agree-box .all-check .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.agree-box .all-check .txt.bold {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.agree-box .all-check .txt.txt--small {
  font-size: 1.5rem;
}
.agree-box .all-check + .agree-list {
  margin: 1.6rem -1.6rem 0;
  padding: 1.6rem 1.6rem 0;
  border-top: 1px solid #eee;
}
.agree-box .all-check + .agree-list li {
  margin-top: 0;
  padding: 0.6rem 2.6rem 0.6rem 0;
}
.agree-box + .contents-title-300 {
  margin-top: 3.2rem;
}
.agree-box.type-flat {
  margin-top: 2.4rem;
  padding: 0;
  border: none;
}
.agree-box.type-flat .all-check-item {
  position: relative;
  padding-right: 2.4rem;
}
.agree-box.type-flat .all-check-item > .icon-arrow-right-gray {
  position: absolute;
  top: 50%;
  margin-top: -1.6rem;
  right: -0.8rem;
  width: 3.2rem;
  height: 3.2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.6rem;
  background-image: url("/images/common/icon/icon16-arrow-right-black.svg");
}
.agree-box.type-flat .all-check {
  margin-bottom: 0.3rem;
}
.agree-box.type-flat .all-check + .agree-list {
  padding: 0 0 0 2.8rem;
  margin: 0;
  border: none;
}
.agree-box.type-flat .all-check + .agree-list .form-checkbox .icon {
  top: -0.2rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.agree-box.type-flat .all-check + .agree-list .form-checkbox.sm .txt {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

/* ��� ��ũ+���ڵ�� �ͽ� */
ul.agree-list-wrap {
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
ul.agree-list-wrap > li {
  position: relative;
  padding: 1.6rem;
}
ul.agree-list-wrap > li + li {
  border-top: 1px solid #eee;
}
ul.agree-list-wrap > li > .form-checkbox .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  padding-right: 1.5rem;
}
ul.agree-list-wrap > li .form-checkbox > .txt.bold {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
ul.agree-list-wrap > li .agree-link {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
ul.agree-list-wrap > li .accordion-wrap {
  position: unset;
  display: block;
}
ul.agree-list-wrap > li .accordion-wrap .accordion-header {
  position: absolute;
  top: 2rem;
  right: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0;
}
ul.agree-list-wrap > li .accordion-wrap .accordion-container {
  position: relative;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
}
ul.agree-list-wrap > li .accordion-wrap .accordion-container:before {
  position: absolute;
  top: 0;
  left: -1.6rem;
  content: "";
  display: block;
  width: calc(100% + 3.2rem);
  height: 1px;
  background: #ddd;
}
ul.agree-list-wrap > li .accordion-wrap .accordion-container .agree-list li {
  padding: 0.6rem 1.6rem 0.6rem 0;
}
ul.agree-list-wrap > li .accordion-wrap .accordion-container .agree-list li + li {
  margin: 0;
}
ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .agree-box {
  padding: 1.6rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .agree-box .all-check .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .agree-box .all-check + .agree-list {
  margin: 1.6rem -1.6rem 0;
  padding: 1.6rem 1.6rem 0;
  border-top: 1px solid #eee;
}
ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .agree-box + .contents-title-300 {
  margin-top: 3.2rem;
}
ul.agree-list-wrap > li .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-black {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
ul.agree-list-wrap > li .agree-list-head {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 500;
  color: #222;
}
ul.agree-list-wrap > li.first {
  border-top: 0 !important;
}

/* ��� ���úҰ� üũ�ڽ� */
.terms-check-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 1.6rem 0;
  font-size: 0;
}
.terms-check-list li + li {
  margin-left: 2.4rem;
}
.terms-check-list li label {
  position: relative;
  display: inline-block;
  padding-left: 2.4rem;
  line-height: 1.6rem;
}
.terms-check-list li label input, .terms-check-list li label .inp-box .ico-confirm, .inp-box .terms-check-list li label .ico-confirm {
  display: none;
}
.terms-check-list li label input:-moz-read-only + i, .terms-check-list li label .inp-box .ico-confirm:-moz-read-only + i, .inp-box .terms-check-list li label .ico-confirm:-moz-read-only + i {
  background: #f8f8f8;
}
.terms-check-list li label input:disabled + i, .terms-check-list li label .inp-box .ico-confirm:disabled + i, .inp-box .terms-check-list li label .ico-confirm:disabled + i,
.terms-check-list li label input:read-only + i,
.terms-check-list li label .inp-box .ico-confirm:read-only + i,
.inp-box .terms-check-list li label .ico-confirm:read-only + i {
  background: #f8f8f8;
}
.terms-check-list li label input:checked + i:before, .terms-check-list li label .inp-box .ico-confirm:checked + i:before, .inp-box .terms-check-list li label .ico-confirm:checked + i:before {
  position: absolute;
  left: 0.4rem;
  top: 0.1rem;
  display: block;
  width: 0.4rem;
  height: 0.8rem;
  border-right: 0.2rem solid #aaa;
  border-bottom: 0.2rem solid #aaa;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0.6;
  content: "";
}
.terms-check-list li label i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #ddd;
}
.terms-check-list li label .txt {
  display: inline-block;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  vertical-align: middle;
}

/* ��ũ�и� Ÿ�� �߰� 2021-09-14 */
.agree-box .agree-top {
  position: relative;
  font-size: 0;
  width: calc(100% + 3.2rem);
  margin-top: -1.6rem;
  margin-bottom: -1.6rem;
  margin-left: -1.6rem;
  padding: 1.6rem 1.6rem 1.6rem 4.8rem;
}
.agree-box .agree-top .form-checkbox {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1.6rem;
}
.agree-box .agree-top .txt-link {
  display: inline-block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
  margin-left: 0;
}
.agree-box .agree-top ~ .agree-list {
  width: calc(100% + 3.2rem);
  margin-top: 1.6rem;
  margin-left: -1.6rem;
  padding: 1.6rem 1.6rem 0 1.6rem;
  border-top: 0.1rem solid #eeeeee;
}
.agree-box .agree-top ~ .agree-list > li {
  position: relative;
  font-size: 0;
  padding-left: 3.2rem;
  padding-right: 0;
  margin-top: 0;
}
.agree-box .agree-top ~ .agree-list > li .form-checkbox {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 0;
  text-indent: -9999px;
}
.agree-box .agree-top ~ .agree-list > li .form-checkbox.disabled + .txt-link {
  color: #888888;
}
.agree-box .agree-top ~ .agree-list > li .txt-link {
  position: relative;
  padding-top: 0.6rem;
  padding-right: 2.6rem;
  padding-bottom: 0.6rem;
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  z-index: 1;
}
.agree-box .agree-top ~ .agree-list > li .txt-link.bold {
  color: #000;
  font-weight: 700;
}
.agree-box .agree-top ~ .agree-list > li .txt-link.depth {
  position: relative;
  padding-left: 2rem;
}
.agree-box .agree-top ~ .agree-list > li .txt-link.depth:before {
  position: absolute;
  margin-top: 1px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/images/common/icon/icon16-depth.svg) no-repeat center/contain;
}
.agree-box .agree-top ~ .agree-list > li .icon16 {
  z-index: 2;
}
.agree-box .agree-top.one-item {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.agree-box .agree-top ~ .agree-top {
  margin-top: 1.6rem;
  border-top: 0.1rem solid #eeeeee;
}
.agree-box .sub-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  padding-left: 3.2rem;
}

ul .agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list li {
  padding-right: 0;
}

/* 2021-09-14 �߰� */
.agree-list-wrap > li .agree-top {
  position: relative;
  font-size: 0;
  padding-left: 3.2rem;
}
.agree-list-wrap > li .agree-top .form-checkbox:not(.type-new) {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.agree-list-wrap > li .agree-top .form-checkbox.type-new {
  margin-left: -3.2rem;
}
.agree-list-wrap > li .agree-top .txt-link {
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
  margin-right: 2.6rem;
  z-index: 1;
}
.agree-list-wrap > li .agree-top .txt-link.depth {
  position: relative;
  padding-left: 2rem;
}
.agree-list-wrap > li .agree-top .txt-link.depth:before {
  position: absolute;
  margin-top: 1px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/images/common/icon/icon16-depth.svg) no-repeat center/contain;
}
.agree-list-wrap > li .agree-top .agree-link {
  z-index: 2;
  right: 0;
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-header {
  top: 1.6rem;
  z-index: 3;
  width: calc(100% - 6.4rem);
  height: 2.4rem;
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-header .icon-arrow-bottom-black {
  position: relative;
  width: 100%;
  height: 2.4rem;
  background-image: none;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-header .icon-arrow-bottom-black .icon16 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(/images/common/icon/icon16-arrow-bottom-black.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.6rem 1.6rem;
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-black {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap.toggle-active .accordion-header .icon-arrow-bottom-black .icon16 {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li {
  position: relative;
  font-size: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 3.2rem;
  margin-top: 0;
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .form-checkbox {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  font-size: 0;
  text-indent: -9999px;
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .txt-link {
  position: relative;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  display: block;
  margin-right: 2.6rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  z-index: 1;
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .txt-link.depth {
  position: relative;
  padding-left: 2rem;
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .txt-link.depth:before {
  position: absolute;
  margin-top: 1px;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/images/common/icon/icon16-depth.svg) no-repeat center/contain;
}
.agree-list-wrap > li .agree-top ~ .accordion-wrap .accordion-container .agree-list > li .icon16 {
  z-index: 2;
}
.agree-list-wrap > li .agree-top + .sub-txt {
  margin-top: 1.6rem;
}
.agree-list-wrap > li .sub-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
  padding-left: 3.2rem;
}

/* type-inline */
.agree-box .type-inline, .agree-list-wrap .type-inline, .agree-list .type-inline {
  margin: 0.8rem 0;
  padding-left: 3.2rem;
}
.agree-box .type-inline .sub-tit, .agree-list-wrap .type-inline .sub-tit, .agree-list .type-inline .sub-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-bottom: 0.8rem;
}
.agree-box .type-inline .agree-list, .agree-list-wrap .type-inline .agree-list, .agree-list .type-inline .agree-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.agree-box .type-inline .agree-list li, .agree-list-wrap .type-inline .agree-list li, .agree-list .type-inline .agree-list li {
  margin: 0;
}

/* Bullet List */
.bullet-wrap .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 1.6rem;
}

.terms-tit + .bullet-list {
  margin-top: 0;
}

strong.bullet-list,
p.bullet-list,
div.bullet-list {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  display: block;
  margin: 1.6rem 0 0.4rem;
  padding-left: 1.2rem;
}
strong.bullet-list:before,
p.bullet-list:before,
div.bullet-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #888;
}
strong.bullet-list:first-child,
p.bullet-list:first-child,
div.bullet-list:first-child {
  margin-top: 0;
}
strong.bullet-list.sm,
p.bullet-list.sm,
div.bullet-list.sm {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding-left: 0.8rem;
  margin-top: 0.4rem;
}
strong.bullet-list.sm:before,
p.bullet-list.sm:before,
div.bullet-list.sm:before {
  top: 0.7rem;
  width: 0.2rem;
  height: 0.2rem;
}
strong.bullet-list.sm:first-child,
p.bullet-list.sm:first-child,
div.bullet-list.sm:first-child {
  margin-top: 0;
}
strong.bullet-list strong,
p.bullet-list strong,
div.bullet-list strong {
  font: inherit;
}

.bullet-list > li {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  margin-top: 1.6rem;
  padding-left: 1.2rem;
}
.bullet-list > li:first-child {
  margin-top: 0;
}
.bullet-list > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #888;
}
.bullet-list > li .bullet-list.sm {
  margin-top: 0.8rem;
}
.bullet-list > li strong {
  font-size: inherit;
}
.bullet-list.sm > li {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  padding-left: 0.8rem;
}
.bullet-list.sm > li:first-child {
  margin-top: 0;
}
.bullet-list.sm > li:before {
  top: 0.7rem;
  width: 0.2rem;
  height: 0.2rem;
}
.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;
}
.bullet-list.xs > li {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  padding-left: 0.6rem;
  margin-top: 0.8rem;
}
.bullet-list.xs > li:before {
  top: 0.5rem;
  width: 0.2rem;
  height: 0.2rem;
}

/* ��� �׸� �� �Ҹ� */
.bullet-point > li,
p.bullet-point,
strong.bullet-point {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  position: relative;
  padding-left: 1.6rem;
  margin-top: 0.8rem;
}
.bullet-point > li:before,
p.bullet-point:before,
strong.bullet-point:before {
  position: absolute;
  top: 0.4rem;
  left: 0;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.2rem;
  background: #fc0;
  content: "";
}

.bullet-point > li:first-child {
  margin-top: 0;
}

/* 14px '-' �Ҹ� */
.bullet-dash > li {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding-left: 1rem;
  margin-top: 0.8rem;
}
.bullet-dash > li:first-child {
  margin-top: 0;
}
.bullet-dash > li:before {
  position: absolute;
  top: 0.8rem;
  left: 0;
  display: block;
  width: 0.6rem;
  height: 0.1rem;
  background: #888;
  content: "";
}
.bullet-list .bullet-dash {
  margin-top: 1rem;
}
.bullet-list .bullet-dash.sm {
  margin-top: 0.4rem;
}
.bullet-dash.sm > li {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  padding-left: 0.8rem;
}
.bullet-dash.sm > li:first-child {
  margin-top: 0;
}
.bullet-dash.sm > li:before {
  top: 0.7rem;
  width: 0.5rem;
}

/* ����ǥ �Ҹ� (small) */
.info-txt.sm {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.info-txt.sm i {
  top: 0;
}
.info-txt.sm.fw-bold {
  line-height: 1.6;
}

/* data */
.data-list .list-tit {
  margin-bottom: 1.6rem;
  font-size: 0;
}
.data-list .list-tit span {
  position: relative;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.data-list .list-tit span + span {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.data-list .list-tit span + span:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 1.2rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.data-list .list-name {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
  margin-bottom: 1.6rem;
}
.data-list ul li {
  margin-top: 1.6rem;
  text-align: right;
}
.data-list ul li:first-child {
  margin-top: 0;
}
.data-list ul li:after {
  content: "";
  display: block;
  clear: both;
}
.data-list ul li.top-border {
  border-top: 1px solid #eee;
  margin-top: 0.8rem !important;
  padding-top: 0.8rem;
}
.data-list ul li .tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  float: left;
  text-align: left;
}
.data-list ul li .txt {
  display: inline-block;
  margin-left: 2.4rem;
  max-width: calc(100% - 12.4rem);
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.data-list ul li .txt .icon-arrow-right {
  display: inline-block;
  margin-left: 0.4rem;
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-arrow-right-black.svg") no-repeat center/contain;
}
.data-list ul li .txt span + em {
  margin-left: 0.6rem;
}
.data-list ul li .txt.plus {
  color: #f00;
}
.data-list ul li .txt.minus {
  color: #2589ff;
}
.data-list ul li .txt.bold {
  font-weight: 700;
}
.data-list ul li .txt.bold span, .data-list ul li .txt.bold em {
  font-weight: 700;
}
.data-list ul li .txt.del {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  position: relative;
  color: #aaa;
}
.data-list ul li .txt.del:after {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #aaa;
}
.data-list ul li .txt + .data-list {
  margin-top: 1.6rem;
}
.data-list ul li .txt-input {
  position: relative;
  display: inline-block;
}
.data-list ul li .txt-input label {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.data-list ul li .txt-input label.view-time {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
}
.data-list ul li .txt-input input, .data-list ul li .txt-input .inp-box .ico-confirm, .inp-box .data-list ul li .txt-input .ico-confirm {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
}
.data-list ul li .txt-input.type-pc {
  margin-left: -2.4rem;
  font-size: 0;
}
.data-list ul li .txt-input.type-pc label {
  display: none;
}
.data-list ul li .txt-input.type-pc input, .data-list ul li .txt-input.type-pc .inp-box .ico-confirm, .inp-box .data-list ul li .txt-input.type-pc .ico-confirm {
  position: relative;
  left: auto;
  width: 50%;
  height: auto;
  font-size: 1.6rem;
}
.data-list ul li .txt-input.type-pc input[type=date], .data-list ul li .txt-input.type-pc .inp-box [type=date].ico-confirm, .inp-box .data-list ul li .txt-input.type-pc [type=date].ico-confirm,
.data-list ul li .txt-input.type-pc input[type=date]::-webkit-calendar-picker-indicator,
.data-list ul li .txt-input.type-pc .inp-box [type=date].ico-confirm::-webkit-calendar-picker-indicator,
.inp-box .data-list ul li .txt-input.type-pc [type=date].ico-confirm::-webkit-calendar-picker-indicator {
  appearance: unset;
  -webkit-appearance: unset;
  margin: auto;
  background: revert;
}
.data-list ul li.total {
  margin-bottom: 0.8rem;
}
.data-list ul li.total .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.data-list ul li.total .txt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.data-list ul li.total ~ li {
  margin-top: 0.4rem;
}
.data-list ul li.total ~ li:first-child {
  margin-top: 0;
}
.data-list ul li.line {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #eee;
}
.data-list ul li a.txt {
  position: relative;
  padding-right: 2rem;
  font-size: 0;
}
.data-list ul li a.txt span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.data-list ul li a.txt .icon16 {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.data-list ul.bg-gray {
  padding: 1.6rem;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
}
.data-list ul.bg-gray li {
  margin-top: 0.4rem;
}
.data-list ul.bg-gray li:first-child {
  margin-top: 0;
}
.data-list ul.bg-gray li .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.data-list ul.bg-gray li .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.data-list ul.bg-gray li .txt.bold {
  font-weight: 700;
}
.data-list ul.bg-gray li .txt a {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-right: 2rem;
}
.data-list ul.bg-gray li .txt a:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.8rem;
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-arrow-right-small-gray.svg") no-repeat center/contain;
}
.data-list ul.bg-gray + .bg-gray {
  margin-top: 0.8rem;
}
.data-list ul + ul {
  margin-top: 1.6rem;
}
.data-list .bg-gray-lists {
  padding: 1.6rem;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
}
.data-list .bg-gray-lists > ul + ul {
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid #eee;
}
.data-list .bg-gray-lists > ul li {
  margin-top: 0.4rem;
}
.data-list .bg-gray-lists > ul li:first-child {
  margin-top: 0;
}
.data-list .bg-gray-lists > ul li .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.data-list .bg-gray-lists > ul li .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.data-list .bg-gray-lists > ul li .txt.plus {
  color: #2589ff;
}
.data-list .bg-gray-lists > ul li .txt.minus {
  color: #f00;
}
.data-list .bg-gray-lists > ul li .txt.bold {
  font-weight: 700;
}
.data-list .bg-gray-lists > ul li .txt a {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-right: 2rem;
}
.data-list .bg-gray-lists > ul li .txt a:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.8rem;
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-arrow-right-small-gray.svg") no-repeat center/contain;
}
.data-list.txt-left ul li {
  text-align: left;
}
.data-list.txt-left ul li .tit {
  width: 13rem;
}
.data-list.txt-left ul li .txt {
  display: block;
  margin-left: 14.6rem;
  max-width: 100%;
}
.data-list.txt-left ul li .txt + .txt {
  margin-top: 0.8rem;
}

/* .bg-gray-wrap */
.bg-gray-wrap {
  padding: 1.6rem;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
}
.bg-gray-wrap h6 {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 1.6rem;
}
.bg-gray-wrap li {
  text-align: right;
}
.bg-gray-wrap li + li {
  margin-top: 0.4rem;
}
.bg-gray-wrap li .tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  float: left;
  text-align: left;
}
.bg-gray-wrap li .txt {
  display: inline-block;
  margin-left: 2.4rem;
  max-width: calc(100% - 12.4rem);
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}

/* info */
.info-filter {
  position: relative;
  text-align: right;
  margin-bottom: 1.6rem;
}
.info-filter:after {
  content: "";
  display: block;
  clear: both;
}
.info-filter + .info-content {
  margin-top: 2.4rem;
}
.info-filter .total {
  float: left;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.info-filter .total > span {
  color: #2589ff;
  font-weight: 700;
}
.info-filter .btn-txt-arrow {
  float: left;
}
.info-filter .btn-txt-arrow span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.info-filter .reload-data span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  vertical-align: middle;
}
.info-filter .filter {
  font-size: 0;
}
.info-filter .filter li {
  position: relative;
  display: inline-block;
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.info-filter .filter li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 1rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-filter .filter li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.info-filter .filter li:first-child:before {
  display: none;
}
.info-filter .filter li button {
  font-size: 0;
}
.info-filter .filter li button.active span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.info-filter .filter li button.active .icon-arrow-top {
  background: url("/images/common/icon/icon-arrow-top-on.svg") no-repeat center/contain;
}
.info-filter .filter li button span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  vertical-align: middle;
}
.info-filter .filter li button .icon-arrow-top {
  display: inline-block;
  margin-left: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background: url("/images/common/icon/icon-arrow-top-off.svg") no-repeat center/contain;
}
.info-filter .price {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.info-filter .price * {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.info-filter.pd-inside {
  padding: 0 0.6rem;
}

.info-content {
  position: relative;
}
.info-content .info-box {
  margin-top: 3.2rem;
}
.info-content .info-box:first-child {
  margin-top: 0;
}
.info-content .info-box .info-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.6rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #eee;
}
.info-content .info-box .info-top .date {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.info-content .info-box .info-top .total {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.info-content .info-box .info-top .price {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.info-content .result-box {
  padding: 1.6rem 0;
}
.info-content.type-dot {
  padding-left: 2.8rem;
}
.info-content.type-dot:before {
  content: "";
  position: absolute;
  left: 0.7rem;
  top: 0;
  width: 0.2rem;
  height: 100%;
  border-left: 0.2rem dotted #eee;
}
.info-content.type-dot .info-box .info-top {
  padding-bottom: 0;
  border-bottom: none;
}
.info-content.type-dot .info-box .info-top:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -3.4rem;
  width: 2.8rem;
  height: 2.8rem;
  background: #fff;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-content.type-dot .info-box .info-top:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -2.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-bluedot.svg") no-repeat center/contain;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-content.type-dot .result-box {
  position: relative;
  margin-left: -2.8rem;
  padding: 20rem 0;
  background: #fff;
  z-index: 1;
}
.info-content.type-dot .result-box + .info-box {
  margin-top: 0;
}

.info-list > li {
  position: relative;
  margin-top: 1.6rem;
  padding: 0.8rem 0;
}
.info-list > li:first-child {
  margin-top: 0;
}
.info-list > li.active a, .info-list > li.active button {
  padding-right: 5.6rem !important;
}
.info-list > li.active:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/common/icon/icon24-checkbox.svg") no-repeat center/contain;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-list > li.disabled {
  opacity: 0.5;
}
.info-list > li.disabled a, .info-list > li.disabled button {
  pointer-events: none;
}
.info-list > li.not {
  opacity: 0.5;
}
.info-list > li.none .tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.info-list > li .icon {
  position: absolute;
  top: 1rem;
  left: 0;
  width: 4rem;
  height: 4rem;
}
.info-list > li .icon ~ .tit {
  padding-left: 5.6rem;
  padding-right: 9.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.info-list > li .icon ~ .txt {
  padding-left: 5.6rem;
}
.info-list > li .icon ~ .info {
  padding-left: 5.6rem;
}
.info-list > li .icon img {
  width: 100%;
}
.info-list > li .tit {
  display: block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.info-list > li .tit.no-ellipsis {
  padding-right: 0;
}
.info-list > li .txt {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.info-list > li .info {
  font-size: 0;
}
.info-list > li .info li {
  position: relative;
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.info-list > li .info li.cancel {
  color: #f00;
}
.info-list > li .info li + li {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.info-list > li .info li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-list > li .price {
  position: absolute;
  top: 0.8rem;
  right: 0;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.info-list > li .price.cancel {
  color: #aaa;
  text-decoration: line-through;
}
.info-list > li .date {
  position: absolute;
  right: 0;
  bottom: 1rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.info-list > li .icon16 {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.info-list > li a:not(.inline), .info-list > li button:not(.inline) {
  display: block;
  margin: -0.8rem -1.6rem;
  padding: 0.8rem 1.6rem;
  width: calc(100% + 3.2rem);
  text-align: left;
}
.info-list > li .form-radio {
  position: absolute;
  left: -1.6rem;
  top: 0;
  width: calc(100% + 3.2rem);
  height: 100%;
}
.info-list > li .form-radio .icon {
  left: auto;
  right: 1.6rem;
}

/* link */
.link-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.link-list li a, .link-list li button {
  position: relative;
  display: block;
  padding: 1.6rem 3.6rem 1.6rem 1.6rem;
  width: 100%;
  text-align: right;
  background-size: 1.6rem;
}
.link-list li a:after, .link-list li button:after {
  content: "";
  display: block;
  clear: both;
}
.link-list li a.txt, .link-list li button.txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  width: auto;
  max-width: calc(100% - 9rem);
}
.link-list li .icon16 {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.link-list li .icon24 {
  float: left;
  vertical-align: middle;
}
.link-list li .icon24 img {
  width: 100%;
}
.link-list li .icon24 + .tit {
  margin-left: 0.8rem;
}
.link-list li .icon32 {
  float: left;
  vertical-align: middle;
}
.link-list li .icon32 + .tit {
  margin-left: 1.6rem;
  line-height: 3.2rem;
}
.link-list li .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  float: left;
  vertical-align: middle;
}
.link-list li .tit:first-child:last-child {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin: -0.4rem 0;
}
.link-list li .tit .desc {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
}
.link-list li .txt {
  position: relative;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.link-list li .txt span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.link-list li .txt .icon-arrow-right {
  display: inline-block;
  margin-left: 0.4rem;
  width: 1.6rem;
  min-width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-arrow-right-black.svg") no-repeat center/contain;
}
.link-list li .txt.none span {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.link-list li .txt.none .icon-arrow-right {
  background: url("/images/common/icon/icon16-arrow-right-gray.svg") no-repeat center/contain;
}
.link-list li .txt .txt-input {
  position: relative;
}
.link-list li .txt .txt-input label {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.link-list li .txt .txt-input label.view-time {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
}
.link-list li .txt .txt-input input, .link-list li .txt .txt-input .inp-box .ico-confirm, .inp-box .link-list li .txt .txt-input .ico-confirm {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
}
.link-list li .txt .txt-input.type-pc {
  font-size: 0;
}
.link-list li .txt .txt-input.type-pc label {
  display: none;
}
.link-list li .txt .txt-input.type-pc input, .link-list li .txt .txt-input.type-pc .inp-box .ico-confirm, .inp-box .link-list li .txt .txt-input.type-pc .ico-confirm {
  position: relative;
  left: auto;
  width: 50%;
  height: auto;
  font-size: 1.6rem;
}
.link-list li .txt .txt-input.type-pc input[type=date], .link-list li .txt .txt-input.type-pc .inp-box [type=date].ico-confirm, .inp-box .link-list li .txt .txt-input.type-pc [type=date].ico-confirm,
.link-list li .txt .txt-input.type-pc input[type=date]::-webkit-calendar-picker-indicator,
.link-list li .txt .txt-input.type-pc .inp-box [type=date].ico-confirm::-webkit-calendar-picker-indicator,
.inp-box .link-list li .txt .txt-input.type-pc [type=date].ico-confirm::-webkit-calendar-picker-indicator {
  appearance: unset;
  -webkit-appearance: unset;
  margin: auto;
  background: revert;
}
.link-list li .txt-black {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.link-list li .accordion-wrap {
  width: 100%;
}
.link-list li .accordion-wrap > .accordion-header {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.6rem;
}
.link-list li .accordion-wrap > .accordion-container {
  padding: 0.8rem 1.6rem;
}
.link-list li .accordion-wrap > .accordion-container .bg-gray li {
  margin-top: 0.8rem;
}
.link-list li .accordion-wrap > .accordion-container .bg-gray li:first-child {
  margin-top: 0;
}
.link-list li .accordion-wrap > .accordion-container .bg-gray li a, .link-list li .accordion-wrap > .accordion-container .bg-gray li button {
  padding: 1.4rem 3.6rem 1.4rem 1.6rem;
  background-color: #f6f8f9;
  border-radius: 1.2rem;
}
.link-list li .accordion-wrap > .accordion-container .bg-gray li a .tit, .link-list li .accordion-wrap > .accordion-container .bg-gray li button .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.link-list li .accordion-wrap.toggle-active > .accordion-header .icon16 {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.link-list.line li {
  border-bottom: 1px solid #eee;
}
.link-list.line li a {
  padding: 1.2rem 2rem 1.2rem 0;
}
.link-list.line-top li {
  position: relative;
}
.link-list.line-top li:before {
  position: absolute;
  top: 0;
  left: 1.6rem;
  content: "";
  display: block;
  width: calc(100% - 3.2rem);
  height: 1px;
  background: #eee;
}
.link-list.line-top li a {
  padding: 1.6rem 2rem 1.6rem 3.6rem;
}
.link-list.line-top li a .tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  padding-right: 2rem;
}
.link-list.line-top li a .icon16 {
  right: 1.6rem;
}
.link-list.round li {
  margin-top: 0.8rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.link-list.round li:first-child {
  margin-top: 0;
}
.link-list.round li a {
  text-align: left;
}
.link-list.round li .tit {
  float: none;
  display: block;
}
.link-list.round li .txt {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.link-list.round li .img {
  position: absolute;
  top: 50%;
  right: 3.6rem;
  text-align: right;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.link-list.round li .img img {
  width: 50%;
}
.link-list.round .inner-item > .icon24 {
  margin-right: 0.8rem;
}

/* �� ���� CMYMPH013 */
.emblem-list {
  /* 480 ~ */
}
.emblem-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -0.8rem;
}
.emblem-list li {
  margin-bottom: 3.2rem;
  width: 25%;
  text-align: center;
  font-size: 0;
  padding: 0 0.8rem;
}
.emblem-list a {
  display: inline-block;
  width: 6.4rem;
  min-width: 6.4rem;
  max-width: 6.4rem;
  text-align: center;
}
.emblem-list a .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.1rem;
  width: 100%;
  border-radius: 50%;
  border: 1px solid #eee;
}
.emblem-list a .img-wrap img {
  width: 100%;
}
.emblem-list a .txt {
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
  color: #222;
}
@media all and (min-width: 479px) {
  .emblem-list ul > li {
    width: 20%;
  }
}

/* ��ũ ����Ʈ CMYMPH012 */
.link-list-box li + li {
  margin-top: 1.6rem;
}
.link-list-box li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 2.4rem;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.link-list-box li a span {
  display: inline-block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.link-list-box li a i {
  background: url("/images/common/icon/icon16-plus-black.svg") no-repeat center/contain;
}
.link-list-box li a.disabled {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #f8f8f8;
  border: 1px solid #eee;
}
.link-list-box li a.disabled span {
  color: #888;
}
.link-list-box li a.disabled i {
  background: url("/images/common/icon/icon16-plus-gray.svg") no-repeat center/contain;
  opacity: 50%;
}

/* link-list-between CMYMPH014 */
.link-list-between li {
  width: 100%;
  height: 9.6rem;
  border-bottom: 1px solid #eee;
}
.link-list-between li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 0;
  width: 100%;
  height: 100%;
}
.link-list-between li a .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.link-list-between li a .img-wrap {
  width: 9.6rem;
  height: 6.4rem;
}
.link-list-between li a .img-wrap img {
  width: 100%;
}
.link-list-between.img-first .img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
}
.link-list-between.img-first .img-wrap img {
  width: 9.6rem;
}
.link-list-between.img-first .car-name {
  margin-left: 1.5rem;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: -0.1rem;
  color: #222;
}
.link-list-between.img-first .car-ea {
  font-size: 1.5rem;
  color: #aaa;
  font-weight: 500;
  letter-spacing: -0.1rem;
}

/* link-list-img  */
.link-list-img li + li {
  margin-top: 1.6rem;
}
.link-list-img a {
  position: relative;
  display: block;
  padding: 0.8rem 3.2rem 0.8rem 5.6rem;
  width: 100%;
  height: 100%;
}
.link-list-img a .img-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
}
.link-list-img a .img-wrap img {
  width: 100%;
}
.link-list-img a .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.link-list-img a .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  color: #2589ff;
}
.link-list-img a .icon-link {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* table */
.table-wrap {
  border-top: 1px solid #aaa;
}
.table-wrap caption {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.table-wrap table {
  table-layout: fixed;
  width: 100%;
}
.table-wrap table thead th {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  background-color: #f8f8f8;
  padding: 1.4rem 1.6rem;
  text-align: left;
}
.table-wrap table thead th .inline-select {
  font-weight: 700;
  max-width: 100%;
}
.table-wrap table thead td {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 1.4rem 1.6rem;
  border-bottom: 1px solid #eee;
}
.table-wrap table thead td .bullet-list.sm li {
  margin-top: 0.4rem;
}
.table-wrap table thead td .bullet-list.sm li:first-child {
  margin-top: 0;
}
.table-wrap table tbody th {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  background-color: #f8f8f8;
  padding: 1.4rem 1.6rem;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.table-wrap table tbody td {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 1.4rem 1.6rem;
  border-bottom: 1px solid #eee;
}
.table-wrap table tbody td .bullet-list.sm li {
  margin-top: 0.4rem;
}
.table-wrap table tbody td .bullet-list.sm li:first-child {
  margin-top: 0;
}
.table-wrap table tr:last-child th,
.table-wrap table tr:last-child td {
  border-bottom-color: #aaa;
}
.table-wrap.size-l tbody th {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.table-wrap.size-l tbody td {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.table-wrap.size-s tbody th, .table-wrap.size-s thead th {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 0.6rem 0.8rem;
}
.table-wrap.size-s tbody td, .table-wrap.size-s thead td {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  padding: 0.6rem 0.8rem;
}
.table-wrap.td-s tbody th, .table-wrap.td-s tbody td, .table-wrap.td-s thead th, .table-wrap.td-s thead td {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.table-wrap .bdr {
  border-right: 0.1rem solid #eee;
}

/* result */
.result-box {
  padding: 14rem 0;
  text-align: center;
}
.result-box .icon48 + .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.result-box .icon-logo {
  display: block;
  margin: 0 auto;
  width: 12rem;
  height: 6.4rem;
}
.result-box .icon-logo img {
  width: 100%;
}
.result-box > .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 1.6rem;
}
.result-box > .txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
}
.result-box.size-s {
  padding: 2rem 0 4rem;
}

/* accordion-wrap */
.accordion-list-wrap {
  /**/
  /* type-card-wrap */
}
.accordion-list-wrap .accordion-link.type-mix {
  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: 3.2rem 0;
  width: 100%;
}
.accordion-list-wrap .accordion-link.type-mix:after {
  position: absolute;
  bottom: 0;
  left: -1.6rem;
  content: "";
  display: block;
  width: calc(100% + 3.2rem);
  height: 0.8rem;
  background: #f8f8f8;
}
.accordion-list-wrap .accordion-link.type-mix .acco-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion-list-wrap .accordion-link.type-mix .acco-left strong {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.accordion-list-wrap .accordion-link.type-mix .acco-right * {
  vertical-align: middle;
}
.accordion-list-wrap .accordion-link.type-mix .acco-right strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  color: #888;
  display: inline-block;
}
.accordion-list-wrap > ul > li:first-child .accordion-wrap.type-total {
  margin-top: 0;
}
.accordion-list-wrap.type-card-wrap {
  margin-top: 2.4rem;
  padding: 2.4rem;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.accordion-list-wrap.type-card-wrap > ul > li + li {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px solid #eee;
}
.accordion-list-wrap.type-card-wrap > ul > li .type-card {
  margin-top: 0;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* accordion-wrap */
.accordion-wrap {
  /* .type-bottom */
  /* type-total */
  /* type-mix */
  /* type-card */
  /* type-assets */
  /* type-multi */
}
.accordion-wrap > .accordion-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 0;
  width: 100%;
}
.accordion-wrap > .accordion-header .acco-left,
.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;
}
.accordion-wrap > .accordion-header .acco-right-txt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-weight: 400;
  margin-right: 1.6rem;
  display: block;
  max-width: 50vw;
}
.accordion-wrap > .accordion-container {
  display: none;
}
.accordion-wrap.toggle-active > .accordion-container {
  display: block;
}
.accordion-wrap.type-bottom {
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.accordion-wrap.type-bottom .icon-info-black {
  margin-top: 0.4rem;
  margin-right: 0.4rem;
}
.accordion-wrap.type-bottom strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 0.8rem;
}
.accordion-wrap.type-bottom .icon-arrow-bottom-black {
  margin-top: 0.4rem;
}
.accordion-wrap.type-bottom.toggle-active .icon-arrow-bottom-black {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.accordion-wrap.type-bottom .accordion-header {
  padding: 1.6rem;
}
.accordion-wrap.type-bottom .accordion-container {
  padding: 0 1.6rem 1.6rem;
}
.accordion-wrap.type-bottom .bullet-list + .bullet-list {
  margin-top: 2.5rem;
}
.accordion-wrap.type-total {
  margin-top: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.accordion-wrap.type-total .accordion-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1.6rem;
}
.accordion-wrap.type-total .accordion-container {
  padding: 1.6rem;
  border-top: 1px solid #eee;
}
.accordion-wrap.type-total .accordion-container .property-list > li {
  margin-top: 1.6rem;
  padding: 0;
  border: none;
}
.accordion-wrap.type-total .accordion-container .property-list > li:first-child {
  margin-top: 0;
}
.accordion-wrap.type-total .accordion-container .property-list > li .form-checkbox .icon {
  left: 0;
}
.accordion-wrap.type-total .accordion-container .property-list > li .tag {
  right: 0;
}
.accordion-wrap.type-total .accordion-container .property-list > li .state {
  right: 0;
}
.accordion-wrap.type-total .acco-left {
  font-size: 0;
}
.accordion-wrap.type-total .acco-left .bank {
  margin-right: 0.8rem;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
}
.accordion-wrap.type-total .acco-left .bank img {
  width: 100%;
}
.accordion-wrap.type-total .acco-left strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 0.8rem;
}
.accordion-wrap.type-total .acco-left .description-list em {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.accordion-wrap.type-total .acco-left .description-list span {
  margin-left: 0.8rem;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.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: 0.2rem;
}
.accordion-wrap.type-total .acco-right .num-box {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-right: 0.4rem;
}
.accordion-wrap.type-total .acco-right .num-box em, .accordion-wrap.type-total .acco-right .num-box span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: inline-block;
}
.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: 0.4rem;
}
.accordion-wrap.type-total .acco-right .total-list-caption dt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-left: 0.8rem;
}
.accordion-wrap.type-total .acco-right .total-list-caption dd {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-left: 0.2rem;
}
.accordion-wrap.type-total .acco-right .total-list-caption dd.success {
  color: #222;
}
.accordion-wrap.type-total .acco-right .total-list-caption dd.fail {
  color: #f00;
}
.accordion-wrap.type-total.toggle-active .icon16 {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.accordion-wrap.type-mix {
  position: relative;
}
.accordion-wrap.type-mix:after {
  position: absolute;
  bottom: 0;
  left: -1.6rem;
  content: "";
  display: block;
  width: calc(100% + 3.2rem);
  height: 0.8rem;
  background: #f8f8f8;
}
.accordion-wrap.type-mix .accordion-header {
  padding: 3.2rem 0;
  padding-right: 2rem;
}
.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;
}
.accordion-wrap.type-mix .acco-left strong {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.accordion-wrap.type-mix .acco-left .num-round {
  margin-left: 0.8rem;
}
.accordion-wrap.type-mix .acco-right .account-box {
  text-align: right;
}
.accordion-wrap.type-mix .acco-right .account-box .account-top * {
  vertical-align: middle;
}
.accordion-wrap.type-mix .acco-right .account-box .account-top i {
  margin-top: 0.2rem;
  margin-right: 0.8rem;
}
.accordion-wrap.type-mix .acco-right .account-box .account-top em, .accordion-wrap.type-mix .acco-right .account-box .account-top span {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.accordion-wrap.type-mix .acco-right .account-box .account-bottom em {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.accordion-wrap.type-mix .acco-right > i {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.8rem;
}
.accordion-wrap.type-mix.toggle-active .icon-arrow-bottom-black {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.accordion-wrap.type-card {
  position: relative;
  padding: 2.4rem;
  background-color: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.accordion-wrap.type-card .tag {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #fff;
  position: absolute;
  top: 0;
  right: 1.6rem;
  display: block;
  padding-top: 1rem;
  width: 4.8rem;
  height: 4.8rem;
  background: url("/images/common/icon/bg-tag.svg") no-repeat center/contain;
  text-align: center;
}
.accordion-wrap.type-card .card-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 2.4rem;
}
.accordion-wrap.type-card .accordion-header {
  padding: 0;
  display: block;
}
.accordion-wrap.type-card .accordion-header .status-box i {
  margin-right: 0.4rem;
  vertical-align: middle;
}
.accordion-wrap.type-card .accordion-header .status-box span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  vertical-align: middle;
}
.accordion-wrap.type-card .accordion-header .data-between {
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.accordion-wrap.type-card .accordion-header .data-between .left-box strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
}
.accordion-wrap.type-card .accordion-header .data-between .right-box {
  position: relative;
  padding-right: 2rem;
  text-align: right;
}
.accordion-wrap.type-card .accordion-header .data-between .right-box em {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.accordion-wrap.type-card .accordion-header .data-between .right-box .txt-error {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #f00;
  display: block;
}
.accordion-wrap.type-card .accordion-header .data-between .right-box i {
  position: absolute;
  top: 0.4rem;
  right: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.accordion-wrap.type-card .accordion-container {
  margin-top: 1.6rem;
  padding-top: 2.4rem;
  border-top: 1px dashed #eee;
}
.accordion-wrap.type-card .accordion-container .card-txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  text-align: center;
}
.accordion-wrap.type-card.toggle-active .accordion-header .data-between .right-box i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion-wrap.type-assets .accordion-header .acco-left strong {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.accordion-wrap.type-assets .accordion-header .acco-right {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion-wrap.type-assets .accordion-header .acco-right em {
  display: inline-block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-right: 0.4rem;
}
.accordion-wrap.type-assets .accordion-container {
  margin-top: 0.8rem;
}
.accordion-wrap.type-assets.toggle-active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.accordion-wrap.type-multi {
  margin-top: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.accordion-wrap.type-multi > .accordion-container {
  border-top: 1px solid #eee;
}
.accordion-wrap.type-multi > .accordion-container > ul > li {
  position: relative;
}
.accordion-wrap.type-multi > .accordion-container > ul > li + li:before {
  position: absolute;
  top: 0;
  left: 1.6rem;
  content: "";
  display: block;
  width: calc(100% - 3.2rem);
  height: 1px;
  background: #eee;
}
.accordion-wrap.type-multi .accordion-header {
  padding: 1.6rem;
}
.accordion-wrap.type-multi .accordion-header .acco-left {
  padding-right: 2rem;
  font-size: 0;
}
.accordion-wrap.type-multi .accordion-header .acco-left .description-list em {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.accordion-wrap.type-multi .accordion-header .acco-left .description-list span {
  margin-left: 0.8rem;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.accordion-wrap.type-multi .accordion-header .acco-right {
  position: absolute;
  top: 2rem;
  right: 1.6rem;
}
.accordion-wrap.type-multi.toggle-active .icon16 {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

/* ���ڵ�� 2���� */
[data-module=accordion] {
  /* type-default */
}
[data-module=accordion] > .accordion-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 0;
  width: 100%;
}
[data-module=accordion] > .accordion-header .acco-left,
[data-module=accordion] > .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;
}
[data-module=accordion] > .accordion-header .acco-right i {
  -webkit-transform: rotate(0deg) !important;
      -ms-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
}
[data-module=accordion] > .accordion-container {
  display: none;
}
[data-module=accordion].toggle-active .acco-right i {
  -webkit-transform: rotate(-180deg) !important;
      -ms-transform: rotate(-180deg) !important;
          transform: rotate(-180deg) !important;
}
[data-module=accordion].toggle-active .accordion-container {
  display: block;
}
[data-module=accordion].type-default .accordion-header {
  padding-left: 1.6rem;
}
[data-module=accordion].type-default .accordion-header .acco-left {
  position: relative;
  padding: 0 2rem;
  width: 100%;
  word-break: break-all;
}
[data-module=accordion].type-default .accordion-header .acco-left .icon-depth {
  position: absolute;
  top: 1.6rem;
  left: 0;
  margin-top: -1rem;
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
[data-module=accordion].type-default .accordion-header .acco-left span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: inline-block;
}
[data-module=accordion].type-default .accordion-container .link-list li a .tit {
  word-break: break-all;
  text-align: left;
}
[data-module=accordion].type-default .accordion-container .link-list li a i {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.choice-wrap {
  margin: 0 -1.6rem;
}
.choice-wrap .list-tit {
  margin-bottom: 1.6rem;
  padding: 0 1.6rem;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.choice-wrap ul li {
  position: relative;
}
.choice-wrap ul li > .icon-bi {
  vertical-align: middle;
}
.choice-wrap ul li > .icon-bi + .txt {
  padding-left: 0.8rem;
  vertical-align: middle;
}
.choice-wrap ul li .txt {
  margin: 0;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.choice-wrap ul li .txt .keyword {
  color: #2589ff;
}
.choice-wrap ul li .form-checkbox {
  padding: 1.2rem 1.6rem;
  width: 100%;
}
.choice-wrap ul li .form-checkbox .icon {
  top: 50%;
  left: auto;
  right: 1.6rem;
}
.choice-wrap ul li .form-checkbox .tag {
  display: none;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  padding: 0.2rem 0.8rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.choice-wrap ul li .form-checkbox input[disabled] ~ .icon, .choice-wrap ul li .form-checkbox .inp-box [disabled].ico-confirm ~ .icon, .inp-box .choice-wrap ul li .form-checkbox [disabled].ico-confirm ~ .icon {
  display: none;
}
.choice-wrap ul li .form-checkbox input[disabled] ~ .txt, .choice-wrap ul li .form-checkbox .inp-box [disabled].ico-confirm ~ .txt, .inp-box .choice-wrap ul li .form-checkbox [disabled].ico-confirm ~ .txt {
  color: #888;
  font-weight: 400;
}
.choice-wrap ul li .form-checkbox input[disabled] ~ .tag, .choice-wrap ul li .form-checkbox .inp-box [disabled].ico-confirm ~ .tag, .inp-box .choice-wrap ul li .form-checkbox [disabled].ico-confirm ~ .tag {
  display: block;
}
.choice-wrap ul li .btn-delete {
  position: absolute;
  right: 0;
  top: 50%;
  width: 4.8rem;
  height: 4.8rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.choice-wrap ul li .btn-delete span {
  font-size: 0;
  text-indent: -9999px;
}
.choice-wrap ul li.complete .form-checkbox .icon {
  display: none;
}
.choice-wrap ul li.complete .form-checkbox .tag {
  display: block;
}
.choice-wrap ul li.complete .txt {
  color: #888;
  font-weight: 400;
}
.choice-wrap + .choice-wrap {
  margin-top: 1.6rem;
  padding-top: 3.2rem;
  border-top: 0.8rem solid #f8f8f8;
}
.choice-wrap.type-thumb .list-tit {
  margin-bottom: 1.2rem;
}
.choice-wrap.type-thumb ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 1.2rem;
}
.choice-wrap.type-thumb ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0.4rem;
  width: 33.3333333333%;
  text-align: center;
}
.choice-wrap.type-thumb ul li .form-checkbox {
  position: relative;
  height: 100%;
  padding: 0;
}
.choice-wrap.type-thumb ul li .form-checkbox .tag {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  display: block;
  overflow: hidden;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-link.svg") center/contain no-repeat;
  color: transparent;
  font-size: xx-small;
  border-radius: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.choice-wrap.type-thumb ul li .form-checkbox .icon-bi {
  top: 2rem;
  left: 0;
  right: 0;
  position: absolute;
  display: block;
  margin: 0 auto;
}
.choice-wrap.type-thumb ul li .form-checkbox .txt:before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.2rem;
  border: 0.1rem solid #eee;
  background: #fff;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border ease-in-out 0.1s;
  transition: border ease-in-out 0.1s;
  content: "";
}
.choice-wrap.type-thumb ul li .form-checkbox input:checked ~ .txt:before, .choice-wrap.type-thumb ul li .form-checkbox .inp-box .ico-confirm:checked ~ .txt:before, .inp-box .choice-wrap.type-thumb ul li .form-checkbox .ico-confirm:checked ~ .txt:before {
  border: 0.2rem solid #fc0;
}
.choice-wrap.type-thumb ul li .form-checkbox input:disabled ~ .txt:before, .choice-wrap.type-thumb ul li .form-checkbox .inp-box .ico-confirm:disabled ~ .txt:before, .inp-box .choice-wrap.type-thumb ul li .form-checkbox .ico-confirm:disabled ~ .txt:before {
  background: #f8f8f8;
}
.choice-wrap.type-thumb ul li .txt {
  display: block;
  padding: 7.2rem 0.7rem 1.8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  word-break: break-all;
}

.choice-reverse-wrap .form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem 0;
  padding-left: 2.4rem;
}
.choice-reverse-wrap .form-checkbox .txt {
  margin-right: 0.8rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.choice-reverse-wrap .form-checkbox .price {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
  white-space: nowrap;
}

.choice-btn-list {
  border-bottom: 0.1rem solid #ddd;
}
.choice-btn-list input[type=radio], .choice-btn-list .inp-box [type=radio].ico-confirm, .inp-box .choice-btn-list [type=radio].ico-confirm {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.choice-btn-list input[type=radio]:checked + .inner-item:not(.type-icon), .choice-btn-list .inp-box [type=radio].ico-confirm:checked + .inner-item:not(.type-icon), .inp-box .choice-btn-list [type=radio].ico-confirm:checked + .inner-item:not(.type-icon),
.choice-btn-list input[type=radio] .checked + .inner-item:not(.type-icon),
.choice-btn-list .inp-box [type=radio].ico-confirm .checked + .inner-item:not(.type-icon),
.inp-box .choice-btn-list [type=radio].ico-confirm .checked + .inner-item:not(.type-icon) {
  font-weight: 700;
}
.choice-btn-list input[type=radio]:checked + .inner-item:after, .choice-btn-list .inp-box [type=radio].ico-confirm:checked + .inner-item:after, .inp-box .choice-btn-list [type=radio].ico-confirm:checked + .inner-item:after,
.choice-btn-list input[type=radio] .checked + .inner-item:after,
.choice-btn-list .inp-box [type=radio].ico-confirm .checked + .inner-item:after,
.inp-box .choice-btn-list [type=radio].ico-confirm .checked + .inner-item:after {
  opacity: 1;
}
.choice-btn-list .inner-item {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  display: block;
  padding: 1.6rem 3rem 1.6rem 1.2rem;
  color: #222;
  border-top: 0.1rem solid #ddd;
}
.choice-btn-list .inner-item > span {
  font: inherit;
}
.choice-btn-list .inner-item:after {
  position: absolute;
  top: 50%;
  right: 1rem;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
  margin-top: -1.2rem;
  background: url("/images/common/icon/icon-check-black-sm.svg") center/contain no-repeat;
  content: "";
}
.choice-btn-list .icon32 {
  margin-right: 1rem;
}

.choice-car-wrap li {
  padding: 0.8rem 0;
}
.choice-car-wrap li + li {
  margin-top: 1.6rem;
}
.choice-car-wrap .form-box .form-radio {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
}
.choice-car-wrap .form-box .icon {
  left: unset;
  right: 0;
}
.choice-car-wrap .car-info-box {
  position: relative;
  padding-left: 11.6rem;
  padding-right: 3rem;
}
.choice-car-wrap .car-info-box .img-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 9.6rem;
}
.choice-car-wrap .car-info-box .img-wrap img {
  width: 100%;
}
.choice-car-wrap .car-info-box .car-txt-wrap .car-tit {
  display: block;
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.choice-car-wrap .car-info-box .car-txt-wrap .car-txt {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

/* ������ */
.certificate-list > li {
  position: relative;
  margin-top: 1.6rem;
  overflow: hidden;
}
.certificate-list > li:first-child {
  margin-top: 0;
}
.certificate-list > li button, .certificate-list > li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 4.8rem 1.6rem 1.6rem;
  width: 100%;
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.certificate-list > li button .icon, .certificate-list > li > div .icon {
  margin-right: 1.6rem;
  width: 4rem;
  height: 4rem;
}
.certificate-list > li button .box .name, .certificate-list > li > div .box .name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  color: #000;
}
.certificate-list > li button .box .info, .certificate-list > li > div .box .info {
  margin-top: 0.4rem;
  font-size: 0;
}
.certificate-list > li button .box .info li, .certificate-list > li > div .box .info li {
  position: relative;
  display: inline-block;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.certificate-list > li button .box .info li + li, .certificate-list > li > div .box .info li + li {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.certificate-list > li button .box .info li + li:before, .certificate-list > li > div .box .info li + li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 0.8rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.certificate-list > li button .box .date, .certificate-list > li > div .box .date {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.certificate-list > li button .box .date.warning, .certificate-list > li > div .box .date.warning {
  color: #f00;
}
.certificate-list > li button .icon24, .certificate-list > li > div .icon24 {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.certificate-list > li button .state, .certificate-list > li > div .state {
  position: absolute;
  top: 50%;
  right: 2rem;
  padding: 0.2rem 0.8rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #fff;
  border-radius: 1.2rem;
  background: #ff0000;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.certificate-list > li button[disabled], .certificate-list > li > div[disabled] {
  background-color: #f8f8f8;
}
.certificate-list > li button[disabled] .icon, .certificate-list > li > div[disabled] .icon {
  opacity: 0.5;
}
.certificate-list > li button[disabled] .box .name, .certificate-list > li > div[disabled] .box .name {
  color: #888;
}
.certificate-list > li button[disabled] .box .info li, .certificate-list > li > div[disabled] .box .info li {
  color: #888;
}
.certificate-list > li button[disabled] .box .date, .certificate-list > li > div[disabled] .box .date {
  color: #f00;
}

/* �ڻ� */
.property-list > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.8rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.property-list > li:first-child {
  margin-top: 0;
}
.property-list > li .form-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.property-list > li .form-checkbox .icon {
  left: 1.6rem;
}
.property-list > li .form-checkbox + .box {
  padding-left: 3.2rem;
}
.property-list > li .box {
  position: relative;
  display: block;
  width: 100%;
}
.property-list > li .box .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.property-list > li .box .info {
  font-size: 0;
}
.property-list > li .box .info li {
  position: relative;
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.property-list > li .box .info li + li {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.property-list > li .box .info li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.property-list > li .box .date {
  display: block;
  margin-top: 0.4rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.property-list > li .box .icon-arrow-right-black {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.property-list > li .tag {
  display: none;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  padding: 0.2rem 0.8rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.property-list > li .state {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.property-list > li .state.fail {
  color: #ff0000;
  font-weight: 400;
}
.property-list > li .state.fail:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.2rem;
  width: 100%;
  height: 1px;
  background: #ff0000;
}
.property-list > li.complete .box .tit {
  color: #888;
}
.property-list > li.complete .box .info li {
  color: #888;
}
.property-list > li.complete .tag {
  display: block;
}
.property-list.type-column > li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.property-list.type-column > li .tag {
  display: block;
  right: 2.4rem;
  border: none;
  background-color: #f6f8f9;
}
.property-list.type-column > li .box-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  width: 100%;
  border-top: 1px solid #eee;
}
.property-list.type-column > li .box-bottom .btn-txt {
  margin-left: 0.8rem;
}

/* total-list-wrap */
.total-list-wrap ul li {
  margin-top: 0.8rem;
  padding: 1.6rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.total-list-wrap ul li:first-child {
  margin-top: 0;
}
.total-list-wrap .total-list-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0.8rem;
}
.total-list-wrap .total-list-caption dt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-left: 0.8rem;
}
.total-list-wrap .total-list-caption dd {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-left: 0.2rem;
}
.total-list-wrap .total-list-caption dd.success {
  color: #222;
}
.total-list-wrap .total-list-caption dd.fail {
  color: #f00;
}
.total-list-wrap .total-list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.total-list-wrap .total-list-header .account-name .icon24 {
  margin-right: 0.8rem;
  vertical-align: middle;
  text-indent: unset;
}
.total-list-wrap .total-list-header .account-name .icon24 > img {
  width: 100%;
}
.total-list-wrap .total-list-header .account-name strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: inline-block;
  vertical-align: middle;
}
.total-list-wrap .total-list-header .txt {
  display: inline-block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.total-list-wrap .total-list-header .txt.success {
  color: #222;
}
.total-list-wrap .total-list-header .txt.fail {
  color: #f00;
}
.total-list-wrap .total-list-contents {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid #eee;
}
.total-list-wrap .total-list-contents .round-pale-box {
  padding: 0;
  border-radius: 0;
  background: none;
}
.total-list-wrap .total-list-contents .info-txt .icon-info {
  background: url(/images/common/icon/icon16-error.svg) no-repeat center/contain;
}
.total-list-wrap .total-list-contents .info-txt em {
  display: block;
}

/* top-account-wrap */
.top-account-wrap {
  position: relative;
  padding-bottom: 3.2rem;
}
.top-account-wrap:after {
  position: absolute;
  bottom: 0;
  left: -1.6rem;
  content: "";
  display: block;
  width: calc(100% + 3.2rem);
  height: 0.8rem;
  background: #f8f8f8;
}
.top-account-wrap .account-name {
  position: relative;
  padding-left: 5.6rem;
  min-height: 4rem;
}
.top-account-wrap .account-name .bank40 {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
}
.top-account-wrap .account-name .bank40 img {
  width: 100%;
}
.top-account-wrap .account-name strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.top-account-wrap .account-name strong .tag-round {
  margin-left: 0.8rem;
}
.top-account-wrap .account-name .info {
  font-size: 0;
}
.top-account-wrap .account-name .info li {
  position: relative;
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.top-account-wrap .account-name .info li + li {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.top-account-wrap .account-name .info li + li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 1.2rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top-account-wrap .account-name .icon-refresh-round {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top-account-wrap .account-name .icon-refresh-round:disabled {
  background: url("/images/common/icon/icon24-reload-disabled.svg") no-repeat center/contain;
}
.top-account-wrap .account-data {
  position: relative;
  margin-top: 2.4rem;
  font-size: 0;
}
.top-account-wrap .account-data .tit {
  display: inline-block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.top-account-wrap .account-data .large-box {
  padding-right: 5.6rem;
}
.top-account-wrap .account-data .large-box em, .top-account-wrap .account-data .large-box span {
  display: inline-block;
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.top-account-wrap .account-data .large-box span + em {
  margin-left: 0.8rem;
}
.top-account-wrap .account-data .small-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 0.8rem;
}
.top-account-wrap .account-data .small-box strong {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
  margin-right: 0.8rem;
}
.top-account-wrap .account-data .small-box em, .top-account-wrap .account-data .small-box span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.top-account-wrap .account-data .small-box em.plus, .top-account-wrap .account-data .small-box span.plus {
  color: #f00;
}
.top-account-wrap .account-data .small-box em.plus + span, .top-account-wrap .account-data .small-box span.plus + span {
  color: #f00;
}
.top-account-wrap .account-data .small-box em.minus, .top-account-wrap .account-data .small-box span.minus {
  color: #2589ff;
}
.top-account-wrap .account-data .small-box em.minus + span, .top-account-wrap .account-data .small-box span.minus + span {
  color: #2589ff;
}
.top-account-wrap .account-data .small-box span + em {
  margin-left: 0.6rem;
}
.top-account-wrap .account-data .btn-detail {
  position: absolute;
  top: 3.2rem;
  right: 0;
}
.top-account-wrap .account-data .btn-detail.active {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.top-account-wrap .account-data .btn-detail.active + .detail-contents {
  display: block;
}
.top-account-wrap .account-data .detail-contents {
  display: none;
  margin-top: 1.6rem;
}

/* detail */
.detail-list {
  margin: 0 -1.6rem;
}
.detail-list > ul > li {
  padding: 3.2rem 1.6rem;
  border-top: 1px solid #eee;
}
.detail-list > ul > li .detail-list-top .tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.detail-list > ul > li .detail-list-top .txt {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.detail-list > ul > li .date {
  position: relative;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.detail-list > ul > li .date + .detail-box {
  margin-top: 2.4rem;
}
.detail-list > ul > li .detail-box {
  display: block;
  margin-top: 3.2rem;
}
.detail-list > ul > li .detail-box + .detail-box {
  margin-top: 3.2rem !important;
}
.detail-list > ul > li .detail-box + .date {
  margin-top: 3.2rem;
  padding-top: 3.2rem;
}
.detail-list > ul > li .detail-box + .date:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: 1px;
  background: #eee;
}
.detail-list > ul > li .detail-box .list-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.detail-list > ul > li .detail-box .time {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.detail-list > ul > li .detail-box .data-list {
  display: block;
  margin-top: 0.8rem;
}
.detail-list > ul > li .detail-box .data-list ul {
  margin-top: 0.8rem;
}
.detail-list > ul > li .detail-box .data-list ul li {
  margin-top: 0.4rem;
}
.detail-list > ul > li .detail-box .data-list ul li:first-child {
  margin-top: 0;
}
.detail-list > ul > li .detail-box .data-list ul li .bold {
  font-weight: 700;
}
.detail-list > ul > li .detail-box .data-list ul li .icon16 {
  margin-top: -0.3rem;
  vertical-align: middle;
}
.detail-list > ul > li .detail-box .data-list ul + .bg-gray {
  margin-top: 1.6rem;
}
.detail-list > ul > li .detail-box .data-list ul.bg-gray + .bg-gray {
  margin-top: 0.8rem;
}

/*search-period*/
.search-period .search-section + .search-section {
  margin-top: 3.2rem;
}
.search-period .date-search-wrap {
  margin-top: 0.8rem;
}
.search-period .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin: 0 0 0.8rem 0;
}

.loading-area {
  position: fixed;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 100;
}
.loading-area .tit {
  margin-top: 2.4rem;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.loading-area .txt {
  margin-top: 1.6rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.loading-area .gauge-bar {
  position: relative;
  margin-top: 1.6rem;
  width: 18rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #eee;
  overflow: hidden;
}
.loading-area .gauge-bar .gauge {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #ffcc00;
}
.loading-area .img-area {
  position: relative;
}
.loading-area .img-area .line {
  -webkit-animation: line 0.2s ease-in-out;
          animation: line 0.2s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  transform-box: fill-box;
  opacity: 0;
}
.loading-area .img-area .line.ani-1 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.loading-area .img-area .line.ani-2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.loading-area .img-area .line.ani-3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.loading-area .img-area .line.ani-4 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.loading-area .img-area .line.ani-5 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.loading-area .img-area .line.ani-6 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.loading-area .img-area .loading-search {
  position: absolute;
  left: 0;
  top: 0;
  margin: 4.4rem 0 0 5.5rem;
  width: 6.3rem;
  height: 6.5rem;
  background: url("/images/common/icon/loading-search.svg") no-repeat center/contain;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-animation: searchMove 5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          animation: searchMove 5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes line {
  from {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes line {
  from {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}
@-webkit-keyframes searchMove {
  0% {
    margin: 4.4rem 0 0 5.5rem;
  }
  10% {
    margin: 4.4rem 0 0 5.5rem;
  }
  20% {
    margin: 0.8rem 0 0 4rem;
  }
  30% {
    margin: 2.2rem 0 0 -0.2rem;
  }
  40% {
    margin: 6.8rem 0 0 1.4rem;
  }
  50% {
    margin: 5.2rem 0 0 6.4rem;
  }
  60% {
    margin: 1.6rem 0 0 3.2rem;
  }
  70% {
    margin: 3.2rem 0 0 -1.2rem;
  }
  80% {
    margin: 6rem 0 0 1.4rem;
  }
  90% {
    margin: 4.4rem 0 0 5.5rem;
  }
  100% {
    margin: 4.4rem 0 0 5.5rem;
  }
}
@keyframes searchMove {
  0% {
    margin: 4.4rem 0 0 5.5rem;
  }
  10% {
    margin: 4.4rem 0 0 5.5rem;
  }
  20% {
    margin: 0.8rem 0 0 4rem;
  }
  30% {
    margin: 2.2rem 0 0 -0.2rem;
  }
  40% {
    margin: 6.8rem 0 0 1.4rem;
  }
  50% {
    margin: 5.2rem 0 0 6.4rem;
  }
  60% {
    margin: 1.6rem 0 0 3.2rem;
  }
  70% {
    margin: 3.2rem 0 0 -1.2rem;
  }
  80% {
    margin: 6rem 0 0 1.4rem;
  }
  90% {
    margin: 4.4rem 0 0 5.5rem;
  }
  100% {
    margin: 4.4rem 0 0 5.5rem;
  }
}

/* �ε� �� */
.loading-car-wrap {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.loading-car-wrap .img-wrap {
  position: relative;
  padding-top: 3.2rem;
  height: 8rem;
}
.loading-car-wrap .img-wrap .bg-move {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/images/common/icon/lodingTree.svg") repeat-x center/contain;
  -webkit-animation: bgMove 300s linear infinite;
  -moz-animation: bgMove 300s linear infinite;
  -o-animation: bgMove 300s linear infinite;
}
.loading-car-wrap .img-wrap .car {
  z-index: 20;
  position: relative;
}
.loading-car-wrap .img-wrap .car-body {
  -webkit-animation: shake 0.2s ease-in-out infinite alternate;
          animation: shake 0.2s ease-in-out infinite alternate;
}
.loading-car-wrap .img-wrap .car-line {
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
  stroke-dasharray: 22;
  -webkit-animation: line-car 0.8s ease-in-out infinite;
          animation: line-car 0.8s ease-in-out infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.loading-car-wrap .img-wrap .car-line.car-line-top {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.loading-car-wrap .img-wrap .car-line.car-line-middle {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.loading-car-wrap .img-wrap .car-line.car-line-bottom {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.loading-car-wrap .tit {
  margin-top: 2.4rem;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.loading-car-wrap .txt {
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #888;
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(3%);
            transform: translateY(3%);
  }
}
@keyframes line-car {
  0% {
    stroke-dashoffset: -22;
  }
  25% {
    stroke-dashoffset: -22;
  }
  50% {
    stroke-dashoffset: 0;
  }
  51% {
    stroke-dashoffset: 0;
  }
  80% {
    stroke-dashoffset: 22;
  }
  100% {
    stroke-dashoffset: 22;
  }
}
@-webkit-keyframes bgMove {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: -3450rem center;
  }
}
@keyframes bgMove {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: -3450rem center;
  }
}

/* �ε� ���� */
.loading-round-wrap {
  z-index: 5000;
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.loading-round-wrap .img-wrap {
  margin-top: -5.2rem;
  width: 100%;
  height: auto;
}
.loading-round-wrap .img-wrap svg {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.loading-round-wrap .img-wrap .loader {
  -webkit-animation: loader-turn 1s linear infinite;
          animation: loader-turn 1s linear infinite;
  max-width: 36px;
  width: 100%;
}
.loading-round-wrap .img-wrap .loader .loader-value {
  -webkit-animation: loader-stroke 1s linear infinite;
          animation: loader-stroke 1s linear infinite;
  fill: none;
  stroke: #2589ff;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 4;
}
@-webkit-keyframes loader-stroke {
  0% {
    stroke-dashoffset: 45;
  }
  50% {
    stroke-dashoffset: 80;
  }
  100% {
    stroke-dashoffset: 45;
  }
}
@keyframes loader-stroke {
  0% {
    stroke-dashoffset: 45;
  }
  50% {
    stroke-dashoffset: 80;
  }
  100% {
    stroke-dashoffset: 45;
  }
}
@-webkit-keyframes loader-turn {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}
@keyframes loader-turn {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}

.part-tit-wrap {
  position: relative;
}
.part-tit-wrap .contents-title-200 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.part-tit-wrap .contents-title-200 .icon16 {
  margin-left: 0.4rem;
}
.part-tit-wrap .btn-txt {
  position: absolute;
  top: 50%;
  margin-top: -1rem;
  right: 0;
}
.part-tit-wrap .reload-data {
  position: absolute;
  top: 0.4rem;
  right: 0;
}
.part-tit-wrap .reload-data span, .part-tit-wrap .reload-data i {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  vertical-align: middle;
  color: #888;
}
.part-tit-wrap .txt {
  margin-top: 0.4rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.part-tit-wrap .part-info {
  position: relative;
}
.part-tit-wrap .part-info .img {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 4rem;
  height: 4rem;
}
.part-tit-wrap .part-info .img img {
  width: 100%;
}
.part-tit-wrap .part-info .box {
  padding-left: 5.6rem;
}
.part-tit-wrap .part-info .box .box-tit {
  display: block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.part-tit-wrap .part-info .box .box-txt {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.part-tit-wrap .part-info + dl {
  margin-top: 2.4rem;
}
.part-tit-wrap dl {
  font-size: 0;
}
.part-tit-wrap dl dt button {
  display: inline-block;
  font-size: 0;
}
.part-tit-wrap dl dt span {
  display: inline-block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #000;
  vertical-align: middle;
}
.part-tit-wrap dl dt .icon {
  margin-right: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
}
.part-tit-wrap dl dt .icon img {
  width: 100%;
}
.part-tit-wrap dl dt .icon16 {
  margin-left: 0.4rem;
}
.part-tit-wrap dl dd a {
  display: inline-block;
  font-size: 0;
}
.part-tit-wrap dl dd a.none {
  pointer-events: none;
}
.part-tit-wrap dl dd a.none .icon16 {
  display: none;
}
.part-tit-wrap dl dd span {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.part-tit-wrap dl dd *[data-module=scrollStopNumbers] span {
  letter-spacing: 0px;
}
.part-tit-wrap dl dd .icon16 {
  margin-left: 0.4rem;
  vertical-align: middle;
}
.part-tit-wrap dl dd .type-price .price-data-wrap {
  padding-top: 0;
  height: 4.8rem;
}
.part-tit-wrap dl dd .type-price .price-data-wrap span {
  vertical-align: baseline;
}
.part-tit-wrap dl dd .type-price input, .part-tit-wrap dl dd .type-price .inp-box .ico-confirm, .inp-box .part-tit-wrap dl dd .type-price .ico-confirm {
  padding-top: 0;
  height: 4.8rem;
  letter-spacing: -0.04rem;
}
.part-tit-wrap dl dd .type-price .icon-close {
  top: calc(50% - 0.2rem) !important;
}
.part-tit-wrap dl dd .state {
  position: absolute;
  top: 50%;
  left: calc(100% + 0.8rem);
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  white-space: nowrap;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.part-tit-wrap dl dd .state.cancel {
  color: #f00;
}
.part-tit-wrap dl dd .state.cancel + span {
  color: #aaa;
  text-decoration: line-through;
}

.part-top {
  margin-top: 1.6rem;
}
.part-top .box-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 2.4rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.part-top .box-area i + .name {
  margin-left: 0.8rem;
}
.part-top .box-area .name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.part-top .box-area .btn-txt {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.part-top + .part-content {
  margin-top: 0.8rem;
}

.part-content {
  margin-top: 2.4rem;
}
.part-content + .part-content {
  margin-top: 0.8rem;
}
.part-content .box-area {
  position: relative;
  display: block;
  margin-top: 2.4rem;
  padding: 2.4rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.part-content .box-area:first-child {
  margin-top: 0;
}
.part-content .box-area + .info-area {
  margin-top: 2.4rem;
}
.part-content .box-area.sm {
  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: 1.6rem;
  border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.part-content .box-area.sm .box-txt {
  margin-right: 0.8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.part-content .box-area.sm .btn-round {
  white-space: nowrap;
}
.part-content .box-area .box-txt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.part-content .box-area .icon140 {
  display: block;
  margin: 1.6rem auto 0;
  width: 14rem;
  height: 9.6rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}
.part-content .box-area .icon140.icon-maintenance {
  background: url("/images/common/te/icon-maintenance.svg") no-repeat center/contain;
}
.part-content .box-area .icon140.icon-finance {
  background: url("/images/common/te/icon-finance.svg") no-repeat center/contain;
}
.part-content .box-area .icon140.icon-insurance {
  background: url("/images/common/te/icon-insurance.svg") no-repeat center/contain;
}
.part-content .box-area .btn-yellow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.6rem;
  width: 100%;
  height: 4.8rem;
  border-radius: 1.2rem;
  background: #ffcc00;
}
.part-content .box-area .btn-yellow span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.part-content .box-area .item-area {
  position: relative;
  display: block;
}
.part-content .box-area .item-area .img {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 4rem;
  height: 4rem;
}
.part-content .box-area .item-area .img img {
  width: 100%;
}
.part-content .box-area .item-area .box {
  padding: 0 2rem 0 5.6rem;
}
.part-content .box-area .item-area .box .tit {
  display: block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.part-content .box-area .item-area .box .txt {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.part-content .box-area .item-area .box .info {
  font-size: 0;
}
.part-content .box-area .item-area .box .info li {
  position: relative;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.part-content .box-area .item-area .icon16 {
  position: absolute;
  top: 1.2rem;
  right: 0;
}
.part-content .box-area .detail-area {
  position: relative;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  text-align: right;
  border-top: 1px solid #eee;
}
.part-content .box-area .detail-area:after {
  content: "";
  display: block;
  clear: both;
}
.part-content .box-area .detail-area .tit {
  float: left;
  margin-top: 0.1rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.part-content .box-area .detail-area .date {
  position: absolute;
  left: 0;
  top: 4.2rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.part-content .box-area .detail-area .box .price {
  display: block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.part-content .box-area .detail-area .box .type {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.part-content .box-area .bg-area {
  position: relative;
  margin-top: 1.6rem;
  padding: 1.2rem 1.6rem;
  border-radius: 1.2rem;
  text-align: right;
  background: rgba(37, 137, 255, 0.1);
}
.part-content .box-area .bg-area:after {
  content: "";
  display: block;
  clear: both;
}
.part-content .box-area .bg-area .icon24 {
  float: left;
}
.part-content .box-area .bg-area .icon24 + .tit {
  margin-left: 0.8rem;
}
.part-content .box-area .bg-area .icon24.icon-calendar {
  background: url("/images/common/icon/icon24-calendar-on.svg") no-repeat center/contain;
}
.part-content .box-area .bg-area .tit {
  float: left;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.part-content .box-area .bg-area .price {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.part-content .box-area .simulation-area {
  text-align: center;
}
.part-content .box-area .simulation-area .type {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #2589ff;
  text-align: left;
}
.part-content .box-area .simulation-area .icon96 {
  display: block;
  margin: 0 auto;
}
.part-content .box-area .simulation-area .tit {
  display: block;
  margin-top: 1.6rem;
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.part-content .box-area .simulation-area .txt {
  display: block;
  margin-top: 0.4rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.part-content .box-area .simulation-area .btn-round {
  display: inline-block;
  margin-top: 1.6rem;
  padding: 0 1.2rem 0 1.6rem;
  line-height: 4rem;
  border-radius: 2rem;
  background: #ffcc00;
}
.part-content .box-area .simulation-area .btn-round span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  line-height: 4rem;
  color: #222;
}
.part-content .box-area .simulation-area .btn-round .icon16 {
  vertical-align: -0.3rem;
}
.part-content .box-area .period-area .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.part-content .box-area .period-area .info .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.part-content .box-area .period-area .info .period {
  padding: 0.3rem 0.8rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  border: 1px solid #eee;
  border-radius: 1.2rem;
}
.part-content .box-area .period-area .info .period span {
  color: #2589ff;
}
.part-content .box-area .period-area .gauge-bar {
  position: relative;
  margin-top: 0.8rem;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.8rem;
  background: #eee;
}
.part-content .box-area .period-area .gauge-bar .gauge {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 0.8rem;
  border-radius: 0.8rem;
  background: #ffcc00;
}
.part-content .box-area .period-area .data-list {
  margin-top: 1.6rem;
}
.part-content .box-area .period-area .data-list ul li {
  margin-top: 0.4rem;
}
.part-content .box-area .period-area .data-list ul li .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.part-content .box-area .period-area .data-list ul li .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.part-content .box-area .period-area .btn-wrap {
  margin-top: 1.6rem;
}
.part-content .box-area .period-area .btn-wrap a {
  display: block;
  text-align: center;
}
.part-content .box-list {
  margin-top: 0.8rem;
}
.part-content .box-list li {
  position: relative;
  margin-top: 0.8rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.part-content .box-list li.hide {
  display: none;
}
.part-content .box-list li:first-child {
  margin-top: 0;
}
.part-content .box-list li .box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 10rem 1.6rem 1.6rem;
}
.part-content .box-list li .box .icon56 {
  min-width: 5.6rem;
}
.part-content .box-list li .box .icon56 + .txt {
  margin-left: 1.6rem;
}
.part-content .box-list li .box .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  word-break: keep-all;
}
.part-content .box-list li .box .btn-round {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  padding: 0.4rem 0.8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  background-color: #fc0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.part-content .box-list li .box img {
  width: 100%;
}
.part-content .box-list li .box.box--text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 9rem 1.6rem 1.6rem;
}
.part-content .box-list li .box.box--text .box--text__small {
  margin-top: 0.2rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #666;
}
.part-content .box-list li a.box {
  padding: 0;
}
.part-content .box-list li .btn-box {
  position: relative;
  margin: 1.6rem 0 -0.2rem;
  padding-top: 1.4rem;
  text-align: center;
}
.part-content .box-list li .btn-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0.8rem;
  width: calc(100% - 0.8rem);
  height: 1px;
  background: #eee;
}

.budget-modify-wrap {
  margin-top: 1.6rem;
}
.budget-modify-wrap li {
  position: relative;
  padding: 1.6rem;
  border-radius: 1.4rem;
  background: #f6f8f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.budget-modify-wrap li + li {
  margin-top: 0.8rem;
}
.budget-modify-wrap li + li:before {
  position: absolute;
  top: -1.2rem;
  left: 50%;
  margin-left: -1.2rem;
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/common/icon/icon24-round-plus-orange.svg") no-repeat center/contain;
}
.budget-modify-wrap li label {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 1rem;
}
.budget-modify-wrap li .right-box {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  text-align: right;
}
.budget-modify-wrap li .right-box .inp-inline-modify {
  position: relative;
}
.budget-modify-wrap li .right-box .inp-inline-modify input, .budget-modify-wrap li .right-box .inp-inline-modify .inp-box .ico-confirm, .inp-box .budget-modify-wrap li .right-box .inp-inline-modify .ico-confirm {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  z-index: 20;
  position: relative;
  padding-right: 4.9rem;
  text-align: right;
  width: 100%;
}
.budget-modify-wrap li .right-box .inp-inline-modify input:focus, .budget-modify-wrap li .right-box .inp-inline-modify .inp-box .ico-confirm:focus, .inp-box .budget-modify-wrap li .right-box .inp-inline-modify .ico-confirm:focus {
  padding-right: 3rem;
}
.budget-modify-wrap li .right-box .inp-inline-modify input:focus ~ .unit, .budget-modify-wrap li .right-box .inp-inline-modify .inp-box .ico-confirm:focus ~ .unit, .inp-box .budget-modify-wrap li .right-box .inp-inline-modify .ico-confirm:focus ~ .unit {
  right: 0;
}
.budget-modify-wrap li .right-box .inp-inline-modify input:focus ~ .icon-modify, .budget-modify-wrap li .right-box .inp-inline-modify .inp-box .ico-confirm:focus ~ .icon-modify, .inp-box .budget-modify-wrap li .right-box .inp-inline-modify .ico-confirm:focus ~ .icon-modify {
  display: none;
}
.budget-modify-wrap li .right-box .inp-inline-modify .unit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
}
.budget-modify-wrap li .right-box .inp-inline-modify i {
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.item-car {
  position: relative;
  padding: 2.4rem 2.4rem 1.6rem;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.item-car .top-box {
  position: relative;
}
.item-car .top-box .name {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
}
.item-car .top-box .img-box {
  margin: 0 auto;
  margin-top: 0.8rem;
  width: 18rem;
}
.item-car .top-box .img-box img {
  height: 10rem;
}
.item-car .bottom-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.8rem;
  margin-top: 1.6rem;
  padding: 1.6rem;
  border-radius: 0.8rem;
  background: #fff;
}
.item-car .bottom-box li {
  position: relative;
  width: 100%;
}
.item-car .bottom-box li + li {
  padding-left: 1.6rem;
}
.item-car .bottom-box li + li:before {
  position: absolute;
  top: 0.4rem;
  left: 0;
  content: "";
  display: block;
  width: 1px;
  height: 3.8rem;
  background: #eee;
}
.item-car .bottom-box li strong {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
}
.item-car .bottom-box li span {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.item-car.add-car {
  padding: 9rem 1.6rem 0;
  text-align: center;
  background: #fff;
}
.item-car.add-car .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 1.6rem;
}
.item-car.add-car .txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
}

/* ���� ī�� */
.model-card {
  position: relative;
  padding: 2.4rem;
  padding-right: 13.6rem;
  border-radius: 0.8rem;
  background: #fff;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.model-card .tit {
  display: inline-block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.model-card .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 1.6rem;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.model-card .link {
  position: absolute;
  top: 2.7rem;
  right: 2.4rem;
  display: inline-block;
}
.model-card .link i {
  margin-right: 0.4rem;
  vertical-align: middle;
}
.model-card .link span {
  vertical-align: middle;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.model-card .img-wrap {
  position: absolute;
  top: 6.6rem;
  right: 1.6rem;
  width: 9.6rem;
  height: 6.4rem;
}
.model-card .img-wrap img {
  width: 100%;
}

/* ��� ī�� */
.year-model-card {
  position: relative;
  padding: 2.4rem;
  border-radius: 0.8rem;
  background: #fff;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.year-model-card > .tit {
  display: block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.year-model-card ul {
  margin: 0 -2.4rem;
  margin-top: 1.6rem;
  padding: 0 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  -ms-overflow-style: none;
}
.year-model-card ul::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.year-model-card li {
  padding: 0.1rem 0;
}
.year-model-card li + li {
  margin-left: 0.8rem;
}
.year-model-card label input, .year-model-card label .inp-box .ico-confirm, .inp-box .year-model-card label .ico-confirm {
  display: none;
}
.year-model-card label span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  position: relative;
  display: block;
  width: 6.4rem;
  line-height: 4rem;
  text-align: center;
  border-radius: 0.8rem;
  color: #888;
}
.year-model-card label span:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: calc(4rem - 2px);
  border: 1px solid #ddd;
  border-radius: 0.8rem;
}
.year-model-card label input:checked + span, .year-model-card label .inp-box .ico-confirm:checked + span, .inp-box .year-model-card label .ico-confirm:checked + span {
  color: #222;
}
.year-model-card label input:checked + span:after, .year-model-card label .inp-box .ico-confirm:checked + span:after, .inp-box .year-model-card label .ico-confirm:checked + span:after {
  border: 1.5px solid #222;
  height: calc(4rem - 3px);
}

/* ���� ī�� */
.color-model-card {
  position: relative;
  padding: 2.4rem;
  border-radius: 0.8rem;
  background: #fff;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.color-model-card.type-nocard {
  padding: 0;
  border-radius: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.color-model-card > .tit {
  display: block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.color-model-card ul {
  margin: 0 -0.8rem;
  margin-top: 1.6rem;
  margin-bottom: -0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.color-model-card ul li {
  margin-bottom: 0.8rem;
  width: 20%;
  text-align: center;
}
.color-model-card ul label {
  display: inline-block;
}
.color-model-card ul label input, .color-model-card ul label .inp-box .ico-confirm, .inp-box .color-model-card ul label .ico-confirm {
  display: none;
}
.color-model-card ul label .color-border {
  position: relative;
  display: block;
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  border: 2px solid transparent;
}
.color-model-card ul label .color-border .color-box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  color: transparent;
}
.color-model-card ul label input:checked + .color-border, .color-model-card ul label .inp-box .ico-confirm:checked + .color-border, .inp-box .color-model-card ul label .ico-confirm:checked + .color-border {
  border: 2px solid #ffde00;
}
.color-model-card ul .color-name {
  margin-top: 0.2rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}

/* ī�� ����Ʈ */
.card-box {
  position: relative;
  padding: 2.4rem;
  border-radius: 0.8rem;
  background: #fff;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.card-box.r12 {
  border-radius: 1.2rem;
}
.card-box .card-header {
  position: relative;
  font-size: 0;
}
.card-box .card-header > * {
  vertical-align: middle;
}
.card-box .card-header .tit {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 500;
}
.card-box .text {
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.card-box .btn-wrap {
  margin-top: 1.6rem;
}

.top-location:first-child {
  margin-top: -0.8rem;
}
.top-location ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3.2rem;
}
.top-location ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 1.6rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #eee;
}
.top-location ul li:first-child {
  margin-left: 0;
}
.top-location ul li span {
  font-size: 0;
  text-indent: -9999px;
}
.top-location ul li.active {
  background: #ffcc00 url(/images/common/icon/icon-check-black.svg) no-repeat;
  background-size: cover;
}
.top-location ul li.end {
  background: #ffcc00;
}

/* ������Ʈ */
dl.part-list {
  margin-top: 3.2rem;
}
dl.part-list > dt {
  position: relative;
}
dl.part-list > dt .tit {
  display: inline-block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
dl.part-list > dt .btn-txt {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
dl.part-list > dt .form-switch {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
dl.part-list > dd {
  margin-top: 1.6rem;
}
dl.part-list > dd > .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
dl.part-list > dd .txt-gray {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
dl.part-list > dd .txt-gray + .txt-gray {
  margin-top: 0.4rem;
}

.terms-wrap > li + li {
  margin-top: 2.4rem;
}
.terms-wrap > li .terms-header {
  margin-bottom: 0.8rem;
}
.terms-wrap > li .terms-header .terms-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
  margin: 0;
}
.terms-wrap > li .terms-contents .terms-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.terms-wrap > li .terms-contents .bullet-list.sm {
  margin-top: 0.8rem;
}
.terms-wrap > li .terms-contents .info-txt + .bullet-list.sm {
  margin-top: 1.6rem;
}
.terms-wrap > li .terms-contents .info-txt {
  margin-top: 1.6rem;
}
.terms-wrap > li .terms-contents .terms-txt + .info-txt {
  margin-top: 0.8rem;
}
.terms-wrap.first {
  padding-top: 1.6rem;
  padding-bottom: 2.8rem;
  border-bottom: 1px solid #eee;
  margin-bottom: 2.4rem;
}

.terms-area .url-txt {
  display: inline;
  word-break: break-word;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .terms-wrap ~ .terms-wrap {
  padding-top: 3.2rem;
}
.terms-area .date-txt {
  padding-top: 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  font-weight: 400;
}
.terms-area .date-txt + .terms-item-area {
  padding-top: 2.4rem;
}
.terms-area .terms-top-header {
  padding-top: 1.6rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.terms-area .terms-top-area.first {
  padding-top: 1.6rem;
}
.terms-area .terms-top-area.next {
  border-top: 1px solid #eee;
  padding-top: 2.4rem !important;
}
.terms-area .terms-top-area .tit-txt {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.terms-area .terms-top-area .tit-txt + .con-txt {
  padding-top: 1.6rem;
}
.terms-area .terms-top-area .tit-txt ~ .tit-txt {
  padding-top: 1.6rem;
}
.terms-area .terms-top-area ~ .terms-order1 {
  padding-top: 2.4rem;
}
.terms-area .terms-top-area ~ .terms-top-area {
  padding-top: 3.2rem;
}
.terms-area .terms-top-area ~ .terms-item-area {
  padding-top: 2.4rem;
}
.terms-area .terms-top-area ~ .terms-item-area.pt0 {
  padding-top: 0;
}
.terms-area .terms-top-area ~ .terms-item-area.pt08 {
  padding-top: 0.8rem;
}
.terms-area .terms-top-area ~ .terms-square-area {
  padding-top: 2.4rem;
}
.terms-area .terms-top-area ~ .terms-bottom-area {
  padding-top: 2.4rem;
}
.terms-area .terms-top-area ~ .item-list {
  margin-top: 3.2rem;
}
.terms-area .terms-top-area ~ .terms-btn-txt-area {
  margin-top: 1.6rem;
}
.terms-area .terms-top-area .con-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.terms-area .terms-top-area .con-txt2 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.terms-area .terms-btn-txt-area {
  text-align: right;
}
.terms-area .terms-item-area .tit-txt {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .terms-item-area .tit-txt ~ .con-txt {
  padding-top: 0.8rem;
}
.terms-area .terms-item-area .bottom-tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .terms-item-area .bottom-tit-txt ~ .con-txt {
  padding-top: 0.8rem;
}
.terms-area .terms-item-area .con-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .terms-item-area .terms-order1 {
  margin-top: 0.8rem;
}
.terms-area .terms-item-area .terms-order1 > li .symbol-num .num-txt {
  font-weight: 400;
}
.terms-area .terms-item-area .terms-order1 > li.terms-order1-item .terms-top-area .tit-txt {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.terms-area .terms-item-area .terms-order1 > li.terms-order1-item ~ .terms-order1-item {
  padding-top: 0.8rem;
}
.terms-area .terms-item-area ~ .terms-item-area {
  padding-top: 2.4rem;
}
.terms-area .terms-square-area .tit-square-txt {
  position: relative;
  padding-left: 1.8rem;
}
.terms-area .terms-square-area .tit-square-txt .square-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2rem;
}
.terms-area .terms-square-area .tit-square-txt ~ .con-txt {
  padding-top: 0.8rem;
}
.terms-area .terms-order1.type2 {
  padding-top: 0.8rem;
}
.terms-area .terms-order1 > li h5 {
  position: relative;
}
.terms-area .terms-order1 > li h5.symbol-num {
  padding-left: 2rem;
}
.terms-area .terms-order1 > li h5.symbol-num .num-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li h5.symbol-num .circle-num-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li h5.symbol-circle-num {
  padding-left: 2rem;
}
.terms-area .terms-order1 > li h5.symbol-circle-num .num-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li h5.symbol-circle-num .circle-num-txt {
  position: absolute;
  top: 0.3rem;
  left: 0;
  line-height: 1.2rem;
  font-size: 1rem;
  width: 1.4rem;
  height: 1.4rem;
  border: 0.1rem solid #666666;
  border-radius: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.terms-area .terms-order1 > li h5.symbol-circle-num .circle-color-fill {
  position: absolute;
  top: 0.3rem;
  left: 0;
  line-height: 1.2rem;
  font-size: 1rem;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #666;
  border: 0.1rem solid #666666;
  border-radius: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.terms-area .terms-order1 > li h5.symbol-circle-num ~ .terms-order2 {
  padding-left: 2rem;
}
.terms-area .terms-order1 > li h5.symbol-bar {
  position: relative;
  padding-left: 1.2rem;
}
.terms-area .terms-order1 > li h5.symbol-bar .bar-txt {
  position: absolute;
  top: 0.35rem;
  left: 0.1rem;
}
.terms-area .terms-order1 > li h5.symbol-bar .tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .terms-order1 > li h5.symbol-bar ~ .symbol-bar {
  margin-top: 0.8rem;
}
.terms-area .terms-order1 > li h5.symbol-dot-num {
  position: relative;
  padding-left: 1.6rem;
}
.terms-area .terms-order1 > li h5.symbol-dot-num .dot-num-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .terms-order1 > li h5.symbol-dot-num .tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .terms-order1 > li.terms-order1-item ~ .terms-order1-item {
  padding-top: 2.4rem;
}
.terms-area .terms-order1 > li.terms-order1-item .symbol-num + .terms-top-area {
  padding-top: 0.8rem;
}
.terms-area .terms-order1 > li.terms-order1-item .symbol-num + .terms-top-area + .terms-order2 .terms-order2-item-char {
  margin-top: 1.6rem;
}
.terms-area .terms-order1 > li.terms-order1-item .symbol-num2 {
  position: relative;
  padding-left: 1.6rem;
}
.terms-area .terms-order1 > li.terms-order1-item .symbol-num2 .num-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
}
.terms-area .terms-order1 > li.terms-order1-item .symbol-num2 + .terms-top-area {
  padding-top: 1.6rem;
  padding-left: 1.6rem;
}
.terms-area .terms-order1 > li.terms-order1-item .symbol-num2 + .terms-top-area + .terms-order2 .terms-order2-item-char {
  margin-top: 1.6rem;
}
.terms-area .terms-order1 > li.terms-order1-item .symbol-num2 .terms-order3 {
  padding-left: 0;
}
.terms-area .terms-order1 > li.terms-order1-item .symbol-num2 .terms-order3 .terms-order2-item-char .symbol-char .char-txt {
  font-weight: 400;
}
.terms-area .terms-order1 > li > .num-con-txt {
  display: block;
  padding-top: 0.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .terms-order1 > li .terms-order2 {
  padding-left: 2rem;
}
.terms-area .terms-order1 > li .terms-order2 > li {
  position: relative;
  margin-top: 0.8rem;
}
.terms-area .terms-order1 > li .terms-order2 > li.symbol-bul {
  padding-left: 1rem;
}
.terms-area .terms-order1 > li .terms-order2 > li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li .terms-order2 > li.symbol-num-op {
  padding-left: 1.6rem;
}
.terms-area .terms-order1 > li .terms-order2 > li.symbol-num-op .num-op-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li .terms-order2 > li.symbol-num-op ~ .symbol-num-op {
  margin-top: 0.8rem;
}
.terms-area .terms-order1 > li .terms-order2 > li .symbol-char {
  position: relative;
  padding-left: 2rem;
}
.terms-area .terms-order1 > li .terms-order2 > li .symbol-char .char-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li .terms-order2 > li.terms-order2-item-char ~ .terms-order2-item-char {
  margin-top: 1.6rem;
}
.terms-area .terms-order1 > li .terms-order2 .terms-order2-con-txt {
  padding-top: 0.8rem;
  width: calc(100% + 1.6rem);
  margin-left: -1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .terms-order1 > li .terms-order2 .terms-order3 {
  padding-left: 2rem;
}
.terms-area .terms-order1 > li .terms-order2 .terms-order3 > li {
  position: relative;
  margin-top: 0.8rem;
}
.terms-area .terms-order1 > li .terms-order2 .terms-order3 > li.symbol-bul {
  padding-left: 1rem;
}
.terms-area .terms-order1 > li .terms-order2 .terms-order3 > li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li .terms-order2 .terms-order3 > li .list-txt .txt-underline {
  display: inline;
}
.terms-area .terms-order1 > li .terms-order2 .terms-order3 > li .symbol-parenthesis-num {
  position: relative;
  padding-left: 2rem;
}
.terms-area .terms-order1 > li .terms-order2 .terms-order3 > li .symbol-parenthesis-num .num-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
}
.terms-area .terms-order1 > li .terms-order2 .terms-order3 > li .symbol-parenthesis-num .tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .terms-order1 > li.symbol-bul {
  position: relative;
  padding-left: 1rem;
}
.terms-area .terms-order1 > li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 .table-wrap {
  margin-top: 1.6rem;
}
.terms-area .bottom-txt {
  position: relative;
  margin-top: 0.8rem;
}
.terms-area .bottom-txt .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .bottom-txt .bul-txt + .list-txt {
  padding-left: 1.6rem;
}
.terms-area .con-txt,
.terms-area .circle-num-txt,
.terms-area .num-txt,
.terms-area .tit-txt,
.terms-area .bul-txt,
.terms-area .list-txt,
.terms-area .char-txt,
.terms-area .square-txt,
.terms-area .num-op-txt {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .txt-underline {
  display: inline;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222222;
  position: relative;
  padding-bottom: 0.1rem;
  text-decoration: underline;
}
.terms-area .con-txt,
.terms-area .bul-txt,
.terms-area .list-txt,
.terms-area .num-op-txt {
  font-weight: 400;
}
.terms-area .num-txt,
.terms-area .tit-txt,
.terms-area .char-txt,
.terms-area .square-txt,
.terms-area .txt-underline {
  font-weight: 700;
}
.terms-area .list-txt .tit-txt {
  display: inline;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  color: #222222;
}
.terms-area .list-txt + .list-con-txt {
  width: calc(100% + 1.6rem);
  margin-left: -1.6rem;
}
.terms-area .list-con-txt {
  margin-top: 0.8rem;
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .char-txt + .tit-txt {
  font-weight: 400;
}
.terms-area .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.terms-area .item-list dt.first {
  padding-top: 1.6rem;
}
.terms-area .item-list dt.dd-txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.terms-area .item-list dt.first-top {
  padding-top: 1.6rem;
}
.terms-area .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.terms-area .item-list dd > .top-bullet-list li {
  position: relative;
  padding-left: 1.2rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.terms-area .item-list dd > .top-bullet-list li.txt-black {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
}
.terms-area .item-list dd > .top-bullet-list li.txt-black:before {
  top: 1.2rem;
}
.terms-area .item-list dd > .top-bullet-list li.txt-blue {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
  font-weight: 700;
}
.terms-area .item-list dd > .top-bullet-list li.txt-blue:before {
  top: 1.2rem;
  background-color: #2589ff;
}
.terms-area .item-list dd > .top-bullet-list li.txt-blue2 {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
  font-weight: 700;
}
.terms-area .item-list dd > .top-bullet-list li.txt-blue2:before {
  top: 1.2rem;
  background-color: #2589ff;
}
.terms-area .item-list dd > .top-bullet-list li.txt-emphasize {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.terms-area .item-list dd > .top-bullet-list li:before {
  position: absolute;
  top: 1rem;
  left: 0;
  display: block;
  content: "";
  clear: both;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #888;
}
.terms-area .item-list dd > .top-bullet-list li ~ li {
  margin-top: 1.6rem;
}
.terms-area .item-list dd.txt-blue {
  line-height: 2.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.terms-area .item-list dd.txt-blue2 {
  line-height: 2.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.terms-area .item-list dd.txt-black {
  line-height: 2.6rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #222;
}
.terms-area .item-list dd.txt-emphasize {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.terms-area .item-list dd + dt {
  margin-top: 3.2rem;
}
.terms-area .item-list dd .table-wrap {
  margin-top: 0.8rem;
  border-top: 1px solid #eee;
}
.terms-area .item-list dd .table-wrap table {
  table-layout: fixed;
  width: 100%;
  border-collapse: unset;
  border-spacing: 0;
}
.terms-area .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  background-color: #f8f8f8;
  padding: 1.4rem 1.6rem;
  text-align: left;
}
.terms-area .item-list dd .table-wrap table tbody td {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 1.4rem 1.6rem;
  border-bottom: 1px solid #eee;
}
.terms-area .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.terms-area .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.terms-area .item-list dd .table-wrap table tbody td .bullet-list {
  position: relative;
  margin-top: 1.4rem;
  padding-top: 1.4rem;
}
.terms-area .item-list dd .table-wrap table tbody td .bullet-list:first-of-type {
  margin: 0;
  padding: 0;
}
.terms-area .item-list dd .table-wrap table tbody td .bullet-list ~ .bullet-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: 1px;
  background: #eee;
}
.terms-area .item-list dd .table-wrap table tbody td .bullet-list li {
  margin-top: 0.4rem;
}
.terms-area .item-list dd .table-wrap table tbody td .bullet-list li:first-child {
  margin-top: 0;
}
.terms-area .item-list dd .table-wrap table tbody td .bullet-list.sm li {
  margin-top: 0.4rem;
}
.terms-area .item-list dd .table-wrap table tbody td .bullet-list + p {
  margin-top: 0.8rem;
}
.terms-area .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.terms-area .item-list dd .table-wrap caption {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.terms-area .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
  border-bottom: 1px solid #eee;
}
.terms-area .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.terms-area .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}
.terms-area .item-list dd .check-area .terms-check-list.evenly {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #eee;
}
.terms-area .item-list dd .check-area + .table-wrap {
  margin-top: 2.4rem;
}
.terms-area .info-txt {
  margin-top: 1.6rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding-left: 2rem;
}
.terms-area .info-txt i {
  top: 0.2rem;
  position: absolute;
  left: 0;
}
.terms-area .info-txt.bold {
  font-weight: 700;
}
.terms-area .info-txt .bold {
  font-weight: 700;
}
.terms-area .info-txt.bullet {
  padding-left: 0.8rem;
}
.terms-area .info-txt.bullet:before {
  display: block;
  content: "";
  clear: both;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #888;
  top: 1rem;
  position: absolute;
  left: 0;
}
.terms-area .info-list-txt {
  padding-top: 1.6rem;
}
.terms-area .info-list-txt ul li {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding-left: 2rem;
}
.terms-area .info-list-txt ul li .icon-mark {
  top: 0;
  position: absolute;
  left: 0;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
}
.terms-area .info-list-txt ul li.bold {
  font-weight: 700;
}
.terms-area .info-list-txt ul li ~ li {
  margin-top: 0.8rem;
}
.terms-area .info-list-txt ul.bold {
  font-weight: 700;
}
.terms-area .terms-normal-list {
  padding-top: 0.8rem;
}
.terms-area .terms-normal-list > li {
  padding-top: 0.8rem;
}
.terms-area .terms-normal-list > li .tit-txt {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .terms-normal-list > li .con-txt {
  padding-top: 0.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .terms-normal-list > li .terms-normal-sub-list > li {
  padding-top: 0.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .terms-normal-list > li .terms-normal-sub-list > li .nomal-list-box {
  position: relative;
  margin-top: 0.8rem;
  padding-left: 1.6rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .terms-normal-list > li .terms-normal-sub-list > li .nomal-list-box .bullet-txt {
  position: absolute;
  top: 0.9rem;
  left: 0.5rem;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #666;
  border-radius: 50%;
}
.terms-area .terms-normal-list > li .terms-normal-sub-list > li .nomal-list-box .normal-tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .finger-arrow-list {
  padding-top: 0.8rem;
}
.terms-area .finger-arrow-list li ~ li {
  margin-top: 0.8rem;
}
.terms-area .finger-arrow-list .finger-arrow-list-box {
  position: relative;
  padding-left: 1.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .finger-arrow-list .finger-arrow-list-box .icon-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .finger-arrow-list .table-wrap {
  margin-top: 0.8rem;
}
.terms-area .terms-order2 > li .finger-arrow-list {
  padding-top: 0;
}
.terms-area .finger-arrow-item {
  padding-top: 0.8rem;
}
.terms-area .con-finger-arrow-list {
  width: calc(100% + 1.6rem);
  margin-left: -1.6rem;
  padding-top: 0.8rem;
}
.terms-area .con-finger-arrow-list li ~ li {
  margin-top: 0.8rem;
}
.terms-area .con-finger-arrow-list .finger-arrow-list-box {
  position: relative;
  padding-left: 1.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .con-finger-arrow-list .finger-arrow-list-box .icon-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.terms-area .symbol-bullet-list {
  padding-top: 0.8rem;
}
.terms-area .symbol-bullet-list li {
  position: relative;
  padding-left: 1.6rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .symbol-bullet-list li:before {
  position: absolute;
  top: 1.1rem;
  left: 0.6rem;
  display: block;
  content: "";
  clear: both;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #666;
}
.terms-area .symbol-bullet-list li ~ li {
  margin-top: 0.8rem;
}
.terms-area .symbol-bullet-list li .circle-num-txt {
  position: relative;
  top: -0.1rem;
  display: inline-block;
  line-height: 1.2rem;
  font-size: 1rem;
  width: 1.4rem;
  height: 1.4rem;
  border: 0.1rem solid #666666;
  border-radius: 50%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.terms-area .link-txt {
  cursor: unset;
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-decoration: underline;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}
.terms-area .link-txt:hover, .terms-area .link-txt:focus, .terms-area .link-txt:active {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}
.terms-area .digit2 {
  margin-left: 0.7rem;
}
.terms-area .state-area {
  position: relative;
  padding: 1.8rem 7.3rem 2.2rem 1rem;
  background-color: #f6f8f9;
  border-radius: 1.2rem;
}
.terms-area .state-area .state-progress {
  position: relative;
}
.terms-area .state-area .state-progress .state-progress-txt-area {
  padding-bottom: 0.8rem;
}
.terms-area .state-area .state-progress .state-progress-txt-area li {
  float: left;
  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #666;
}
@media screen and (max-width: 320px) {
  .terms-area .state-area .state-progress .state-progress-txt-area li {
    font-size: 1.1rem;
  }
}
.terms-area .state-area .state-progress .state-progress-txt-area:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.terms-area .state-area .state-progress .state-progress-bar-area {
  overflow: hidden;
  border-radius: 0.9rem;
}
.terms-area .state-area .state-progress .state-progress-bar-area li {
  float: left;
  height: 1.8rem;
}
.terms-area .state-area .state-progress .state-progress-bar-area:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.terms-area .state-area .state-progress .icon-graph-arrow {
  position: absolute;
  bottom: -0.9rem;
  margin-left: -0.8rem;
}
.terms-area .state-area .qr-code {
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 1px solid #eee;
  width: 5.2rem;
  height: 5.2rem;
}
.terms-area .state-area .qr-code img {
  width: 100%;
}
.terms-area .terms-check-list {
  position: relative;
}
.terms-area .terms-check-list .icon-item .icon-round-green {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  padding: 0.2rem 0.8rem;
  color: #fff;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  background-color: #57b24c;
  border-radius: 1.2rem;
}

hr.next-border {
  width: calc(100% + 3.2rem);
  margin: 3.2rem 0 3.2rem -1.6rem;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 0.8rem;
  background-color: #f8f8f8;
}

.scroll-bottom-move {
  display: none;
  position: fixed;
  z-index: 110;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 1.6rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: #ffcc00;
  background-image: url("/images/common/as/btn-scroll-bottom.svg");
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
}
/* ��� ������ ��Ÿ�� ������ */
.terms-tit-d2 {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin: 2.4rem 0 0.8rem;
  color: #222;
  font-weight: 500;
}
.terms-tit-d2.first {
  margin-top: 0;
}

.terms-txt-sub {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #888;
  margin-top: 0.2rem;
}

/* [new] �˾� ���Ǽ� */
.terms-governing {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin: 4.2rem 0 1.8rem;
}
.terms-governing + .terms-governing-desc,
.terms-governing + .terms-list {
  margin-top: -1rem;
}
.modal-governing-area + .terms-governing {
  margin-top: 2.4rem;
}

.terms-governing-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin: 0.8rem 0 1.8rem;
}

.terms-list {
  margin-top: 0.4rem;
}
.terms-list.type-box {
  padding: 1.4rem 1.6rem;
  border-top: 0.1rem solid #aaa;
  border-bottom: 0.1rem solid #aaa;
}
.terms-list dt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin: 1.8rem 0 0.4rem;
}
.terms-list dt:first-of-type {
  margin-top: 0;
}
.terms-list dd {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin: 0.4rem 0;
}
.terms-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.terms-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.terms-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-decoration: underline;
}
.terms-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}
.terms-list dd .check-area .sub-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 1.6rem;
}
.terms-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.terms-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.terms-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  margin: 1.8rem 0 0.4rem;
}
.terms-tit:first-child {
  margin-top: 0;
}
.terms-tit + .terms-tit {
  margin-top: 1rem;
}
.terms-tit + .terms-list {
  margin-top: 0;
}

.terms-txt-s {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

.terms-sign-area {
  display: table;
  width: 100%;
  margin-top: 1.6rem;
}
.terms-sign-area .terms-sign-util {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: table-cell;
  white-space: nowrap;
  text-align: right;
  vertical-align: bottom;
  padding-left: 1.6rem;
}

.terms-sign {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: table-cell;
  vertical-align: bottom;
  text-align: left;
  font-weight: 400;
}
.terms-sign strong {
  text-decoration: underline;
}

.car-list.type-list .car-item .hotmark-area, .car-list.type-mix-list .car-item.type-column .car-info .hotmark-area, .car-list.type-column-list .car-item .car-info .hotmark-area {
  margin: 0.2rem -0.2rem 0;
  font-size: 0;
}
.car-list.type-list .car-item .hotmark-area .hotmark-tag, .car-list.type-mix-list .car-item.type-column .car-info .hotmark-area .hotmark-tag, .car-list.type-column-list .car-item .car-info .hotmark-area .hotmark-tag {
  height: 2rem;
  line-height: 2rem;
  font-size: 1rem;
  margin: 0.2rem;
  padding: 0 0.4rem;
}
.car-list.type-list .car-item .hotmark-area .hotmark-tag > .icon.icon-kbcare, .car-list.type-mix-list .car-item.type-column .car-info .hotmark-area .hotmark-tag > .icon.icon-kbcare, .car-list.type-column-list .car-item .car-info .hotmark-area .hotmark-tag > .icon.icon-kbcare {
  background-image: url("/images/common/icon/icon12-kbcare.svg");
  background-size: 1.2rem auto;
}

.car-list.type-line .car-item, .car-list.type-simple .car-item {
  border-top: 0.1rem solid #eee;
}
.car-list.type-line .car-item:first-child, .car-list.type-simple .car-item:first-child {
  border-top: 0;
}
.car-list.type-line .car-item.type-ing .car-name, .car-list.type-simple .car-item.type-ing .car-name {
  font-weight: 400;
}
.car-list.type-line .car-item.type-ing .line-summary-btn > span, .car-list.type-simple .car-item.type-ing .line-summary-btn > span {
  color: #aaa;
  text-decoration: none;
  font-weight: 400;
}
.car-list.type-line .car-item.type-ing .tag-line, .car-list.type-simple .car-item.type-ing .tag-line {
  background: #ddd;
  color: #666;
}
.car-list.type-line .car-name, .car-list.type-simple .car-name {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  color: #222;
}
.car-list.type-line .car-info, .car-list.type-simple .car-info {
  position: relative;
  padding: 1.6rem 8.5rem 1.6rem 0;
}
.car-list.type-line .car-info .mark-area, .car-list.type-simple .car-info .mark-area {
  margin-top: 0.8rem;
}
.car-list.type-line .car-info .price-area, .car-list.type-simple .car-info .price-area {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0;
}
.car-list.type-line .car-info .price-area .price, .car-list.type-simple .car-info .price-area .price {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.car-list.type-line .car-info .price-area .price .price-regular, .car-list.type-simple .car-info .price-area .price .price-regular {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-left: 1.2rem;
}
.car-list.type-line .car-info .price-area .price:before, .car-list.type-simple .car-info .price-area .price:before {
  display: none;
}
.car-list.type-line .car-info .price-area .price:after, .car-list.type-simple .car-info .price-area .price:after {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
  margin: -0.2rem 0 0 0.5rem;
  background: url("/images/common/icon/icon16-arrow-right-black.svg") no-repeat center/contain;
  content: "";
}
.car-list.type-line .line-summary, .car-list.type-simple .line-summary {
  margin-top: 1.5rem;
}
.car-list.type-line .line-summary-item, .car-list.type-simple .line-summary-item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.5rem;
}
.car-list.type-line .line-summary-item:last-child, .car-list.type-simple .line-summary-item:last-child {
  margin-right: 0;
}
.car-list.type-line .line-summary-btn > span, .car-list.type-simple .line-summary-btn > span {
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: underline;
}
.car-list.type-line .line-summary-btn .tag-line, .car-list.type-simple .line-summary-btn .tag-line {
  margin: -0.2rem 0 0 0.5rem;
}

.car-list.type-list .car-item .car-thumb:after, .car-list.type-mix-list .car-item.type-wide .thumb-slider-area:after, .car-list.type-wide-list .car-item .thumb-slider-area:after, .car-list.type-mix-list .car-item.type-wide .car-thumb:after, .car-list.type-wide-list .car-item .car-thumb:after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 18%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 100%);
  content: "";
}

.car-list.type-model .car-info .mark-area .car-mark, .car-list.type-list .car-item .mark-area .car-mark, .car-list.type-mix-list .car-item.type-column .car-info .mark-area .car-mark, .car-list.type-column-list .car-item .car-info .mark-area .car-mark, .car-list.type-line .car-info .mark-area .car-mark, .car-list.type-simple .car-info .mark-area .car-mark {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.car-list.type-model .car-info .mark-area .car-mark:after, .car-list.type-list .car-item .mark-area .car-mark:after, .car-list.type-mix-list .car-item.type-column .car-info .mark-area .car-mark:after, .car-list.type-column-list .car-item .car-info .mark-area .car-mark:after, .car-list.type-line .car-info .mark-area .car-mark:after, .car-list.type-simple .car-info .mark-area .car-mark:after {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.3rem 0.4rem 0 0.4rem;
}

.car-list.type-list .car-thumb .tag-area, .car-list.type-mix-list .car-item.type-column .car-thumb .tag-area, .car-list.type-column-list .car-item .car-thumb .tag-area {
  padding: 0.5rem;
}
.car-list.type-list .car-thumb .bbadge-category, .car-list.type-mix-list .car-item.type-column .car-thumb .bbadge-category, .car-list.type-column-list .car-item .car-thumb .bbadge-category {
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.5rem;
  font-size: 1.1rem;
}
.car-list.type-list .car-thumb .bbadge-category .bbadge-category__prefix, .car-list.type-mix-list .car-item.type-column .car-thumb .bbadge-category .bbadge-category__prefix, .car-list.type-column-list .car-item .car-thumb .bbadge-category .bbadge-category__prefix {
  font-size: 1.1rem;
}
.car-list.type-list .car-thumb .bbadge-category.bbadge-diagnosis, .car-list.type-mix-list .car-item.type-column .car-thumb .bbadge-category.bbadge-diagnosis, .car-list.type-column-list .car-item .car-thumb .bbadge-category.bbadge-diagnosis {
  width: 4.2rem;
  height: 2.4rem;
  padding: 0;
  background-size: 4.2rem auto;
}

.car-list.type-list .btn-like, .car-list.type-mix-list .car-item.type-column .btn-like, .car-list.type-column-list .car-item .btn-like, .car-list.type-list .btn-compare, .car-list.type-mix-list .car-item.type-column .btn-compare, .car-list.type-column-list .car-item .btn-compare {
  width: 3rem;
  height: 3rem;
  margin: 0 0.3rem;
}
.car-list.type-list .btn-like:after, .car-list.type-mix-list .car-item.type-column .btn-like:after, .car-list.type-column-list .car-item .btn-like:after, .car-list.type-list .btn-compare:after, .car-list.type-mix-list .car-item.type-column .btn-compare:after, .car-list.type-column-list .car-item .btn-compare:after {
  left: 50%;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  background-size: 1.6rem auto;
  background-position: 0 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.car-list.type-list .active.btn-like:after, .car-list.type-mix-list .car-item.type-column .active.btn-like:after, .car-list.type-column-list .car-item .active.btn-like:after, .car-list.type-list .active.btn-compare:after, .car-list.type-mix-list .car-item.type-column .active.btn-compare:after, .car-list.type-column-list .car-item .active.btn-compare:after {
  background-position: 0 -1.6rem;
}
/* Ÿ�� �� car-item */
.car-list.type-mix-list .car-item.type-wide, .car-list.type-wide-list .car-item {
  margin-top: 2.4rem;
}
.car-list.type-mix-list .car-item.type-wide .car-thumb.noimage, .car-list.type-wide-list .car-item .car-thumb.noimage {
  background: url("/images/common/icon/noimage.jpg") center center/cover no-repeat;
}
.car-list.type-mix-list .car-item.type-wide .car-thumb.noimage .thumb-slider, .car-list.type-wide-list .car-item .car-thumb.noimage .thumb-slider {
  padding-top: 69%;
  background: url("/images/common/icon/noimage.jpg") center center/cover no-repeat;
}
.car-list.type-mix-list .car-item.type-wide .car-thumb.noimage .thumb-slider .thumb-img, .car-list.type-wide-list .car-item .car-thumb.noimage .thumb-slider .thumb-img {
  position: absolute;
  top: 0;
  left: 0;
}
.car-list.type-mix-list .car-item.type-wide .car-thumb.noimage .swiper-pagination, .car-list.type-wide-list .car-item .car-thumb.noimage .swiper-pagination {
  display: none;
}
.car-list.type-mix-list .car-item.type-wide .car-thumb.noimage .thumb-slider-area, .car-list.type-wide-list .car-item .car-thumb.noimage .thumb-slider-area {
  z-index: -1;
}
.car-list.type-mix-list .car-item.type-wide .car-thumb.noimage .thumb-slider-area:after, .car-list.type-wide-list .car-item .car-thumb.noimage .thumb-slider-area:after {
  display: none;
}
.car-list.type-mix-list .car-item.type-wide .car-thumb.noimage:after, .car-list.type-wide-list .car-item .car-thumb.noimage:after {
  border-radius: 1.2rem;
}
.car-list.type-mix-list .car-item.type-wide .car-thumb:after, .car-list.type-wide-list .car-item .car-thumb:after {
  border-radius: 0 0 1.2rem 1.2rem;
}
.car-list.type-mix-list .car-item.type-wide .thumb-slider-area, .car-list.type-wide-list .car-item .thumb-slider-area {
  z-index: 2;
  position: relative;
  overflow: hidden;
  border-radius: 1.2rem;
  will-change: transform;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.car-list.type-mix-list .car-item.type-wide .thumb-slider-area .swiper-pagination, .car-list.type-wide-list .car-item .thumb-slider-area .swiper-pagination {
  z-index: 2;
  top: auto;
  left: 0;
  right: 0;
  bottom: 1rem;
  margin: 0 auto;
}
.car-list.type-mix-list .car-item.type-wide .thumb-img, .car-list.type-wide-list .car-item .thumb-img {
  width: 100%;
  padding-top: 69%;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}
.car-list.type-mix-list .car-item.type-wide .car-info, .car-list.type-wide-list .car-item .car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  z-index: 1;
  position: relative;
  padding: 1rem 0 0.8rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.car-list.type-mix-list .car-item.type-wide .car-info .car-name, .car-list.type-wide-list .car-item .car-info .car-name {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 4.8rem;
}
.car-list.type-mix-list .car-item.type-wide .car-info .hotmark-area, .car-list.type-wide-list .car-item .car-info .hotmark-area {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin: 0 0 1.2rem;
}
.car-list.type-mix-list .car-item.type-wide .price-area, .car-list.type-wide-list .car-item .price-area {
  margin-top: 1.6rem;
}
.car-list.type-mix-list .car-item.type-wide .price-area .price, .car-list.type-wide-list .car-item .price-area .price {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.car-list.type-mix-list .car-item.type-wide .util-area, .car-list.type-wide-list .car-item .util-area {
  z-index: 3;
  position: absolute;
  top: 69vw;
  right: 1.2rem;
  margin-top: -3.2rem;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.car-list.type-mix-list .car-item.type-column, .car-list.type-column-list .car-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(50% - 0.6rem);
  margin: 3.2rem 0.3rem 0;
}
.car-list.type-mix-list .type-ad.car-item.type-column, .car-list.type-column-list .type-ad.car-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
.car-list.type-mix-list .type-banner.car-item.type-column, .car-list.type-column-list .type-banner.car-item {
  width: calc(100% + 2.6rem);
  margin-left: -1.3rem;
  margin-right: -1.3rem;
}
.car-list.type-mix-list .car-item.type-column .car-thumb, .car-list.type-column-list .car-item .car-thumb {
  padding-top: 74.4%;
  border-radius: 0.6rem;
  overflow: hidden;
  background: url("/images/common/icon/noimage.jpg") center center/cover no-repeat;
}
.car-list.type-mix-list .car-item.type-column .car-thumb:after, .car-list.type-column-list .car-item .car-thumb:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 18%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(107%, rgba(0, 0, 0, 0.6)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 107%);
  content: "";
}
.car-list.type-mix-list .car-item.type-column .car-thumb .thumb-slider-area, .car-list.type-column-list .car-item .car-thumb .thumb-slider-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.car-list.type-mix-list .car-item.type-column .car-thumb .thumb-slider-area .thumb-img, .car-list.type-column-list .car-item .car-thumb .thumb-slider-area .thumb-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.car-list.type-mix-list .car-item.type-column .car-thumb .thumb-slider-area .thumb-img:first-child, .car-list.type-column-list .car-item .car-thumb .thumb-slider-area .thumb-img:first-child {
  z-index: 3;
}
.car-list.type-mix-list .car-item.type-column .car-thumb .thumb-slider-area .thumb-img:nth-of-child(2), .car-list.type-column-list .car-item .car-thumb .thumb-slider-area .thumb-img:nth-of-child(2) {
  z-index: 2;
}
.car-list.type-mix-list .car-item.type-column .car-thumb .thumb-slider-area .thumb-img:nth-of-child(3), .car-list.type-column-list .car-item .car-thumb .thumb-slider-area .thumb-img:nth-of-child(3) {
  z-index: 1;
}
.car-list.type-mix-list .car-item.type-column .car-thumb .thumb-slider-area .thumb-img img, .car-list.type-column-list .car-item .car-thumb .thumb-slider-area .thumb-img img {
  position: absolute;
  top: 0;
  left: 0;
}
.car-list.type-mix-list .car-item.type-column .car-thumb .thumb-slider-area .noimage, .car-list.type-column-list .car-item .car-thumb .thumb-slider-area .noimage {
  display: none;
}
.car-list.type-mix-list .car-item.type-column .car-info, .car-list.type-column-list .car-item .car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 0.8rem;
}
.car-list.type-mix-list .car-item.type-column .car-info .mark-area, .car-list.type-column-list .car-item .car-info .mark-area {
  margin-top: 0.4rem;
}
.car-list.type-mix-list .car-item.type-column .car-info .price-area, .car-list.type-column-list .car-item .car-info .price-area {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 0.8rem;
}
.car-list.type-mix-list .car-item.type-column .car-info .price-area .price, .car-list.type-column-list .car-item .car-info .price-area .price {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.car-list.type-mix-list .car-item.type-column .car-info .price-area .price-regular, .car-list.type-column-list .car-item .car-info .price-area .price-regular {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-left: 1.2rem;
}
.car-list.type-mix-list .car-item.type-column .car-name, .car-list.type-column-list .car-item .car-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  max-height: 4.8rem;
  color: #222;
}
.car-list.type-mix-list .car-item.type-column .util-area, .car-list.type-column-list .car-item .util-area {
  position: absolute;
  top: -0.4rem;
  right: 0.3rem;
  margin-top: 74.4%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.car-list.type-mix-list .car-item.type-column .swiper-pagination, .car-list.type-column-list .car-item .swiper-pagination {
  display: none;
}

.car-list-area.card-slider-area {
  margin-bottom: -1rem;
}

/* car list */
.car-list {
  /* ���� */
  /* ī�� �����̵��� */
  /* ���η� ���� ������ ����Ʈ�� */
  /* ���η� ���� ������ ����Ʈ�� */
  /* ���̵� �����̵� ����� ����Ʈ�� */
  /* 2�� ����Ʈ�� */
  /* ���̵� + 2�� ����Ʈ�� (ȥ��) */
  /* �������� ����Ʈ */
  /* ���� ����Ʈ */
}
.car-list .car-item {
  position: relative;
}
.car-list .car-item.first {
  margin-top: 0 !important;
}
.car-list .car-item:last-child .car-added,
.car-list .car-item .last .car-added {
  padding-bottom: 0;
  border-bottom: 0;
}
.car-list .car-item.type-ad > a {
  display: block;
  height: 100%;
}
.car-list .car-item.type-ad .img-ad {
  width: 100%;
  height: auto;
}
.car-list .car-item .car-rank {
  margin: 0.4rem 0 0.8rem;
}
.car-list .car-item .ad-thumb.type-theme {
  position: relative;
  min-height: 22.2rem;
  height: 100%;
  padding: 2rem;
  background: #eee;
  border-radius: 0.6rem;
}
.car-list .car-item .ad-thumb.type-theme .ad-theme-tit {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
  margin-bottom: 0.8rem;
}
.car-list .car-item .ad-thumb.type-theme .ad-theme-name {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  color: #222;
}
.car-list .car-item .ad-thumb.type-theme .ad-theme-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.5rem;
  word-break: keep-all;
  line-height: 1.8;
}
.car-list .car-item .ad-thumb.type-theme .ad-theme-img {
  position: absolute;
  max-width: 14.4rem;
  right: -1rem;
  bottom: 0.5rem;
  width: 85%;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.car-list .car-item.type-banner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.car-list .car-item.type-banner > a {
  display: block;
}
.car-list .car-item.type-banner > a img {
  width: 100%;
}
.car-list .car-item .btn-compare {
  background: none;
}
.car-list .car-item .btn-compare:after {
  background-image: url("/images/common/icon/sp-icon16-compare.svg");
}
.car-list .car-item .btn-like {
  background: none;
}
.car-list .car-item .btn-like:after {
  background-image: url("/images/common/icon/sp-icon16-like.svg");
}
.car-list .car-thumb {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  border: 0.1rem solid rgba(170, 170, 170, 0.2);
  border-radius: 1.2rem;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.car-list .car-thumb img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.car-list .car-thumb .tag-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  padding: 1.2rem 1.2rem;
  font-size: 0;
}
.car-list .car-thumb.noimage:after {
  height: 100% !important;
  background: rgba(0, 0, 0, 0.2) !important;
}
.car-list .car-thumb .car-check {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.car-list .car-thumb .car-check input, .car-list .car-thumb .car-check .inp-box .ico-confirm, .inp-box .car-list .car-thumb .car-check .ico-confirm {
  position: absolute;
  left: -100%;
  top: -100%;
}
.car-list .car-thumb .car-check input:checked + .icon, .car-list .car-thumb .car-check .inp-box .ico-confirm:checked + .icon, .inp-box .car-list .car-thumb .car-check .ico-confirm:checked + .icon {
  background-color: #fc0;
  border-color: #fc0;
  background-image: url("/images/common/icon/icon-check-black.svg");
}
.car-list .car-thumb .car-check .icon {
  position: absolute;
  bottom: 0.8rem;
  right: 0.8rem;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/common/icon/icon-check-gray.svg") center/contain no-repeat;
  border-radius: 50%;
  -webkit-transition: background-color ease-in-out 0.2s, border-color ease-in-out 0.2s;
  transition: background-color ease-in-out 0.2s, border-color ease-in-out 0.2s;
  border: 0.1rem solid #ddd;
  content: "";
}
.car-list .car-info .car-name .icon-vod {
  margin: -0.2rem 0.2rem 0 0;
}
.car-list .car-info .price-area.type-sale .price:before {
  display: block;
}
.car-list .car-info .price-area .price {
  z-index: 0;
  position: relative;
  vertical-align: middle;
}
.car-list .car-info .price-area .price:before {
  z-index: -1;
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  width: 100%;
  display: none;
  height: 0.3rem;
  background: #fc0;
  content: "";
}
.car-list .car-info .price-area .price-regular {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
  font-weight: 400;
  color: #888;
  margin: 0 0 0 1.6rem;
  vertical-align: middle;
}
.car-list .car-info .mark-area {
  margin-top: 0.8rem;
  white-space: normal;
  line-height: normal;
  font-size: 0;
}
.car-list .car-info .mark-area .car-mark {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  color: #666;
  vertical-align: middle;
  line-height: 1.4;
}
.car-list .car-info .mark-area .car-mark.type-primary {
  color: #2589ff !important;
}
.car-list .car-info .mark-area .car-mark.type-secondary {
  color: #a07701 !important;
}
.car-list .car-info .mark-area .car-mark:after {
  display: inline-block;
  background: #666;
  width: 0.3rem;
  height: 0.3rem;
  vertical-align: middle;
  margin: -0.2rem 0.5rem 0 0.5rem;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  content: "";
}
.car-list .car-info .mark-area .car-mark:last-child {
  margin-right: 0;
}
.car-list .car-info .mark-area .car-mark:last-child:after {
  display: none;
}
.car-list .car-info .hotmark-area {
  margin-top: 1rem;
}
.car-list .car-info .hotmark-area .hotmark-tag {
  margin-right: 0.6rem;
}
.car-list .car-info .hotmark-area .hotmark-tag:last-child {
  margin-right: 0;
}
.car-list .car-info .price-area {
  margin-top: 1rem;
}
.car-list .util-area {
  background: rgba(255, 255, 255, 0.65);
  border-radius: 0.6rem;
}
.car-list .util-area .btn-car-util {
  margin: 0;
  border-right: 0.1rem solid #fff;
}
.car-list .util-area .btn-car-util:last-child {
  border-right: 0;
}
.car-list .car-added {
  float: left;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  border-bottom: 0.1rem solid #eee;
  padding-bottom: 1.4rem;
}
.car-list .car-added .tag-area {
  margin: -0.2rem;
}
.car-list .car-added .tag-area .tag-round {
  margin: 0.2rem;
}
.car-list .car-added .inner-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.car-list .car-added .inner-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.car-list .car-added .inner-util .txt {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.car-list.card-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 1.4rem 0.8rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  scroll-padding-left: 1.6rem;
  scroll-padding-right: 1.6rem;
  -webkit-overflow-scrolling: touch;
}
.car-list.card-slider .bbadge-category.badge-diag-normal {
  width: 5.3rem;
  height: 3rem;
  background-image: url("/images/common/icon/badge-kb-diag-list-md.svg");
}
.car-list.card-slider .bbadge-category.badge-diag-plus {
  width: 5.3rem;
  height: 3rem;
  background-image: url("/images/common/icon/badge-kb-diag-plus-list-ani-bg.svg");
}
.car-list.card-slider .bbadge-category.badge-diag-plus:after {
  position: absolute;
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  bottom: 1.1rem;
  right: 0.4rem;
  background: url("/images/common/icon/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: "";
}
.car-list.card-slider::-webkit-scrollbar {
  display: none;
}
.car-list.card-slider:after {
  display: block;
  width: 0.5rem;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: "";
}
.car-list.card-slider .car-item {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  width: 31rem !important;
  height: auto;
  margin: 0 0.8rem;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}
.car-list.card-slider .car-item:last-child {
  margin-right: 1.6rem;
}
.car-list.card-slider .car-item > a {
  display: block;
  height: 100%;
}
.car-list.card-slider .car-item .car-thumb {
  display: block;
  height: 21.5rem;
  border-radius: 1.2rem 1.2rem 0 0;
  overflow: hidden;
}
.car-list.card-slider .car-item .car-thumb:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 8.4rem;
  background: linear-gradient(179deg, rgba(0, 0, 0, 0.53) -9%, rgba(0, 0, 0, 0) 50%);
  pointer-events: none;
  content: "";
}
.car-list.card-slider .car-item .car-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 21.5rem);
  -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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 2rem;
  color: #222;
}
.car-list.card-slider .car-item .car-info .car-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  font-size: 1.6rem;
  width: 100%;
  max-height: 2.8em;
  line-height: 1;
}
.car-list.card-slider .car-item .car-info .price-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.car-list.card-slider .car-item .car-info .price-area .price {
  display: inline-block;
  margin-right: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.4;
}
.car-list.card-slider .car-item .car-info .price-area .sub-price {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.2rem;
  font-size: 1.2rem;
  background: #eee;
  border: 0.1rem solid #e0e0e0;
  padding: 0 0.6rem;
  border-radius: 0.8rem;
  height: 2rem;
  line-height: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.car-list.card-slider .car-item .car-info .price-area .sub-price strong {
  font-weight: 700;
}
.car-list.card-slider .car-item .mark-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.car-list.type-list.non-first {
  margin-top: -1.2rem;
}
.car-list.type-list:not(.non-first) .car-item:first-child {
  margin-top: 0;
}
.car-list.type-list .car-item {
  margin-top: 1.6rem;
}
.car-list.type-list .car-item:after {
  content: "";
  display: block;
  clear: both;
}
.car-list.type-list .car-item > a {
  display: block;
}
.car-list.type-list .car-item > a:after {
  content: "";
  display: block;
  clear: both;
}
.car-list.type-list .car-item .car-thumb {
  float: left;
  display: block;
  width: 14.4rem;
  height: 10.5rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.car-list.type-list .car-item .car-thumb .theme-tag {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.car-list.type-list .car-item .car-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.4;
  padding-top: 0.2rem;
  font-size: 1.3rem;
  color: #222;
}
.car-list.type-list .car-item .car-num {
  display: block;
  font-size: 1.2rem;
  color: #666;
  margin: 0.6rem 0;
  line-height: 1;
  font-weight: 700;
}
.car-list.type-list .car-item .car-num strong {
  color: #2589ff;
}
.car-list.type-list .car-item .car-num + .car-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
}
.car-list.type-list .car-item .mark-area {
  margin-top: 0.5rem;
}
.car-list.type-list .car-item .price-area {
  position: relative;
  margin-top: 0.4rem;
}
.car-list.type-list .car-item .price-area .price {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.car-list.type-list .car-item .price-area .price:before {
  bottom: 0;
  height: 0.2rem;
}
.car-list.type-list .car-item .price-area .price-regular {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-left: 0.2rem;
}
.car-list.type-list .car-item .price-area del.price-regular {
  margin-left: 1.2rem;
}
.car-list.type-list .car-item .price-area .btn-bookmark {
  position: absolute;
  right: 0;
  bottom: 0;
}
.car-list.type-list .car-item .price-area.type-big {
  margin-top: 1.4rem;
}
.car-list.type-list .car-item .price-area.type-big .price {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.car-list.type-list .car-item .car-info {
  float: left;
  width: calc(100% - 14.4rem);
  padding-left: 1rem;
}
.car-list.type-list .car-item .util-area {
  z-index: 3;
  position: absolute;
  top: 6.7rem;
  left: 13.8rem;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.car-list.type-list .btn-data-wrap {
  clear: both;
  padding: 0.8rem 0;
}
.car-list.type-list .btn-wrap {
  clear: both;
  padding-top: 0.8rem;
}
.car-list.type-list .btn-wrap a, .car-list.type-list .btn-wrap button {
  height: 3.6rem;
  line-height: 3.6rem;
}
.car-list.type-list .btn-wrap a span, .car-list.type-list .btn-wrap button span {
  font-size: 1.4rem;
}
.car-list.type-list .car-floating-util {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.car-list.type-vertical-list .car-item {
  margin-top: 3.2rem;
}
.car-list.type-vertical-list .car-item:first-child {
  margin-top: 0;
}
.car-list.type-vertical-list .car-item > a {
  display: block;
}
.car-list.type-vertical-list .car-thumb {
  width: 100%;
  padding-top: 74.6%;
  border-radius: 1rem;
}
.car-list.type-vertical-list .car-info {
  margin-top: 1rem;
}
.car-list.type-vertical-list .car-name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 700;
  max-height: 4.8rem;
  margin-bottom: -0.2rem;
}
.car-list.type-vertical-list .price-area .price {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.car-list.type-vertical-list .price-area .price:before {
  height: 0.2rem;
}
.car-list.type-vertical-list .price-area .price-regular {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #888;
}
.car-list.type-vertical-list .price-area .price-tag {
  margin-right: 0.5rem;
}
.car-list.type-vertical-list .price-area .sub-price {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.8rem;
}
.car-list.type-vertical-list .price-area .sub-price strong {
  color: #2589ff;
}
.car-list.type-wide-list {
  margin-top: -2.4rem;
}
.car-list.type-column-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -3.2rem -0.3rem 0;
}
.car-list.type-mix-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -3.2rem -0.3rem 0;
}
.car-list.type-mix-list .car-item {
  margin-top: 3.2rem;
}
.car-list.type-mix-list .car-item.type-column {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(50% - 0.6rem);
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.car-list.type-mix-list .car-item.type-wide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 0.6rem);
          flex: 0 0 calc(100% - 0.6rem);
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.car-list.type-mix-list .car-item.type-banner {
  width: calc(100% + 2.6rem);
  margin-left: -1.3rem;
  margin-right: -1.3rem;
}
.car-list.type-line .car-info {
  padding-right: 0;
}
.car-list.type-model .car-item {
  position: relative;
  margin-top: 0.8rem;
}
.car-list.type-model .car-item > a {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  padding: 2rem;
  border-radius: 1.2rem;
}
.car-list.type-model .car-thumb {
  position: absolute;
  top: 3rem;
  right: 0.7rem;
  width: 13.5rem;
  height: 6.5rem;
  border: none;
}
.car-list.type-model .car-thumb img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center right;
     object-position: center right;
}
.car-list.type-model .car-info .car-name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
}
.car-list.type-model .car-info .mark-area {
  margin-top: 0.4rem;
  padding-right: 10rem;
}
.car-list.type-model .car-info .price-area {
  margin-top: 1.4rem;
}
.car-list.type-model .car-info .price-area .price {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.car-list.type-model .car-info .price-area .price:before {
  display: none;
}
.car-list .btn-wrap {
  margin-top: 1.6rem;
}
.car-list .car-group {
  margin-top: 1.2rem;
}
.car-list .car-group-inner {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  scroll-padding-left: 1.6rem;
  scroll-padding-right: 1.6rem;
  -webkit-overflow-scrolling: touch;
  margin: 1.2rem -1.6rem 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(92%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.06))), #f8f8f8;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 92%, rgba(0, 0, 0, 0.06) 100%), #f8f8f8;
}
.car-list .car-group-inner::-webkit-scrollbar {
  display: none;
}
.car-list .car-group-inner:after {
  display: block;
  width: 0.5rem;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: "";
}
.car-list .car-group-inner .inner-track {
  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;
  padding: 1rem 1.6rem;
  white-space: nowrap;
}
.car-list .car-group-inner .car-item {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  width: 21rem;
  word-break: break-all;
  margin-top: 0;
}
.car-list .car-group-inner .car-item:last-child {
  margin-right: 1.6rem;
}
.car-list .car-group-inner .car-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-list .car-group-inner .car-item .car-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 11rem;
  height: 8.3rem;
}
.car-list .car-group-inner .car-item .car-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 11rem);
}
.car-list .car-group-inner .car-item .mark-area {
  margin: 0;
}
.car-list .car-group-inner .car-item .price-area {
  margin-top: 0.6rem;
}
.car-list .car-group-inner .car-item .car-mark {
  display: block;
  color: #222;
}
.car-list .car-group-inner .car-item .car-mark:after {
  display: none;
}
.car-list .car-group-title {
  margin: 2.4rem 0 -0.8rem;
}
.car-list .car-group-title:first-child {
  margin-top: 0;
}
.car-list .car-group-title .tit {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
  line-height: 1.4;
}
.car-list .car-group-title .tit.type-date {
  font-weight: 400;
  text-indent: -1.6rem;
  padding-left: 1.6rem;
}
.car-list .car-group-title .tit.type-date:before {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  border: 0.2rem solid #fc0;
  border-radius: 50%;
  vertical-align: middle;
  margin: -0.3rem 0.6rem 0 0;
  content: "";
}

.price-tag {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  color: #222;
  line-height: 2.4rem;
  height: 2.4rem;
  border: 0.1rem solid #222;
  border-radius: 1.2rem;
  content: "";
  padding: 0 0.8rem;
}

.tag-area {
  /* [20220128] ����� �� ���� �±� ��������, � �ݿ� �� �������� */
}
.tag-area .service-tag {
  margin: 0 0.4rem;
}
.tag-area .car-tag {
  margin: 0 0.3rem 0.6rem;
}
.tag-area > .txt {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  vertical-align: middle;
  margin-left: 0.4rem;
}
.tag-area .bbadge-category {
  height: 2.4rem;
  font-size: 1.2rem;
  line-height: 2.4rem;
}
.tag-area .bbadge-category.bbadge-diagnosis {
  width: 5.3rem;
  height: 3rem;
  background-size: 5.3rem;
}

.service-tag {
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
  height: 4rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.service-tag.type-kb-cert {
  position: relative;
  background-image: url("/images/common/icon/tag-kb-cert.svg");
  overflow: hidden;
  border-radius: 0.6rem;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.service-tag.type-kb-cert:after {
  position: absolute;
  top: -50%;
  left: -200%;
  display: block;
  width: 200%;
  height: 0.7rem;
  background: rgb(255, 241, 133);
  opacity: 0.7;
  -webkit-animation: aniBlinkTag ease-in-out infinite 3s;
          animation: aniBlinkTag ease-in-out infinite 3s;
  content: "";
}
.service-tag.type-kb-diag-plus {
  position: relative;
  background-image: url("/images/common/icon/type-kb-diag-plus.svg");
}
.service-tag.type-kb-diag-plus:after {
  position: absolute;
  display: block;
  width: 0.9rem;
  height: 0.9rem;
  bottom: 0.8rem;
  right: 0.4rem;
  background: url("/images/common/icon/type-kb-diag-plus-ico.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: "";
}
.service-tag.type-kb-diag {
  background-image: url("/images/common/icon/tag-kb-diag.svg");
}
.service-tag.type-brand-cert {
  background-image: url("/images/common/icon/tag-brand-diag.svg");
}
.service-tag span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* [20220128] ����� �� ���� �±� ��������, � �ݿ� �� �������� */
.car-tag {
  display: inline-block;
  vertical-align: middle;
  height: 2rem;
  line-height: 2rem;
  border-radius: 1rem;
  color: #fff;
  font-size: 1rem;
  border: 0.1rem solid #fff;
  padding: 0 0.6rem;
}
.car-tag.type-primary {
  border-color: #ffcc00;
  color: #ffcc00;
}
.car-tag.type-sub {
  border-color: #666;
  color: #666;
}

.nodata {
  display: block;
  padding: 0;
  text-align: left;
  color: #aaa;
  font-size: 1.6rem;
  margin: 1.5rem 0;
}
.nodata.center {
  text-align: center;
}

.recent-list > li {
  position: relative;
}
.recent-list > li > a {
  display: block;
  padding: 1.6rem 3rem 1.6rem 0;
  border-top: 0.1rem solid #eee;
}
.recent-list > li:first-child > a {
  border-top: 0;
  padding-top: 0;
}
.recent-list > li:last-child > a {
  padding-bottom: 0;
}
.recent-list > li .btn-delete {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 3rem;
  display: block;
  text-align: right;
}
.recent-list > li .name {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  color: #222;
}
.recent-list > li .mark-area {
  margin-top: 0.4rem;
}
.recent-list > li .car-mark {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.recent-list > li .car-mark:after {
  display: inline;
  content: " / ";
}
.recent-list > li .car-mark:last-child:after {
  display: none;
}

.img-registcar {
  width: 14rem;
  margin: 0 auto 1rem;
}
.img-registcar img {
  width: 100%;
}

.swiper-pagination.type-fraction {
  width: auto;
  height: 1.5rem;
  line-height: 1.5rem;
  background: #222;
  border-radius: 0.8rem;
  padding: 0 0.3rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #888;
  letter-spacing: -0.025em;
}
.swiper-pagination.type-fraction span {
  font: inherit;
  color: inherit;
}
.swiper-pagination.type-fraction .swiper-pagination-current {
  color: #fff;
}

.hotmark-tag {
  display: inline-block;
  vertical-align: middle;
  background: #f8f8f8;
  border: 0.1rem solid #ddd;
  border-radius: 0.6rem;
  line-height: 2.4rem;
  height: 2.4rem;
  padding: 0 0.6rem;
  color: #222;
  font-size: 1rem;
  font-weight: 700;
  overflow: hidden;
}
.hotmark-tag:after {
  content: "";
  display: block;
  clear: both;
}
.hotmark-tag span {
  font: inherit;
}
.hotmark-tag > .icon {
  float: left;
  margin: 0 0.4rem 0 -0.4rem;
  display: block;
  width: 1.6rem;
  height: 100%;
  background-color: #fc0;
  background-position: center;
  background-repeat: no-repeat;
}
.hotmark-tag > .icon.icon-kbcare {
  background-image: url("/images/common/icon/icon14-kbcare.svg");
  background-size: 1.4rem auto;
}

.car-model-slider {
  margin: 0 -1.6rem;
  overflow: hidden;
}
.car-model-slider .car-model-box {
  width: calc(100% - 3.2rem) !important;
  margin: 0;
}

.car-model-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  z-index: 0;
  position: relative;
  padding: 2rem;
  min-height: 14rem;
}
.car-model-box .car-model-link {
  z-index: 1;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.car-model-box .car-thumb {
  position: absolute;
  top: 4.2rem;
  right: 1rem;
  width: 14.5rem;
  height: 7.5rem;
  border: none;
}
.car-model-box .car-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.car-model-box .car-name {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  padding-right: 4rem;
  margin-bottom: 1.6rem;
  color: #222;
}
.car-model-box .car-brand {
  position: absolute;
  top: 1.6rem;
  right: 2rem;
}
.car-model-box .car-brand img {
  width: 2.8rem;
}
.car-model-box .mark-area {
  font-size: 0;
  padding-right: 13rem;
}
.car-model-box .mark-area .car-mark {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.car-model-box .mark-area .car-mark:after {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.2rem 0.5rem 0;
  background: #666;
  content: "";
}
.car-model-box .mark-area .car-mark:last-child:after {
  display: none;
}
.car-model-box .price-area {
  margin-top: 0.6rem;
}
.car-model-box .price-area .price {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.car-model-box .car-notice-info {
  z-index: 1;
  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;
  margin-top: 2.3rem;
  padding: 0 1.6rem;
  background: rgba(37, 137, 255, 0.1);
  border-radius: 0.8rem;
}
.car-model-box .car-notice-info > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0.7rem 0;
}
.car-model-box .car-notice-info .car-notice-tit strong {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 2rem;
}
.car-model-box .car-notice-info .car-notice-util {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 1.6rem;
  white-space: nowrap;
  text-align: right;
}

/* 2�� �ڽ��� ��ũ ����Ʈ */
.car-link-boxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.5rem;
}
.car-link-boxs .car-link-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
}

.car-link-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  display: block;
  padding: 2.8rem 2rem 2rem;
  margin: 0.5rem;
  text-align: center;
}
.car-link-box .car-thumb {
  width: 11rem;
  height: 6rem;
  margin: 0 auto 1.6rem;
}
.car-link-box .car-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center bottom;
     object-position: center bottom;
}
.car-link-box .car-brand {
  position: absolute;
  top: 1.6rem;
  left: 2.4rem;
  width: 2.8rem;
  height: 2.8rem;
}
.car-link-box .car-brand img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.car-link-box .car-name {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 500;
}
.car-link-box .price-area {
  margin-top: 0.6rem;
}
.car-link-box .price-area .price {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}

.tag-line {
  display: inline-block;
  vertical-align: middle;
  height: 1.7rem;
  line-height: 1.7rem;
  font-size: 1rem;
  color: #2589ff;
  background: #e2ecf8;
  border-radius: 0.8rem;
  padding: 0 0.6rem;
}

@keyframes aniBlinkTag {
  0% {
    -webkit-transform: rotate(135deg) translateY(0);
            transform: rotate(135deg) translateY(0);
  }
  25% {
    -webkit-transform: rotate(135deg) translateY(-10rem);
            transform: rotate(135deg) translateY(-10rem);
  }
  100% {
    -webkit-transform: rotate(135deg) translateY(-10rem);
            transform: rotate(135deg) translateY(-10rem);
  }
}
@-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);
  }
}
.car-sell-list {
  margin: -1.6rem 0;
}
.car-sell-list .car-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 0.1rem solid #eee;
  padding: 1.6rem 0;
}
.car-sell-list .car-item:last-child {
  border-bottom: 0;
}
.car-sell-list .car-item.is-disabled .car-thumb:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
.car-sell-list .car-item.is-disabled .car-thumb .txt-disabled {
  display: block;
}
.car-sell-list .car-item.is-disabled .car-info {
  opacity: 0.4;
}
.car-sell-list .car-thumb {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14.4rem;
          flex: 0 0 14.4rem;
  height: 10.5rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.car-sell-list .car-thumb .txt-disabled {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  display: none;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
}
.car-sell-list .car-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.car-sell-list .car-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 14.4rem);
  padding-left: 1.6rem;
}
.car-sell-list .car-info .car-num {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.car-sell-list .car-info .car-num .tag-round {
  margin: -0.3rem 0 0 0.5rem;
  vertical-align: middle;
}
.car-sell-list .car-info .car-name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  width: 100%;
  margin-top: 1.2rem;
  font-weight: 700;
}
.car-sell-list .car-info .car-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 1rem;
}
.car-sell-list.has-car-select .car-info .car-num {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.03rem;
}
.car-sell-list.has-car-select .car-info .car-name {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: -0.023rem;
}
.car-sell-list.has-car-select .car-info .car-desc {
  margin-top: 0.4rem;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.2px;
  color: rgba(136, 136, 136, 0.89);
}
.car-sell-list.has-car-select .car-info .btn-round {
  margin-top: 0.7rem;
}

.car-estimate-list {
  margin-top: -1.6rem;
}
.car-estimate-list > li {
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid #eee;
}
.car-estimate-list .car-upper {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 1rem;
}
.car-estimate-list .car-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-estimate-list .car-item .car-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 11rem;
          flex: 0 0 11rem;
  width: 11rem;
  height: 8rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.car-estimate-list .car-item .car-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
.car-estimate-list .car-item .car-info {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 11rem);
  padding-left: 1rem;
}
.car-estimate-list .car-item .car-info .car-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-size: 1.3rem;
  width: 100%;
}
.car-estimate-list .car-item .car-mark {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
}
.car-estimate-list .car-item .car-mark:after {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem 0.5rem 0;
  background: #666;
  content: "";
}
.car-estimate-list .car-item .price-area {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  text-align: right;
}
.car-estimate-list .car-item .price-area .price {
  margin-left: 0.2rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.car-rank {
  display: inline-block;
  vertical-align: middle;
  min-width: 3.7rem;
  font-size: 1.2rem;
  background: #fc0;
  border-radius: 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 0.6rem;
  border-radius: 1.3rem;
  text-align: center;
}
.car-rank strong {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: middle;
}
.car-rank span {
  display: inline-block;
  margin: -0.2rem 0 0 0.2rem;
  vertical-align: middle;
}

.car-rank-list {
  margin-top: 1.6rem;
}

.car-rank-item {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.car-rank-item .car-thumb {
  width: 14rem;
  display: table-cell;
  vertical-align: middle;
}
.car-rank-item .car-thumb img {
  width: 100%;
}
.car-rank-item .car-info {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  padding-left: 1rem;
  display: table-cell;
  vertical-align: middle;
}
.car-rank-item .car-name {
  display: block;
  margin-top: 1rem;
}

.info-list2 > li {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #eee;
}
.info-list2 > li:last-child {
  border-bottom: 0;
}
.info-list2 > li .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.info-list2 > li .list-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1.6rem 0 1.6rem 0;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.info-list2 > li .list-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 1.6rem 0 1.6rem 2rem;
}
.info-list2 > li .btn-tooltip {
  font: inherit;
  color: inherit;
}
.info-list2 > li .btn-tooltip span {
  font: inherit;
  color: inherit;
}
.info-list2.subcont-box {
  padding: 0.5rem 2.4rem;
}

.data-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.data-area.point-box, .data-area.search-result-box {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.data-area.point-box .data-item, .data-area.search-result-box .data-item {
  padding: 0 1rem;
  text-align: center;
}
.data-area.point-box.type-divide .data-item, .data-area.type-divide.search-result-box .data-item {
  border-left: 0.1rem solid #eee;
}
.data-area.point-box.type-divide .data-item:first-child, .data-area.type-divide.search-result-box .data-item:first-child {
  border-left: 0;
}
.data-area.type-vertical {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.data-area.type-vertical .data-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 0;
  text-align: left;
}
.data-area.type-vertical .data-item + .data-item {
  margin-top: 1.6rem;
}
.data-area.type-vertical .data-tit {
  margin-bottom: 0;
}
.data-area.type-flat {
  text-align: center;
}
.data-area.type-flat .data-item {
  border-left: 0.1rem solid #eee;
}
.data-area.type-flat .data-item:first-child {
  border-left: 0;
}
.data-area.type-flat .data-cont {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.data-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin: 0;
}
.data-item.size-s .data-tit {
  font-size: 1.2rem;
  line-height: 1.4;
}
.data-item.size-s .data-cont {
  font-size: 1.6rem;
  line-height: 1.4;
}
.data-item.size-l .data-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
  margin-bottom: 0.2rem;
}
.data-item.point-box, .data-item.search-result-box {
  margin-right: 1rem;
  padding: 1.6rem;
  text-align: center;
}
.data-item.point-box:last-child, .data-item.search-result-box:last-child {
  margin-right: 0;
}

.data-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 0.6rem;
}

.data-cont {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.data-cont span, .data-cont strong {
  vertical-align: middle;
}

.point-box .data-item, .search-result-box .data-item {
  border-left: 0;
}
.point-box .data-item .data-tit, .search-result-box .data-item .data-tit {
  font-weight: 500;
}
.point-box.type-table, .type-table.search-result-box {
  padding: 1.2rem 1.6rem;
}
.point-box.type-table > .item-row, .type-table.search-result-box > .item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}
.point-box.type-table > .item-row > .item-th, .type-table.search-result-box > .item-row > .item-th {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 40%;
  padding: 0.6rem 1rem 0.4rem 0;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.point-box.type-table > .item-row > .item-td, .type-table.search-result-box > .item-row > .item-td {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 60%;
  padding: 0.4rem 0;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}

.row-area .row-item {
  margin-top: 0.8rem;
}
.row-area .row-item:first-child {
  margin-top: 0;
}

.row-item {
  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;
}
.row-item .row-tit {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.row-item .row-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  text-align: left;
}
.row-item .row-cont .txt-unit {
  font-weight: 700;
}
.row-item .row-cont:last-child {
  text-align: right;
}
.row-item .contents-title-50,
.row-item .contents-title-100 {
  vertical-align: middle;
}
.row-item.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-info-list > li {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  position: relative;
  margin-top: 1.6rem;
  padding-left: 3rem;
}
.icon-info-list > li:first-child {
  margin-top: 0;
}
.icon-info-list > li .icon24 {
  position: absolute;
  top: -0.2rem;
  left: 0;
}
.icon-info-list .inner-txt-sub {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}

/* Bullet List */
.bullet-sub {
  margin-top: 1rem;
}
.bullet-sub > li {
  position: relative;
  padding-left: 0.8rem;
  font-size: 1.2rem;
  color: #888;
  margin-top: 0.5rem;
}
.bullet-sub > li:first-child {
  margin-top: 0;
}
.bullet-sub > li:before {
  position: absolute;
  top: 0.6rem;
  left: 0;
  display: block;
  width: 0.4rem;
  height: 0.1rem;
  background: #888;
  content: "";
}

/* star / ����ȸ�� */
.bullet-star > li, p.bullet-star {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding-left: 1rem;
  margin-top: 1.6rem;
}
.bullet-star > li:before, p.bullet-star:before {
  font: inherit;
  color: inherit;
  position: absolute;
  top: 0.2rem;
  left: 0;
  display: inline;
  content: "*";
}

.bullet-star {
  margin-top: 1.6rem;
}
.bullet-star > li {
  margin-top: 0.6rem;
}
.bullet-star > li:first-child {
  margin-top: 0;
}

/* 1. 2. ... �ڵ� �ѹ��� �Ҹ� */
.bullet-num {
  counter-reset: bullet-num;
}
.bullet-num > li,
.bullet-num > .bullet-num-item {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  margin-top: 0.8rem;
  padding-left: 1.6rem;
}
.bullet-num > li:before,
.bullet-num > .bullet-num-item:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.2rem;
  counter-increment: bullet-num;
  content: counter(bullet-num) ".";
}
.bullet-num > li:first-child,
.bullet-num > .bullet-num-item:first-child {
  margin-top: 0;
}

.data-list2 {
  display: table;
  width: 100%;
  margin-top: 4rem;
}
.data-list2 > div {
  display: table-row;
}
.data-list2 > div:first-child {
  padding-top: 0;
}
.data-list2 > div.divide dt {
  padding-top: 2.8rem;
}
.data-list2 > div.divide dd {
  padding-top: 2.7rem;
}
.data-list2 > div > dt {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: table-cell;
  width: 20%;
  vertical-align: top;
  padding-top: 1rem;
  padding-right: 1rem;
  text-align: left;
  white-space: nowrap;
}
.data-list2 > div > dt .skeleton-loading {
  height: 1.4rem;
  margin-right: 2.5rem;
  margin-top: 0.1rem;
}
.data-list2 > div > dt .skeleton-loading:before {
  background: #f8f8f8;
}
.data-list2 > div > dd {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: table-cell;
  padding-top: 0.9rem;
  text-align: left;
  font-weight: 400;
  word-break: break-all;
}
.data-list2 > div > dd .skeleton-loading {
  width: 19rem;
}
.data-list2 > div .info-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.8rem;
}
.data-list2 > div .info-desc + .info-desc {
  margin-top: 0.2rem;
}
.data-list2 > div.align-center > dt, .data-list2 > div.align-center > dd {
  vertical-align: middle;
}
.data-list2.type-bg {
  padding: 0.5rem 2rem 1.6rem;
  border-radius: 1.2rem;
  margin: 0;
  background: #f6f8f9;
}
.data-list2.type-bg dt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
}
.data-list2.size-s dt {
  color: #666;
  font-weight: 500;
  white-space: normal;
  width: auto;
}
.data-list2.size-s dd {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #aaa;
}
.data-list2.size-xs dt {
  font-size: 1.2rem;
  color: #888;
  font-weight: 500;
  white-space: normal;
  width: auto;
  line-height: 1.4;
}
.data-list2.size-xs dd {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #222;
}
.data-list2.size-xs .progress-wrapper {
  display: inline-block;
  width: 8rem;
}
.data-list2.size-xs .progress-tag-area {
  margin: 0 0 0.2rem;
}
.data-list2.first {
  margin-top: -1rem;
}

.subcont-box .data-list2 {
  margin-top: 0;
}
.subcont-box .data-list2 > div:first-child dt,
.subcont-box .data-list2 > div:first-child dd {
  padding-top: 0;
}

.product-data:after {
  content: "";
  display: block;
  clear: both;
}
.product-data > div {
  position: relative;
  float: left;
  width: 50%;
  padding-right: 2.5rem;
}
.product-data > div + div {
  padding: 0 0 0 2.5rem;
}
.product-data > div + div:before {
  position: absolute;
  bottom: 0;
  top: 0;
  left: -0.5rem;
  width: 0.1rem;
  background: #707070;
  display: block;
  opacity: 0.3;
  -webkit-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
          transform: rotate(20deg);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  content: "";
}
.product-data .product-data-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}

/* ������/�� ���� */
.model-select-list > li:last-child .model-select-item {
  border-bottom: 0;
}
.model-select-list.type-brand .model-select-thumb {
  width: 6rem;
}
.model-select-list.type-brand .model-select-thumb img {
  width: 3.6rem;
}
.model-select-list.type-model .model-select-thumb {
  width: 6rem;
}
.model-select-list.type-model .model-select-thumb img {
  width: 5.2rem;
}

.model-select-item {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  border-bottom: 0.1rem solid #eee;
  min-height: 5.6rem;
  padding-left: 0.8rem;
}
.model-select-item > input, .inp-box .model-select-item > .ico-confirm {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.model-select-item > input:checked ~ .model-select-thumb .icon, .inp-box .model-select-item > .ico-confirm:checked ~ .model-select-thumb .icon {
  border-color: #ffcc00;
  background-color: #ffcc00;
}
.model-select-item > input:checked ~ .model-select-thumb .icon:before, .inp-box .model-select-item > .ico-confirm:checked ~ .model-select-thumb .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.model-select-item > input:checked ~ .model-select-thumb .icon.type-radio, .inp-box .model-select-item > .ico-confirm:checked ~ .model-select-thumb .icon.type-radio {
  background-image: url("/images/common/icon/icon-radio-on.svg?ver=202205");
  border: 0;
}
.model-select-item > input:checked ~ .model-select-thumb .icon.type-radio:before, .inp-box .model-select-item > .ico-confirm:checked ~ .model-select-thumb .icon.type-radio:before {
  width: 1.4rem;
  background: #ffcc00;
}
.model-select-item > input:disabled ~ .model-select-thumb .icon, .inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-thumb .icon {
  border-color: #ddd;
  background: url(/images/common/icon/icon-check-white.svg) no-repeat #ddd;
  background-size: cover;
}
.model-select-item > input:disabled ~ .model-select-thumb .icon:before, .inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-thumb .icon:before {
  display: none;
}
.model-select-item > input:disabled ~ .model-select-cont, .inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-cont,
.model-select-item > input:disabled ~ .model-select-util,
.inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-util {
  color: #ddd;
}
.model-select-item > input:disabled ~ .model-select-cont .txt-sub, .inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-cont .txt-sub,
.model-select-item > input:disabled ~ .model-select-util .txt-sub,
.inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-util .txt-sub {
  color: inherit;
}
.model-select-item > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 5.6rem;
}
.model-select-item .model-select-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 5.6rem;
  margin-left: -0.8rem;
  text-align: center;
  font-size: 0;
}
.model-select-item .model-select-thumb img {
  vertical-align: middle;
}
.model-select-item .model-select-thumb:after {
  display: inline-block;
  width: 0.1rem;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.model-select-item .model-select-util {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  padding-left: 0.8rem;
}
.model-select-item .model-select-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #222;
  padding: 1rem 0 1rem 0.8rem;
}
.model-select-item .model-select-cont > strong {
  font: inherit;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.model-select-item .model-select-cont .txt-sub {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  color: #888;
  vertical-align: middle;
}
.model-select-item .icon {
  position: relative;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: middle;
  background: url(/images/common/icon/icon-check-gray.svg) no-repeat;
  background-size: cover;
}
.model-select-item .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(/images/common/icon/icon-check-black.svg) no-repeat;
  background-size: cover;
}
.model-select-item .icon.type-radio {
  background: url("/images/common/icon/icon-radio-off.svg?ver=202205") center/contain no-repeat #fff;
  border: 0;
}
.model-select-item .icon.type-radio:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: none !important;
  transition: none !important;
  background: #fff;
}

.model-select-depth {
  padding-left: 1.6rem;
}
.model-select-depth .icon {
  border: none;
}
.model-select-depth .icon:before {
  background: url(/images/common/icon/icon-check-black-sm.svg) no-repeat;
}
.model-select-depth input:checked ~ .model-select-thumb .icon, .model-select-depth .inp-box .ico-confirm:checked ~ .model-select-thumb .icon, .inp-box .model-select-depth .ico-confirm:checked ~ .model-select-thumb .icon {
  background-color: transparent;
}
.model-select-depth input:checked ~ .model-select-thumb .icon.type-radio, .model-select-depth .inp-box .ico-confirm:checked ~ .model-select-thumb .icon.type-radio, .inp-box .model-select-depth .ico-confirm:checked ~ .model-select-thumb .icon.type-radio {
  background-image: url("/images/common/icon/icon-radio-on.svg?ver=202205");
  border: 0;
}
.model-select-depth input:checked ~ .model-select-thumb .icon.type-radio:before, .model-select-depth .inp-box .ico-confirm:checked ~ .model-select-thumb .icon.type-radio:before, .inp-box .model-select-depth .ico-confirm:checked ~ .model-select-thumb .icon.type-radio:before {
  background: #ffcc00;
}
.model-select-depth input:disabled ~ .model-select-thumb .icon, .model-select-depth .inp-box .ico-confirm:disabled ~ .model-select-thumb .icon, .inp-box .model-select-depth .ico-confirm:disabled ~ .model-select-thumb .icon {
  background: url(/images/common/icon/icon-check-gray-sm.svg) no-repeat transparent;
}
.model-select-depth input:disabled ~ .model-select-thumb .icon.type-radio, .model-select-depth .inp-box .ico-confirm:disabled ~ .model-select-thumb .icon.type-radio, .inp-box .model-select-depth .ico-confirm:disabled ~ .model-select-thumb .icon.type-radio {
  border: 0.1rem solid #ddd;
  background: #f8f8f8;
}
.model-select-depth input:disabled ~ .model-select-thumb .icon.type-radio:before, .model-select-depth .inp-box .ico-confirm:disabled ~ .model-select-thumb .icon.type-radio:before, .inp-box .model-select-depth .ico-confirm:disabled ~ .model-select-thumb .icon.type-radio:before {
  display: none;
}

/* dummy
// ������ ���� > �� ���� ��� �̾߱�; ����� + �ؽ�Ʈ
.thumb-list {
    .thumb-list-item {
        margin-top: 1.6rem;
    }
}
.thumb-list-item {
    display: table;
    width: 100%;
    table-layout: fixed;

    .thumb {
        display: table-cell;
        width: 8rem;
        height: 8rem;
        border: 0.1rem solid rgba(170, 170, 170, 0.2);
        border-radius: 1.2rem;
        overflow: hidden;
        vertical-align: middle;

        img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            border: none;
        }
    }
    .inner-cont {
        display: table-cell;
        width: calc(100% - 8rem);
        vertical-align: middle;

        > span {
            @include page-intro-200;
            font-weight: 400;
            color: #222;
            padding-left: 1.2rem;
            max-height: 4.8em;
            line-height: 1.4;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .category {
            display: block;
            font-weight: 500;
        }
    }
}
*/
.option-choice-area:after {
  content: "";
  display: block;
  clear: both;
}
.option-choice-area .option-choice-column {
  float: left;
  width: 50%;
}

.option-choice-column > li {
  margin-bottom: 2rem;
}
.option-choice-column > li .point-box, .option-choice-column > li .search-result-box {
  display: none;
}
.option-choice-column > li.is-expanded .point-box, .option-choice-column > li.is-expanded .search-result-box {
  display: block;
}

.data-cost {
  display: table;
  width: 100%;
  border-top: 0.1rem solid #aaa;
}
.data-cost > div {
  display: table-row;
}
.data-cost > div.total-item dt, .data-cost > div.total-item dd {
  font-weight: 700;
  background: #f8f8f8;
}
.data-cost dt, .data-cost dd {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: table-cell;
  border-bottom: 0.1rem solid #eee;
  padding: 1.6rem;
  vertical-align: middle;
}
.data-cost dt .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.6rem;
  font-weight: 500;
}
.data-cost dd {
  text-align: right;
}

.data-box-list .data-box {
  margin-top: 1.2rem;
}

.data-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0.1rem solid #ddd;
  padding: 1.2rem 1.6rem;
  border-radius: 1.2rem;
  word-break: break-all;
}
.data-box .inner-dt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  white-space: nowrap;
  padding-right: 1.2rem;
}
.data-box .inner-dd {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
}
.data-box .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  text-indent: -99px;
}
.data-box .txt-placeholder {
  color: #888;
}
.data-box .form-switch {
  vertical-align: middle;
}
.data-box > .icon16 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.data-box.is-disabled {
  background: #eee;
}

.data-line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 6.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.1rem solid #eee;
  padding: 1.2rem 0;
  word-break: break-all;
}
.data-line .inner-dt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-align: left;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 20%;
          flex: 1 0 20%;
  white-space: nowrap;
  padding-right: 1.2rem;
}
.data-line .inner-dd {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
}
.data-line .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  text-indent: -99px;
}
.data-line .txt-placeholder {
  color: #888;
}
.data-line .form-switch {
  vertical-align: middle;
}
.data-line > .icon16 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.skeleton-loading {
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.skeleton-loading.bar {
  display: block;
  height: 1.6rem;
}
.skeleton-loading:before {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #eee;
  content: "";
}
.skeleton-loading:after {
  z-index: 2;
  top: -10%;
  left: -3rem;
  position: absolute;
  display: block;
  width: 3rem;
  height: 200%;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, #fff), color-stop(80%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 20%, #fff 80%, rgba(255, 255, 255, 0) 100%);
  -webkit-animation: aniSkeletonShine ease-in-out 2.5s infinite forwards;
          animation: aniSkeletonShine ease-in-out 2.5s infinite forwards;
  opacity: 0.4;
  content: "";
}
.skeleton-loading.loaded {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
  opacity: 0;
}
@-webkit-keyframes aniSkeletonShine {
  0% {
    left: -3rem;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes aniSkeletonShine {
  0% {
    left: -3rem;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

.ui-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: none;
  background: rgba(255, 255, 255, 0.9);
}
.ui-loading.show {
  display: block;
}
.ui-loading:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: rgb(211, 211, 211);
  border-radius: 50%;
  line-height: 10rem;
  text-align: center;
  font-size: 1.4rem;
}
.ui-loading .txt-loading {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 5rem;
  margin-top: 7rem;
  font-size: 1.6rem;
  color: #222;
  text-align: center;
  content: "";
}

/* result */
.result-box.type-bg {
  background: #f6f8f9;
  border-radius: 1.2rem;
  padding: 2.4rem 1.6rem;
}
.result-box .txt-s {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 1.4rem;
}

.section .result-box-area.type-full {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9.6rem 0 15rem;
  height: 100vh;
}
.section .result-box-area.type-full .result-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.result-box-area .inner-bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.result-box-area .inner-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ���հ˻� */
.search-result-area {
  margin-top: 3.2rem;
}
.search-result-area:first-child {
  margin-top: 0;
}
.search-result-area .nodata {
  margin-top: 0.8rem;
}

.search-result-category {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 0.8rem;
  color: #222;
  font-weight: 500;
}
.search-result-category h4 {
  font: inherit;
}

.search-result-box {
  padding: 2.4rem 2rem;
}

.search-result-tit {
  margin: 3.2rem 0 2.4rem;
}
.search-result-tit:first-child {
  margin-top: 0;
}
.search-result-tit .cont {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 500;
}
.search-result-tit .cont strong {
  font: inherit;
}
.search-result-tit .util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 0.5rem;
  text-align: right;
}

.search-result-desc {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.search-result-desc strong {
  color: #2589ff;
}

.search-result-list > li {
  margin-top: 1.6rem;
}
.search-result-list > li .cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.search-result-list > li .cont strong {
  font: inherit;
}
.search-result-list > li .util {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 10rem;
  padding-left: 0.5rem;
  text-align: right;
}
.search-result-list > li .txt-complex {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.search-result-list > li .txt-complex .sub {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  font-weight: 700;
  color: #222;
}
.search-result-list > li .txt-disabled {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
}

.ui-datepicker {
  z-index: 5001 !important;
  font: inherit;
  font-size: 1.6rem;
  color: #222;
  border-radius: 1.2rem;
}
.ui-datepicker.ui-widget-content {
  border: 0.1rem solid #aaa;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
  width: 25rem;
  padding: 0.5rem 1.2rem;
}
.ui-datepicker .ui-icon {
  background: none;
  width: 1rem;
  height: 1rem;
  border-top: 0.2rem solid #222;
  border-right: 0.2rem solid #222;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.ui-datepicker .ui-icon-circle-triangle-w {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.ui-datepicker .ui-state-hover {
  font: inherit;
  background: none;
  border: none;
  color: inherit;
}
.ui-datepicker .ui-datepicker-prev {
  top: 0.1rem;
  left: 0.6rem;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-prev:focus, .ui-datepicker .ui-datepicker-prev:active {
  background: #eee;
}
.ui-datepicker .ui-datepicker-prev span {
  margin-top: -0.5rem;
  margin-left: -0.5rem;
}
.ui-datepicker .ui-datepicker-next {
  top: 0.1rem;
  right: 0.5rem;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-next:focus, .ui-datepicker .ui-datepicker-next:active {
  background: #eee;
}
.ui-datepicker .ui-datepicker-next span {
  margin-top: -0.5rem;
  margin-left: -0.7rem;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0 2rem 0;
  background: none;
  border: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0 auto;
  font-weight: 700;
  line-height: 3rem;
  height: 3rem;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
  font: inherit;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .label-year {
  display: inline-block;
  margin: 0 1.4rem 0 -3.1rem;
  width: 1.5rem;
  height: 3rem;
  line-height: 3rem;
  vertical-align: baseline;
  text-align: right;
  pointer-events: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0.3rem;
  line-height: 3rem;
  height: 3rem;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 0 1.3rem 0 0;
  text-align: right;
  text-align: -webkit-center;
  direction: rtl;
  background: url("/images/common/icon/icon-arrow-bottom-dark.svg") right center/1.2rem auto no-repeat;
  font: inherit;
  color: inherit;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year {
  width: 7rem;
  padding-right: 2.7rem;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
  width: 5rem;
}
.ui-datepicker td {
  line-height: 0;
  padding: 0;
}
.ui-datepicker thead th {
  font-size: 1.2rem;
  color: #888;
  border-bottom: 0.1rem solid #eee;
}
.ui-datepicker tbody tr:first-child td {
  padding-top: 0.7rem;
}
.ui-datepicker .ui-state-default {
  border: none;
  background: none;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 3rem;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border-radius: 50%;
}
.ui-datepicker .ui-state-default.ui-state-highlight {
  background: #eee;
  color: inherit;
}
.ui-datepicker .ui-state-default.ui-state-active {
  background: #fc0;
  color: inherit;
}

.menu-list .menu-list-item {
  display: block;
  width: 100%;
  padding: 1.6rem 0;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.menu-list .menu-list-item__text {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.menu-list.col2 > li {
  float: left;
  width: 50%;
}
.menu-list.col2:after {
  content: "";
  display: block;
  clear: both;
}

.menu-tag {
  display: inline-block;
  vertical-align: middle;
  height: 2rem;
  line-height: 0;
  padding: 0.3rem 0.7rem;
  border-radius: 1rem;
  background: #ffefb2;
  margin: -0.2rem 0 0 1rem;
}
.menu-tag img {
  display: block;
  height: 1.2rem;
}

.subcont-area.type-divide .accordion-list-wrap:first-child {
  margin-top: -3.2rem;
}
.subcont-area.type-divide .accordion-list-wrap:last-child {
  margin-bottom: -3.2rem;
}
.subcont-area.type-divide .accordion-wrap.type-flat,
.subcont-area.type-divide .accordion-wrap.type-flat-bold {
  margin: 0 -1.6rem;
}
.subcont-area.type-divide.first .accordion-list-wrap:first-child {
  margin-top: -1.6rem;
}

.accordion-list-wrap > ul > li:first-child .accordion-wrap.type-flat {
  border-top: 0;
}
.subcont-area .accordion-wrap.type-flat.size-s {
  margin: 0 -1.6rem;
}

.accordion-wrap.type-flat {
  position: relative;
  border-top: 0.1rem solid #eee;
}
.accordion-wrap.type-flat > .icon16 {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.accordion-wrap.type-flat > .icon16 ~ .accordion-header,
.accordion-wrap.type-flat > .icon16 ~ .accordion-container {
  padding-left: 3.8rem;
}
.accordion-wrap.type-flat .accordion-header {
  padding: 2.4rem 1.6rem;
}
.accordion-wrap.type-flat .accordion-header .acco-left strong {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: left;
}
.accordion-wrap.type-flat .accordion-container {
  padding: 0 1.6rem 2.4rem;
  text-align: left;
}
.accordion-wrap.type-flat.size-s .acco-left {
  padding-right: 1rem;
}
.accordion-wrap.type-flat.size-s .acco-left strong {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  color: #222;
}
.accordion-wrap.type-flat.size-s .accordion-header {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.accordion-wrap.type-flat.size-s .accordion-container {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.accordion-wrap.type-flat.size-s.toggle-active .acco-left strong {
  font-weight: 700;
}
.accordion-wrap.type-flat.toggle-active:not(.prevent-event) .accordion-header {
  padding-bottom: 1.6rem;
}
.accordion-wrap.type-flat.toggle-active:not(.prevent-event) .icon-acco-arrow:after,
.accordion-wrap.type-flat.toggle-active:not(.prevent-event) .icon-acco-arrow-s:after {
  -webkit-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
      -ms-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
          transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
}
.accordion-wrap.type-flat.prevent-acco .accordion-header .acco-left strong {
  color: #aaa;
}
.accordion-wrap.type-flat.prevent-acco .icon-acco-arrow:after,
.accordion-wrap.type-flat.prevent-acco .icon-acco-arrow-s:after {
  opacity: 0.4;
}

.accordion-wrap.type-flat-bold {
  border-top: 0.1rem solid #222;
}
.accordion-wrap.type-flat-bold.toggle-active .icon-acco-arrow-s:after {
  -webkit-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
      -ms-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
          transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
}
.accordion-wrap.type-flat-bold .accordion-header {
  padding: 1.6rem 1rem;
}
.accordion-wrap.type-flat-bold .accordion-header .acco-left strong {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.accordion-wrap.type-flat-bold .accordion-container {
  padding: 1.2rem 1rem 3.2rem;
  border-bottom: 0.1rem solid #ddd;
}

.icon-acco-arrow {
  position: relative;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
.icon-acco-arrow:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(135deg) scale(0.5) translate(-0.3rem, 0.8rem);
      -ms-transform: rotate(135deg) scale(0.5) translate(-0.3rem, 0.8rem);
          transform: rotate(135deg) scale(0.5) translate(-0.3rem, 0.8rem);
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  content: "";
}

.icon-acco-arrow-s {
  position: relative;
  display: block;
  width: 1.2rem;
  height: 1.2rem;
}
.icon-acco-arrow-s:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(135deg) scale(0.5) translate(-0.3rem, 0.8rem);
      -ms-transform: rotate(135deg) scale(0.5) translate(-0.3rem, 0.8rem);
          transform: rotate(135deg) scale(0.5) translate(-0.3rem, 0.8rem);
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  content: "";
}

.accordion-wrap.type-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  background: #fff;
  display: block;
  padding: 2rem 2.4rem;
  margin-top: 1.2rem;
}
.accordion-wrap.type-box .accordion-header {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  padding: 0;
  font-weight: 400;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.accordion-wrap.type-box .accordion-header strong {
  font: inherit;
}
.accordion-wrap.type-box .accordion-header.type-qna .acco-left {
  position: relative;
  padding-left: 2rem;
}
.accordion-wrap.type-box .accordion-header.type-qna .txt-qna {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  font-weight: 700;
}
.accordion-wrap.type-box .accordion-header .icon-acco-arrow-s {
  margin-top: 0.6rem;
  margin-left: 0.5rem;
}
.accordion-wrap.type-box.toggle-active .icon-acco-arrow-s:after {
  -webkit-transform: rotate(-45deg) scale(0.5) translate(-0.3rem, -0.2rem);
      -ms-transform: rotate(-45deg) scale(0.5) translate(-0.3rem, -0.2rem);
          transform: rotate(-45deg) scale(0.5) translate(-0.3rem, -0.2rem);
}
.accordion-wrap.type-box .accordion-container {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
  background: #f8f8f8;
  border-radius: 1.2rem;
  margin: 1.3rem 0 1rem;
  padding: 2rem 2.4rem;
}

.accordion-list-wrap.type-qna {
  border-top: 0.2rem solid #666;
}
.intro-section-inner .accordion-list-wrap.type-qna {
  margin: 0 1.6rem;
}

.accordion-wrap.type-qna {
  position: relative;
  border-bottom: 0.1rem solid #ddd;
  text-align: left;
}
.accordion-wrap.type-qna > .icon16 {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.accordion-wrap.type-qna > .icon16 ~ .accordion-header,
.accordion-wrap.type-qna > .icon16 ~ .accordion-container {
  padding-left: 3.8rem;
}
.accordion-wrap.type-qna .accordion-container {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding: 0 0 2.4rem 2rem;
  text-align: left;
}
.accordion-wrap.type-qna .accordion-container:before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  display: block;
  font-size: 1.8rem;
  font-weight: 800;
  color: #2589ff;
  content: "A";
}
.accordion-wrap.type-qna .acco-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 1rem;
  text-align: left;
}
.accordion-wrap.type-qna .acco-left strong {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  color: #222;
}
.accordion-wrap.type-qna .accordion-header {
  position: relative;
  padding: 1.6rem 0 1.6rem 2rem;
}
.accordion-wrap.type-qna .accordion-header:before {
  position: absolute;
  top: 1.5rem;
  left: 0;
  display: block;
  font-size: 1.8rem;
  font-weight: 800;
  color: #ffcc00;
  content: "Q";
}
.accordion-wrap.type-qna.toggle-active:not(.prevent-event) .accordion-header {
  padding-bottom: 1.6rem;
}
.accordion-wrap.type-qna.toggle-active:not(.prevent-event) .icon-acco-arrow:after,
.accordion-wrap.type-qna.toggle-active:not(.prevent-event) .icon-acco-arrow-s:after {
  -webkit-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
      -ms-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
          transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
}
.accordion-wrap.type-qna.prevent-acco .accordion-header .acco-left strong {
  color: #aaa;
}
.accordion-wrap.type-qna.prevent-acco .icon-acco-arrow:after,
.accordion-wrap.type-qna.prevent-acco .icon-acco-arrow-s:after {
  opacity: 0.4;
}

.accordion-list-wrap.type-flat-black {
  border-top: 0.2rem solid #666;
}
.intro-section-inner .accordion-list-wrap.type-flat-black {
  margin: 0 1.6rem;
}

.accordion-wrap.type-flat-black {
  position: relative;
  border-bottom: 0.1rem solid #ddd;
  text-align: left;
}
.accordion-wrap.type-flat-black > .icon16 {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.accordion-wrap.type-flat-black > .icon16 ~ .accordion-header,
.accordion-wrap.type-flat-black > .icon16 ~ .accordion-container {
  padding-left: 3.8rem;
}
.accordion-wrap.type-flat-black .accordion-container {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding: 0 0.8rem 2.4rem;
  text-align: left;
}
.accordion-wrap.type-flat-black .acco-left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-right: 1rem;
  text-align: left;
}
.accordion-wrap.type-flat-black .acco-left strong {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  color: #222;
}
.accordion-wrap.type-flat-black .acco-left .num {
  font-size: 1.6rem;
  font-weight: 700;
  margin-left: 1.6rem;
  vertical-align: middle;
}
.accordion-wrap.type-flat-black .accordion-header {
  position: relative;
  padding: 1.6rem 0.5rem;
}
.accordion-wrap.type-flat-black.toggle-active:not(.prevent-event) .accordion-header {
  padding-bottom: 1.6rem;
}
.accordion-wrap.type-flat-black.toggle-active:not(.prevent-event) .icon-acco-arrow:after,
.accordion-wrap.type-flat-black.toggle-active:not(.prevent-event) .icon-acco-arrow-s:after {
  -webkit-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
      -ms-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
          transform: rotate(315deg) scale(0.5) translate(-0.5rem, -0.2rem);
}
.accordion-wrap.type-flat-black.prevent-acco .accordion-header .acco-left strong {
  color: #aaa;
}
.accordion-wrap.type-flat-black.prevent-acco .icon-acco-arrow:after,
.accordion-wrap.type-flat-black.prevent-acco .icon-acco-arrow-s:after {
  opacity: 0.4;
}

.intro-section-inner {
  max-width: 50rem;
  margin: 0 auto;
}

.intro-section {
  position: relative;
  background: #f6f8f9;
  padding: 0 2.5rem 8rem;
  overflow: hidden;
}
.intro-section.bg-white {
  background: #fff !important;
}

.intro-section-tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  padding-top: 4rem;
}
.intro-section-tit .tag {
  display: block;
  margin-bottom: 2rem;
}
.intro-section-tit .tag strong {
  display: inline-block;
  background: #222;
  min-width: 8.3rem;
  height: 2.6rem;
  line-height: 2.6rem;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 1.3rem;
  padding: 0 0.8rem;
  text-align: center;
}
.intro-section-tit h3 {
  font: inherit;
}
.intro-section-tit .tit-sub {
  display: block;
  margin-bottom: 1rem;
}
.intro-section-tit .tit-sub strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  border-bottom: 0.2rem solid #222;
}

.intro-desc {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  word-break: keep-all;
}

.intro-section-tit2 {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin: 0 1.6rem;
  text-align: center;
  font-weight: 400;
}
.intro-section-tit2 h3 {
  font: inherit;
}
.intro-section-tit2 .tit-sub2 {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  margin-bottom: 1.6rem;
}
.intro-section-tit2 .tit-sub2 strong {
  font: inherit;
}

.intro-desc2 {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  word-break: keep-all;
  margin: 1.6rem 1.6rem 0;
}
.intro-desc2.size-s {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 1.2rem;
}

.intro-btns .btn-round {
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 0.2rem;
}

.simple-review-slider {
  margin-top: 3rem;
  padding: 1.2rem 0;
}

.simple-review-item {
  background: #fff;
  border-radius: 1.6rem;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  padding: 2.8rem;
  height: auto !important;
}
.simple-review-item .review-header {
  position: relative;
  font-size: 0;
}
.simple-review-item .inner-thumb {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f8f8f8;
  vertical-align: middle;
}
.simple-review-item .inner-thumb.type-man {
  background-image: url("/images/common/icon/profile-man.png");
}
.simple-review-item .inner-thumb.type-woman {
  background-image: url("/images/common/icon/profile-woman.png");
}
.simple-review-item .inner-thumb.type-manage {
  background-image: url("/images/common/icon/profile-manager.png");
}
.simple-review-item .inner-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
  width: calc(100% - 5rem);
  vertical-align: middle;
  padding-left: 0.8rem;
}
.simple-review-item .inner-tit .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #222;
}
.simple-review-item .review-body {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 1.3rem;
  word-break: keep-all;
}

/* kbcare */
.intro-section[class*=type-kbcare] {
  padding: 6rem 0;
  text-align: center;
}
.intro-section[class*=type-kbcare] .btn-round.size-xl {
  background: #fff;
}
.intro-section[class*=type-kbcare] .service-icon-list {
  margin-bottom: 3rem;
}
.intro-section[class*=type-kbcare] .service-icon-list .inner-txt {
  color: #666;
}
.intro-section[class*=type-kbcare-free] {
  background: #ececff;
}
.intro-section[class*=type-kbcare-free] .btn-round.size-xl {
  border-color: #8b8bff;
  color: #1e1eff;
}
.intro-section[class*=type-kbcare-refund] {
  background: #e0f0ff;
}
.intro-section[class*=type-kbcare-refund] .btn-round.size-xl {
  border-color: #0075ff;
  color: #0075ff;
}
.intro-section.type-kbcare-free-who .img-free.gear {
  position: absolute;
  width: 3.7rem;
  height: 2.5rem;
  background: url("/images/common/buy/intro-ewfree-intro-gear.png") center/contain no-repeat;
  top: 5rem;
  left: 0;
  -webkit-transform: translateX(-40%);
      -ms-transform: translateX(-40%);
          transform: translateX(-40%);
}

.intro-visual {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 100%;
}
.intro-visual .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.intro-visual.type-kbcare-free-intro {
  opacity: 0;
  -webkit-transform: translateY(5%);
      -ms-transform: translateY(5%);
          transform: translateY(5%);
  -webkit-transition: opacity ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, transform ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
}
.intro-visual.type-kbcare-free-intro.screenon {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.intro-visual.type-kbcare-free-intro .img.center-black {
  background-image: url("/images/common/buy/intro-ewfree-intro-center-black.png");
}
.intro-visual.type-kbcare-free-intro .img.center1 {
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
  background-image: url("/images/common/buy/intro-ewfree-intro-center1.png");
}
.intro-visual.type-kbcare-free-intro .img.car {
  background-image: url("/images/common/buy/intro-ewfree-intro-car.png");
  -webkit-transform: translate(-10%, -8%);
      -ms-transform: translate(-10%, -8%);
          transform: translate(-10%, -8%);
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.8s;
  transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.8s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.8s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.8s, -webkit-transform ease-in-out 0.8s;
}
.intro-visual.type-kbcare-free-intro .img.center2 {
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
  background-image: url("/images/common/buy/intro-ewfree-intro-center2.png");
}
.intro-visual.type-kbcare-free-intro .img.tire {
  width: 10.6rem;
  height: 8rem;
  background-image: url("/images/common/buy/intro-ewfree-intro-tire.png");
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(10%);
      -ms-transform: translateX(10%);
          transform: translateX(10%);
}
.intro-visual.screenon.type-kbcare-free-intro .img.car {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.intro-visual.screenon.type-kbcare-free-intro .img.center1, .intro-visual.screenon.type-kbcare-free-intro .img.center2 {
  opacity: 1;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.intro-visual.type-kbcare-free-who .img.document1 {
  background-image: url("/images/common/buy/intro-ewfree-who-document1.png");
  -webkit-transform: translateY(15%);
      -ms-transform: translateY(15%);
          transform: translateY(15%);
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
}
.intro-visual.type-kbcare-free-who .img.document2 {
  background-image: url("/images/common/buy/intro-ewfree-who-document2.png");
  -webkit-transform: translateX(10%) translateY(-4%);
      -ms-transform: translateX(10%) translateY(-4%);
          transform: translateX(10%) translateY(-4%);
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
}
.intro-visual.type-kbcare-free-who .img.coin {
  background-image: url("/images/common/buy/intro-ewfree-who-coin.png");
  -webkit-transform: translateY(-6%);
      -ms-transform: translateY(-6%);
          transform: translateY(-6%);
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
}
.intro-visual.type-kbcare-free-who .img.gear {
  background-image: url("/images/common/buy/intro-ewfree-who-gear.png");
  -webkit-transition: -webkit-transform linear 0.1s;
  transition: -webkit-transform linear 0.1s;
  transition: transform linear 0.1s;
  transition: transform linear 0.1s, -webkit-transform linear 0.1s;
}
.intro-visual.type-kbcare-free-who .img.car {
  background-image: url("/images/common/buy/intro-ewfree-who-car.png");
  -webkit-transition: -webkit-transform linear 0.1s;
  transition: -webkit-transform linear 0.1s;
  transition: transform linear 0.1s;
  transition: transform linear 0.1s, -webkit-transform linear 0.1s;
}
.intro-visual.screenon.type-kbcare-free-who .img.document1, .intro-visual.screenon.type-kbcare-free-who .img.document2, .intro-visual.screenon.type-kbcare-free-who .img.coin {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.intro-visual.screenon.type-kbcare-free-who .img.document2 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.intro-visual.screenon.type-kbcare-free-who .img.coin {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.intro-visual.type-kbcare-refund-intro {
  margin-top: 3rem;
  padding-top: 72%;
}
.intro-visual.type-kbcare-refund-intro .img.hand1 {
  opacity: 0;
  -webkit-transform: translateX(10%) translateY(2%);
      -ms-transform: translateX(10%) translateY(2%);
          transform: translateX(10%) translateY(2%);
  background-image: url("/images/common/buy/intro-refund-intro-hand1.png");
  -webkit-transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.6s;
  transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.6s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.6s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.6s, -webkit-transform ease-in-out 0.6s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.intro-visual.type-kbcare-refund-intro .img.hand2 {
  opacity: 0;
  -webkit-transform: translateX(-10%) translateY(-5%);
      -ms-transform: translateX(-10%) translateY(-5%);
          transform: translateX(-10%) translateY(-5%);
  background-image: url("/images/common/buy/intro-refund-intro-hand2.png");
  -webkit-transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.6s;
  transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.6s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.6s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.6s, -webkit-transform ease-in-out 0.6s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.intro-visual.type-kbcare-refund-intro.screenon .img.hand1 {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.intro-visual.type-kbcare-refund-intro.screenon .img.hand2 {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
@-webkit-keyframes aniHand1Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes aniHand1Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20%) translateY(-10%);
            transform: translateX(20%) translateY(-10%);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes aniHand2Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%) translateY(-5%);
            transform: translateX(-20%) translateY(-5%);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
@keyframes aniHand2Show {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20%) translateY(-5%);
            transform: translateX(-20%) translateY(-5%);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}
.intro-visual.type-kbcare-refund-intro2 {
  margin-top: 3rem;
  padding: 0;
}
.intro-visual.type-kbcare-refund-intro2 .img-area {
  position: relative;
  padding-top: 72%;
}
.intro-visual.type-kbcare-refund-intro2 .img {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transform: translateY(-2rem);
      -ms-transform: translateY(-2rem);
          transform: translateY(-2rem);
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform cubic-bezier(0.81, 0.29, 0.42, 1.04) 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform cubic-bezier(0.81, 0.29, 0.42, 1.04) 0.2s;
  transition: opacity ease-in-out 0.2s, transform cubic-bezier(0.81, 0.29, 0.42, 1.04) 0.2s;
  transition: opacity ease-in-out 0.2s, transform cubic-bezier(0.81, 0.29, 0.42, 1.04) 0.2s, -webkit-transform cubic-bezier(0.81, 0.29, 0.42, 1.04) 0.2s;
}
.intro-visual.type-kbcare-refund-intro2 .img.arrow {
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.31, 1.3);
          transition-timing-function: cubic-bezier(0.42, 0, 0.31, 1.3);
  -webkit-transform: translateX(-50%) translateY(-28%) rotate(15deg);
      -ms-transform: translateX(-50%) translateY(-28%) rotate(15deg);
          transform: translateX(-50%) translateY(-28%) rotate(15deg);
  opacity: 0;
  background-image: url("/images/common/buy/intro-refund-arrow.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin1.n1 {
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  background-image: url("/images/common/buy/intro-refund-coin1-1.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin1.n2 {
  background-image: url("/images/common/buy/intro-refund-coin1-2.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin1.n3 {
  background-image: url("/images/common/buy/intro-refund-coin1-3.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin1.n4 {
  background-image: url("/images/common/buy/intro-refund-coin1-4.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin1.n5 {
  background-image: url("/images/common/buy/intro-refund-coin1-5.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin2.n1 {
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  background-image: url("/images/common/buy/intro-refund-coin2-1.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin2.n2 {
  background-image: url("/images/common/buy/intro-refund-coin2-2.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin2.n3 {
  background-image: url("/images/common/buy/intro-refund-coin2-3.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin2.n4 {
  background-image: url("/images/common/buy/intro-refund-coin2-4.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin3 {
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  background-image: url("/images/common/buy/intro-refund-coin3-1.png");
}
.intro-visual.type-kbcare-refund-intro2.screenon .img {
  opacity: 1;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin1.n1 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin1.n2 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin1.n3 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin1.n4 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin1.n5 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin2.n1 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin2.n2 {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin2.n3 {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin2.n4 {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.coin3 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .img.arrow {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.intro-visual.type-kbcare-refund-intro2.screenon .desc-area .desc {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.intro-visual.type-kbcare-refund-intro2 .desc-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -3rem;
  padding: 0 16%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #222;
}
.intro-visual.type-kbcare-refund-intro2 .desc-area .desc {
  font-size: 1.4rem;
  font-weight: 400;
  opacity: 0;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
  -webkit-transition: opacity ease-in-out 0.2s 0.2s, -webkit-transform ease-in-out 0.2s 0.2s;
  transition: opacity ease-in-out 0.2s 0.2s, -webkit-transform ease-in-out 0.2s 0.2s;
  transition: opacity ease-in-out 0.2s 0.2s, transform ease-in-out 0.2s 0.2s;
  transition: opacity ease-in-out 0.2s 0.2s, transform ease-in-out 0.2s 0.2s, -webkit-transform ease-in-out 0.2s 0.2s;
}
.intro-visual.type-kbcare-refund-intro2 .desc-area .desc > strong {
  display: block;
  margin-bottom: 0.2rem;
  font-weight: 500;
}
.intro-visual.type-kbcare-refund-intro2 .desc-area .desc.n2 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.intro-visual.type-kbcare-refund-intro2 .desc-area .desc.n3 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.intro-visual.type-kbcare-refund-intro2 .desc-area .desc.type-point {
  font-size: 1.8rem;
  font-weight: 700;
}
.intro-visual.type-kbcare-refund-intro2 .desc-area .desc.type-point > strong {
  font-weight: 700;
}
.intro-visual.type-kbcare-refund-intro2 .desc-area .desc.type-point > span {
  color: #2589ff;
  font-weight: 700;
}
.intro-visual.type-kbcare-refund-intro2 .added-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 2rem;
  color: #888;
}
.intro-visual.type-kbcare-refund-coupon {
  z-index: 0;
  margin-top: 3rem;
  padding-top: 60%;
}
.intro-visual.type-kbcare-refund-coupon .img {
  opacity: 0;
  -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transition: opacity ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, transform ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
}
.intro-visual.type-kbcare-refund-coupon .img.coin1 {
  background-image: url("/images/common/buy/intro-refund-coupon-coin1.png");
}
.intro-visual.type-kbcare-refund-coupon .img.coin2 {
  background-image: url("/images/common/buy/intro-refund-coupon-coin2.png");
}
.intro-visual.type-kbcare-refund-coupon .img.coin3 {
  z-index: 2;
  background-image: url("/images/common/buy/intro-refund-coupon-coin3.png");
}
.intro-visual.type-kbcare-refund-coupon .img.coupon1 {
  background-image: url("/images/common/buy/intro-refund-coupon-coupon1.png");
}
.intro-visual.type-kbcare-refund-coupon .img.coupon2 {
  background-image: url("/images/common/buy/intro-refund-coupon-coupon2.png");
}
.intro-visual.type-kbcare-refund-coupon.screenon .img {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.intro-visual.type-kbcare-refund-coupon.screenon .img:nth-child(1) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.intro-visual.type-kbcare-refund-coupon.screenon .img:nth-child(2) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.intro-visual.type-kbcare-refund-coupon.screenon .img:nth-child(3) {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}
.intro-visual.type-kbcare-refund-coupon.screenon .img:nth-child(4) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.intro-visual.type-kbcare-refund-coupon.screenon .img:nth-child(5) {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

.kbcare-part-img {
  z-index: 20;
  position: fixed;
  top: 4.4rem;
  left: 0;
  width: 100%;
  padding: 0;
}
.kbcare-part-img .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 1.6rem;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
  text-align: center;
  background: #fff;
}
.kbcare-part-img .item:after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  height: 3rem;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  content: "";
}
.kbcare-part-img .item img {
  width: 100%;
  max-width: 42rem;
  max-height: 32vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
.kbcare-part-img .item.all {
  z-index: 99;
  position: relative;
  padding: 6.8rem 0 0;
  height: calc(90vh - 20rem);
  -webkit-transform: translateX(30%) translateY(-30%) scale(1.8);
      -ms-transform: translateX(30%) translateY(-30%) scale(1.8);
          transform: translateX(30%) translateY(-30%) scale(1.8);
  opacity: 0;
  -webkit-transition: all ease-in-out 0.6s;
  transition: all ease-in-out 0.6s;
}
.kbcare-part-img .item.all img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 28.4rem;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.kbcare-part-img .item.active img {
  opacity: 1;
}
.kbcare-part-img .item.active.all {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}

.kbcare-part-deatil .item {
  margin-top: 8rem;
}
.kbcare-part-deatil .item > dd {
  margin-bottom: 3.2rem;
}
.kbcare-part-deatil .item:first-child {
  margin-top: 0;
}
.kbcare-part-deatil .tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 1.6rem;
}
.kbcare-part-deatil .tit .icon40 {
  margin-bottom: 1.8rem;
}
.kbcare-part-deatil .tit > strong {
  display: block;
}
.kbcare-part-deatil .sub-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  margin-bottom: 0.8rem;
  font-weight: 700;
}
.kbcare-part-deatil .btn-wrap {
  margin-top: 1.2rem;
}

[data-page-name=M-EW-FreeGuideDetail01-Modal-03] {
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  padding-top: 35rem;
}
[data-page-name=M-EW-FreeGuideDetail01-Modal-03].is-home {
  padding-top: calc(90vh - 20rem);
}
[data-page-name=M-EW-FreeGuideDetail01-Modal-03].is-home .intro-guide-txt {
  opacity: 1;
}
[data-page-name=M-EW-FreeGuideDetail01-Modal-03].is-home:after {
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 30rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  content: "";
}
[data-page-name=M-EW-FreeGuideDetail01-Modal-03] .kbcare-part-deatil {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
  padding: 3.2rem 0 3.2rem;
}
[data-page-name=M-EW-FreeGuideDetail01-Modal-03] .intro-guide-txt {
  z-index: 99;
  position: fixed;
  top: 5rem;
  left: 0;
  display: block;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
[data-page-name=M-EW-FreeGuideDetail01-Modal-03] .intro-guide-txt:before {
  display: none;
}
[data-page-name=M-EW-FreeGuideDetail01-Modal-03] .intro-guide-txt:after {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 1.5rem auto 0;
  background: url(/images/common/as/icon24-touch-down.svg) center/contain no-repeat;
  -webkit-animation: aniPointer ease-in-out 1s infinite;
  animation: aniPointer ease-in-out 1s infinite;
  content: "";
}

/* layout */
.wrap,
.content-body,
.content-body section {
  width: 100%;
}

.content-header {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 4.4rem;
  padding-left: 1.6rem;
  background-color: #fff !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 1000;
}
.content-header h2 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.content-header h2 button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-header h2 button span {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.content-header h2 button .icon16 {
  margin-left: 0.4rem;
}
.content-header button.btn-history-back {
  width: 2.4rem;
  height: 2.4rem;
  background: url(.//images/common/cm/btn-back.svg);
  text-indent: -10000px;
}
.content-header button.btn-history-back + h2 {
  margin-left: 1.6rem;
}
.content-header .btn-header-wrap {
  position: absolute;
  top: 1rem;
  right: 0rem;
}
.content-header .btn-header-wrap button {
  position: relative;
  margin-right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: top;
}
.content-header .btn-header-wrap button .btn-add {
  background: url(.//images/common/cm/btn-add.svg);
}
.content-header .btn-header-wrap button .btn-car {
  background: url(.//images/common/cm/btn-car.svg);
}
.content-header .btn-header-wrap button .btn-alarm {
  background: url(.//images/common/cm/btn-alarm.svg);
}
.content-header .btn-header-wrap button .btn-home {
  background: url(.//images/common/cm/btn-home.svg);
}
.content-header .btn-header-wrap button .btn-delete {
  background: url(.//images/common/cm/btn-delete.svg);
}
.content-header .btn-header-wrap button span {
  font-size: 0;
  text-indent: -9999px;
}
.content-header .btn-header-wrap button .badge-yellow {
  position: absolute;
  display: inline-block;
  top: -0.4rem;
  right: -0.3rem;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #ffcc00;
  border-radius: 0.8rem;
  text-align: center;
  line-height: 1.6rem;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
  color: #222222;
}
.content-header .header-link {
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: absolute;
  right: 1.6rem;
}
.content-header .tooltip-wrap .tooltip {
  width: 100vh;
}

.content-body {
  position: relative;
  width: 100%;
  height: auto;
  padding: 6.8rem 1.6rem 3.2rem 1.6rem;
}

/* wrap class */
.bg-header-yellow .content-header {
  background-color: #fc0;
}
.bg-header-yellow .top-background-header {
  background-color: #fc0;
}

.bg-header-gray .content-header {
  background-color: #f8f8f8;
}
.bg-header-gray .top-background-header {
  background-color: #ffffff;
}

.bg-header-white .content-header {
  background-color: #ffffff;
}
.bg-header-white .top-background-header {
  background-color: #ffffff;
}

.bg-all-gray {
  background-color: #f8f8f8;
  min-height: 100vh;
}
.bg-all-gray .content-header {
  background-color: #f8f8f8;
}
.bg-all-gray .top-background-header {
  background-color: #f8f8f8;
}

.bg-top-white {
  display: block;
  width: 100%;
  height: 9.2rem;
  margin-bottom: -9.3rem;
  background: #fff;
}

.bg-bottom-white {
  display: block;
  width: 100%;
  height: 1.6rem;
  margin-top: -1.6rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.bg-all-white {
  background-color: #ffffff;
}
.bg-all-white .content-header {
  background-color: #ffffff;
}
.bg-all-white .top-background-header {
  background-color: #ffffff;
}

.text-unmarked {
  color: rgb(136, 136, 136) !important;
}

.btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem 0 1.6rem;
}
.btn-area a, .btn-area button {
  display: block;
  padding: 0 1.6rem;
  width: 100%;
  height:65px;
  line-height: 5.6rem;
  text-align: center;
  border-radius: 1.2rem;
}
.btn-area a span, .btn-area button span {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
  font-weight: 500;
}
.btn-area a.btn-yellow, .btn-area button.btn-yellow {
  background: #ffcc00;
}
.btn-area a.btn-gray, .btn-area button.btn-gray {
  border: 0.1rem solid #666;
}
.btn-area a.btn-txt-blue span, .btn-area button.btn-txt-blue span {
  color: #2589ff;
}
.btn-area a.btn-border, .btn-area button.btn-border {
  border: 0.1rem solid #aaa;
}
.btn-area a.btn-light, .btn-area button.btn-light {
  background: #fff;
  color: #222;
}
.btn-area a .show-disabled, .btn-area button .show-disabled {
  display: none;
}
.btn-area a[disabled], .btn-area button[disabled] {
  background: #f8f8f8;
}
.btn-area a[disabled] span, .btn-area button[disabled] span {
  color: #888 !important;
}
.btn-area a[disabled] .show-disabled, .btn-area button[disabled] .show-disabled {
  display: inline-block;
}
.btn-area a[disabled] .hide-disabled, .btn-area button[disabled] .hide-disabled {
  display: none;
}
.btn-area a ~ button, .btn-area a ~ a, .btn-area button ~ button, .btn-area button ~ a {
  margin-left: 0.9rem;
}
.btn-area.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2.4rem 1.6rem 1.6rem;
  width: 100%;
  background: url("/images/common/cm/bg-page.svg") no-repeat;
  background-size: cover;
  z-index: 100;
}
.btn-area.bottom-fixed.type-transparent {
  background: none;
}
.btn-area.bottom-fixed a, .btn-area.bottom-fixed button {
  line-height: 5.6rem;
}
.btn-area.bottom-fixed a span, .btn-area.bottom-fixed button span {
  font-weight: 500;
}
.btn-area.bottom-fixed.type-cover {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  border-radius: 2.4rem 2.4rem 0 0;
  -webkit-box-shadow: 0 -0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -0.2rem 1rem 0 rgba(0, 0, 0, 0.1);
  padding-top: 2rem;
}
.btn-area.round-bottom button,
.btn-area.round-bottom a {
  border-top: 1px solid #eee;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-area.round-top button,
.btn-area.round-top a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-area .bottom-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  padding-bottom: 2rem;
}

.bottom-added-txt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
  padding-left: 1rem;
}

.bottom-fixed + .bottom-space {
  width: 100%;
  height: 6.4rem;
}

/* �˾� ���� */
.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.popup-container .popup-wrap {
  z-index: 1;
}

.popup-container .popup-dimmend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}

.popup-container .modal-wrap .popup-dimmend {
  z-index: 110;
}

html.popup-view,
html.popup-view body {
  width: 100%;
  height: 100%;
}

html.popup-view body {
  overflow: hidden;
}

/* �˷� �˾� */
*[data-type=alert] .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 3.2rem);
  border-radius: 1.6rem;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
*[data-type=alert] .modal .modal-header {
  padding: 3.2rem 1.6rem 0;
  text-align: center;
}
*[data-type=alert] .modal .modal-header .icon64 + .modal-tit {
  margin: 1.6rem 0 -0.8rem;
}
*[data-type=alert] .modal .modal-header .icon48:only-child {
  margin-bottom: 0;
}
*[data-type=alert] .modal .modal-header .modal-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
*[data-type=alert] .modal .modal-header + .modal-body {
  padding-top: 0;
  margin-top: 1.6rem;
}
*[data-type=alert] .modal .modal-body {
  padding: 3.2rem 1.6rem 7.8rem;
  text-align: center;
  border-radius: 0 0 1.6rem 1.6rem;
  overflow: hidden;
}
*[data-type=alert] .modal .modal-body .modal-txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
*[data-type=alert] .modal .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #eee;
  z-index: 1;
}
*[data-type=alert] .modal .modal-footer .btn-area {
  padding: 0;
}
*[data-type=alert] .modal .modal-footer .btn-area button {
  border-radius: 0;
  padding: 0 0.2rem;
}
*[data-type=alert] .modal .modal-footer .btn-area button span {
  font-size: 1.6rem;
}
*[data-type=alert] .modal .modal-footer .btn-area button ~ button {
  margin-left: 0;
  border-left: 1px solid #eee;
}
*[data-type=alert] .modal .modal-outer-footer {
  position: absolute;
  top: 100%;
  left: -0.4rem;
  right: -0.4rem;
  text-align: center;
  color: #fff;
  margin-top: 2.4rem;
}
*[data-type=alert] .modal .modal-outer-footer .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #fff;
  margin: 0.1rem 0.4rem;
}
*[data-type=alert] .modal .modal-outer-footer .btn-txt {
  margin: 0.1rem 0.4rem;
}
*[data-type=alert] .modal .btn-today {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 0;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #fff;
}
*[data-type=alert] .modal .btn-today:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}
*[data-type=alert] .popup-dimmend + .modal {
  z-index: 110;
}

*[data-type=alert].dim-transparent .popup-dimmend,
*[data-type=toast].dim-transparent .popup-dimmend {
  opacity: 0;
}

/* ������ �˾� */
*[data-type=window] .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 3.2rem);
  border-radius: 1.6rem;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
}
*[data-type=window] .modal .modal-header {
  padding: 3.2rem 1.6rem 0;
  text-align: center;
}
*[data-type=window] .modal .modal-header .icon64 + .modal-tit {
  margin: 1.6rem 0 -0.8rem;
}
*[data-type=window] .modal .modal-header .modal-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
*[data-type=window] .modal .modal-header + .modal-body {
  padding-top: 1.6rem;
}
*[data-type=window] .modal .modal-body {
  padding: 3.2rem 1.6rem 8.8rem;
  text-align: center;
  border-radius: 0 0 1.6rem 1.6rem;
  overflow: hidden;
}
*[data-type=window] .modal .modal-body .modal-txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
*[data-type=window] .modal .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #eee;
  z-index: 1;
}
*[data-type=window] .modal .modal-footer .btn-area {
  padding: 0;
}
*[data-type=window] .modal .modal-footer .btn-area button {
  border-radius: 0;
}
*[data-type=window] .modal .modal-footer .btn-area button span {
  font-size: 1.6rem;
}
*[data-type=window] .modal .modal-footer .btn-area button ~ button {
  margin-left: 0;
  border-left: 1px solid #eee;
}
*[data-type=window] .modal .btn-today {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 0;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #fff;
}
*[data-type=window] .modal .btn-today:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}

/* �ϴܿ��� �ö���� �˾� ( ��� �佺Ʈ �˾� ) */
*[data-type=toast] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all cubic-bezier(0.65, 0.05, 0.36, 0.5) 0.2s;
  transition: all cubic-bezier(0.65, 0.05, 0.36, 0.5) 0.2s;
}
*[data-type=toast].show .modal {
  -webkit-animation: aniShowModal ease-in-out 0.2s both;
          animation: aniShowModal ease-in-out 0.2s both;
}
*[data-type=toast].step1 .modal-dep1 {
  -webkit-animation: aniShowModal ease-in-out 0.5s both;
          animation: aniShowModal ease-in-out 0.5s both;
}
*[data-type=toast].step1 .modal-dep2,
*[data-type=toast].step1 .modal-dep3,
*[data-type=toast].step1 .modal-dep4 {
  -webkit-animation: aniHideModal ease-in-out 0.3s both;
          animation: aniHideModal ease-in-out 0.3s both;
}
*[data-type=toast].step2 .modal-dep2 {
  -webkit-animation: aniShowModal ease-in-out 0.5s both;
          animation: aniShowModal ease-in-out 0.5s both;
}
*[data-type=toast].step2 .modal-dep1,
*[data-type=toast].step2 .modal-dep3,
*[data-type=toast].step2 .modal-dep4 {
  -webkit-animation: aniHideModal ease-in-out 0.3s both;
          animation: aniHideModal ease-in-out 0.3s both;
}
*[data-type=toast].step3 .modal-dep3 {
  -webkit-animation: aniShowModal ease-in-out 0.5s both;
          animation: aniShowModal ease-in-out 0.5s both;
}
*[data-type=toast].step3 .modal-dep1,
*[data-type=toast].step3 .modal-dep2,
*[data-type=toast].step3 .modal-dep4 {
  -webkit-animation: aniHideModal ease-in-out 0.3s both;
          animation: aniHideModal ease-in-out 0.3s both;
}
*[data-type=toast].step4 .modal-dep4 {
  -webkit-animation: aniShowModal ease-in-out 0.5s both;
          animation: aniShowModal ease-in-out 0.5s both;
}
*[data-type=toast].step4 .modal-dep1,
*[data-type=toast].step4 .modal-dep2,
*[data-type=toast].step4 .modal-dep3 {
  -webkit-animation: aniHideModal ease-in-out 0.3s both;
          animation: aniHideModal ease-in-out 0.3s both;
}
@-webkit-keyframes aniShowModal {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes aniShowModal {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes aniHideModal {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes aniHideModal {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
*[data-type=toast] .modal {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  max-height: 90vh;
  border-radius: 2.4rem 2.4rem 0 0;
  background: #fff;
  overflow: hidden;
  z-index: 110;
  -webkit-animation: aniHideModal ease-in-out 0.2s both;
          animation: aniHideModal ease-in-out 0.2s both;
}
*[data-type=toast] .modal.modal-dep1 {
  display: none;
}
*[data-type=toast] .modal.modal-dep1.active {
  display: block;
}
*[data-type=toast] .modal.modal-dep1.type-full.active, *[data-type=toast] .modal.modal-dep1.type-page.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
*[data-type=toast] .modal.modal-dep2 {
  display: none;
}
*[data-type=toast] .modal.modal-dep2.active {
  display: block;
}
*[data-type=toast] .modal.modal-dep2.type-full.active, *[data-type=toast] .modal.modal-dep2.type-page.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
*[data-type=toast] .modal.modal-dep3 {
  display: none;
}
*[data-type=toast] .modal.modal-dep3.active {
  display: block;
}
*[data-type=toast] .modal.modal-dep3.type-full.active, *[data-type=toast] .modal.modal-dep3.type-page.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
*[data-type=toast] .modal.modal-dep4 {
  display: none;
}
*[data-type=toast] .modal.modal-dep4.active {
  display: block;
}
*[data-type=toast] .modal.modal-dep4.type-full.active, *[data-type=toast] .modal.modal-dep4.type-page.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
*[data-type=toast] .modal.active {
  display: block;
}
*[data-type=toast] .modal.no-footer .modal-body {
  padding-bottom: 2.4rem !important;
}
*[data-type=toast] .modal.bg-gray {
  background: #f8f8f8;
}
*[data-type=toast] .modal.bg-gray .modal-header {
  background: none;
}
*[data-type=toast] .modal.bg-gray .modal-body {
  background: none;
}
*[data-type=toast] .modal-header {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 1.6rem 0;
  width: 100%;
  height: 7.2rem;
  border-radius: 2.4rem 2.4rem 0 0;
  background: #fff;
  overflow: hidden;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
*[data-type=toast] .modal-header .btn-history-back {
  width: 2.4rem;
  height: 2.4rem;
  background: url(.//images/common/cm/btn-back.svg);
  text-indent: -10000px;
}
*[data-type=toast] .modal-header .btn-history-back + h3 {
  margin-left: 1.6rem;
}
*[data-type=toast] .modal-header h3 {
  padding: 1.3rem 4rem 1.3rem 0; /* 2021-10-08 padding:1.3rem 4.8rem 1.3rem 0; ���� ���� */
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
*[data-type=toast] .modal-header h3.tit-small {
  line-height: 2.6rem;
  font-size: 1.8rem;
}
*[data-type=toast] .modal-header .modal-close {
  position: absolute;
  top: 1.6rem;
  right: 0;
  width: 5.6rem;
  height: 5.6rem;
  font-size: 0;
  text-indent: -9999px;
  background: url(/images/common/icon/icon24-close-black.svg) no-repeat center;
  background-size: 2.4rem 2.4rem;
}
*[data-type=toast] .modal-header.has-tab {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  min-height: 4.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
*[data-type=toast] .modal-header.has-tab h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
*[data-type=toast] .modal-header.has-tab .modal-close {
  position: static;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
*[data-type=toast] .modal-header.has-tab .tab-underbar-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin-top: 0.8rem;
}
*[data-type=toast] .modal-header.has-tab .modal-header-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  width: calc(100% + 3.2rem);
  padding: 1.6rem;
  margin: 0 -1.6rem -1.6rem;
}
*[data-type=toast] .modal-header.has-tab .modal-header-added:after {
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  height: 2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.06)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  content: "";
}
*[data-type=toast] .modal-header.has-tab .modal-header-added.no-shadow:after {
  opacity: 0;
}
*[data-type=toast] .modal-header.has-tab + .modal-body {
  padding-top: 14.8rem;
}
*[data-type=toast] .modal-header.has-tab-d2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  min-height: 4.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
}
*[data-type=toast] .modal-header.has-tab-d2:after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 1.6rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  content: "";
}
*[data-type=toast] .modal-header.has-tab-d2 h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
*[data-type=toast] .modal-header.has-tab-d2 .modal-close {
  position: static;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: -1.6rem;
}
*[data-type=toast] .modal-header.has-tab-d2 .tab-round-border {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% + 3.2rem);
  margin: 0 -1.6rem 0;
}
*[data-type=toast] .modal-header.has-tab-d2 .tab-round-border.type-wrap {
  padding: 0 1.6rem;
}
*[data-type=toast] .modal-header.has-tab-d2 .modal-header-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  width: calc(100% + 3.2rem);
  padding: 1.6rem;
  margin: 0 -1.6rem -1.6rem;
}
*[data-type=toast] .modal-header.has-tab-d2 .modal-header-added:after {
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  height: 2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.06)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  content: "";
}
*[data-type=toast] .modal-header.has-tab-d2 .modal-header-added.no-shadow:after {
  opacity: 0;
}
*[data-type=toast] .modal-header.has-tab-d2 .main-searchbox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 2rem;
}
*[data-type=toast] .modal-header.has-tab-d2 + .modal-body {
  padding-top: 11.8rem;
}
*[data-type=toast] .modal-body {
  position: relative;
  padding: 8.8rem 1.6rem;
  width: 100%;
  height: auto;
  max-height: 90vh;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  /* 2021-09-16 slick slide �˾��� ���� ��ũ�� ���� ���� */
  /* 2021-12-06 modal-body �ϴܰ������� ���� */
}
*[data-type=toast] .modal-body .slick-con-wrap {
  position: relative;
  width: 100%;
  height: calc(90vh - 19.6rem);
  overflow: hidden;
}
*[data-type=toast] .modal-body.btn-bottom-inner {
  padding: 8.8rem 1.6rem 1.6rem;
}
*[data-type=toast] .modal-body.btn-bottom-inner .btn-area {
  padding-top: 1.6rem;
}
*[data-type=toast] .modal-body .tit-desc:first-child {
  margin-top: -0.8rem;
}
*[data-type=toast] .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.6rem;
  width: 100%;
  background: url("/images/common/cm/bg-page.svg") no-repeat;
  background-size: cover;
  z-index: 100;
}
*[data-type=toast] .modal-added-footer {
  z-index: -1;
  position: absolute;
  bottom: 4.4rem;
  left: 0;
  width: 100%;
  padding: 2rem 1.6rem 3.5rem;
  border-radius: 2.4rem 2.4rem 0 0;
  -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
*[data-type=toast] .modal-added-footer.hide {
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  opacity: 0;
  pointer-events: none;
}
*[data-type=toast] .modal-added-footer.pd-l {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
*[data-type=toast] .modal-added-footer.is-fixed {
  position: fixed;
  z-index: 99;
}
*[data-type=toast] .modal.type-full .modal-added-footer {
  bottom: 6rem;
}
*[data-type=toast] .btn-area {
  padding: 0;
}
*[data-type=toast] .btn-area button,
*[data-type=toast] .btn-area > a {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  line-height: 4.8rem;
}
*[data-type=toast] .btn-area button span,
*[data-type=toast] .btn-area > a span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
*[data-type=toast] .btn-area.grid-4-6 .btn-gray {
  -webkit-box-flex: 4;
      -ms-flex: 4 1 40%;
          flex: 4 1 40%;
  white-space: nowrap;
}
*[data-type=toast] .btn-area.grid-4-6 .btn-yellow {
  -webkit-box-flex: 6;
      -ms-flex: 6 1 60%;
          flex: 6 1 60%;
}
*[data-type=toast] .modal.type-glass, *[data-type=toast] .modal.type-page,
*[data-type=toast] .modal.type-full {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  max-height: 100%;
  border-radius: 0;
}
*[data-type=toast] .modal.type-glass .modal-header, *[data-type=toast] .modal.type-page .modal-header,
*[data-type=toast] .modal.type-full .modal-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  width: 100%;
  border-radius: 0;
  height: 4.4rem;
  padding-top: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
}
*[data-type=toast] .modal.type-glass .modal-header h3, *[data-type=toast] .modal.type-page .modal-header h3,
*[data-type=toast] .modal.type-full .modal-header h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-height: 4.4rem;
  padding: 0.2rem 0 0 0;
  line-height: 1.2;
  text-align: left;
}
*[data-type=toast] .modal.type-glass .modal-header .modal-aside, *[data-type=toast] .modal.type-page .modal-header .modal-aside,
*[data-type=toast] .modal.type-full .modal-header .modal-aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: -1.6rem;
}
*[data-type=toast] .modal.type-glass .modal-header .modal-aside .btn-history-back, *[data-type=toast] .modal.type-page .modal-header .modal-aside .btn-history-back,
*[data-type=toast] .modal.type-full .modal-header .modal-aside .btn-history-back {
  width: 5.6rem;
  height: 4.4rem;
  background-position: center;
  background-repeat: no-repeat;
}
*[data-type=toast] .modal.type-glass .modal-header .modal-close, *[data-type=toast] .modal.type-page .modal-header .modal-close,
*[data-type=toast] .modal.type-full .modal-header .modal-close {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: static;
  height: 4.4rem;
  margin-right: -1.6rem;
}
*[data-type=toast] .modal.type-glass .modal-header .modal-close:only-child, *[data-type=toast] .modal.type-page .modal-header .modal-close:only-child,
*[data-type=toast] .modal.type-full .modal-header .modal-close:only-child {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0;
}
*[data-type=toast] .modal.type-glass .modal-header.has-tab, *[data-type=toast] .modal.type-page .modal-header.has-tab,
*[data-type=toast] .modal.type-full .modal-header.has-tab {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  min-height: 4.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
*[data-type=toast] .modal.type-glass .modal-header.has-tab h3, *[data-type=toast] .modal.type-page .modal-header.has-tab h3,
*[data-type=toast] .modal.type-full .modal-header.has-tab h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
*[data-type=toast] .modal.type-glass .modal-header.has-tab .modal-close, *[data-type=toast] .modal.type-page .modal-header.has-tab .modal-close,
*[data-type=toast] .modal.type-full .modal-header.has-tab .modal-close {
  position: static;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
*[data-type=toast] .modal.type-glass .modal-header.has-tab .tab-underbar-wrap, *[data-type=toast] .modal.type-page .modal-header.has-tab .tab-underbar-wrap,
*[data-type=toast] .modal.type-full .modal-header.has-tab .tab-underbar-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin-top: 0.8rem;
}
*[data-type=toast] .modal.type-glass .modal-header.has-tab .modal-header-added, *[data-type=toast] .modal.type-page .modal-header.has-tab .modal-header-added,
*[data-type=toast] .modal.type-full .modal-header.has-tab .modal-header-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  width: calc(100% + 3.2rem);
  padding: 1.6rem;
  margin: 0 -1.6rem -1.6rem;
}
*[data-type=toast] .modal.type-glass .modal-header.has-tab .modal-header-added:after, *[data-type=toast] .modal.type-page .modal-header.has-tab .modal-header-added:after,
*[data-type=toast] .modal.type-full .modal-header.has-tab .modal-header-added:after {
  z-index: 1;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: block;
  height: 2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.06)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  content: "";
}
*[data-type=toast] .modal.type-glass .modal-header.has-tab .modal-header-added.no-shadow:after, *[data-type=toast] .modal.type-page .modal-header.has-tab .modal-header-added.no-shadow:after,
*[data-type=toast] .modal.type-full .modal-header.has-tab .modal-header-added.no-shadow:after {
  opacity: 0;
}
*[data-type=toast] .modal.type-glass .modal-body, *[data-type=toast] .modal.type-page .modal-body,
*[data-type=toast] .modal.type-full .modal-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-top: 1.6rem;
  padding-bottom: 9.8rem;
  max-height: 100%;
}
*[data-type=toast] .modal.type-glass .modal-footer .btn-area button, *[data-type=toast] .modal.type-page .modal-footer .btn-area button,
*[data-type=toast] .modal.type-full .modal-footer .btn-area button {
  height: 5.6rem;
  line-height: 5.6rem;
}
*[data-type=toast] .modal.type-glass .modal-footer .btn-area button span, *[data-type=toast] .modal.type-page .modal-footer .btn-area button span,
*[data-type=toast] .modal.type-full .modal-footer .btn-area button span {
  font-size: 1.8rem;
}
*[data-type=toast] .modal.type-page {
  -webkit-animation: none !important;
          animation: none !important;
}
*[data-type=toast] .modal.type-glass {
  -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.2s;
          transition-duration: 0.2s;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  color: #fff;
  opacity: 0;
}
*[data-type=toast] .modal.type-glass .modal-header,
*[data-type=toast] .modal.type-glass .modal-body {
  background: none;
}
*[data-type=toast] .modal.type-glass .modal-body {
  margin-top: -4.4rem;
  padding-top: 6rem;
}
*[data-type=toast] .modal.type-glass .modal-close {
  background-image: url("/images/common/icon/icon24-close-white.svg");
}
*[data-type=toast] .modal.type-glass .modal-footer {
  background: none;
}
*[data-type=toast] .modal.type-mini {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  left: 6rem;
  right: 6rem;
  bottom: auto;
  top: 50%;
  width: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 1.2rem;
  -webkit-animation: none !important;
          animation: none !important;
}
*[data-type=toast] .modal.type-mini .modal-header {
  position: static;
  height: auto;
  padding: 2.4rem 5rem 2.4rem 2.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
*[data-type=toast] .modal.type-mini .modal-header h3 {
  padding: 0;
}
*[data-type=toast] .modal.type-mini .modal-header .modal-close {
  top: 0.8rem;
  right: 0;
}
*[data-type=toast] .modal.type-mini .modal-footer {
  position: static;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
*[data-type=toast] .modal.type-mini .modal-body {
  position: static;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 2.4rem 2.4rem;
}
*[data-type=toast] .modal.type-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  left: 1.6rem;
  right: 1.6rem;
  bottom: auto;
  top: 50%;
  width: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 1.2rem;
  -webkit-animation: none !important;
          animation: none !important;
}
*[data-type=toast] .modal.type-center .modal-header {
  position: static;
  height: auto;
  min-height: 5.6rem;
  padding: 1.2rem 5rem 1.4rem 2.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
*[data-type=toast] .modal.type-center .modal-header h3 {
  padding: 0;
}
*[data-type=toast] .modal.type-center .modal-header .modal-close {
  top: 0;
  right: 0;
}
*[data-type=toast] .modal.type-center .modal-footer {
  position: static;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
*[data-type=toast] .modal.type-center .modal-body {
  position: static;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 1.6rem 2.4rem;
}
*[data-type=toast].show .modal.type-glass {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
  -webkit-animation: aniFadeInModal ease-in-out 0.2s both !important;
          animation: aniFadeInModal ease-in-out 0.2s both !important;
}
@-webkit-keyframes aniFadeInModal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes aniFadeInModal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
*[data-type=toast].show .modal.type-carlife {
  opacity: 1;
  -webkit-animation: aniFadeInModal ease-in-out 0.2s both !important;
          animation: aniFadeInModal ease-in-out 0.2s both !important;
}
*[data-type=toast] .modal.type-carlife {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-height: 100%;
  height: 100%;
  border-radius: 0;
  background: none;
  opacity: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
}
*[data-type=toast] .modal.type-carlife .modal-body {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: none;
  padding: 2rem 0;
  max-height: 100%;
}
*[data-type=toast] .modal.type-carlife a, *[data-type=toast] .modal.type-carlife button {
  z-index: 2;
  position: relative;
}
*[data-type=toast] .modal.type-carlife .modal-close-cover {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
*[data-type=toast] .modal-control-bar {
  display: block;
  width: 6.4rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  background: #fff;
  margin: 0.6rem auto;
}

/* dockbar */
.dock-menu {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}
.dock-menu .dock-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-top: 1px solid #eee;
  background: #fff;
}
.dock-menu .dock-bar li {
  width: 100%;
}
.dock-menu .dock-bar li a {
  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;
  height: 5.6rem;
}
.dock-menu .dock-bar li a.active .icon.dock-home {
  background: url("/images/common/icon/dock-home-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-sell {
  background: url("/images/common/icon/dock-sell-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-market {
  background: url("/images/common/icon/dock-market-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-car-tech {
  height: 2.4rem;
  margin-top: 0;
  background: url("/images/common/icon/dock-car-tech-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-more {
  background: url("/images/common/icon/dock-menu-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-search {
  background: url("/images/common/icon/dock-search-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active span {
  color: #222;
  font-weight: 700;
}
.dock-menu .dock-bar li a.active + .dock-depth2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dock-menu .dock-bar li a .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
}
.dock-menu .dock-bar li a .icon.dock-home {
  background: url("/images/common/icon/dock-home-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-sell {
  background: url("/images/common/icon/dock-sell-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-market {
  background: url("/images/common/icon/dock-market-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-car-tech {
  width: 2.4rem;
  height: 4rem;
  margin-top: -1.6rem;
}
.dock-menu .dock-bar li a .icon.dock-more {
  background: url("/images/common/icon/dock-menu-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-search {
  background: url("/images/common/icon/dock-search-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon + span {
  margin-top: 0.4rem;
}
.dock-menu .dock-bar li a span {
  position: relative;
  display: block;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.dock-menu .dock-bar li .dock-depth2 {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2.8rem;
  width: 100%;
  height: 4.8rem;
  border-radius: 2.4rem 2.4rem 0 0;
  background: #fff;
  -webkit-box-shadow: 0 -0.4rem 2rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 -0.4rem 2rem rgba(0, 0, 0, 0.08);
  z-index: -1;
}
.dock-menu .dock-bar li .dock-depth2 li a {
  height: 4.8rem;
}
.dock-menu .dock-bar li .dock-depth2 li a.active span {
  color: #222;
  font-weight: 700;
}
.dock-menu .dock-bar li .dock-depth2 li a.active span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.2rem;
  background: #222;
}
.dock-menu .dock-bar li .dock-depth2 li a span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  line-height: 4.8rem;
}

.fade-toggle {
  position: relative;
  display: inline-block;
  text-align: center;
}
.fade-toggle .fade-toggle-txt {
  display: inline-block;
  line-height: 1.4;
  -webkit-animation: aniToggleFadeText linear 5s infinite;
          animation: aniToggleFadeText linear 5s infinite;
  vertical-align: top;
}
.fade-toggle .fade-toggle-txt.is-after {
  opacity: 0;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.fade-toggle .fade-toggle-txt.is-short {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.fade-toggle.type-triple .fade-toggle-txt {
  -webkit-animation-name: aniToggleFadeTextTriple;
          animation-name: aniToggleFadeTextTriple;
  -webkit-animation-duration: 7.5s;
          animation-duration: 7.5s;
}
.fade-toggle.type-triple .fade-toggle-txt.is-middle {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  opacity: 0;
}
.fade-toggle.type-triple .fade-toggle-txt.is-after {
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  opacity: 0;
}
@-webkit-keyframes aniToggleFadeText {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes aniToggleFadeText {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes aniToggleFadeTextTriple {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes aniToggleFadeTextTriple {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/* layout */
.content-header {
  background-color: #fff !important;
  -webkit-transition: background-color ease-out 0.2s;
  transition: background-color ease-out 0.2s;
  padding: 0 0.8rem;
  /* ���̵����� + __layout ���� ��Ÿ�� �߰� */
}
.content-header.transparent {
  -webkit-transition: none !important;
  transition: none !important;
}
.content-header.non-fixed {
  position: relative;
}
.content-header.bg-yellow {
  background-color: #FFCC00 !important;
}
.content-header.bg-yellow.has-tab {
  background-color: #fff !important;
}
.content-header.has-tab {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 4.4rem;
  height: auto;
}
.content-header.has-tab .tab-underbar {
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
}
.content-header.has-tab .tab-underbar.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.content-header.has-tab .tab-underbar.type-scroll-x[data-overflow] {
  font-size: 0;
}
.content-header.has-tab .tab-underbar.type-scroll-x[data-overflow] ul {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.content-header.has-tab .tab-underbar.type-scroll-x[data-overflow] ul:before {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.content-header.has-tab .tab-underbar.type-scroll-x[data-overflow] ul > li {
  display: inline-block;
  vertical-align: top;
}
.content-header.has-tab .tab-underbar.type-scroll-x[data-overflow] ul a, .content-header.has-tab .tab-underbar.type-scroll-x[data-overflow] ul button {
  padding: 0 8px;
  word-break: keep-all;
}
.content-header.has-tab .tab-underbar.type-scroll-x[data-overflow] ul:after {
  display: inline-block;
  vertical-align: top;
}
.content-header.has-tab .tab-base {
  width: auto;
  min-width: calc(100% + 1.8rem);
  margin: 0 -0.8rem -1rem;
  padding: 0.8rem 0 1rem;
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
  opacity: 0;
  background: #f8f8f8;
}
.content-header.has-tab .tab-base .tab-base-btn {
  background-color: #fff;
}
.content-header.has-tab .tab-base:after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 1.5rem;
  content: "";
}
.content-header.has-tab .tab-base.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.content-header h2 .logo-dark {
  display: block;
  margin-top: 0;
  width: auto;
  height: 2.6rem;
}
.content-header .header-aside, .content-header button.btn-history-back,
.content-header button.header-aside {
  position: relative;
  width: 4rem;
  height: 4.4rem;
  padding: 1rem 0.8rem;
}
.content-header .header-text {
  padding: 0.1rem 0.8rem 0 0.8rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
}
.content-header button.header-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.4rem;
  line-height: 4.4rem;
  padding: 0 0.8rem;
}
.content-header .header-logo {
  display: block;
  width: 7.8rem;
  height: 4.4rem;
  padding: 0.6rem 0.8rem 1.2rem 0.8rem;
}
.content-header .header-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: -1.2rem 0 0 -1.2rem;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  background-color: transparent;
}
.content-header .header-icon--back {
  background: url("/images/common/icon/icon24-back.svg") no-repeat center/contain;
}
.content-header .header-icon--menu {
  background: url("/images/common/icon/icon24-util-menu.svg") no-repeat center/contain;
}
.content-header .header-icon--membership {
  background: url("/images/common/icon/icon24-util-membership.svg") no-repeat center/contain;
}
.content-header .header-icon--garage {
  background: url("/images/common/icon/icon24-util-garage.svg") no-repeat center/contain;
}
.content-header .header-icon-garage-add {
  position: absolute;
  top: 1.6rem;
  right: 0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-util-garage-add.svg") no-repeat center/contain;
}
.content-header .header-icon--alarm {
  background: url("/images/common/icon/icon24-util-alarm.svg") no-repeat center/contain;
}
.content-header .header-icon--dealer-home {
  background: url("/images/common/icon/icon24-util-dealer-home.svg") no-repeat center/contain;
}
.content-header .header-icon--chat {
  background: url("/images/common/icon/icon24-util-chat.svg") no-repeat center/contain;
}
.content-header.content-header--added {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 4.4rem;
  height: auto;
}
.content-header.content-header--added.content-header--shadow {
  border-bottom: 0;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}
.content-header.content-header--shadow-always {
  border-bottom: 0 !important;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08) !important;
}
.content-header h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 4.4rem;
  line-height: 4.4rem;
}
.content-header .btn-header-wrap {
  position: static;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 0;
  top: auto;
  right: auto;
}
.content-header .btn-header-wrap .btn-round {
  margin-right: 1.5rem;
  vertical-align: middle;
}
.content-header .btn-header-wrap button {
  position: relative;
  width: 4rem;
  height: 4.4rem;
  margin-right: 0;
}
.content-header .btn-header-wrap button span.new {
  position: absolute;
  top: 0.9rem;
  right: 0.7rem;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #f00;
}
.content-header .btn-header-wrap button.util-txt {
  width: auto;
  height: auto;
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}
.content-header .btn-header-wrap button.util-txt span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.content-header .btn-header-wrap .garage-register-number {
  position: absolute;
  top: 0.6rem;
  right: 0.2rem;
  display: block;
  min-width: 1.6rem;
  padding: 0 0.4rem;
  height: 1.6rem;
  background: #FF0000;
  border-radius: 0.8rem;
  color: #FFF;
  font-size: 1.1rem;
  font-weight: 500;
  letter-spacing: -0.05rem;
  line-height: 1.6rem;
  text-align: center;
  text-indent: 0;
}
.content-header .tab-underbar {
  z-index: 1;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: calc(100% + 1.6rem);
  max-width: calc(100% + 1.6rem);
  margin: 0 -0.8rem 0;
}
.content-header .content-header__search {
  width: calc(100% + 1.6rem);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 -0.8rem;
  padding: 0.8rem 1.6rem 0.8rem;
}
.content-header .content-header__search .main-searchbox {
  border-radius: 1.2rem;
  margin-bottom: 1rem;
}
.content-header .btn-header-wrap {
  text-align: right;
}
.content-header .btn-header-wrap button {
  position: relative;
  width: 4rem;
  height: 4.4rem;
  margin: 0;
}
.content-header .btn-header-wrap button .badge-yellow {
  min-width: 1.6rem;
  width: auto;
  padding: 0 0.3rem;
  top: 0.5rem;
  right: 0.3rem;
}
.content-header .btn-header-wrap .header-link {
  position: static;
  padding: 0 0.8rem;
  line-height: 4.4rem;
  height: 4.4rem;
  white-space: nowrap;
}
.content-header .btn-header-wrap .header-link .icon16 {
  margin: -0.2rem 0.8rem 0 0;
}
.content-header .btn-header-wrap .header-link.size-l {
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
}
.content-header button.btn-history-back,
.content-header button.header-aside {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.4rem auto;
}
.content-header .header-aside,
.content-header button.header-aside, .content-header button.btn-history-back {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.content-header h2 {
  margin: 0 !important;
}

/* �˾� ���� */
.alert-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.alert-container .icon-nodata,
.alert-container .icon-success,
.alert-container .icon-sign-in {
  margin-bottom: 1.6rem;
}
.alert-container .point-box, .alert-container .search-result-box {
  padding: 2rem;
}

.alert-container .popup-wrap {
  z-index: 1;
}

.alert-container .popup-dimmend {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
  display: none;
}
.alert-container .popup-dimmend.open {
  display: block;
}

.alert-container {
  display: none;
  z-index: 5001;
}
.alert-container.show {
  display: block;
}

.alert-view .alert-container {
  display: block;
}

.alert-container {
  display: none;
  z-index: 5001;
}
.alert-container .modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 0;
  text-indent: -9999px;
  background: url(/images/common/icon/icon24-close-black.svg) no-repeat center;
  background-size: 2.4rem 2.4rem;
}
.alert-container .popup-dimmend .modal-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: aniDialogCenterHide 0.3s both;
          animation: aniDialogCenterHide 0.3s both;
}
.alert-container .popup-dimmend.open .modal-wrap {
  -webkit-animation: aniDialogCenterShow 0.3s both;
          animation: aniDialogCenterShow 0.3s both;
}

@-webkit-keyframes aniDialogCenterShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  90% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes aniDialogCenterShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  90% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes aniDialogCenterHide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@keyframes aniDialogCenterHide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
html.alert-view,
html.alert-view body {
  width: 100%;
  height: 100%;
}

html.alert-view body {
  overflow: hidden;
}

body.show-wheel {
  overflow: hidden;
}

/* �ϴܿ��� �ö���� �˾� ( ��� �佺Ʈ �˾� ) */
*[data-type=toast] .modal {
  max-height: 90%;
}

.modal-wrap.is-dragging {
  -webkit-transition: none;
  transition: none;
  height: 100%;
}
.modal-wrap.is-dragging .modal-body {
  overflow: hidden;
}
.modal-wrap.is-sliding {
  -webkit-transition: opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
  transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s;
  transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
}

.modal-body .subcont-area.first {
  padding-top: 0;
  margin-top: 0;
}

/* inner content layout */
.subcont-area {
  display: block;
  margin-top: 4.8rem;
}
.subcont-area:first-child {
  margin-top: 0;
}
.subcont-area.first {
  margin-top: 3rem;
}
.subcont-area.depth2 {
  margin-top: 3.2rem;
}
.subcont-area.depth2 .tit-area {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.subcont-area.depth2 .tit-area h3, .subcont-area.depth2 .tit-area h4, .subcont-area.depth2 .tit-area label {
  font: inherit;
  color: inherit;
}
.subcont-area.type-divide {
  margin: 0 -1.6rem;
  padding: 3.2rem 1.6rem;
  border-top: 0.8rem solid #f8f8f8;
}
.subcont-area.type-divide.first {
  border-top: 0;
}
.subcont-area.type-divide.last, .subcont-area.type-divide:last-child {
  padding-bottom: 0;
}
.subcont-area.type-divide.last .tab-content.bg-gray {
  margin-bottom: -3.2rem;
  padding-bottom: 3.2rem;
}
.subcont-area.type-bg {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 3.2rem 1.6rem;
  background: #f8f8f8;
}
.subcont-area.type-bg + .subcont-area.type-bg {
  border-top: 0.8rem solid #eee;
  margin-top: 0;
}
.subcont-area.type-bg.last {
  margin-bottom: -3.2rem;
}
.subcont-area.type-white {
  background: #fff !important;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 3.2rem 1.6rem;
}
.subcont-area.type-white.no-gap {
  margin-top: -2.4rem !important;
}
.subcont-area.type-bg-point {
  z-index: 0;
  position: relative;
  margin-top: -6.8rem;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 3.2rem 2.8rem;
  background: rgba(255, 204, 0, 0.5);
  overflow: hidden;
}
.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;
  }
}
.subcont-area.type-bg-point .btn-area {
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}
.subcont-area.pd-l {
  padding-left: 1rem;
  padding-right: 1rem;
}
.subcont-area.pd-l.type-bg {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}
.subcont-area.pd-l.type-bg .btn-area {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.subcont-area hr.subcont-division {
  border-top: 0.1rem solid #eee;
  margin: 3.2rem 0;
}
.subcont-area hr.subcont-division.size-s {
  margin: 1.6rem 0;
}
.subcont-area hr.subcont-division.full {
  margin-left: -2.4rem;
  margin-right: -2.4rem;
}
.subcont-area .tab-round-border {
  width: auto;
  margin: 0 -1.6rem;
}

.subcont-gradient {
  display: block;
  height: 8rem;
  margin: 0 -1.6rem -8rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(58%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 58%);
}

.subcont-tit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.4rem;
}
.subcont-tit-area.depth2 {
  margin-bottom: 1.6rem;
}
.subcont-tit-area.depth2 .subcont-tit {
  font-size: 1.6rem;
}
.subcont-tit-area .subcont-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: inline-block;
}
.subcont-tit-area .subcont-tit h4 {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
}
.subcont-tit-area .subcont-tit .btn-tooltip {
  vertical-align: middle;
  margin: -0.3rem 0 0 0.3rem;
}
.subcont-tit-area .subcont-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  font-size: 1.6rem;
}
.subcont-tit-area + .subcont-tag {
  margin-top: -2rem;
}

.subcont-desc {
  margin: 0 0 1.6rem;
  color: #666;
  word-break: keep-all;
}
.subcont-desc .br {
  display: block;
  height: 1rem;
}
.subcont-desc strong {
  color: #444;
}
.subcont-desc.type-primary {
  color: #2589ff;
}
.subcont-desc.type-primary strong {
  color: inherit;
}
.subcont-desc:first-of-type {
  margin-top: -1.4rem;
}
.subcont-desc.size-s {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.subcont-desc.size-s:first-of-type {
  margin-top: -0.8rem;
}
.subcont-desc + .tooltip.type-warn {
  margin-top: -0.8rem;
}

.subcont-tag {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.subcont-tag > span {
  font: inherit;
  margin-right: 0.5rem;
}
.subcont-tag > span:last-child {
  margin-right: 0;
}

.subcont-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  padding: 2.4rem;
}
.subcont-box + .subcont-box {
  margin-top: 0.8rem;
}
.subcont-box.type-link {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.subcont-box.type-link .subcont-tit-area {
  margin: 0;
}
.subcont-box.type-banner {
  padding: 0;
  line-height: 0;
}
.subcont-box.type-banner img {
  width: 100%;
  height: auto;
}
.subcont-box.relative {
  position: relative;
}
.subcont-box.pd-s {
  padding: 2rem;
}
.subcont-box .btn-wrap {
  margin-top: 1.6rem;
}
.subcont-box .box-division {
  border-top: 0.1rem solid #eee;
  margin: 2.4rem 0;
}
.subcont-box .point-box, .subcont-box .search-result-box {
  padding: 1.6rem;
}
.subcont-box .point-box.data-area, .subcont-box .data-area.search-result-box {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.subcont-box .box-link {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.subcont-box .box-link span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.subcont-box .box-link:after {
  position: absolute;
  right: 3rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  border-top: 0.15rem solid #222;
  border-right: 0.15rem solid #222;
  -webkit-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  content: "";
}
.subcont-box .box-link.no-arrow:after {
  display: none;
}
.subcont-box .subcont-more-util {
  text-align: right;
  margin-bottom: -1.2rem;
}
.subcont-box .info-list {
  margin: -0.8rem;
}
.subcont-box.bg-ts {
  position: relative;
  z-index: 1;
  background: url("//images/common/mycar/bg-ts.png") right 2.4rem/16.8rem auto no-repeat #fff;
}
.subcont-box.bg-tire {
  position: relative;
  z-index: 2;
  background: url("//images/common/mycar/bg-tire.png") right bottom/34.3rem auto no-repeat #fff;
}
.subcont-box.membership-area {
  position: relative;
  z-index: 1;
  background: url("//images/common/mycar/image_membership.png") right 2.4rem top 2.4rem/9.9rem auto no-repeat #fff;
}
.subcont-box .car-list.type-list {
  margin: -1rem -1.6rem -1rem -1.2rem;
}
.subcont-box .car-list.type-list .car-item {
  margin-top: 1.4rem;
}
.subcont-box .car-list.type-list .car-item .car-thumb {
  width: 13rem;
  height: 9.4rem;
}
.subcont-box .car-list.type-list .car-item .price-area {
  margin-top: 0.1rem;
}
.subcont-box .car-list.type-list .car-item .price-area .price {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 700;
}
.subcont-box .car-list.type-list .car-item .price-area .price-regular {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.subcont-box .car-list.type-list .car-item .util-area {
  top: 6.2rem;
  left: 12.5rem;
}
.subcont-box .result-box.size-s {
  padding: 2rem 0;
}
.subcont-box.type-point-line {
  border: 0.1rem solid #fc0;
}

.subcont-link-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 1.2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 2.4rem;
}
.subcont-link-box .subcont-link-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 1.2rem;
}
.subcont-link-box .subcont-link-icon__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 4rem;
  height: 4rem;
}
.subcont-link-box .subcont-link-icon__image.type-car {
  width: 6rem;
  height: 4rem;
  margin: 0 0.5rem 0 -0.5rem;
}
.subcont-link-box .subcont-link-icon__image.type-car img {
  width: 100%;
  height: 100%;
}
.subcont-link-box .subcont-link-icon__image img {
  display: block;
  width: 4rem;
  height: 4rem;
}
.subcont-link-box .subcont-link-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.subcont-link-box .subcont-link-cont .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.subcont-link-box .subcont-link-cont .tit.is-disabled {
  font-weight: 400;
  color: #aaa;
}
.subcont-link-box .subcont-link-cont .tit.size-l {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.subcont-link-box .subcont-link-cont .tit.size-s {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.subcont-link-box .subcont-link-cont .tit-sub {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  margin-bottom: 0.2rem;
}
.subcont-link-box .subcont-link-cont .tit-sub.size-m {
  font-weight: 500;
  color: #888;
  margin-bottom: 0.8rem;
}
.subcont-link-box .subcont-link-cont .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.2rem;
}
.subcont-link-box .subcont-link-added {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  padding-left: 1rem;
}
.subcont-link-box .balloon-box {
  position: absolute;
  top: -1.2rem;
  right: 1rem;
  -webkit-animation: aniBalloonUp ease-in-out 0.3s both 0.2s;
          animation: aniBalloonUp ease-in-out 0.3s both 0.2s;
}

.subcont-carinfo-box {
  position: relative;
}
.subcont-carinfo-box > .item {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  position: relative;
  padding: 2rem;
}
.subcont-carinfo-box .thumb,
.subcont-carinfo-box .balloon-box {
  will-change: transform, opacity;
}
.subcont-carinfo-box.screenon .balloon-box {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.subcont-carinfo-box .btn-wrap {
  position: relative;
  z-index: 1;
  margin: 2rem 0 0;
}
.subcont-carinfo-box.type-nodata .name-area {
  margin-top: 0.4rem;
}
.subcont-carinfo-box.type-nodata .name {
  display: block;
  max-height: 100%;
  -webkit-line-clamp: none;
  -webkit-box-orient: initial;
}
.subcont-carinfo-box.type-nodata:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: 0.9rem;
  display: block;
  width: 9.8rem;
  height: 6.5rem;
  background: url("/images/common/cm/bg_garage_blank@2x.png") center center/contain no-repeat;
}
.subcont-carinfo-box.type-model:after {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 14.2rem;
  height: 19.6rem;
  background: url("/images/common/cm/bg_garage_model.png") bottom right/contain no-repeat;
  content: "";
}
.subcont-carinfo-box .name-area {
  position: relative;
  padding-right: 13rem;
}
.subcont-carinfo-box .num {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #2589ff;
}
.subcont-carinfo-box .name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
}
.subcont-carinfo-box .sub-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  color: #666;
}
.subcont-carinfo-box .thumb {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -2rem;
  width: 14rem;
  height: 9rem;
  border-radius: 0 1.2rem 0 0;
  overflow: hidden;
}
.subcont-carinfo-box .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 12.2rem;
}
.subcont-carinfo-box .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  margin-bottom: 0.8rem;
  font-weight: 500;
  color: #222;
}
.subcont-carinfo-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5rem;
  background: #f6f8f9;
  border-radius: 0.8rem;
  padding: 0 1.5rem 0 0;
}
.subcont-carinfo-box dl:after {
  content: "";
  display: block;
  clear: both;
}
.subcont-carinfo-box dl > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  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: 1.3rem 0 1.3rem 1.5rem;
}
.subcont-carinfo-box dl > div:after:after {
  content: "";
  display: block;
  clear: both;
}
.subcont-carinfo-box dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 5.5rem;
  color: #888;
  font-size: 1.4rem;
  line-height: 1.6;
}
.subcont-carinfo-box dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 5.5rem);
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}

.subcont-slider {
  margin: -1.2rem -1.6rem -1.6rem;
  overflow: hidden;
}
.subcont-slider .subcont-box.swiper-slide,
.subcont-slider .subcont-carinfo-box {
  width: calc(100% - 3.2rem) !important;
  margin: 0;
}
.subcont-slider .subcont-carinfo-box .item {
  padding: 2.4rem;
}
.subcont-slider .subcont-carinfo-box .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
}
.subcont-slider .subcont-carinfo-box .btn-wrap {
  margin-top: 1.3rem;
}
.subcont-slider .swiper-wrapper {
  padding-top: 1.2rem;
  padding-bottom: 1.6rem;
}
.subcont-slider .subcont-pagination {
  position: static;
  width: auto;
  margin-bottom: 1.6rem;
}
.subcont-slider .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  opacity: 0.1;
  background: #000;
  margin: 0 0.4rem;
}
.subcont-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-pagination.type-dot {
  position: static;
  width: auto;
  margin-top: 1.5rem;
}
.swiper-pagination.type-dot .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  opacity: 0.1;
  background: #000;
  margin: 0 0.4rem;
}
.swiper-pagination.type-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-pagination.type-dot-light {
  width: auto;
  margin-top: 1.5rem;
}
.swiper-pagination.type-dot-light .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  background: #888;
  margin: 0 0.4rem;
  opacity: 1;
}
.swiper-pagination.type-dot-light .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination.type-dot-point {
  position: static;
  width: auto;
  margin-top: 1.5rem;
}
.swiper-pagination.type-dot-point .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  background: #d8d8d8;
  margin: 0 0.2rem;
  opacity: 1;
  border-radius: 0.3rem;
  -webkit-transition: width ease-in-out 0.2s, background ease-in-out 0.2s;
  transition: width ease-in-out 0.2s, background ease-in-out 0.2s;
}
.swiper-pagination.type-dot-point .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 2rem;
  background: #fc0;
}

.swiper-pagination.type-dot-point2 {
  position: static;
  width: auto;
  margin-top: 1.5rem;
}
.swiper-pagination.type-dot-point2 .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  background: #d8d8d8;
  margin: 0 0.3rem;
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: background ease-in-out 0.2s;
  transition: background ease-in-out 0.2s;
}
.swiper-pagination.type-dot-point2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fc0;
}

.swiper-pagination.type-number {
  position: static;
  width: auto;
  margin: 1.5rem 0 0;
  font-size: 1.4em;
  color: #888;
  letter-spacing: 0;
}
.swiper-pagination.type-number .swiper-pagination-current {
  color: #222;
  font-weight: 700;
}

.swiper-pagination.type-dot-main {
  position: static;
  width: auto;
  margin-top: 1rem;
  padding: 0 2.3rem;
  font-size: 0;
}
.swiper-pagination.type-dot-main .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.4rem;
  opacity: 0.2;
  background: #000;
  margin: 0 0.3rem;
  border-radius: 0.2rem;
  -webkit-transition: width ease-in-out 0.1s;
  transition: width ease-in-out 0.1s;
}
.swiper-pagination.type-dot-main .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  width: 1.2rem;
}

.base-box {
  background-color: #fff;
  border-radius: 1.2rem;
  padding: 2.4rem;
}

.point-box, .search-result-box {
  background-color: #f6f8f9;
  border-radius: 1.2rem;
  padding: 2.4rem;
}
.point-box.bg-yellow, .bg-yellow.search-result-box {
  background: #fffae0;
}
.point-box.bg-gray, .bg-gray.search-result-box {
  background: #eee;
}
.point-box.type-governing, .type-governing.search-result-box {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  padding: 1.6rem;
  margin-bottom: 1.6rem;
}
.point-box.type-governing .txt, .type-governing.search-result-box .txt {
  font: inherit;
  color: inherit;
}
.point-box.type-chart, .type-chart.search-result-box {
  padding: 1.6rem;
}
.point-box.type-coin, .type-coin.search-result-box {
  position: relative;
}
.point-box.type-coin:before, .type-coin.search-result-box:before {
  position: absolute;
  right: -1.6rem;
  bottom: 0;
  margin-bottom: -1rem;
  width: 11.8rem;
  height: 9.6rem;
  background: url("/images/common/as/bg-coin-box.svg") bottom right/contain no-repeat;
  content: "";
}
.point-box.type-coin.size-s:before, .type-coin.size-s.search-result-box:before {
  right: -0.6rem;
  bottom: -2rem;
  width: 7.9rem;
  height: 6.4rem;
}
.point-box.subcont-box, .subcont-box.search-result-box {
  background: #fff;
}
.point-box .point-box-tit, .search-result-box .point-box-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  margin-bottom: 0.8rem;
}
.point-box .point-box-tit .icon, .search-result-box .point-box-tit .icon {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 0.8rem;
  font-size: 0;
  vertical-align: middle;
}
.point-box .point-box-tit .icon img, .search-result-box .point-box-tit .icon img {
  width: 100%;
}
.point-box .point-box-tit strong, .search-result-box .point-box-tit strong {
  font: inherit;
}
.point-box .point-box-desc, .search-result-box .point-box-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.6rem;
  text-align: left;
}
.point-box .point-box-cont, .search-result-box .point-box-cont {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.point-box .inp-box input:disabled, .search-result-box .inp-box input:disabled, .point-box .inp-box .ico-confirm:disabled, .search-result-box .inp-box .ico-confirm:disabled {
  -webkit-text-fill-color: inherit !important;
  background: #eee !important;
  border-color: transparent !important;
  color: #888 !important;
}
.point-box .inp-box input:disabled ~ .inp-unit, .search-result-box .inp-box input:disabled ~ .inp-unit, .point-box .inp-box .ico-confirm:disabled ~ .inp-unit, .search-result-box .inp-box .ico-confirm:disabled ~ .inp-unit {
  color: #888 !important;
}

.dark-box {
  border-radius: 1.2rem;
  background: rgba(83, 93, 113, 0.05);
  padding: 2rem;
  margin-top: 2rem;
}

.sub-box {
  position: relative;
  background: #f8f8f8;
  padding: 1.6rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.sub-box.type-tip {
  padding-left: 4.4rem;
}
.sub-box.type-tip .icon-tip {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.sub-box > p {
  font: inherit;
}

.line-box {
  padding: 1.6rem;
  background: #fff;
  border: 0.1rem solid #aaa;
  border-radius: 1.2rem;
}

.bottom-tab-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 12px;
  overflow: visible;
  z-index: 99;
}
.bottom-tab-bar:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100vw;
  height: calc(54px + env(safe-area-inset-bottom));
  height: calc(54px + constant(safe-area-inset-bottom));
  background: #FFF;
}
.bottom-tab-bar a {
  text-decoration: none;
}
.bottom-tab-bar span {
  font: inherit;
}
.bottom-tab-bar.bottom-tab-bar--over {
  position: fixed;
  left: 0;
  right: 0;
  bottom: calc(54px + env(safe-area-inset-bottom));
  bottom: calc(54px + constant(safe-area-inset-bottom));
  height: 1px;
  overflow: visible;
}
.bottom-tab-bar.bottom-tab-bar--over:before {
  display: none;
}
.bottom-tab-bar.bottom-tab-bar--over .bottom-tab-bar__block.on .bottom-tab-bar__item-active {
  display: none;
}
.bottom-tab-bar.bottom-tab-bar--over .bottom-tab-bar__block.on .bottom-tab-bar__item {
  top: auto;
  bottom: -54px;
}
.bottom-tab-bar.bottom-tab-bar--over .bottom-tab-bar__block.on .bottom-tab-bar__text {
  background: #FFF;
}
.bottom-tab-bar.bottom-tab-bar--plain {
  height: 55px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.bottom-tab-bar.bottom-tab-bar--plain .bottom-tab-bar__item {
  margin-top: 0;
}

.bottom-tab-bar__block {
  position: relative;
  display: block;
  width: 20%;
  height: 100%;
  margin-bottom: calc(env(safe-area-inset-bottom));
  margin-bottom: calc(constant(safe-area-inset-bottom));
}

.bottom-tab-bar__item {
  position: relative;
  display: block;
  width: 100%;
  height: 54px;
  margin-top: 48px;
  padding: 7px 0 0 0;
  overflow: visible;
  text-align: center;
  color: #9A9A9A;
  font-size: 11px;
  line-height: 1.15;
}

.bottom-tab-bar__item-active {
  display: none;
  position: absolute;
  left: 50%;
  top: 0;
  width: 100px;
  height: 48px;
  margin-left: -50px;
  background: url("/images/common/main/tab_bar_bg@2x.png") no-repeat left -206px;
  background-size: 100px 308px;
}
.bottom-tab-bar__item-active:before, .bottom-tab-bar__item-active:after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 48px;
  background: url("/images/common/main/tab_bar_bg@2x.png") repeat-x left -260px;
  background-size: 100px 308px;
}
.bottom-tab-bar__item-active:before {
  right: 100%;
}
.bottom-tab-bar__item-active:after {
  left: 100%;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item-active {
  display: block;
}

.bottom-tab-bar__icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  z-index: 2;
}
.bottom-tab-bar__icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/common/main/tab_bar_bg@2x.png") no-repeat;
  background-size: 100px 308px;
  overflow: hidden;
}
.bottom-tab-bar__item--buy .bottom-tab-bar__icon:after {
  background-position: -25px -25px;
}
.bottom-tab-bar__item--sell .bottom-tab-bar__icon:after {
  background-position: -25px top;
}
.bottom-tab-bar__item--search .bottom-tab-bar__icon:after {
  background-position: -50px top;
}
.bottom-tab-bar__item--price .bottom-tab-bar__icon:after {
  background-position: -75px top;
}
.bottom-tab-bar__item--menu .bottom-tab-bar__icon:after {
  background-position: left -25px;
}
.bottom-tab-bar__item--home .bottom-tab-bar__icon:after {
  background-position: -25px -25px;
}
.bottom-tab-bar__item--manage .bottom-tab-bar__icon:after {
  background-position: -50px -25px;
}
.bottom-tab-bar__item--inquiry .bottom-tab-bar__icon:after {
  background-position: -75px -25px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--buy .bottom-tab-bar__icon:after {
  background-position: -70px -135px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--sell .bottom-tab-bar__icon:after {
  background-position: -35px -100px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--search .bottom-tab-bar__icon:after {
  background-position: -70px -100px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--price .bottom-tab-bar__icon:after {
  background-position: left -135px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--menu .bottom-tab-bar__icon:after {
  background-position: -35px -135px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--home .bottom-tab-bar__icon:after {
  background-position: -70px -135px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--manage .bottom-tab-bar__icon:after {
  background-position: left -170px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__item--inquiry .bottom-tab-bar__icon:after {
  background-position: -35px -170px;
}

.bottom-tab-bar__text {
  position: absolute;
  left: 0;
  bottom: 6px;
  display: block;
  width: 100%;
  line-height: 1;
}

.bottom-tab-bar__text-add {
  display: none;
}

.bottom-tab-bar__block.on .bottom-tab-bar__item {
  position: absolute;
  left: 50%;
  top: 0px;
  width: 60px;
  height: 86px;
  margin-top: 16px;
  margin-left: -30px;
  padding-top: 0;
}
.bottom-tab-bar__block.on .bottom-tab-bar__icon {
  width: 60px;
  height: 60px;
  border: 6px solid #FFF;
  border-radius: 50%;
  background: #364f7f;
  overflow: hidden;
}
.bottom-tab-bar__block.on .bottom-tab-bar__icon:after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
}
.bottom-tab-bar__block.on .bottom-tab-bar__text {
  bottom: 5px;
  margin-top: 6px;
  color: #364f7f;
  font-size: 14px;
  font-weight: 700;
}
.bottom-tab-bar__block.on .bottom-tab-bar__text-add {
  display: inline;
}

.bottom-tab-bar--simple {
  height: 55px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.bottom-tab-bar--simple:before {
  height: 100%;
}
.bottom-tab-bar--simple .bottom-tab-bar__item {
  margin-top: 0;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item {
  margin-top: 0;
  padding-top: 7px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item-active {
  display: none;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item-active:before, .bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item-active:after {
  display: none;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__icon {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border-radius: 0;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__icon:after {
  width: 100%;
  height: 100%;
  margin: -12px 0 0 -12px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--buy .bottom-tab-bar__icon:after {
  background-position: left -50px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--sell .bottom-tab-bar__icon:after {
  background-position: -25px -50px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--search .bottom-tab-bar__icon:after {
  background-position: -50px -50px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--price .bottom-tab-bar__icon:after {
  background-position: -75px -50px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--menu .bottom-tab-bar__icon:after {
  background-position: left -75px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--home .bottom-tab-bar__icon:after {
  background-position: -25px -75px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--manage .bottom-tab-bar__icon:after {
  background-position: -50px -75px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__item--inquiry .bottom-tab-bar__icon:after {
  background-position: -75px -75px;
}
.bottom-tab-bar--simple .bottom-tab-bar__block.on .bottom-tab-bar__text {
  font-size: 11px;
  margin-top: 6px;
}

.bottom-tab-bar--has-dot {
  height: 65px;
}
.bottom-tab-bar--has-dot .bottom-tab-bar__item {
  padding-top: 16px;
}
.bottom-tab-bar--has-dot .bottom-tab-bar__block.on .bottom-tab-bar__item {
  padding-top: 16px;
}
.bottom-tab-bar--has-dot .bottom-tab-bar__block.on .bottom-tab-bar__item-active {
  display: block;
  top: 6px;
  left: 50%;
  width: 6px;
  height: 6px;
  margin: 0 0 0 -3px;
  border-radius: 50%;
  background: #364f7f;
  overflow: hidden;
}

.grid-justify, .filter-list-item, .model-select-item, .search-result-tit, .search-result-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.grid-justify .grid-cont, .filter-list-item .grid-cont, .model-select-item .grid-cont, .search-result-tit .grid-cont, .search-result-list > li .grid-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.grid-justify .grid-cont .inline-select.sm, .filter-list-item .grid-cont .inline-select.sm, .model-select-item .grid-cont .inline-select.sm, .search-result-tit .grid-cont .inline-select.sm, .search-result-list > li .grid-cont .inline-select.sm {
  text-align: left;
}
.grid-justify .grid-util, .filter-list-item .grid-util, .model-select-item .grid-util, .search-result-tit .grid-util, .search-result-list > li .grid-util {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.grid-justify.pd-m, .pd-m.filter-list-item, .pd-m.model-select-item, .pd-m.search-result-tit, .search-result-list > li.pd-m {
  padding: 1.6rem 0;
}

/* section ��/�ϴ� ����Ŭ���� */
.has-dock {
  padding-bottom: 11.2rem;
}

.has-dock-d1 {
  padding-bottom: 5.4rem;
}

.has-watermark:after {
  display: block;
  width: 7.6rem;
  height: 3.2rem;
  opacity: 0.3;
  margin: 3.2rem auto 0;
  background: url("/images/common/icon/logo-chachacha-dark.svg") center/contain no-repeat;
  content: "";
}

.has-tab-header {
  padding-top: 5.6rem !important;
}
.has-tab-header.no-gap {
  padding-top: 4.9rem !important;
}

.has-tab-header-d2 {
  padding-top: 11.4rem !important;
}
.has-tab-header-d2.no-gap {
  padding-top: 11rem !important;
}

.no-gap {
  margin-top: -2.4rem;
}

.modal-body.no-gap {
  margin-top: 0;
  padding-top: 7.2rem !important;
}

.watermark-cardong {
  display: block;
  width: 22.7rem;
  height: 4.6rem;
  margin: 3.2rem auto 0;
  background: url("/images/common/search/logo-kbc-cardong.png") center/contain no-repeat;
}

.dock-menu .dock-bar {
  -webkit-box-shadow: 0 -0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 -0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.dock-menu .dock-bar li .dock-depth2 {
  z-index: 1;
  -webkit-box-shadow: 0 -0.4rem 0.8rem rgba(0, 0, 0, 0.04);
          box-shadow: 0 -0.4rem 0.8rem rgba(0, 0, 0, 0.04);
}
.dock-menu .dock-bar li a.active .icon.dock-all {
  background: url("/images/common/icon/dock-menu-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-all {
  background: url("/images/common/icon/dock-menu-off.svg") no-repeat center/contain;
}

*[data-type=toast] .modal-body {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.banner-floating {
  display: none;
  z-index: 999;
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2.4rem 2.4rem 0 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.banner-floating.open {
  display: block;
  -webkit-animation: aniBannerShow ease-in-out 0.5s both;
          animation: aniBannerShow ease-in-out 0.5s both;
}
.banner-floating.closing {
  -webkit-animation: aniBannerHide ease-in-out 0.5s both;
          animation: aniBannerHide ease-in-out 0.5s both;
}
.banner-floating a {
  display: block;
}
.banner-floating img {
  display: block;
  width: 100%;
}
.banner-floating .btn-close-banner {
  position: absolute;
  top: 1rem;
  right: 1.4rem;
  padding: 0.5rem;
}
@-webkit-keyframes aniBannerShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes aniBannerShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@-webkit-keyframes aniBannerHide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes aniBannerHide {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.layer-main.type-new {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 0 15px;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1000;
}
.layer-main.type-new:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  overflow: hidden;
  vertical-align: middle;
}

.layer-main-pop.type-new {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 540px;
  max-height: 720px;
  text-align: left;
  z-index: 1000;
  vertical-align: middle;
}
.layer-main-pop.type-new .today-close {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  padding: 0 0 6px;
  color: #fff;
}
.layer-main-pop.type-new .today-close span {
  color: inherit;
  font: inherit;
}
.layer-main-pop.type-new .today-close button {
  position: absolute;
  right: -0.4rem;
  top: -1rem;
  border: 0;
  width: 3.5rem;
  height: 3.5rem;
  background: url("/images/common/icon/icon24-close-white.svg") no-repeat center/1.8rem 1.8rem;
  border: 0;
}
.layer-main-pop.type-new .today-close button:after {
  content: "";
  left: 50%;
  top: 50%;
  background: #fff;
  margin: -5px 0 0 -5px;
  width: 10px;
  height: 10px;
}
.layer-main-pop.type-new .layer-cnt.main-pop {
  position: relative;
  padding: 0;
  border-radius: 10px;
  overflow: visible;
}
.layer-main-pop.type-new .layer-cnt.main-pop .main-pop-content {
  position: relative;
}
.layer-main-pop.type-new .layer-cnt.main-pop .main-pop-content-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.layer-main-pop.type-new .layer-cnt.main-pop .main-pop-image {
  display: block;
  width: 100%;
  height: auto;
}
.layer-main-pop.type-new .layer-cnt.main-pop .btn-main-pop {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 40px;
  padding: 12px 0 0 0;
  color: #222;
  background: #FECB04;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
}
.layer-main-pop.type-new .layer-cnt.main-pop .swiper-slide {
  border-radius: 10px;
  overflow: hidden;
}
.layer-main-pop.type-new .layer-cnt.main-pop .swiper-slide .b-txt {
  margin: 35px 0 10px;
  font-size: 24px;
  font-weight: bold;
  color: #117251;
  line-height: 1.2em;
}
.layer-main-pop.type-new .layer-cnt.main-pop .swiper-slide .txt {
  margin-bottom: 30px;
}
.layer-main-pop.type-new .layer-cnt.main-pop .swiper-slide .img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 150px;
  overflow: hidden;
}
.layer-main-pop.type-new .layer-cnt.main-pop .swiper-slide .img img {
  width: 100%;
}
.layer-main-pop.type-new .layer-cnt.main-pop .swiper-slide .btn-go {
  display: block;
  width: 100%;
  height: 40px;
  margin: 30px 0 15px;
  background: #117251;
  border-radius: 40px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  line-height: 40px;
}
.layer-main-pop.type-new .layer-cnt.main-pop .swiper-scroll {
  position: absolute;
  right: 15px;
  bottom: -15px;
  background: #575758;
  width: 60px;
  height: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.layer-main-pop.type-new .layer-cnt.main-pop .swiper-scroll .swiper-pagination {
  width: 100%;
  height: 2px;
  right: 0;
}
.layer-main-pop.type-new .layer-cnt.main-pop .swiper-scroll .swiper-pagination-progressbar-fill {
  position: absolute;
  background: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
      transform-origin: left top;
}

.mask.type-new {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #000;
  opacity: 0.8;
  cursor: pointer;
}

.btn-area.bottom-fixed.has-dock-d1 {
  z-index: 1001;
  bottom: 5.7rem;
}

.filter-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% + 1.6rem);
  height: 4.2rem;
  margin: 0 -0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.filter-bar .filter-bar__cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 1.6rem;
}
.filter-bar .filter-bar__txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  padding: 1.2rem 0 1rem;
  color: #222;
  font-weight: 700;
  vertical-align: middle;
}
.filter-bar .filter-bar__util-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
  white-space: nowrap;
  padding-right: 1.6rem;
}
.filter-bar .filter-bar__util-area .btn-filter {
  position: relative;
}
.filter-bar .filter-bar__util-area .btn-filter:after {
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  width: 0.1rem;
  height: 1.8rem;
  background: #eee;
  vertical-align: middle;
  margin: -0.9rem 0 0;
  content: "";
}
.filter-bar .filter-bar__util-area .btn-filter:last-child {
  margin-right: -1.6rem;
}
.filter-bar .filter-bar__util-area .btn-filter:last-child:after {
  display: none;
}
.filter-bar .filter-bar__util-area .num-alert {
  margin: -0.2rem 0 0 0.3rem;
}

.section .filter-bar {
  z-index: 10;
  position: -webkit-sticky;
  position: sticky;
  top: 4.4rem;
  left: 0;
  width: calc(100% + 3.2rem);
  margin: 0 -1.6rem;
  border-top: 0.1rem solid #ddd;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}

.paging-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -1.6rem;
  padding: 0 1.6rem 3.2rem;
}
.paging-area.type-bg {
  background: #f8f8f8;
}
.paging-area .paging-arrow-area {
  position: absolute;
  top: 0;
}
.paging-area .paging-arrow-area.type-prev {
  left: 1.6rem;
}
.paging-area .paging-arrow-area.type-next {
  right: 1.6rem;
}
.paging-area .pagin-num-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0.6rem;
  font-size: 0;
}
.paging-area .btn-paging-arrow.type-prev {
  -webkit-transform: translateX(-0.6rem);
      -ms-transform: translateX(-0.6rem);
          transform: translateX(-0.6rem);
}
.paging-area .btn-paging-arrow.type-next {
  -webkit-transform: translateX(0.6rem);
      -ms-transform: translateX(0.6rem);
          transform: translateX(0.6rem);
}

.txt-progress, .txt-progress-space {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
  font-weight: 500;
}

.txt-progress-space {
  opacity: 0;
}

.img-kbc-logo {
  width: auto;
  height: 2.6rem;
}

.range-num-area {
  z-index: 0;
  position: relative;
  display: inline-block;
}
.range-num-area:before {
  z-index: -1;
  position: absolute;
  display: block;
  bottom: 0.5rem;
  left: 0;
  width: 100%;
  height: 1.1rem;
  background-color: rgba(255, 204, 0, 0.3);
  content: "";
}
.range-num-area .range-num {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.range-num-area .range-unit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.range-num-area .range-divide {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  margin: 0 0.2rem;
}

.terms-box {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  max-height: 20rem;
  padding: 1.6rem;
  margin: 1.4rem 0 1.6rem;
  border: 0.1rem solid #ddd;
  border-radius: 1.2rem;
  overflow: auto;
}
.terms-box p {
  font: inherit;
  color: inherit;
}

/****
 * ���̵����� ����
****/
.modal-governing-area, .governing-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.4rem;
}
.modal-governing-area.first, .governing-area.first {
  margin-top: -1.2rem;
}

.governing-area.type-coupon {
  padding-right: 12rem;
  background: url("/images/common/mypage/bg-coupon-list.png") center right/12.5rem auto no-repeat;
}

.modal-governing, .governing-cont {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.modal-governing .btn-tooltip, .governing-cont .btn-tooltip {
  margin-top: -0.2rem;
  vertical-align: middle;
}
.modal-governing.size-l, .governing-cont.size-l {
  padding-top: 1rem;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.4;
}
.modal-governing.size-s, .governing-cont.size-s {
  font-size: 1.8rem;
  line-height: 1.4;
}

.modal-governing + .modal-governing {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.modal-governing-util, .governing-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: -0.3rem;
  text-align: right;
}
.modal-governing-util .btn-icon-round, .governing-util .btn-icon-round {
  margin: -0.4rem 0;
}

.modal-governing-desc, .governing-desc {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.modal-governing-desc .desc-txt, .governing-desc .desc-txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #222;
  text-align: left;
  word-break: keep-all;
}
.modal-governing-desc .desc-txt a.fc-positive, .governing-desc .desc-txt a.fc-positive {
  margin-left: 1rem;
}
.modal-governing-desc.size-s .desc-txt, .governing-desc.size-s .desc-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.modal-governing-desc .desc-util, .governing-desc .desc-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}

.governing-tags {
  margin: 0.7rem -0.5rem 0;
  font-size: 0;
}
.governing-tags > span {
  display: inline-block;
  vertical-align: middle;
  padding: 0.6rem 0.8rem;
  border-radius: 0.8rem;
  background: #f8f8f8;
  color: #666;
  font-size: 1.4rem;
  margin: 0.5rem;
}

.banner-wrap {
  border-radius: 1.2rem;
  overflow: hidden;
}
.banner-wrap a {
  display: block;
}
.banner-wrap a img {
  display: block;
  width: 100%;
  height: auto;
}

.total-assets {
  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: 1.6rem 0 0.8rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid #eee;
}
.total-assets dt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-size: 0;
}
.total-assets dt span {
  vertical-align: middle;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
}
.total-assets dt b {
  margin-left: 0.8rem;
  vertical-align: middle;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
  display: inline-block;
}
.total-assets dd {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.total-assets.no-line {
  border-bottom: 0;
}

.txt-xs {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
  color: #888;
}

.scratch-area {
  position: relative;
  display: inline-block;
}
.scratch-area .scratch-hidden-txt {
  line-height: 1;
}
.scratch-area .scratch-cover-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 17rem;
  height: 100%;
  display: block;
  background: #eee;
  color: #aaa;
  border-radius: 0.8rem;
  text-align: center;
  font-size: 1.8rem !important;
}
.scratch-area .scratch-cover-blur {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 0.5rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0)), to(rgba(238, 238, 238, 0.2)));
  background: linear-gradient(to right, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0.2) 100%);
  -webkit-backdrop-filter: blur(0.05rem);
          backdrop-filter: blur(0.05rem);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.scratch-area.is-showing .scratch-cover-blur {
  opacity: 1;
}

.bottom-util {
  text-align: center;
  margin-top: 2.4rem;
}

.sticky-divide {
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08) !important;
}

.no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

/* ������ ��ũ ����Ʈ */
.certify-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 -0.7rem -1.4rem;
}
.certify-list > li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(33.333% - 1.4rem);
  min-height: 10rem;
  margin: 0 0.7rem 1.4rem;
}
.certify-list > li > a {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  transition-name: background-color;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  display: block;
  height: 100%;
  text-align: center;
  padding: 1.2rem 1rem 1rem;
}
.certify-list > li > a:focus, .certify-list > li > a:active {
  background-color: #f5f5f5;
}
.certify-list > li > a img {
  display: block;
  margin: 0 auto 1rem;
  height: 3.5rem;
  width: auto;
  max-width: 4.9rem;
}
.certify-list > li > a .name {
  display: block;
  font-size: 1.4rem;
  line-height: 1.4;
}
.certify-list > li > a .sub {
  display: block;
  margin-top: 0.2rem;
  font-size: 1rem;
  -webkit-transform: scale(0.8) skew(-10deg);
      -ms-transform: scale(0.8) skew(-10deg);
          transform: scale(0.8) skew(-10deg);
  color: #ccc;
  line-height: 1.4;
}

/* �˻� */
.modal.type-page .filter-select-area,
.modal.type-full .filter-select-area {
  height: calc(100vh - 20.5rem);
}

.filter-select-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: calc(90vh - 20rem);
  border-top: 0.1rem solid #eee;
}
.filter-select-area .filter-select-category {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  width: 30%;
  height: 100%;
  border-right: 0.1rem solid #eee;
}
.filter-select-area .filter-select-category--long {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 45%;
          flex: 1 1 45%;
  width: 45%;
}
.filter-select-area .filter-select-content {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  width: 70%;
  height: 100%;
}
.filter-select-area .filter-select-content > .tab-contents-wrap,
.filter-select-area .filter-select-content > .tab-contents-wrap > .tab-contents,
.filter-select-area .filter-select-content > .tab-contents-wrap > .tab-contents > .tab-content {
  height: 100%;
}
.filter-select-area .filter-select-content .filter-select-inner {
  overflow: hidden;
}
.filter-select-area .filter-select-content .filter-select-inner .filter-select-track {
  -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;
}
.filter-select-area .filter-select-content .filter-select-inner.show-subpanel .filter-select-track {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}
.filter-select-area .filter-select-content .filter-select-inner,
.filter-select-area .filter-select-content .filter-select-track,
.filter-select-area .filter-select-content .filter-select-track > .tab-contents-wrap,
.filter-select-area .filter-select-content .filter-select-track > .tab-contents-wrap > .tab-contents,
.filter-select-area .filter-select-content .filter-select-track > .tab-contents-wrap > .tab-contents > .tab-content {
  height: 100%;
}
.filter-select-area .filter-list-area, .filter-select-area .filter-list, .filter-select-area filter-tab-area {
  height: 100%;
}
.filter-select-area .filter-sub-area {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background: #fff;
}
.filter-select-area .filter-sub-area .filter-sub-item {
  display: none;
  height: 100%;
}
.filter-select-area .filter-sub-area .filter-sub-item.is-show {
  display: block;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-header {
  position: absolute;
  top: 0;
  left: 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;
  width: 100%;
  height: 5.6rem;
  padding: 0 1.6rem;
  margin: 0;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-header .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  line-height: 1.2;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-header .btn-filter-back {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 4rem;
  height: 100%;
  padding-left: 1.6rem;
  margin-left: -1.6rem;
  text-align: left;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-body {
  height: calc(100% - 5.6rem);
  margin-top: 5.6rem;
  padding: 0 0 0 1.6rem;
  overflow-y: auto;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-body .img-area {
  margin-bottom: 1.6rem;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-body .tit-sub {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-body .txt-area {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin: 1.2rem 0 3.2rem;
  color: #222;
}

.filter-sub-item:first-of-type .filter-sub-header {
  margin-top: 0;
}
.filter-sub-item .filter-sub-header {
  margin-top: 4.8rem;
  margin-bottom: 1.2rem;
}
.filter-sub-item .filter-sub-header .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.filter-sub-item .filter-sub-body .tit-sub {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  font-weight: 700;
}
.filter-sub-item .filter-sub-body .txt-area {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #222;
  font-weight: 500;
  margin: 1rem 0 2.4rem;
}
.filter-sub-item .filter-sub-body .img-area {
  margin-bottom: 1.2rem;
}
.filter-sub-item .filter-sub-body .img-area img {
  width: 100%;
}

.filter-list {
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
  scroll-padding-right: 0;
  scroll-padding-left: 0;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}
.filter-list .filter-list-item {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}

.filter-list-name {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #222;
  font-weight: 700;
  margin-bottom: 0.8rem;
}

.filter-list-item {
  padding: 1.2rem 0.8rem 1.2rem 1.6rem;
  min-height: 5.6rem;
  border-bottom: 0.1rem solid #eee;
}
.filter-list-item .filter-list-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.filter-list-item .filter-list-cont > .form-checkbox,
.filter-list-item .filter-list-cont > .form-radio {
  display: block;
  margin: -1.2rem 0;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.filter-list-item .filter-list-cont > .form-checkbox .icon,
.filter-list-item .filter-list-cont > .form-radio .icon {
  margin-top: 1.3rem;
}
.filter-list-item .filter-list-util {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  color: #222;
  padding: 0 0.8rem 0 0.4rem;
}
.filter-list-item .filter-list-util .btn-filter-more {
  width: 2.8rem;
  height: 5.6rem;
  margin: -1.2rem -0.8rem -1.2rem 0;
  text-align: right;
}
.filter-list-item .form-box {
  margin-right: -2rem;
}
.filter-list-item .form-box .form-checkbox,
.filter-list-item .form-box .form-radio {
  margin: 0.2rem 2rem 0 0;
}

.filter-tab-area {
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
  scroll-padding-right: 0;
  scroll-padding-left: 0;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

.filter-tab-item {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}
.filter-tab-item .filter-tab-btn {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  width: 100%;
  min-height: 5.6rem;
  padding: 1.2rem 0.4rem 1.2rem 0.8rem;
  border-top: 0.1rem solid transparent;
  border-bottom: 0.1rem solid transparent;
  text-align: left;
  word-break: break-all;
}
.filter-tab-item .filter-tab-btn > span,
.filter-tab-item .filter-tab-btn > strong {
  pointer-events: none;
}
.filter-tab-item .filter-tab-btn > strong {
  margin-right: 0.4rem;
}
.filter-tab-item .filter-tab-btn .txt-num {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.filter-tab-item .filter-tab-btn.selected {
  font-weight: 700;
  background: rgba(255, 204, 0, 0.2);
}
.filter-tab-item .filter-tab-btn.active {
  font-weight: 700;
  background: #eee;
}

.bottom-space {
  height: 5.6rem;
}
.bottom-space.type-bg {
  margin: 0 -1.6rem;
  background: #f8f8f8;
}

.keyvisual-area {
  position: relative;
  margin: 0 -1.6rem;
  font-size: 0;
}
.keyvisual-area .img-keyvisual {
  position: relative;
  display: block;
  height: 72vmin;
  max-height: 27rem;
  overflow: hidden;
}
.keyvisual-area .img-keyvisual img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.keyvisual-area .keyvisual-tit-area {
  z-index: 1;
  position: absolute;
  bottom: 1.6rem;
  left: 1.6rem;
  right: 1.6rem;
  display: block;
  padding: 1.6rem 2rem;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 1.2rem;
}
.keyvisual-area .keyvisual-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
  font-weight: 400;
}
.keyvisual-area .keyvisual-desc {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #fff;
  margin-top: 0.4rem;
}

.visual-list .visual-item {
  margin-bottom: 2.4rem;
}
.visual-list .visual-item:last-child {
  margin-bottom: 0;
}

.visual-item {
  position: relative;
  border-radius: 1.2rem;
  overflow: hidden;
}
.visual-item .img-visual {
  height: 65vmin;
  max-height: 27rem;
}
.visual-item .img-visual img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.visual-item .visual-tit-area {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.6);
}
.visual-item .visual-tit-area .visual-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
  font-weight: 400;
}
.visual-item .visual-tit-area .visual-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #ddd;
  margin-top: 0.4rem;
}

.graph-list.ready .graph-gauge {
  width: 0 !important;
}
.graph-list.screenon .graph-gauge.type-end {
  opacity: 1;
}
.graph-list.screenon .graph-gauge.type-endless {
  width: 100%;
}
.graph-list > div {
  margin-top: 3.2rem;
}
.graph-list > div:first-child {
  margin-top: 0;
}
.graph-list dt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 0.6rem;
}
.graph-list dd {
  position: relative;
}
.graph-list .graph-item {
  position: relative;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #eee;
  overflow: hidden;
}
.graph-list .graph-gauge {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 0;
  -webkit-transition: width ease-in-out 1.5s;
  transition: width ease-in-out 1.5s;
  border-radius: 0.4rem;
  background: #fc0;
}
.graph-list .graph-gauge.type-end {
  background: #aaa;
  left: auto;
  right: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 1.5s;
  transition: opacity ease-in-out 1.5s;
}
.graph-list .graph-gauge.type-endless {
  background: #2589ff;
}
.graph-list .graph-data {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 0.8rem;
  display: inline-block;
  background: #fff;
  font-size: 1.2rem;
  color: #222;
  font-weight: 400;
  line-height: 2.4rem;
  height: 2.4rem;
  border: 0.1rem solid #eee;
  border-radius: 1.2rem;
  padding: 0 0.8rem;
}

.direct-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1rem;
  border: 0.1rem solid #aaa;
  border-radius: 1.2rem;
  padding: 1.6rem;
}
.direct-box .hide-abled {
  display: none !important;
}
.direct-box.disabled {
  opacity: 0.4;
}
.direct-box.disabled .hide-disabled {
  display: none !important;
}
.direct-box.disabled .hide-abled {
  display: block !important;
}
.direct-box .inner-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 4rem;
  height: 4rem;
  margin-right: 1.5rem;
  border-radius: 50%;
  background: #f6f8f9;
}
.direct-box .inner-thumb .icon-nodata {
  background-color: #fff;
}
.direct-box .inner-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #fff;
}
.direct-box .inner-name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.direct-box .inner-name.type-ellipsis {
  overflow: hidden;
}
.direct-box .inner-name.type-ellipsis strong {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.direct-box .inner-name strong {
  display: block;
  font-weight: 500;
}
.direct-box .inner-name .inner-sub {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.direct-box .inner-name .inner-sub.error {
  color: #f00;
}
.direct-box .inner-edge {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: 3.4rem;
  margin-left: 0.5rem;
  text-align: right;
  font-size: 1.2rem;
  color: #222;
}

.screenon .tire-info-area:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
}

.tire-info-area {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1.2rem -2.4rem;
  overflow: hidden;
}
.tire-info-area:after {
  position: absolute;
  display: block;
  top: 1.2rem;
  bottom: 1.2rem;
  left: 50%;
  margin-left: -0.1rem;
  width: 0.3rem;
  background: url("/images/common/mycar/bg-car-line.svg") center/0.3rem auto repeat-y;
  content: "";
}
.tire-info-area:before {
  z-index: 5;
  position: absolute;
  width: 6.2rem;
  height: 14rem;
  display: block;
  left: 50%;
  margin-left: -3.1rem;
  opacity: 0;
  top: 100%;
  background: url("/images/common/mycar/img-car-tire.png") center/contain no-repeat;
  -webkit-transition: opacity 0.7s ease-in-out 0.3s, top 1.1s ease-in-out 0.3s, -webkit-transform 1.1s ease-in-out 0.3s;
  transition: opacity 0.7s ease-in-out 0.3s, top 1.1s ease-in-out 0.3s, -webkit-transform 1.1s ease-in-out 0.3s;
  transition: transform 1.1s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s, top 1.1s ease-in-out 0.3s;
  transition: transform 1.1s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s, top 1.1s ease-in-out 0.3s, -webkit-transform 1.1s ease-in-out 0.3s;
  content: "";
}
.tire-info-area .tire-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding: 1.2rem 2.4rem;
}
.tire-info-area .tire-item:after {
  content: "";
  display: block;
  clear: both;
}
.tire-info-area .tire-item:nth-child(odd) .tire-inner {
  float: right;
}
.tire-info-area .tire-item:nth-child(odd) .tire-tit {
  text-align: left;
}
.tire-info-area .tire-item:nth-child(odd) .tire-cont {
  text-align: left;
}
.tire-info-area .tire-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 12.4rem;
  width: 100%;
  height: 100%;
  min-height: 12rem;
  background-color: #f6f8f9;
  border: 0.1rem solid transparent;
  border-radius: 1.2rem;
  padding: 1.6rem 1.6rem 1.4rem;
}
.tire-info-area .tire-inner.type-nodata {
  position: relative;
  background-color: #fff;
  border: 0.1rem solid #aaa;
}
.tire-info-area .tire-inner.type-nodata .tire-tit {
  opacity: 0.7;
}
.tire-info-area .tire-inner.type-nodata .tire-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: 1rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tire-info-area .tire-tit {
  margin-bottom: 1.4rem;
  text-align: right;
}
.tire-info-area .tire-tit span {
  display: inline-block;
  font-size: 1.2rem;
  color: #666;
  line-height: 2rem;
  height: 2rem;
  border: 0.1rem solid #666;
  border-radius: 1rem;
  padding: 0 0.5rem;
}
.tire-info-area .tire-cont {
  display: block;
  text-align: right;
}
.tire-info-area .tire-cont .name {
  display: block;
  font-size: 1.4rem;
  color: #666;
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
}
.tire-info-area .tire-cont .km {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  word-break: break-all;
}
.tire-info-area .tire-cont .km strong {
  font-size: 1.8rem;
}

.img-full img {
  display: block;
  width: 100%;
}
.img-full.no-side {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}

.chart-area2.ready .chart-gauge {
  height: 0 !important;
}
.chart-area2.ready .direct-x .chart-gauge {
  height: 3rem !important;
  width: 0 !important;
}
.chart-area2.screenon .type-white .chart-gauge.active {
  background: #fff;
}
.chart-area2.screenon .chart-gauge {
  min-height: 0.5rem;
}
.chart-area2.screenon .chart-gauge.active {
  background-color: #ffcc00;
}
.chart-area2.screenon .chart-gauge .img-chart-model {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.chart-area2.screenon .active .data-label {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}

.carlife-graph-box:not(.type-nodata) .chart-area2.screenon .type-white .chart-gauge.active {
  background: #fff;
}
.carlife-graph-box:not(.type-nodata) .chart-area2.screenon .chart-gauge {
  min-height: 0.5rem;
}
.carlife-graph-box:not(.type-nodata) .chart-area2.screenon .chart-gauge.active {
  background-color: #ffcc00;
}
.carlife-graph-box:not(.type-nodata) .chart-area2.screenon .chart-gauge .img-chart-model {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.carlife-graph-box:not(.type-nodata) .chart-area2.screenon .active .data-label {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}

.chart-legend {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: middle;
}
.chart-legend > span {
  vertical-align: middle;
}

.icon-legend {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -0.2rem;
  border-radius: 0.3rem;
  vertical-align: middle;
}
.icon-legend.type-blue {
  background: #2589ff;
}
.icon-legend.type-red {
  background: #c62a2a;
}

.bar-chart .chart-added {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  display: block;
  margin-bottom: 1.2rem;
}
.bar-chart .chart-added:after {
  content: "";
  display: block;
  clear: both;
}
.bar-chart .chart-added > div {
  display: inline-block;
  margin-right: 0.8rem;
  vertical-align: middle;
}
.bar-chart .chart-added .chart-unit {
  float: right;
}
.bar-chart .chart-grid {
  position: relative;
}
.bar-chart .chart-grid .chart-axis-x {
  z-index: 0;
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 0.1rem;
  background: #eee;
  content: "";
}
.bar-chart .chart-grid .chart-axis-x.n1 {
  top: 25%;
}
.bar-chart .chart-grid .chart-axis-x.n2 {
  top: 50%;
}
.bar-chart .chart-grid .chart-axis-x.n3 {
  top: 75%;
}
.bar-chart .chart-grid .chart-axis-y {
  z-index: 0;
  position: absolute;
  top: 0;
  display: block;
  width: 0.1rem;
  height: 100%;
  background: #eee;
  content: "";
}
.bar-chart .chart-grid .chart-axis-y.n1 {
  left: 25%;
}
.bar-chart .chart-grid .chart-axis-y.n2 {
  left: 50%;
}
.bar-chart .chart-grid .chart-axis-y.n3 {
  left: 75%;
}
.bar-chart .chart-data {
  position: relative;
  font-size: 0;
  display: block;
  white-space: nowrap;
  width: 22rem;
  height: 12rem;
  margin: 3.8rem auto 0;
  text-align: center;
}
.bar-chart .chart-data:after {
  display: inline-block;
  width: 0.1rem;
  height: 100%;
  vertical-align: bottom;
  content: "";
}
.bar-chart .chart-data .line-average {
  top: 0;
  bottom: 0;
  position: absolute;
  width: 0;
  font-size: 1.2rem;
  color: #2589ff;
  border-left: 0.1rem dashed #2589ff;
}
.bar-chart .chart-data .line-average.top10 {
  left: 90%;
}
.bar-chart .chart-data .line-average.bottom10 {
  right: 90%;
}
.bar-chart .chart-data .line-average.top20 {
  left: 80%;
}
.bar-chart .chart-data .line-average.bottom20 {
  right: 80%;
}
.bar-chart .chart-data .line-average.top30 {
  left: 70%;
}
.bar-chart .chart-data .line-average.bottom30 {
  right: 70%;
}
.bar-chart .chart-data .line-average.top40 {
  left: 60%;
}
.bar-chart .chart-data .line-average.bottom40 {
  right: 60%;
}
.bar-chart .chart-data .line-average.top50 {
  left: 50%;
}
.bar-chart .chart-data .line-average.bottom50 {
  right: 50%;
}
.bar-chart .chart-data .line-average.top60 {
  left: 40%;
}
.bar-chart .chart-data .line-average.bottom60 {
  right: 40%;
}
.bar-chart .chart-data .line-average.top70 {
  left: 30%;
}
.bar-chart .chart-data .line-average.bottom70 {
  right: 30%;
}
.bar-chart .chart-data .line-average.top80 {
  left: 20%;
}
.bar-chart .chart-data .line-average.bottom80 {
  right: 20%;
}
.bar-chart .chart-data .line-average.top90 {
  left: 10%;
}
.bar-chart .chart-data .line-average.bottom90 {
  right: 10%;
}
.bar-chart .chart-data .line-average > span {
  position: absolute;
  top: 100%;
  margin-top: 0.7rem;
  display: block;
  text-align: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
.bar-chart .chart-data .line-average-y {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  position: absolute;
  font-size: 1.2rem;
  color: #2589ff;
  padding-top: 0.2rem;
  text-align: right;
  border-top: 0.1rem dashed #2589ff;
}
.bar-chart .chart-gauge {
  line-height: 0;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  width: 1.2rem;
  margin: 0 0.5rem;
  border-radius: 0.6rem 0.6rem 0 0;
  background: #ccc;
  -webkit-transition: height 1s ease-in-out 0.3s, background-color 0.5s ease-out 1.5s;
  transition: height 1s ease-in-out 0.3s, background-color 0.5s ease-out 1.5s;
}
.bar-chart .chart-gauge .img-chart-model {
  z-index: 2;
  position: absolute;
  top: 100%;
  height: 4rem;
  -webkit-transform: translate(-40%, -60%);
      -ms-transform: translate(-40%, -60%);
          transform: translate(-40%, -60%);
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, transform ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.bar-chart .chart-gauge .img-chart-model img {
  height: 100%;
}
.bar-chart .chart-gauge .img-chart-model img.noimage {
  width: 2.4rem;
  height: auto;
  margin-right: -0.9rem;
  margin-top: 0.6rem;
}
.bar-chart .data-label {
  z-index: 2;
  white-space: nowrap;
  min-width: 3.2rem;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-0.5rem);
      -ms-transform: translateX(-50%) translateY(-0.5rem);
          transform: translateX(-50%) translateY(-0.5rem);
  margin: 0 0 0.8rem 0.5rem;
  background: #434c53;
  color: #fff;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
  border-radius: 1.2rem;
  padding: 0 0.8rem;
  opacity: 0;
  -webkit-transition: opacity ease-out 0.5s 2s, -webkit-transform ease-out 0.5s 2s;
  transition: opacity ease-out 0.5s 2s, -webkit-transform ease-out 0.5s 2s;
  transition: opacity ease-out 0.5s 2s, transform ease-out 0.5s 2s;
  transition: opacity ease-out 0.5s 2s, transform ease-out 0.5s 2s, -webkit-transform ease-out 0.5s 2s;
}
.bar-chart .data-label strong {
  font-size: 1.4rem;
}
.bar-chart .data-label:after {
  position: absolute;
  top: 100%;
  right: 0.8rem;
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  background: url("/images/common/as/intro-balloon-tip.svg?ver=202204") bottom right/contain no-repeat;
  content: "";
}
.bar-chart .gauge-label {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  width: 3rem;
  position: absolute;
  top: 100%;
  left: -0.9rem;
  margin-top: 0.5rem;
  text-align: center;
}
.bar-chart .x-label {
  width: 100%;
  margin: 0 auto;
  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;
  border-bottom: 0.1rem solid #ddd;
  padding-bottom: 0.2rem;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.bar-chart .x-label span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 10rem;
  font-size: 1.2rem;
  color: #666;
  text-align: center;
}
.bar-chart .x-label span:first-child {
  text-align: left;
}
.bar-chart .x-label span:last-child {
  text-align: right;
}
.bar-chart .y-label {
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  left: 0;
  margin: 0 auto;
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-left: 0.1rem solid #ddd;
  padding-left: 0.2rem;
}
.bar-chart .y-label span {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.2rem;
  color: #666;
  text-align: center;
}
.bar-chart .y-label span:first-child {
  text-align: left;
}
.bar-chart .y-label span:last-child {
  text-align: right;
}
.bar-chart .x-category {
  display: table;
  width: 100%;
  margin-top: 1rem;
}
.bar-chart .x-category > span {
  display: table-cell;
  vertical-align: middle;
  table-layout: fixed;
  padding: 0 0.4rem;
}
.bar-chart .x-category > span:first-child {
  padding-left: 1rem;
}
.bar-chart .x-category > span:last-child {
  padding-right: 1rem;
}
.bar-chart .x-category > span.tit {
  width: 10rem;
}
.bar-chart .x-category > span strong {
  display: block;
  width: 100%;
  height: 2.4rem;
  padding: 0 0.4rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
  color: #888;
  font-weight: 400;
  text-align: center;
  border-radius: 1.2rem;
  border: 0.1rem solid #ddd;
}
.bar-chart .data-tit {
  position: absolute;
  display: block;
  top: 100%;
  left: 50%;
  margin-top: 0.2rem;
  text-align: center;
  font-size: 1.2rem;
  color: #222;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.bar-chart.type-white .chart-gauge {
  background: rgba(255, 255, 255, 0.4);
}
.bar-chart.type-white .x-label {
  border-color: rgba(34, 34, 34, 0.3);
}
.bar-chart.type-bold {
  padding-bottom: 1rem;
}
.bar-chart.type-bold .chart-data {
  width: 100%;
}
.bar-chart.type-bold .chart-gauge {
  width: 4rem;
  margin: 0 1rem;
  border-radius: 0.8rem 0.8rem 0 0;
  background: #2589ff;
}
.bar-chart.type-bold .data-label {
  color: #666;
  background: none;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  margin: 0;
  padding: 0;
  line-height: 1;
  height: auto;
}
.bar-chart.type-bold .data-label:after {
  display: none;
}
.bar-chart.direct-x {
  position: relative;
  padding: 0;
}
.bar-chart.direct-x .chart-grid {
  margin-left: 10rem;
}
.bar-chart.direct-x .chart-data {
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 1px 0;
}
.bar-chart.direct-x .chart-gauge {
  display: block;
  min-width: 0.5rem;
  min-height: 0;
  width: auto;
  height: 3rem;
  margin: 1rem 0;
  border-radius: 0 0.8rem 0.8rem 0;
  -webkit-transition: width 1s ease-in-out 0.3s, background-color 0.5s ease-out 1.5s;
  transition: width 1s ease-in-out 0.3s, background-color 0.5s ease-out 1.5s;
}
.bar-chart.direct-x .chart-gauge .data-tit {
  right: 100%;
  left: auto;
  top: 50%;
  margin: 0 1rem 0 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.4rem;
}
.bar-chart.direct-x .data-label {
  color: #fff;
  padding-left: 1.4rem;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bar-chart.direct-x .data-label.clone {
  z-index: -1;
  color: #222;
}
.bar-chart.direct-x .data-label:not(.clone) {
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.bar-chart.data-double .chart-data {
  display: table;
  width: 100%;
  max-width: 42rem;
}
.bar-chart.data-double .chart-gauge-group {
  position: relative;
  display: table-cell;
  height: 100%;
  vertical-align: bottom;
  margin: 0;
  padding: 0 0.8rem;
}
.bar-chart.data-double .chart-gauge-group .chart-gauge {
  width: 2.6rem;
  margin: 0 0.4rem;
  border-radius: 0.6rem 0.6rem 0 0;
}
.bar-chart.data-double .chart-gauge-group:after {
  display: inline-block;
  width: 1px;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.bar-chart.data-double .chart-gauge.type-other {
  background: #c62a2a;
}
.bar-chart.type-bold-white {
  padding-bottom: 4.5rem;
}
.bar-chart.type-bold-white .chart-gauge {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 3.6rem;
  border-radius: 1.8rem;
  background: #fff;
  border: 0.1rem solid #ddd;
  vertical-align: bottom;
}
.bar-chart.type-bold-white .chart-gauge.type-point {
  background: #fc0;
  border-color: transparent;
}
.bar-chart.type-bold-white .chart-gauge.type-point .data-tit {
  color: #222;
}
.bar-chart.type-bold-white .chart-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: 16rem;
  padding: 0 6%;
}
.bar-chart.type-bold-white .chart-data:after {
  display: none;
}
.bar-chart.type-bold-white .line-average-y {
  border-color: #aaa;
  color: #888;
  left: 1.6rem;
  right: 1.6rem;
}
.bar-chart.type-bold-white .data-tit {
  margin-top: 0.8rem;
  line-height: 1.2;
  font-size: 1.4rem;
  color: #888;
}
.bar-chart.type-bold-white .data-tit small {
  font-size: 1.2rem;
}

.screenon .bar-chart.type-bold .data-label {
  opacity: 1 !important;
}

.chart-help-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
  text-align: center;
  margin-bottom: 0.5rem;
}

.carlife-graph-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  display: block;
  width: 100%;
  background: #fc0;
  padding: 1.2rem 1.6rem;
}
.carlife-graph-box .chart-area2 {
  padding-bottom: 2rem;
}
.carlife-graph-box .chart-area2 .x-label {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border-top: 0.1rem solid rgba(34, 34, 34, 0.3);
  border-bottom: 0;
  padding: 0;
}
.carlife-graph-box .chart-area2 .chart-data {
  width: calc(12rem + 44vw);
  height: 4.6rem;
}
.carlife-graph-box .chart-area2 .chart-gauge {
  margin: 0 2.2vw;
}
.carlife-graph-box .chart-area2 .data-label {
  margin-bottom: 0.3rem;
}
.carlife-graph-box .chart-area2 .data-label strong {
  font-size: 1.2rem;
}
.carlife-graph-box .chart-area2 .data-label:after {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
}
.carlife-graph-box .btn-icon {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.carlife-graph-box .rolling-text {
  width: 100%;
  margin-top: 1rem;
  padding: 0.7rem 0.8rem;
  text-align: center;
  background: #fff;
  border-radius: 1.6rem;
}
.carlife-graph-box.type-nodata .chart-gauge[data-rolling-life] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.carlife-graph-box.type-nodata .chart-gauge[data-rolling-life] .img-chart-model,
.carlife-graph-box.type-nodata .chart-gauge[data-rolling-life] .data-label {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.carlife-graph-box.type-nodata .chart-gauge[data-rolling-life] .img-chart-model {
  opacity: 0;
  -webkit-transform: translate(-50%, -60%);
      -ms-transform: translate(-50%, -60%);
          transform: translate(-50%, -60%);
}
.carlife-graph-box.type-nodata .chart-gauge[data-rolling-life].active {
  background: #fff;
  min-height: 0.5rem;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.carlife-graph-box.type-nodata .chart-gauge[data-rolling-life].active .img-chart-model {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.carlife-graph-box.type-nodata .chart-gauge[data-rolling-life].active .data-label {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.carlife-graph-box.type-nodata .rolling-text {
  height: 3.8rem;
  padding: 0;
}
.carlife-graph-box.type-nodata .rolling-text .rolling-track {
  height: 100%;
  padding: 0.7rem 0.8rem;
}
.carlife-graph-box.type-nodata .rolling-text .rolling-panel {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  height: auto;
  line-height: 1.2;
  color: #222;
}

.logo-carlife {
  height: 2.5rem;
}
.logo-carlife img {
  height: 100%;
}

.rolling-text {
  position: relative;
}
.rolling-text .rolling-track {
  position: relative;
  height: 1.7rem;
  overflow: hidden;
}
.rolling-text .rolling-panel {
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1.7rem;
  font-size: 1.4rem;
  opacity: 0;
  -webkit-transition: opacity linear 0.5s;
  transition: opacity linear 0.5s;
  font-weight: 700;
}
.rolling-text .rolling-panel.is-current {
  z-index: 2;
  opacity: 1;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.rolling-text .rolling-panel.is-prev {
  z-index: 1;
  opacity: 0;
}
.rolling-text .rolling-panel strong {
  color: #ffc23c;
}
.rolling-text .rolling-panel span,
.rolling-text .rolling-panel strong {
  font: inherit;
}

.menu-link-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
}
.menu-link-area .menu-link-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  margin-top: 1.6rem;
}
.menu-link-area .menu-link {
  display: block;
}
.menu-link-area .menu-link-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  width: 100%;
  margin-top: 1.2rem;
  color: #222;
}

.banner-slider {
  overflow: hidden;
  margin: 1.4rem -1.6rem 0;
  padding: 1rem 1.6rem 0;
}

.banner-item {
  position: relative;
  display: block;
  border-radius: 1.2rem;
}
.banner-item .subject {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
}
.banner-item .subject-s {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #fff;
  margin-bottom: 0.1rem;
}
.banner-item .desc {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  color: #fff;
  opacity: 0.5;
}
.banner-item .visual {
  position: absolute;
  display: block;
}
.banner-item a {
  display: block;
  height: 10rem;
  background: #423f3f;
  padding: 2.5rem;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.banner-item .link-tmap-photo {
  background: #f2f0f8;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 2.2rem 2rem 2rem 11rem;
  min-height: 9rem;
  height: auto;
}
.banner-item .link-tmap-photo .subject {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.banner-item .link-tmap-photo .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
}
.banner-item .link-tmap-photo .visual {
  position: absolute;
  top: 50%;
  left: 2rem;
  width: 7.5rem;
  min-height: 5rem;
  background: url("/images/common/sell/bg-tmap-photo.png") center left/7.5rem auto no-repeat;
  margin-top: -2.5rem;
}

.loading-cover-area {
  z-index: 1100;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 0;
  text-align: center;
}
.loading-cover-area.show {
  display: block;
}
.loading-cover-area .loading-inner {
  width: calc(100% - 1px);
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 6rem;
}
.loading-cover-area .loading-bottom {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 2.5rem;
  height: 2.6rem;
}
.loading-cover-area .loading-bottom img {
  height: 100%;
}
.loading-cover-area .loading-tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.loading-cover-area .loading-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.8rem;
}
.loading-cover-area .loading-gauge {
  position: relative;
  width: 18rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #eee;
  margin: 2.4rem auto 0;
  overflow: hidden;
}
.loading-cover-area .loading-gauge .gauge {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #fc0;
  border-radius: 0.4rem;
  -webkit-transition: width ease-in-out 0.1s;
  transition: width ease-in-out 0.1s;
}
.loading-cover-area .loading-ani {
  position: relative;
  display: block;
  width: 12.2rem;
  height: 9.2rem;
  margin: 0 auto 2.7rem;
}
.loading-cover-area .loading-ani > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 12.2rem;
  height: 9.2rem;
}
.loading-cover-area .loading-ani .document {
  background: url("/images/common/icon/loading-document.svg") 0 0/12.2rem auto no-repeat;
}
.loading-cover-area .loading-ani .magnifier {
  z-index: 1;
  top: 20%;
  left: 40%;
  width: 6.4rem;
  height: 6.5rem;
  background: url("/images/common/icon/loading-magnifier.svg") 0 0/contain no-repeat;
  -webkit-animation: aniMagnifier linear 3s infinite;
          animation: aniMagnifier linear 3s infinite;
}
.loading-cover-area .loading-ani .line {
  width: 0;
  opacity: 0;
  -webkit-animation: aniToggleLine linear 4s infinite;
          animation: aniToggleLine linear 4s infinite;
}
.loading-cover-area .loading-ani .line.n1 {
  background: url("/images/common/icon/loading-line1.svg") 0 0/12.2rem auto no-repeat;
}
.loading-cover-area .loading-ani .line.n2 {
  background: url("/images/common/icon/loading-line2.svg") 0 0/12.2rem auto no-repeat;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.loading-cover-area .loading-ani .line.n3 {
  background: url("/images/common/icon/loading-line3.svg") 0 0/12.2rem auto no-repeat;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
@-webkit-keyframes aniMagnifier {
  0% {
    -webkit-transform: translateY(12.5%) translateX(0);
            transform: translateY(12.5%) translateX(0);
  }
  12.5% {
    -webkit-transform: translateY(3.5%) translateX(3.5%);
            transform: translateY(3.5%) translateX(3.5%);
  }
  25% {
    -webkit-transform: translateY(0) translateX(12.5%);
            transform: translateY(0) translateX(12.5%);
  }
  37.5% {
    -webkit-transform: translateY(3.5%) translateX(21%);
            transform: translateY(3.5%) translateX(21%);
  }
  50% {
    -webkit-transform: translateY(12.5%) translateX(25%);
            transform: translateY(12.5%) translateX(25%);
  }
  62.5% {
    -webkit-transform: translateY(21%) translateX(21%);
            transform: translateY(21%) translateX(21%);
  }
  75% {
    -webkit-transform: translateY(25%) translateX(12.5%);
            transform: translateY(25%) translateX(12.5%);
  }
  87.5% {
    -webkit-transform: translateY(21%) translateX(3.5%);
            transform: translateY(21%) translateX(3.5%);
  }
  100% {
    -webkit-transform: translateY(12.5%) translateX(0);
            transform: translateY(12.5%) translateX(0);
  }
}
@keyframes aniMagnifier {
  0% {
    -webkit-transform: translateY(12.5%) translateX(0);
            transform: translateY(12.5%) translateX(0);
  }
  12.5% {
    -webkit-transform: translateY(3.5%) translateX(3.5%);
            transform: translateY(3.5%) translateX(3.5%);
  }
  25% {
    -webkit-transform: translateY(0) translateX(12.5%);
            transform: translateY(0) translateX(12.5%);
  }
  37.5% {
    -webkit-transform: translateY(3.5%) translateX(21%);
            transform: translateY(3.5%) translateX(21%);
  }
  50% {
    -webkit-transform: translateY(12.5%) translateX(25%);
            transform: translateY(12.5%) translateX(25%);
  }
  62.5% {
    -webkit-transform: translateY(21%) translateX(21%);
            transform: translateY(21%) translateX(21%);
  }
  75% {
    -webkit-transform: translateY(25%) translateX(12.5%);
            transform: translateY(25%) translateX(12.5%);
  }
  87.5% {
    -webkit-transform: translateY(21%) translateX(3.5%);
            transform: translateY(21%) translateX(3.5%);
  }
  100% {
    -webkit-transform: translateY(12.5%) translateX(0);
            transform: translateY(12.5%) translateX(0);
  }
}
@-webkit-keyframes aniToggleLine {
  0% {
    width: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    width: 12.2rem;
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90%, 100% {
    opacity: 0;
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
    width: 12.2rem;
  }
}
@keyframes aniToggleLine {
  0% {
    width: 0;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    width: 12.2rem;
  }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  90%, 100% {
    opacity: 0;
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
    width: 12.2rem;
  }
}
.loading-cover-area:after {
  display: inline-block;
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  content: "";
}

.step-list {
  font-size: 0;
}
.step-list > li {
  display: inline-block;
  vertical-align: middle;
  min-width: 2rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  height: 2rem;
  line-height: 2.2rem;
  border-radius: 50%;
  background: #eee;
  margin: 0 0.2rem;
  color: #aaa;
}
.step-list > li:last-child {
  margin-right: 0;
}
.step-list > li.active {
  background: #fc0;
  color: #222;
}

.card-add-box {
  display: table;
  width: 100%;
  border-radius: 2.4rem;
  padding: 2.8rem 2rem;
  margin-top: 1.6rem;
  margin-bottom: 0.8rem;
  background: #fc0;
  text-align: center;
}
.card-add-box > span {
  display: table-cell;
  vertical-align: middle;
}
.card-add-box strong {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.card-add-box .card-add-box__notice {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.4rem;
}
.card-add-box .card-add-box__notice strong {
  display: inline;
  font-size: inherit;
  font-weight: 700;
}
.card-add-box .btn-round.size-l {
  margin-top: 1.6rem;
}

.photo-upload-guide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  padding: 0 0 23rem;
  text-align: center;
}
.photo-upload-guide .inner-icons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: table;
  width: 100%;
  margin: 0 0 3.6rem;
}
.photo-upload-guide .inner-icons .icon-item {
  display: table-cell;
  vertical-align: middle;
}
.photo-upload-guide .inner-icons .icon-item > strong {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  margin-top: 0.4rem;
  color: #fff;
}
.photo-upload-guide .inner-cont {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.photo-upload-guide .inner-cont .tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
}
.photo-upload-guide .inner-cont .desc {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  margin-top: 1rem;
  color: #fff;
}
.photo-upload-guide .inner-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.photo-upload-guide .inner-footer .footer-desc {
  padding-bottom: 1.6rem;
}

.footer-desc {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  padding-bottom: 1.2rem;
  width: 100%;
  color: #ddd;
  text-align: center;
}

.tab-content .sell-info-list {
  margin-top: 1.2rem;
}

.sell-info-item {
  border-bottom: 0.1rem solid #eee;
  margin: 0 -1.6rem;
}
.sell-info-item:last-child {
  border-bottom: 0;
}
.sell-info-item.is-disabled .sell-info-head .sell-info-tit {
  color: #aaa;
}
.sell-info-item.is-disabled .sell-info-head .sell-info-util {
  color: #ddd;
}
.sell-info-item.is-disabled .sell-info-head .sell-info-util .icon-arrow-right-black {
  opacity: 0.2;
}
.sell-info-item.is-disabled .sell-info-body {
  display: none;
}
.sell-info-item .sell-info-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem;
}
.sell-info-item .sell-info-head .sell-info-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.sell-info-item .sell-info-head .sell-info-util {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
}
.sell-info-item .sell-info-head .sell-info-util:after {
  content: "";
  display: block;
  clear: both;
}
.sell-info-item .sell-info-head .sell-info-util span {
  font-weight: inherit;
  vertical-align: middle;
}
.sell-info-item .sell-info-head .sell-info-util .tag-round-s {
  margin-right: 0.5rem;
}
.sell-info-item .sell-info-head .balloon-box {
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 1rem;
}
.sell-info-item .sell-info-head .form-item {
  width: 13.2rem;
  float: right;
}
.sell-info-item .sell-info-body {
  padding: 0 1.6rem 1.6rem;
  word-break: break-all;
}
.sell-info-item .sell-info-body .inner-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.sell-info-item .sell-info-body .point-box, .sell-info-item .sell-info-body .search-result-box {
  padding: 2rem;
}
.sell-info-item .sell-info-body .inner-tit {
  display: block;
  margin: 1.5rem 0 1rem;
}
.sell-info-item .sell-info-body .inner-tit:first-child {
  margin-top: 0;
}
.sell-info-item .sell-info-body .inner-tit strong {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.7rem;
  height: 1.7rem;
  border-radius: 0.9rem;
  border: 0.1rem solid #222;
  color: #222;
  padding: 0 0.8rem;
}

.notice-ribbon {
  margin: 1.6rem 0 1rem;
}
.notice-ribbon .icon16 {
  margin-right: 0.4rem;
}
.notice-ribbon > span {
  font-size: 1.2rem;
  color: #222;
  font-weight: 700;
  vertical-align: middle;
  line-height: 1.6;
}

.notice-box-area {
  position: relative;
  margin-bottom: 0.8rem;
}
.notice-box-area .notice-ribbon {
  background: #feea97;
  padding: 1.6rem 1.6rem 5.6rem;
  margin: 0 -1.6rem -5rem;
}

.photo-upload-list .photo-item {
  position: relative;
  margin-bottom: 1.5rem;
  max-height: 74.9vw;
  min-height: 10.2rem;
  background: #f6f8f9;
  border: 0.1rem solid #eee;
  overflow: hidden;
  border-radius: 1.2rem;
}
.photo-upload-list .photo-item:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  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%);
  pointer-events: none;
  content: "";
}
.photo-upload-list .photo-item .btn-round-x {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
}
.photo-upload-list .photo-item img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.photo-upload-list .disabled-cover {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
}
.photo-upload-list .disabled-cover .inner {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #aaa;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.photo-upload-list .disabled-cover .inner span {
  display: block;
  margin-top: 1rem;
}

.sell-time-area {
  padding: 21vw 0 0;
  color: #fff;
}
.sell-time-area * {
  color: inherit;
}
.sell-time-area .inner-tit {
  padding: 0 1.6rem;
  margin-bottom: 4rem;
  text-align: center;
}
.sell-time-area .inner-tit .tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 1.6rem;
  color: #fff;
}
.sell-time-area .inner-tit .form-checkbox .txt {
  color: #fff;
}
.sell-time-area .info-txt {
  padding: 0;
  color: #aaa;
}
.sell-time-area .info-txt .icon16 {
  position: static;
  margin: -0.2rem 0.5rem 0 0;
}
.sell-time-area .tit-area {
  margin: 3.2rem 0 0.8rem;
}
.sell-time-area .inner-cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #eee;
  padding: 0 0.8rem;
}
.sell-time-area .inner-cont .terms-list dt {
  color: #fff;
  opacity: 0.6;
}
.sell-time-area .inner-cont .terms-list dd {
  color: #aaa;
}
.sell-time-area .inner-cont .primary-color-400 {
  margin-bottom: 0.8rem;
}
.sell-time-area .inner-cont .icon16 {
  margin-right: 0.4rem;
}

.ani-hourglass {
  position: relative;
  width: 3rem;
  height: 3rem;
}
.ani-hourglass > svg > g {
  -webkit-transform: scale(4.5);
      -ms-transform: scale(4.5);
          transform: scale(4.5);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.sell-progress-area {
  padding-top: 3.2rem;
}
.sell-progress-area .btn-notice-anchor {
  margin-top: -3.6rem;
  margin-bottom: 3.2rem;
}
.sell-progress-area .governing-area,
.sell-progress-area .point-box,
.sell-progress-area .search-result-box {
  text-align: center;
}
.sell-progress-area .governing-desc .desc-txt {
  text-align: center;
  color: #222;
}

.sell-progress-tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
.sell-progress-tit .icon20,
.sell-progress-tit .ani-hourglass {
  display: block;
  margin: 0 auto 1rem;
}
.sell-progress-tit strong {
  display: block;
}

.sell-progress-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  display: block;
  text-align: center;
}
.sell-progress-desc.size-l {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.sell-progress-desc.size-l span {
  font-weight: inherit;
}

.progress-list {
  display: table;
  width: 100%;
  margin-top: 3.2rem;
}
.progress-list > li {
  position: relative;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  font-size: 1.4rem;
  color: #888;
}
.progress-list > li:after {
  content: "";
  position: absolute;
  left: -50%;
  top: 3.35rem;
  display: block;
  width: 100%;
  height: 0;
  border-top: 0.15rem dashed #DDD;
  z-index: 1;
}
.progress-list > li:first-of-type:after {
  content: normal;
}
.progress-list > li.current .tit strong {
  z-index: 0;
  position: relative;
}
.progress-list > li.current .tit strong:before {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0.4rem;
  background-color: #fc0;
  content: "";
}
.progress-list > li.current .icon, .progress-list > li.before .icon {
  background-color: #ffe57f;
}
.progress-list > li.current .tit, .progress-list > li.before .tit {
  font-weight: 700;
  color: #222;
}
.progress-list > li.current .num, .progress-list > li.before .num {
  color: #222;
}
.progress-list > li.current .icon-sell-step1, .progress-list > li.before .icon-sell-step1 {
  background-image: url("/images/common/icon/icon-sell-step1-on.svg");
}
.progress-list > li.current .icon-sell-step2, .progress-list > li.before .icon-sell-step2 {
  background-image: url("/images/common/icon/icon-sell-step2-on.svg");
}
.progress-list > li.current .icon-sell-step3, .progress-list > li.before .icon-sell-step3 {
  background-image: url("/images/common/icon/icon-sell-step3-on.svg");
}
.progress-list > li.current .icon-sell-step4, .progress-list > li.before .icon-sell-step4 {
  background-image: url("/images/common/icon/icon-sell-step4-on.svg");
}
.progress-list > li.current .icon-sell-step5, .progress-list > li.before .icon-sell-step5 {
  background-image: url("/images/common/icon/icon-sell-step5-on.svg");
}
.progress-list > li.current:after, .progress-list > li.before:after {
  border-top: 0.15rem solid #FFCC00;
}
.progress-list .icon {
  position: relative;
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  margin: 0 auto 0.8rem;
  border-radius: 50%;
  background: #eee;
  text-align: center;
  line-height: 4.2rem;
  z-index: 2;
}
.progress-list .num {
  display: block;
  font-size: 1rem;
  color: #aaa;
  margin: 0 0.4rem;
}
.progress-list .tit {
  display: block;
  color: #888;
  font-weight: 400;
}

.sell-car-item:after {
  content: "";
  display: block;
  clear: both;
}
.sell-car-item .inner-thumb {
  float: left;
  width: 8.5rem;
  height: 6.8rem;
  border-radius: 0.8rem;
  overflow: hidden;
}
.sell-car-item .inner-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sell-car-item .inner-cont {
  float: left;
  width: calc(100% - 8.5rem);
  padding-left: 1.6rem;
  text-align: left;
}
.sell-car-item .inner-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  position: relative;
  display: block;
  margin-top: 0.8rem;
  padding-right: 5rem;
}
.sell-car-item .inner-tit .btn-txt {
  position: absolute;
  top: 0;
  right: 0;
}
.sell-car-item .inner-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.8rem;
}

.manager-thumb {
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(151, 151, 151, 0.38);
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.manager-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.manager-thumb.w40 {
  width: 4rem !important;
  height: 4rem !important;
}
.manager-thumb.w64 {
  width: 6.4rem !important;
  height: 6.4rem !important;
}
.manager-thumb.w72 {
  width: 7.2rem !important;
  height: 7.2rem !important;
}

.manager-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.6rem;
  text-align: center;
}
.manager-info.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 1rem;
}
.manager-info .manager-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.manager-info .manager-cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 1rem;
  text-align: left;
  color: #222;
}
.manager-info .manager-cont .txt:last-of-type:after {
  display: none;
}
.manager-info .manager-cont .txt:after {
  display: inline-block;
  width: 0.1rem;
  height: 1.2rem;
  background: #222;
  vertical-align: middle;
  margin: -0.2rem 0.3rem 0 0.6rem;
  content: "";
}
.manager-info .manager-cont .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
  color: #888;
}
.manager-info.align-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0;
  margin-bottom: 1.6rem;
}
.manager-info.align-v .manager-cont {
  margin-top: 1.2rem;
  text-align: center;
}
.manager-info.align-v.size-l .manager-thumb {
  width: 6.4rem;
  height: 6.4rem;
  background-color: #efefef;
}
.manager-info.align-v.size-l .manager-cont {
  font-size: 1.6rem;
}
.manager-info.align-v.size-l .manager-cont .txt:after {
  margin-right: 0.6rem;
}

.modal-header .manager-info.align-v.size-l {
  margin-top: -6.4rem;
}

.manager-info-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  padding: 2.4rem;
  margin-top: 1.6rem;
  position: relative;
}
.manager-info-box .manager-info {
  margin-top: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.manager-info-box .manager-info .manager-cont {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-weight: 400;
}
.manager-info-box .manager-info .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.manager-info-box .manager-info .txt.name {
  font-size: 1.8rem;
}
.manager-info-box .manager-thumb {
  width: 4.8rem;
  height: 4.8rem;
}
.manager-info-box .grid-justify, .manager-info-box .model-select-item, .manager-info-box .search-result-tit, .manager-info-box .search-result-list > li, .manager-info-box .filter-list-item {
  border-top: 0.1rem solid #eee;
  margin: 2.4rem -2.4rem 0;
  padding: 2.4rem 2.4rem 0;
}
.manager-info-box .img-logo {
  width: 5rem;
}
.manager-info-box .img-logo img {
  width: 100%;
}
.manager-info-box.type-point {
  background: #fc0;
}
.manager-info-box.type-point .manager-thumb {
  width: 6.4rem;
  height: 6.4rem;
}
.manager-info-box.type-point .grid-justify, .manager-info-box.type-point .model-select-item, .manager-info-box.type-point .search-result-tit, .manager-info-box.type-point .search-result-list > li, .manager-info-box.type-point .filter-list-item {
  margin: 1.5rem -1.3rem -0.9rem;
  padding: 1.5rem 1.3rem 0;
  border-color: #fff;
}
.manager-info-box.type-point .detail {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.manager-info-box.type-point .detail .region {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 0.2rem;
  display: block;
}
.manager-info-box.type-new .grid-justify, .manager-info-box.type-new .model-select-item, .manager-info-box.type-new .search-result-tit, .manager-info-box.type-new .search-result-list > li, .manager-info-box.type-new .filter-list-item {
  margin: 0 0 1.5rem;
  padding: 0 0 1.5rem;
  border-top-width: 0;
  border-bottom: 0.1rem solid #eee;
}
.manager-info-box.type-new .manager-info {
  position: relative;
}
.manager-info-box.type-new .manager-info .txt {
  vertical-align: middle;
}
.manager-info-box.type-new .manager-info .txt strong {
  font-weight: inherit;
}
.manager-info-box.type-new .manager-info .txt:after {
  display: none;
}
.manager-info-box.type-new .txt-added {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #222;
  margin-top: 0.6rem;
}
.manager-info-box.type-new .icon-arrow-right-black {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.8rem;
  background: url("/images/common/icon/icon16-arrow-right-black-bold.svg") center/contain no-repeat;
}
.manager-info-box.type-new .btn-round {
  position: relative;
  z-index: 2;
}

.manager-tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 2rem;
  text-align: center;
}
.manager-tit .txt-highlight:before {
  height: 0.4rem;
}
.manager-tit .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
  color: #222;
}

.manager-profile {
  text-align: center;
}
.manager-profile .manager-thumb {
  width: 7.2rem;
  height: 7.2rem;
  margin: 0 auto;
}
.manager-profile .manager-cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  color: #222;
  margin-top: 1.6rem;
}
.manager-profile .manager-cont .txt {
  display: block;
  margin-top: 0.4rem;
}
.manager-profile .manager-cont .txt.sm {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.manager-profile .manager-cont .score-area {
  margin: 0.8rem auto 0;
}
.manager-profile .manager-cont .name {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
}
.manager-profile.type-popup .manager-thumb {
  width: 6.4rem;
  height: 6.4rem;
}
.manager-profile.type-popup .manager-cont {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.manager-profile.type-popup .name {
  font-size: 2rem;
}

.canvas-particle {
  z-index: 1001;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
}

.report-list {
  margin-top: 2.4rem;
}
.report-list > li {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  padding: 0 0 3.2rem 2rem;
}
.report-list > li:before {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  bottom: -0.5rem;
  display: block;
  width: 0.1rem;
  background: #aaa;
  content: "";
}
.report-list > li:after {
  position: absolute;
  top: 0.4rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 0.1rem solid #aaa;
  border-radius: 50%;
  content: "";
}
.report-list > li:last-child:before {
  display: none;
}
.report-list .report-time {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-bottom: 0.8rem;
}

.review-box {
  margin-bottom: 3.2rem;
}
.review-box:last-of-type {
  margin-bottom: 0;
}
.review-box .inner-head {
  display: table;
  width: 100%;
}
.review-box .inner-head .thumb {
  display: table-cell;
  width: 5.6rem;
  vertical-align: middle;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.1rem solid rgba(170, 170, 170, 0.2);
}
.review-box .inner-head .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.review-box .inner-head .subject {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: table-cell;
  vertical-align: middle;
  padding-left: 1.2rem;
}
.review-box .inner-body {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  margin-top: 1.6rem;
  background: #f8f8f8;
  border-radius: 1.2rem;
  padding: 2rem;
  word-break: break-all;
}
.review-box .inner-body .grid-util {
  color: #666;
}
.review-box .inner-body .detail {
  margin-top: 1.4rem;
}

.score-area {
  display: block;
  width: 7.7rem;
  height: 1.5rem;
  background: url("//images/common/cm/icon-star.svg") 0 -1.5rem/7.7rem auto no-repeat;
}
.score-area .score-area__bar {
  display: block;
  height: 100%;
  background: url("//images/common/cm/icon-star.svg") 0 0/7.7rem auto no-repeat;
}

.panel-area {
  background: #f8f8f8;
  border-radius: 1.2rem;
  padding: 1.6rem;
}

.panel-tit-area .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.panel-tit-area .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
  color: #888;
}

.panel-grid {
  position: relative;
  margin: 4rem 0;
}
.panel-grid .bg {
  display: block;
  width: 100%;
}

.panel-item {
  z-index: 1;
  position: absolute;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #222;
  white-space: nowrap;
  /* ���Ǻ���
  ============ */
  /* ��ݺ���
  ============ */
}
.panel-item .name {
  z-index: 1;
  position: relative;
  pointer-events: none;
  font: inherit;
}
.panel-item .btn-panel {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.panel-item .status {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  min-width: 4rem;
  min-height: 4rem;
  width: 11vmin;
  height: 11vmin;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  border: 0.1rem solid #ffcc00;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.panel-item .status:before {
  z-index: 1;
  position: absolute;
  top: -0.8rem;
  left: 50%;
  margin-left: -0.6rem;
  width: 1.2rem;
  height: 1.2rem;
  display: none;
  content: "";
}
.panel-item .status.is-welding {
  background: rgba(255, 204, 0, 0.6);
}
.panel-item .status.is-welding:before {
  display: block;
  background: url("/images/common/icon/icon12-accident-w.svg") center/contain no-repeat;
}
.panel-item .status.is-change {
  background: rgba(255, 204, 0, 0.6);
}
.panel-item .status.is-change:before {
  display: block;
  background: url("/images/common/icon/icon12-accident-x.svg") center/contain no-repeat;
}
.panel-item.outer1 {
  top: 21.48%;
  left: 17.25%;
}
.panel-item.outer2 {
  top: 45.18%;
  left: 12.14%;
}
.panel-item.outer3 {
  top: 65.92%;
  left: 12.14%;
}
.panel-item.outer4 {
  top: 0%;
  left: 50.15%;
}
.panel-item.outer5 {
  top: 19.25%;
  left: 50.15%;
}
.panel-item.outer6 {
  top: 85.18%;
  left: 50.15%;
}
.panel-item.outer7 {
  top: 105.55%;
  left: 50.15%;
}
.panel-item.outer8 {
  top: 0%;
  left: 76.67%;
}
.panel-item.outer9 {
  top: 21.48%;
  left: 82.42%;
}
.panel-item.outer10 {
  top: 45.18%;
  left: 87.53%;
}
.panel-item.outer11 {
  top: 65.92%;
  left: 87.53%;
}
.panel-item.frame1 {
  top: 52.95%;
  left: 5.75%;
}
.panel-item.frame2 {
  top: 90%;
  left: 12.14%;
}
.panel-item.frame3 {
  top: 52.22%;
  left: 23.64%;
}
.panel-item.frame4 {
  top: 0%;
  left: 24.28%;
}
.panel-item.frame5 {
  top: 0%;
  left: 41.53%;
}
.panel-item.frame6 {
  top: 0%;
  left: 57.5%;
}
.panel-item.frame7 {
  top: 0%;
  left: 74.75%;
}
.panel-item.frame8 {
  top: 34.44%;
  left: 32.9%;
}
.panel-item.frame9 {
  top: 67.03%;
  left: 32.9%;
}
.panel-item.frame10 {
  top: 88.51%;
  left: 30.67%;
}
.panel-item.frame11 {
  top: 38.88%;
  left: 50%;
}
.panel-item.frame12 {
  top: 59.62%;
  left: 50%;
}
.panel-item.frame13 {
  top: 79.62%;
  left: 50%;
}
.panel-item.frame14 {
  top: 99.62%;
  left: 50%;
}
.panel-item.frame15 {
  top: 34.44%;
  left: 67.09%;
}
.panel-item.frame16 {
  top: 67.03%;
  left: 67.09%;
}
.panel-item.frame17 {
  top: 88.51%;
  left: 68.05%;
}
.panel-item.frame18 {
  top: 52.22%;
  left: 76.35%;
}
.panel-item.frame19 {
  top: 52.95%;
  left: 93.92%;
}
.panel-item.frame20 {
  top: 90%;
  left: 87.53%;
}

.dropmenu-area {
  position: relative !important;
}

.dropmenu-toggle {
  top: 100%;
  right: 1.6rem;
  position: absolute;
  border-radius: 1.2rem;
  width: 18rem;
  background: #fff;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
  padding: 0.8rem 0;
  opacity: 0;
  -webkit-transform: translateY(-0.5rem);
      -ms-transform: translateY(-0.5rem);
          transform: translateY(-0.5rem);
  -webkit-transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
}
.dropmenu-toggle.active {
  z-index: 99;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.dropmenu-list > li {
  border-top: 0.1rem solid #eee;
}
.dropmenu-list > li:first-child {
  border-top: 0;
}
.dropmenu-list .dropmenu-btn {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  text-align: left;
  padding: 1.2rem 1.6rem;
}
.dropmenu-list .dropmenu-btn > .icon16 {
  margin-right: 0.4rem;
}
.dropmenu-list .dropmenu-btn > span {
  vertical-align: middle;
}

.loading-cover {
  position: relative;
}
.loading-cover .loading-cover-inner {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(255, 255, 255, 0.8);
}
.loading-cover .loading-cover-item {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  text-align: center;
}
.loading-cover .loading-cover-item span {
  font: inherit;
}
.loading-cover .loading-cover-item .txt {
  display: block;
  margin-bottom: 1rem;
}
.loading-cover .loading-cover-item .txt strong {
  color: #2589ff;
}
.loading-cover .loading-progress {
  width: 21.9rem;
  margin: 0 auto;
}
.loading-cover.loaded .loading-cover-inner {
  display: none;
}

.loading-progress {
  height: 0.8rem;
  width: 100%;
  background: #ddd;
  border-radius: 0.6rem;
  overflow: hidden;
}
.loading-progress .gauge {
  display: block;
  min-width: 2rem;
  height: 100%;
  border-radius: 0.6rem;
  background: #2589ff;
  -webkit-transition: width ease-in-out 0.1s;
  transition: width ease-in-out 0.1s;
}

.progress-tag-area {
  position: relative;
  font-size: 0;
  margin: 0 2.6rem 0.6rem;
  text-align: left;
}
.progress-tag-area .progress-tag {
  position: relative;
}

.progress-tag {
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: inline-block;
  font-size: 1.2rem;
  color: #222;
  line-height: 2.4rem;
  height: 2.4rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #ddd;
  text-align: center;
  padding: 0 1rem;
}
.progress-tag.size-xs {
  left: 50%;
  font-size: 1rem;
  padding: 0 1rem;
  height: 2rem;
  line-height: 2rem;
}

.progress-area {
  height: 0.6rem;
  width: 100%;
  background: #eee;
  border-radius: 0.6rem;
  overflow: hidden;
}
.progress-area .gauge {
  display: block;
  min-width: 2rem;
  height: 100%;
  border-radius: 0.6rem;
  -webkit-transition: width ease-in-out 0.1s;
  transition: width ease-in-out 0.1s;
  background: #fc0;
}
.progress-area[data-disabled] .gauge {
  background: #aaa;
}
.progress-area.size-l {
  height: 1.2rem;
}

.busy-diag {
  color: #222;
}
.busy-diag a {
  text-decoration: none;
  text-align: center;
  color: #222;
}
.busy-diag .busy-diag-service {
  position: relative;
  margin-right: -1.6rem;
  background: url("/images/common/cm/bg-busy-diag-01.svg") bottom 1rem right/auto no-repeat;
}
.busy-diag .busy-diag-service__txt {
  display: block;
}
.busy-diag .busy-diag-service__tit {
  display: block;
}
.busy-diag .busy-diag-service__btn-view {
  display: inline-block;
}
.busy-diag .busy-diag-service__icon-beta-jeju {
  position: absolute;
  top: 9.5rem;
  right: 3.2rem;
  display: block;
  width: 7.3rem;
  height: 6.2rem;
  background: url("/images/common/cm/icon-beta-jeju.svg") center/contain no-repeat;
}
.busy-diag .busy-diag__btn-no {
  display: block;
  margin-top: 1.8rem;
  text-align: center;
}

.busy-diag-gate .busy-diag-service {
  padding-bottom: 21rem;
}
.busy-diag-gate .busy-diag-service__txt {
  font-size: 1.6rem;
}
.busy-diag-gate .busy-diag-service__tit {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0.6rem 0 0.7rem;
}
.busy-diag-gate .busy-diag-service__btn-view {
  height: 2.8rem;
  padding: 0 0.8rem;
  background: #eee;
  border-radius: 1.4rem;
  line-height: 2.8rem;
}
.busy-diag-gate .busy-diag__btn-go {
  margin-top: 1.9rem;
}

.busy-diag-info .busy-diag-service {
  padding-bottom: 11.6rem;
  margin-bottom: -0.2rem;
}
.busy-diag-info .busy-diag-service__txt {
  font-size: 1.4rem;
  color: #666;
}
.busy-diag-info .busy-diag-service__tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.3rem;
}

.busy-diag-step {
  position: relative;
  padding: 2.4rem 0 2.5rem;
}
.busy-diag-step:before {
  position: absolute;
  top: 0;
  left: -1.5rem;
  display: block;
  content: "";
  width: calc(100% + 30px);
  height: 0.8rem;
  background: #f8f8f8;
}

.busy-diag-step__list {
  position: relative;
}
.busy-diag-step__list:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  content: "";
  margin-top: -2.7rem;
  width: 5.4rem;
  height: 5.4rem;
}
.busy-diag-step__list.step-1:after {
  background: url("/images/common/sell/icon-busy-diag-step1.svg") no-repeat 50% 50%;
}
.busy-diag-step__list.step-2:after {
  background: url("/images/common/sell/icon-busy-diag-step2.svg") no-repeat 50% 50%;
}
.busy-diag-step__list.step-3:after {
  background: url("/images/common/sell/icon-busy-diag-step3.svg") no-repeat 50% 50%;
}
.busy-diag-step__list.step-4:after {
  background: url("/images/common/sell/icon-busy-diag-step4.svg") no-repeat 50% 50%;
}
.busy-diag-step__list.step-5:after {
  background: url("/images/common/sell/icon-busy-diag-step5.svg") no-repeat 50% 50%;
}
.busy-diag-step__list + .busy-diag-step__list {
  margin-top: 2.2rem;
}

.busy-diag-step__num {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fc0;
}
.busy-diag-step__num em {
  font-style: italic;
}

.busy-diag-step__tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin: 0.6rem 0 0.8rem;
}

.busy-diag-step__txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  width: 76.5%;
}

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

.busy-diag-section {
  height: 24.4rem;
  padding-bottom: 1rem;
  background: #fff url("/images/common/cm/bg_busy_diag_banner.png") no-repeat 0 0;
  background-size: 100% 73%;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}
.busy-diag-section .busy-diag-service {
  height: 100%;
  padding: 30px 2rem;
  background-size: 22rem auto;
  margin: 0;
}
.busy-diag-section .busy-diag-service__txt {
  font-size: 1.2rem;
}
.busy-diag-section .busy-diag-service__tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin: 0.3rem 0 1.4rem;
}
.busy-diag-section .busy-diag-service__tit-info {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  font-weight: 400;
}
.busy-diag-section .busy-diag-service__btn-view {
  font-size: 1.4rem;
}
.busy-diag-section .busy-diag-service__btn-view:after {
  display: inline-block;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  margin-top: -0.2rem;
  border: solid #222;
  border-width: 0.1rem 0.1rem 0 0;
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.busy-diag-section .btn-round {
  position: absolute;
  left: 2rem;
  bottom: 1rem;
}
.busy-diag-section .busy-diag-service__btn-call {
  position: absolute;
  left: 2rem;
  bottom: 1rem;
  display: inline-block;
  height: 2.8rem;
  padding: 0 0.8rem;
  background: #fc0;
  border-radius: 1.4rem;
  line-height: 2.8rem;
}

.photo-guide {
  margin: -2rem 0;
}

.photo-guide-item {
  display: table;
  width: 100%;
  padding: 2rem 0;
  border-bottom: 0.1rem solid #eee;
  table-layout: fixed;
}
.photo-guide-item:last-child {
  border-bottom: 0;
}
.photo-guide-item .photo-guide-cont {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  word-break: keep-all;
  padding-right: 0.5rem;
}
.photo-guide-item .photo-guide-img {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.photo-guide-item .photo-guide-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 0.8rem;
}
.photo-guide-item .photo-guide-tit small {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 700;
}
.photo-guide-item .photo-guide-tit.depth2 {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
  margin: 3rem 0 0.6rem;
}
.photo-guide-item .photo-guide-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.photo-guide-item .photo-guide-img .img {
  margin: 0 -0.4rem;
  overflow: hidden;
}
.photo-guide-item .photo-guide-img .img > span {
  display: block;
  border-radius: 0.8rem;
  overflow: hidden;
  height: 12.4rem;
  margin: 0.4rem;
}
.photo-guide-item .photo-guide-img .img.double > span {
  float: left;
  width: calc(50% - 0.8rem);
  height: 6.5rem;
}
.photo-guide-item .photo-guide-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.img-grid {
  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;
  margin: -0.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.img-grid .img {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(50% - 0.8rem);
  height: 0;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
  margin: 0.4rem;
}
.img-grid .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-info {
  position: relative;
  text-align: center;
  text-decoration: none;
}
.product-info .more-util {
  position: relative;
  margin: -8px -8px 24px;
  min-height: 1px;
}
.product-info .more-util .btn-txt {
  position: absolute;
  top: 0;
  right: 0;
}
.product-info .tag-point-area {
  text-align: left;
}
.product-info .visual {
  margin-bottom: 20px;
}
.product-info .desc {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  display: block;
  margin-bottom: 8px;
}
.product-info .tit {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #222;
}
.product-info .btn-grid {
  margin-top: 20px;
}
.product-info .balloon-box {
  z-index: 2;
  position: absolute;
  top: -6px;
  right: 0;
  -webkit-animation: aniBalloonUpInfinite cubic-bezier(0, 0, 0.63, 1.15) 8s both 0.4s infinite;
          animation: aniBalloonUpInfinite cubic-bezier(0, 0, 0.63, 1.15) 8s both 0.4s infinite;
}
.product-info .product-info-footer {
  background: #fff8df;
  color: #222;
  text-align: center;
  border-radius: 1rem;
  padding: 0.8rem;
  margin-top: 1.4rem;
  font-size: 1.4rem;
  line-height: 1.4;
}
.product-info .product-info-footer strong {
  font: inherit;
  font-weight: 700;
  vertical-align: middle;
}
.product-info .product-info-footer .txt-sale {
  font: inherit;
  color: #666;
  margin-left: 1rem;
  text-decoration: line-through;
  vertical-align: middle;
}
.product-info .product-info-footer .icon-plus-bold {
  margin-top: -0.2rem;
}
.product-info.type-vertical {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  width: 100%;
  padding: 2.2rem;
  margin-top: 1rem;
}
.product-info.type-vertical .product-info-grid {
  position: relative;
  text-align: left;
  padding-right: 4.5rem;
}
.product-info.type-vertical .product-info-grid:only-child {
  padding: 0.7rem 0;
}
.product-info.type-vertical .product-info-grid .visual {
  right: 0;
}
.product-info.type-vertical .visual {
  position: absolute;
  top: 50%;
  right: 2.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.product-info.type-vertical .desc {
  margin: 0.4rem 0 0;
}
.product-info.type-vertical .grid-justify, .product-info.type-vertical .model-select-item, .product-info.type-vertical .search-result-tit, .product-info.type-vertical .search-result-list > li, .product-info.type-vertical .filter-list-item {
  margin-top: 1.2rem;
}
.product-info.type-vertical .grid-util {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.product-info.type-vertical .grid-util > span {
  font: inherit;
}
.product-info.type-point:after {
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 1.6rem;
  border: 0.1rem solid #fc0;
  content: "";
}
@-webkit-keyframes aniBalloonUpInfinite {
  0% {
    -webkit-transform: translateY(1rem) scale(0.95);
            transform: translateY(1rem) scale(0.95);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateY(-0.2rem) scale(1);
            transform: translateY(-0.2rem) scale(1);
  }
  6%, 80% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
  85%, 100% {
    -webkit-transform: translateY(1rem) scale(0.95);
            transform: translateY(1rem) scale(0.95);
    opacity: 0;
  }
}
@keyframes aniBalloonUpInfinite {
  0% {
    -webkit-transform: translateY(1rem) scale(0.95);
            transform: translateY(1rem) scale(0.95);
    opacity: 0;
  }
  5% {
    -webkit-transform: translateY(-0.2rem) scale(1);
            transform: translateY(-0.2rem) scale(1);
  }
  6%, 80% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
  85%, 100% {
    -webkit-transform: translateY(1rem) scale(0.95);
            transform: translateY(1rem) scale(0.95);
    opacity: 0;
  }
}
.product-info.type-kb-cert:after {
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: 1.6rem;
  border: 0.1rem solid #fc0;
  background: url("/images/common/icon/ribbon-kb-cert.svg") 0 0/3.7rem auto no-repeat;
  content: "";
}
.product-info.size-l {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
.product-info.size-l .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 0.2rem;
  color: #222;
}
.product-info.size-l .tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.product-info.size-l .btn-round {
  height: 3rem;
  font-weight: 700;
  line-height: 3rem;
}
.product-info.size-l .btn-round.btn-round--icon {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  font-size: 0;
  line-height: 1;
}
.product-info.size-l .btn-round__text {
  position: relative;
  top: -0.1rem;
  display: inline-block;
  padding-left: 0.5rem;
  vertical-align: middle;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6rem;
}
.product-info.size-l .btn-round__icon {
  position: relative;
  top: 0.1rem;
}

.card-slider-area {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}

.card-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-review-area {
  overflow: hidden;
  margin-top: -1rem;
  margin-bottom: -2rem;
}
.main-review-area.swiper-css-mode .swiper-wrapper {
  overflow-x: auto;
}
.main-review-area .swiper-wrapper {
  overflow: visible;
}
.main-review-area .main-review .review-item {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.main-review {
  padding: 0 0 0 0.8rem;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  scroll-padding-left: 1.6rem;
  scroll-padding-right: 1.6rem;
  -webkit-overflow-scrolling: touch;
}
.main-review::-webkit-scrollbar {
  display: none;
}
.main-review:after {
  display: block;
  width: 0.5rem;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: "";
}
.main-review .review-item {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  width: 30rem !important;
  height: auto;
  margin: 0 0.8rem;
}
.main-review .review-item:last-child {
  margin-right: 1.6rem;
}
.main-review .review-item > a {
  display: block;
  padding: 2rem;
}
.main-review .review-item .review-header {
  position: relative;
  padding-bottom: 1.3rem;
  padding-right: 6.7rem;
  border-bottom: 0.1rem solid #efefef;
  margin-bottom: 1.3rem;
}
.main-review .review-item .tag-area {
  margin-left: -0.3rem;
}
.main-review .review-item .car-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
}
.main-review .review-item .car-thumb {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 1.3rem;
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #f6f8f9;
}
.main-review .review-item .review-comment {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 4.2rem;
  font-size: 1.4rem;
  color: #888;
  line-height: 1.5;
  white-space: normal;
}
.main-review .review-item .car-price {
  margin-top: 0.3rem;
  font-size: 1.2rem;
  color: #666;
}
.main-review .review-item .car-price .benefit {
  color: #ff0e0e;
}
.main-review .review-item .review-added {
  margin-bottom: 0.5rem;
}
.main-review .review-item .review-added:after {
  content: "";
  display: block;
  clear: both;
}
.main-review .review-item .review-added .star-area {
  float: left;
}
.main-review .review-item .review-added .date {
  float: right;
  color: #888;
  font-size: 1.2rem;
}

.star-area {
  position: relative;
  display: block;
  width: 6.1rem;
  height: 1.2rem;
  background: url("/images/common/cm/icon-star-bg.png") 0 0/6.1rem auto no-repeat;
}
.star-area .star-score {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  background: url("/images/common/cm/icon-star-score.png") 0 0/6.1rem auto no-repeat #fff;
}
.star-area .star-score.n0 {
  width: 0%;
}
.star-area .star-score.n1 {
  width: 20%;
}
.star-area .star-score.n2 {
  width: 40%;
}
.star-area .star-score.n3 {
  width: 60%;
}
.star-area .star-score.n4 {
  width: 80%;
}
.star-area .star-score.n5 {
  width: 100%;
}
.star-area .star-score.n0-half {
  width: 10%;
}
.star-area .star-score.n1-half {
  width: 30%;
}
.star-area .star-score.n2-half {
  width: 50%;
}
.star-area .star-score.n3-half {
  width: 70%;
}
.star-area .star-score.n4-half {
  width: 90%;
}

.history-sell-area {
  padding: 0;
  text-align: center;
}
.history-sell-area .history-sell-area__text {
  display: block;
  padding: 6.3rem 0;
  text-align: center;
}
.history-sell-area .btn-txt {
  font-size: 1.8rem;
  line-height: 1.33;
  letter-spacing: -0.045rem;
}
.history-sell-area .btn-txt .icon32 {
  margin-right: 0.4rem;
}
.history-sell-area .btn-txt span {
  margin-top: 0.1rem;
  font-weight: bold;
  vertical-align: middle;
}

.recent-sell-area {
  padding-top: 1rem;
  margin: -1rem -1.6rem 0;
  overflow: hidden;
}
.recent-sell-area .swiper-wrapper {
  margin-bottom: 1.5rem;
}
.recent-sell-area .recent-sell-box {
  width: calc(100% - 3.2rem) !important;
}

.subcont-inner.screenon .recent-sell-area .swiper-slide-active .balloon-box {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}

.recent-sell-box {
  position: relative;
}
.recent-sell-box > .item {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  position: relative;
  padding: 2.6rem 2.4rem;
}
.recent-sell-box .thumb,
.recent-sell-box .balloon-box {
  will-change: transform, opacity;
}
.recent-sell-box .balloon-box {
  position: absolute;
  top: -0.5rem;
  right: 2rem;
  opacity: 0;
  -webkit-transform: translateY(0.5rem);
      -ms-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
}
.recent-sell-box .btn-wrap {
  position: relative;
  z-index: 1;
  margin: 2rem 0 0;
}
.recent-sell-box.type-nodata .name-area {
  margin-top: 0.4rem;
}
.recent-sell-box.type-nodata .name {
  display: block;
  max-height: 100%;
  -webkit-line-clamp: none;
  -webkit-box-orient: initial;
}
.recent-sell-box.type-nodata:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: 0.9rem;
  display: block;
  width: 9.8rem;
  height: 6.5rem;
  background: url("/images/common/cm/bg_garage_blank@2x.png") center center/contain no-repeat;
}
.recent-sell-box .name-area {
  position: relative;
  padding-right: 13rem;
}
.recent-sell-box .txt-upper {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.4rem;
  font-weight: bold;
}
.recent-sell-box .name {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.recent-sell-box .sub-name {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
  color: #222;
}
.recent-sell-box .thumb {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -2rem;
  width: 14rem;
  height: 9rem;
  border-radius: 0 1.2rem 0 0;
  overflow: hidden;
}
.recent-sell-box .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 12.2rem;
}
.recent-sell-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5rem;
  background: #f6f8f9;
  border-radius: 0.8rem;
  padding: 0 1.5rem 0 0;
}
.recent-sell-box dl:after {
  content: "";
  display: block;
  clear: both;
}
.recent-sell-box dl > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  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: 1.3rem 0 1.3rem 1.5rem;
}
.recent-sell-box dl > div:after:after {
  content: "";
  display: block;
  clear: both;
}
.recent-sell-box dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 5.5rem;
  color: #888;
  font-size: 1.4rem;
  line-height: 1.6;
}
.recent-sell-box dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 5.5rem);
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}

.sell-main-intro {
  z-index: 0;
  position: relative;
}
.sell-main-intro .inner-visual {
  position: relative;
  padding: 1rem 0 3rem;
}
.sell-main-intro .inner-visual .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
  display: block;
}
.sell-main-intro .inner-visual .util {
  margin-top: 1.2rem;
}
.sell-main-intro .inner-visual .visual {
  z-index: -1;
  position: absolute;
  right: 0;
  bottom: -5rem;
}

.full-section {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  margin: -6.8rem -1.6rem -3.2rem -1.6rem;
}
.full-section.has-header {
  padding-top: 4.4rem;
}

.full-cover-section {
  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;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  margin: -6.8rem -1.6rem -3.2rem -1.6rem;
  padding: 6.8rem 1.6rem 3.2rem 1.6rem;
  text-align: center;
}
.full-cover-section .inner-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.full-cover-section .inner-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.full-cover-section .inner-body .inner-body-grid {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.full-cover-section .inner-body > .tab-contents-wrap {
  width: 100%;
  height: 100%;
}
.full-cover-section .inner-body > .tab-contents-wrap > .tab-content {
  height: 100%;
}
.full-cover-section .inner-body.type-link {
  padding: 2rem;
  border-bottom: 0.1rem solid #d8d8d8;
}
.full-cover-section .inner-body.type-link:last-child {
  border-bottom: 0;
}
.full-cover-section .inner-body.type-link .full-link-img {
  margin: 0 0 4rem;
  height: 7rem;
  text-align: center;
}
.full-cover-section .inner-body.type-link .full-link-img img {
  display: block;
  height: 100%;
  margin: 0 auto;
}
.full-cover-section .inner-body.type-link .full-link-tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.full-cover-section .inner-body.type-link .full-link-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
  color: #222;
}
.full-cover-section .inner-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.full-cover-section.no-overflow {
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}

.modal.type-page .full-cover-section,
.modal.type-full .full-cover-section {
  margin: -6rem -1.6rem -2.4rem;
  padding: 6rem 1.6rem 2.4rem;
}

.sell-intro-form {
  margin-bottom: 14rem;
}

.sell-intro-input {
  position: relative;
  margin: 3.3rem auto 0;
  width: 30.7rem;
}
.sell-intro-input input, .sell-intro-input .inp-box .ico-confirm, .inp-box .sell-intro-input .ico-confirm {
  display: block;
  line-height: 8.8rem;
  width: 100%;
  height: 8.8rem;
  font-size: 3.4rem;
  color: #222;
  padding: 0 3.3rem;
  font-weight: 700;
  background: url("/images/common/sell/sell-intro-input.svg") center/auto no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sell-intro-input input::-webkit-input-placeholder, .sell-intro-input .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .sell-intro-input .ico-confirm::-webkit-input-placeholder {
  color: #dadada;
}
.sell-intro-input input::-moz-placeholder, .sell-intro-input .inp-box .ico-confirm::-moz-placeholder, .inp-box .sell-intro-input .ico-confirm::-moz-placeholder {
  color: #dadada;
}
.sell-intro-input input:-ms-input-placeholder, .sell-intro-input .inp-box .ico-confirm:-ms-input-placeholder, .inp-box .sell-intro-input .ico-confirm:-ms-input-placeholder {
  color: #dadada;
}
.sell-intro-input input::-ms-input-placeholder, .sell-intro-input .inp-box .ico-confirm::-ms-input-placeholder, .inp-box .sell-intro-input .ico-confirm::-ms-input-placeholder {
  color: #dadada;
}
.sell-intro-input input::placeholder, .sell-intro-input .inp-box .ico-confirm::placeholder, .inp-box .sell-intro-input .ico-confirm::placeholder {
  color: #dadada;
}
.sell-intro-input .sell-intro-img {
  position: absolute;
  top: 2rem;
  right: -2rem;
  opacity: 0;
  -webkit-animation: aniFadeInUp ease-in-out 0.5s both 0.3s;
          animation: aniFadeInUp ease-in-out 0.5s both 0.3s;
}

.footer-banner-slider {
  overflow: hidden;
  margin: 3rem -1.6rem -3.2rem;
  background: #f1f1f1;
}
.footer-banner-slider .footer-banner-item {
  position: relative;
  background: #f1f1f1;
  padding: 2.6rem 2.6rem 2.6rem 9rem;
  text-align: left;
}
.footer-banner-slider .footer-banner-item .img-area {
  position: absolute;
  left: 2.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.footer-banner-slider .footer-banner-item .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.footer-banner-slider .footer-banner-item .desc {
  display: block;
  font-size: 1.3rem;
  line-height: 1.4;
  margin-top: 0.7rem;
}
.footer-banner-slider .footer-banner-item .btn-txt-arrow {
  position: absolute;
  top: 2.6rem;
  right: 1.6rem;
}

.service-guide-slider {
  padding: 2.5rem 0 3rem;
}
.service-guide-slider .swiper-pagination {
  margin-top: 1rem;
}

.service-guide-item {
  background: #f8f8f8;
  text-align: center;
}
.service-guide-item.swiper-slide-active .num > strong:before {
  -webkit-animation: aniHighlighting ease-in-out 0.4s both 0.3s;
          animation: aniHighlighting ease-in-out 0.4s both 0.3s;
}
.service-guide-item .num {
  position: relative;
  display: block;
  margin-bottom: 0.8rem;
  font-size: 3rem;
  font-weight: 900;
  color: #000;
}
.service-guide-item .num > strong {
  z-index: 0;
  position: relative;
}
.service-guide-item .num > strong:before {
  z-index: -1;
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  display: block;
  background: #fc0;
  height: 1.6rem;
  content: "";
}
.service-guide-item .tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.service-guide-item .desc {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  margin: 0.8rem -1.6rem 0;
  white-space: nowrap;
  letter-spacing: -0.04em;
}

.phone-mockup-area {
  position: relative;
  width: 39.9rem;
  height: 49rem;
  margin: 0 auto -2.6rem;
}
.phone-mockup-area .phone-mockup-cover {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background: url("/images/common/sell/phone-mockup.png") center bottom/contain no-repeat;
  pointer-events: none;
}
.phone-mockup-area .phone-mockup-slider {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 25.4rem;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.phone-mockup-area .phone-mockup-item {
  height: 100%;
}
.phone-mockup-area .phone-mockup-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center bottom;
     object-position: center bottom;
}

.service-guide-area {
  position: relative;
  height: 100%;
}
.service-guide-area .service-guide-slider {
  height: 100%;
}
.service-guide-area .service-guide-slider .swiper-pagination {
  position: absolute;
  top: 17rem;
  bottom: auto;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
}
.service-guide-area .service-guide-slider .service-guide-item {
  padding-bottom: 49rem;
}
.service-guide-area .phone-mockup-area {
  z-index: 2;
  position: absolute;
  left: 50%;
  bottom: -2.6rem;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}

.subcont-area.pd-l .service-icon-list {
  margin: 0 -1.2rem;
}

.service-icon-list {
  text-align: center;
}
.service-icon-list:after {
  content: "";
  display: block;
  clear: both;
}
.service-icon-list.screenon li.ui-fadeitem {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.service-icon-list.screenon li.ui-fadeitem:nth-child(1) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.service-icon-list.screenon li.ui-fadeitem:nth-child(2) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.service-icon-list.screenon li.ui-fadeitem:nth-child(3) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.service-icon-list.screenon li.ui-fadeitem:nth-child(4) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.service-icon-list ~ .btn-area.ui-fadeitem {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.service-icon-list > li {
  position: relative;
  float: left;
  width: 33.3333333333%;
}
.service-icon-list > li .icon-arrow-right-black {
  position: absolute;
  top: 3.5rem;
  right: 0;
  margin: -0.8rem -0.8rem 0 0;
}
.service-icon-list .inner-icon {
  display: block;
}
.service-icon-list .inner-txt {
  display: block;
  margin-top: 2rem;
  color: #222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
}
.service-icon-list.type-hor {
  text-align: left;
}
.service-icon-list.type-hor > li {
  float: none;
  width: 100%;
  padding: 2.6rem 1.6rem;
  border-bottom: 0.1rem solid #ddd;
}
.service-icon-list.type-hor > li:after {
  content: "";
  display: block;
  clear: both;
}
.service-icon-list.type-hor > li:first-child {
  padding-top: 0;
}
.service-icon-list.type-hor .inner-icon {
  float: left;
  display: block;
  text-align: center;
  width: 6.4rem;
  height: 6.4rem;
  margin: 0 auto;
  line-height: 6.4rem;
  border-radius: 50%;
  background-color: rgba(255, 204, 0, 0.3);
}
.service-icon-list.type-hor .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.service-icon-list.type-hor .inner-txt {
  float: left;
  margin: 0;
  padding-left: 2rem;
  color: #666;
}
.service-icon-list.col4 > li {
  width: 25%;
}

.service-rolling-area {
  position: relative;
  height: 28rem;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.5s 0.2s;
  transition: opacity ease-in-out 0.5s 0.2s;
}
.service-rolling-area:after, .service-rolling-area:before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 13rem;
  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: "";
}
.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%);
}
.service-rolling-area.screenon {
  opacity: 1;
}
.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;
}

.subcont-area.type-financial-service {
  z-index: 0;
  height: 70vh;
  min-height: 50rem;
  max-height: 58rem;
  padding-right: 18.2rem;
}
.subcont-area.type-financial-service .service-rolling-area {
  z-index: -1;
  position: absolute;
  top: 3rem;
  right: 2rem;
  height: calc(100% - 5rem);
}

@-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);
  }
}
.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;
}
.service-rolling-list.no-ani {
  -webkit-transition: none;
  transition: none;
}
.service-rolling-list .item {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  color: #8a6e00;
  line-height: 1;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
}
.service-rolling-list .item span,
.service-rolling-list .item strong {
  display: inline-block;
  height: 4.6rem;
  line-height: 4.6rem;
  border-radius: 2.3rem;
  background: rgba(255, 255, 255, 0.5);
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0 2rem;
  margin: 0.5rem 0;
}
.service-rolling-list .item strong {
  background: rgba(255, 255, 255, 0.8);
}

.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;
}
.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: 0.1rem solid #60584c;
  border-radius: 1.5rem;
  overflow: hidden;
}
.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: 1.2rem 0 1rem;
}
.plus-box-area .plus-box .plus-box-header strong {
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
}
.plus-box-area .plus-box .plus-box-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 1.3rem;
}
.plus-box-area .plus-box ul {
  width: 100%;
  height: 100%;
}
.plus-box-area .plus-box li {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 25%;
  font-size: 1.3rem;
  padding: 1.2rem 0;
  border-top: 0.1rem dashed #ccc;
}
.plus-box-area .plus-box li:first-child {
  border-top: 0;
}
.plus-box-area .plus-box small {
  font-size: 1.1rem;
}
.plus-box-area .plus-box-divide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 0 1rem;
}

.faq-chat-area {
  margin-bottom: 3rem;
}
.faq-chat-area > .item {
  margin-top: 5rem;
  font-size: 0;
}
.faq-chat-area > .item:first-child {
  margin-top: 0;
}
.faq-chat-area dt,
.faq-chat-area .question-inner,
.faq-chat-area dd,
.faq-chat-area .answer-inner {
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s;
}
.faq-chat-area dt.screenon,
.faq-chat-area .question-inner.screenon,
.faq-chat-area dd.screenon,
.faq-chat-area .answer-inner.screenon {
  opacity: 1;
}
.faq-chat-area dt.screenon .faq-chat-balloon,
.faq-chat-area .question-inner.screenon .faq-chat-balloon,
.faq-chat-area dd.screenon .faq-chat-balloon,
.faq-chat-area .answer-inner.screenon .faq-chat-balloon {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.faq-chat-area dt,
.faq-chat-area .question-inner {
  text-align: left;
  margin-bottom: 1.6rem;
}
.faq-chat-area dt:last-child,
.faq-chat-area .question-inner:last-child {
  margin-bottom: 0;
}
.faq-chat-area dd,
.faq-chat-area .answer-inner {
  text-align: right;
  margin-bottom: 1.6rem;
}
.faq-chat-area dd:last-child,
.faq-chat-area .answer-inner:last-child {
  margin-bottom: 0;
}
.faq-chat-area .faq-profile {
  display: inline-block;
  vertical-align: bottom;
  width: 4.5rem;
  height: 7.1rem;
  background: url("/images/common/cm/faq-profile.png") center/contain no-repeat;
}
.faq-chat-area .faq-profile + .faq-chat-balloon {
  max-width: calc(100% - 5.1rem);
  margin-left: 0.6rem;
}
.faq-chat-area .faq-profile.type-bear {
  height: 3.7rem;
  vertical-align: middle;
  background: url("/images/common/cm/faq-profile-bear.svg") center/contain no-repeat;
}
.faq-chat-area .faq-profile.type-bear + .faq-chat-balloon {
  vertical-align: middle;
}
.faq-chat-area .faq-chat-balloon {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: bottom;
  padding: 1.6rem 2.5rem;
  border-radius: 4.4rem;
  background: #f2f2f2;
  color: #222;
  word-break: keep-all;
  -webkit-transform: translateY(1rem) translateX(-1rem) scale(0.5);
      -ms-transform: translateY(1rem) translateX(-1rem) scale(0.5);
          transform: translateY(1rem) translateX(-1rem) 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;
}
.faq-chat-area .faq-chat-balloon strong {
  color: #f37c00;
  font-weight: inherit;
}
.faq-chat-area .faq-chat-balloon.type-question {
  border-bottom-left-radius: 0;
}
.faq-chat-area .faq-chat-balloon.type-question.reverse {
  background: #fff2bd;
  border-radius: 0 4.4rem 4.4rem 4.4rem;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
}
.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(1rem) translateX(1rem) scale(0.8);
      -ms-transform: translateY(1rem) translateX(1rem) scale(0.8);
          transform: translateY(1rem) translateX(1rem) scale(0.8);
}
.faq-chat-area .faq-chat-balloon.type-answer:first-child {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.chat-area .question-item,
.chat-area .answer-item {
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
.chat-area .question-item .chat-balloon,
.chat-area .answer-item .chat-balloon {
  -webkit-animation: aniShowBalloon ease-in-out 0.2s both;
          animation: aniShowBalloon ease-in-out 0.2s both;
}
.chat-area .question-item.screenon .chat-balloon,
.chat-area .answer-item.screenon .chat-balloon {
  -webkit-animation: aniShowBalloon ease-in-out 0.2s both;
          animation: aniShowBalloon ease-in-out 0.2s both;
}
@-webkit-keyframes aniShowBalloon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes aniShowBalloon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.chat-area .question-item {
  text-align: left;
  margin-bottom: 1rem;
}
.chat-area .question-item .chat-balloon {
  border-top-left-radius: 0;
}
.chat-area .answer-item {
  text-align: right;
  margin-bottom: 1rem;
}
.chat-area .answer-item .chat-balloon {
  border-top-right-radius: 0;
  background: #ffeeab;
  text-align: left;
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}
.chat-area .question-profile {
  display: block;
  margin: 3rem 0 1rem;
  width: 10.7rem;
  height: 4rem;
  background: url("/images/common/cm/faq-profile-bear-big.svg") left bottom/contain no-repeat;
}
.chat-area .chat-balloon {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  max-width: 82%;
  vertical-align: bottom;
  padding: 1.4rem;
  border-radius: 2rem;
  background: #e4ecf0;
  color: #222;
  word-break: keep-all;
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  -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.2s;
          transition-duration: 0.2s;
}
.chat-area .chat-balloon:after {
  content: "";
  display: block;
  clear: both;
}
.chat-area .chat-balloon .btn-icon {
  margin: -0.8rem -0.8rem -0.8rem 0;
}
.chat-area .chat-balloon .btn-icon-txt {
  margin: -0.8rem 0 -0.8rem 0.4rem;
}
.chat-area .chat-balloon .btn-icon-txt .icon16 {
  margin-right: 0;
}
.chat-area .chat-balloon .btn-icon-txt > span {
  font-weight: 400;
}
.chat-area .chat-balloon.type-choice {
  border-radius: 2rem;
  width: 82%;
}
.chat-area .chat-balloon .txt-point {
  color: #2589ff;
  font-weight: 700;
}
.chat-area .chat-result-txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin: 1rem 0;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.chat-area .chat-result-txt > strong {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400;
}
.chat-area .chat-result-txt .txt-point {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.chat-area .chat-result-txt .icon32 {
  margin: -0.8rem 0 0 1rem;
  vertical-align: middle;
}
.chat-area .loading-dot {
  float: left;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: #c3deff;
  border-radius: 50%;
  margin: 0 0.3rem;
  -webkit-animation: aniLoadDot ease-in-out 0.8s infinite;
          animation: aniLoadDot ease-in-out 0.8s infinite;
}
.chat-area .loading-dot:first-child {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.chat-area .loading-dot:nth-child(2) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
.chat-area .loading-dot:last-child {
  margin-right: 0;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
@-webkit-keyframes aniLoadDot {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    background: #c3deff;
  }
  16.666% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    background: #afd3fe;
  }
  33.333% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    background: #c3deff;
  }
}
@keyframes aniLoadDot {
  0% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    background: #c3deff;
  }
  16.666% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
    background: #afd3fe;
  }
  33.333% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    background: #c3deff;
  }
}

.chat-car-result {
  text-align: center;
  margin-bottom: 1rem;
}
.chat-car-result .car-thumb img {
  width: 14rem;
}
.chat-car-result .car-name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
}

.chat-balloon .car-list.type-list .car-item {
  display: block;
  margin-top: 1.6rem;
}
.chat-balloon .car-list.type-list .car-item:first-child {
  margin-top: 0;
}
.chat-balloon .car-list.type-list .car-info {
  width: calc(100% - 7rem);
}
.chat-balloon .car-list.type-list .car-thumb {
  width: 7rem;
  height: 5rem;
  border: 0;
}
.chat-balloon .car-list.type-list .car-thumb:after {
  display: none;
}
.chat-balloon .car-list.type-list .car-name {
  display: block;
  max-height: none;
  font-size: 1.2rem;
  line-height: 1.2;
}
.chat-balloon .car-list.type-list .car-name .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.chat-balloon .car-list.type-list .price-area {
  margin: 0;
}
.chat-balloon .car-list.type-list .price-area .price {
  font-size: 1.2rem;
}

.diag-guide-visual {
  position: relative;
  display: block;
  width: 28rem;
  height: 30rem;
  margin: -1rem auto -2.4rem;
}
.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;
}
.diag-guide-visual .img.phone {
  -webkit-transform: translateY(-2rem);
      -ms-transform: translateY(-2rem);
          transform: translateY(-2rem);
  background-image: url("/images/common/cm/diag-guide-phone.png");
}
.diag-guide-visual .img.car {
  -webkit-transform: translateY(-3rem) translateX(11rem);
      -ms-transform: translateY(-3rem) translateX(11rem);
          transform: translateY(-3rem) translateX(11rem);
  -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/common/cm/diag-guide-car.png");
}
.diag-guide-visual.screenon .img {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}

.service-img-list > .item {
  display: block;
  margin-bottom: 3.6rem;
}
.service-img-list .inner-visual {
  display: block;
  width: 100%;
  margin-bottom: 1.6rem;
}
.service-img-list .inner-visual img {
  width: 100%;
}
.service-img-list dt strong {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.service-img-list dd {
  margin-top: 0.8rem;
}
.service-img-list dd p {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  word-break: keep-all;
}
.service-img-list dd .txt-s {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.8rem;
}

.common-banner-slider.swiper-initialized {
  margin: 0 -1.6rem;
  overflow: hidden;
}

.common-banner-item {
  width: 100%;
}
.common-banner-item > a {
  display: block;
}
.common-banner-item img {
  display: block;
  width: 100%;
}

.banner-gift {
  margin-top: 1.4rem;
}
.banner-gift .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.banner-gift .tit strong {
  color: #2589ff;
}
.banner-gift .desc {
  font-size: 1rem;
  font-weight: 700;
  color: #888;
  display: block;
  margin-top: 0.2rem;
}
.banner-gift .grid-util {
  padding: 0 1rem;
}
.banner-gift .grid-util:first-child {
  padding-right: 2rem;
}
.banner-gift .inner-gift {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, transform ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s, transform ease-in-out 0.4s, -webkit-transform ease-in-out 0.4s;
}
.banner-gift .inner-bubble {
  opacity: 0;
}
.banner-gift .btn-round {
  -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);
}
.banner-gift.screenon .inner-gift {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.banner-gift.screenon .inner-bubble {
  -webkit-animation: bubblePang ease-in-out 0.6s forwards 0.2s, bubbleDongDong ease-in-out 2s 0.8s infinite;
          animation: bubblePang ease-in-out 0.6s forwards 0.2s, bubbleDongDong ease-in-out 2s 0.8s infinite;
}
@keyframes bubblePang {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
}
@keyframes bubbleDongDong {
  0%, 100% {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
  50% {
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
  }
}

.community-choice {
  position: relative;
}
.community-choice .inner-link {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.community-choice .nocomment {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-align: center;
  margin-top: 1.6rem;
}
.community-choice .comment-box {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  z-index: 1;
  position: relative;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  background: #fff;
  padding: 1.4rem 2rem;
  margin-top: -2.6rem;
  border-radius: 1.2rem;
  color: #222;
}
.community-choice .comment-box .name {
  font-weight: 700;
}
.community-choice .comment-box .cont {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-top: 0.4rem;
}

.community-choice-boxs {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  color: #fff;
}
.community-choice-boxs .community-choice-box {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  min-height: 15rem;
  background: linear-gradient(-136deg, #28261d 5%, #424868 87%);
  color: #fff;
  padding: 2.4rem 2rem 6rem;
  border-radius: 3.2rem 0 0 3.2rem;
  text-align: right;
  margin-left: 7rem;
}
.community-choice-boxs .community-choice-box.left {
  margin-left: 0;
  border-radius: 0 3.2rem 3.2rem 0;
  text-align: left;
  padding-bottom: 8rem;
  background-image: linear-gradient(148deg, #28261d 11%, #4d5169 61%);
}
.community-choice-boxs .community-choice-box.left .car-thumb {
  bottom: 1rem;
  left: auto;
  right: -1.4rem;
  width: 12rem;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.community-choice-boxs .community-choice-box.right {
  margin-left: 2rem;
  padding-bottom: 8rem;
  background-image: linear-gradient(-148deg, #28261d 11%, #4d5169 61%);
}
.community-choice-boxs .community-choice-box.right .car-thumb {
  bottom: 1rem;
  left: -1.4rem;
  width: 12rem;
}
.community-choice-boxs .community-choice-box.left .model, .community-choice-boxs .community-choice-box.right .model {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0.4rem;
}
.community-choice-boxs .community-choice-box.left .price, .community-choice-boxs .community-choice-box.right .price {
  font-size: 1.8rem;
  line-height: 1;
}
.community-choice-boxs .community-choice-box.left .desc, .community-choice-boxs .community-choice-box.right .desc {
  font-size: 1.2rem;
  line-height: 1.4;
}
.community-choice-boxs .car-thumb {
  z-index: 2;
  position: absolute;
  left: -4rem;
  bottom: 0.6rem;
  width: 16rem;
}
.community-choice-boxs .car-thumb img {
  display: block;
  width: 100%;
}
.community-choice-boxs .model {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
  margin-bottom: 0.6rem;
}
.community-choice-boxs .price {
  font-size: 2rem;
  font-weight: 700;
  color: #fc0;
}
.community-choice-boxs .desc {
  margin-top: 0.4rem;
  color: #eee;
}
.community-choice-boxs .desc > span:after {
  display: inline-block;
  vertical-align: middle;
  content: "��";
}
.community-choice-boxs .desc > span:last-child:after {
  display: none;
}

.cover-soldout {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
}
.cover-soldout i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  padding: 0 0.4rem;
  height: 2rem;
  line-height: 2rem;
  background: #f00;
  font-size: 1rem;
  border-radius: 0.4rem;
  color: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  letter-spacing: 0;
}

.post-thumb {
  position: relative;
  border: solid 1px rgba(151, 151, 151, 0.38);
  border-radius: 0.4rem;
  overflow: hidden;
  width: 7.2rem;
  height: 7.2rem;
  margin-left: 2rem;
  background: rgba(216, 216, 216, 0.65);
}
.post-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 0;
  background: none;
}
.post-thumb.type-model {
  border: 0;
}
.post-thumb.type-model img {
  -o-object-fit: contain;
     object-fit: contain;
}
.post-thumb.size-s {
  width: 5.2rem;
  height: 5.2rem;
}
.post-thumb.size-m {
  width: 6.6rem;
  height: 6.6rem;
}

.post-item {
  display: block;
  position: relative;
  padding: 2.4rem 1.6rem;
  background: #fff;
}
.post-item .post-item-upper {
  margin: 0 -0.3rem 0.5rem;
}
.post-item .post-item-upper .txt-sub {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  margin: 0 0.2rem;
  font-weight: 500;
  color: #888;
  vertical-align: middle;
}
.post-item .post-item-upper strong.txt-sub {
  color: #222;
}
.post-item .post-item-upper .category {
  margin-bottom: 0.8rem;
}
.post-item .tag-area {
  margin-bottom: 0.8rem;
}
.post-item .post-item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-item .post-item-body .post-item-subject {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.post-item .post-item-body .subject-txt {
  display: block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.post-item .post-item-body .subject-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  color: #888;
}
.post-item .post-item-body .subject-desc > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
}
.post-item .post-item-body .post-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.post-item .post-item-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.6rem;
}
.post-item .post-item-footer .post-item-utils {
  z-index: 2;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.post-item .post-item-footer .post-item-added {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  color: #aaa;
}
.post-item .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.post-item.is-deleted {
  padding: 4rem 2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), color-stop(rgba(255, 255, 255, 0)), to(#f8f8f8));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0), #f8f8f8);
  overflow: hidden;
}
.post-item.is-deleted:before {
  display: block;
  width: 2rem;
  height: 2rem;
  background: url("/images/common/icon/icon24-delete.svg") center/contain no-repeat;
  margin: 0 auto 1rem;
  content: "";
}
.post-item.is-deleted .subject-txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #aaa;
  font-weight: 500;
  text-align: center;
}
.post-item.type-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  padding: 2rem 2rem 1.8rem;
}
.post-item.type-box.size-s {
  padding: 1.6rem;
}
.post-item.type-box.size-s .post-item-upper {
  margin-left: 0;
}
.post-item.type-box.size-s .post-item-upper .txt-sub {
  margin: 0;
}
.post-item.type-box.size-s .post-item-subject {
  max-width: 100%;
}
.post-item.type-box.size-s .post-item-body {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-item.type-box.size-s .post-item-body .subject-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-line-clamp: 1;
  height: 1.4em;
  color: #222;
}
.post-item.type-reward {
  background-color: #eee;
}
.post-item.type-reward .post-thumb {
  background-color: #fff;
}
.post-item.type-ad {
  color: #fff;
  padding: 1.8rem 2rem;
  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;
  background: url("/images/common/main/bg-community-ad.png") center/cover no-repeat;
}
.post-item.type-ad .post-ad-inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.post-item.type-ad .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  color: #fff;
}
.post-item.type-ad .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
  color: #fff;
  font-weight: 500;
}

.post-list .post-item {
  border-top: 0.1rem solid #eee;
}
.post-list .post-item:first-child {
  border-top: 0;
}
.post-list .post-item.type-box {
  border: 0;
  margin: 1.6rem 1.6rem 0;
}
.post-list .post-item.type-box:first-child {
  margin-top: 0;
}
.post-list.bdt {
  border-top: 0.1rem solid #eee;
}

.post-list-slider {
  overflow: hidden;
  margin: -1.6rem -1.6rem;
}
.post-list-slider .post-list {
  width: auto;
  padding: 1.6rem 1.6rem;
}
.post-list-slider .post-item {
  margin: 0;
}
.post-list-slider .post-item.type-box {
  margin: 0 1.6rem 0 2.4rem;
}
.post-list-slider .post-item.type-box.size-s {
  width: calc(100% - 4rem);
  height: 100%;
}
.post-list-slider .post-item.type-box.size-s .post-item-body {
  height: 100%;
}
.post-list-slider.swiper-initialized .post-item.type-box {
  margin: 0;
}
.post-list-slider.swiper-initialized .post-item.type-box.size-s {
  width: 29.2rem !important;
}

.subcont-area .post-list {
  margin: 0 -1.6rem;
}
.subcont-area.gap-none .post-list {
  margin-top: -1.6rem;
}

.top-post-list > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.3rem 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.top-post-list .num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  color: #222;
  width: 2.2rem;
}
.top-post-list .top-post-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  overflow: hidden;
}
.top-post-list .top-post-body .subject {
  display: block;
  padding-top: 0.4rem;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
}
.top-post-list .top-post-body .subject.is-deleted {
  color: #aaa;
}
.top-post-list .top-post-body .desc {
  margin-top: 1.2rem;
  font-size: 1.2rem;
  color: #888;
}
.top-post-list .top-post-body .desc:after {
  content: "";
  display: block;
  clear: both;
}
.top-post-list .top-post-body .desc > span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.2rem;
}
.top-post-list .top-post-body .desc .icon16 {
  margin-top: -0.2rem;
}
.top-post-list .top-post-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.top-post-list .thumb {
  display: table-cell;
  vertical-align: middle;
}
.top-post-list .top-post-btn {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.hot-post-list > li {
  position: relative;
  padding: 1.1rem 0;
}
.hot-post-list .hot-post-body {
  padding-right: 6rem;
}
.hot-post-list .hot-post-body .subject {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  color: #222;
}
.hot-post-list .hot-post-body .subject.is-deleted {
  color: #aaa;
}
.hot-post-list .hot-post-body .desc {
  margin-top: 0.6rem;
  font-size: 1rem;
  color: #888;
}
.hot-post-list .hot-post-body .desc > span {
  margin-right: 1.2rem;
}
.hot-post-list .hot-post-body .desc .like {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
  margin: 1.2rem 0 0;
}
.hot-post-list .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.top-rank-list {
  margin-top: 1.6rem;
}
.top-rank-list > li {
  margin-top: 1.6rem;
}
.top-rank-list > li:after {
  content: "";
  display: block;
  clear: both;
}
.top-rank-list > li:first-child {
  margin-top: 0;
}
.top-rank-list .tag-round-s {
  float: left;
  width: 4rem;
  display: block;
  margin-top: 0.2rem;
  white-space: nowrap;
}
.top-rank-list .inner-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  float: left;
  width: calc(100% - 4rem);
  padding-left: 0.6rem;
  font-weight: 500;
  color: #222;
  letter-spacing: -0.04em;
}

.strip-banner {
  font-size: 0;
}
.strip-banner a {
  display: block;
}
.strip-banner img {
  display: block;
  width: 100%;
}

.board-write {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  margin: 0 -1.6rem;
}
.board-write > .row {
  display: table;
  width: 100%;
  border-top: 0.1rem solid #eee;
  padding: 0 1.6rem;
}
.board-write > .row:first-child {
  border-top: 0;
}
.board-write > .row.last > .board-write-tit, .board-write > .row.last > .board-write-cont {
  padding-bottom: 0;
}
.board-write .board-write-tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  font-weight: 500;
  color: #888;
  display: table-cell;
  vertical-align: middle;
  width: 8rem;
  padding: 1.4rem 0;
}
.board-write .board-write-cont {
  display: table-cell;
  vertical-align: middle;
  padding: 1.4rem 0;
}
.board-write .editor-area {
  margin: -1.4rem -1.6rem;
}

.car-tag-item {
  z-index: 0;
  position: relative;
  min-height: 11rem;
}
.car-tag-item .inner-link {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.car-tag-item .inner-link span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.car-tag-item:first-of-type .inner-line {
  right: 0.1rem;
  left: 1.7rem;
}
.car-tag-item .inner-line {
  z-index: -1;
  position: absolute;
  top: 0.1rem;
  right: 1.7rem;
  bottom: 0.1rem;
  left: 0.1rem;
  display: block;
  height: 11rem;
  border: 0.1rem dashed #aaa;
  border-radius: 0.6rem;
  padding-top: 3.2rem;
  line-height: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 500;
  color: #888;
}
.car-tag-item .inner-line:before {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto 1rem;
  background: url("/images/common/icon/icon24-plus-gray.svg") center/2.4rem auto no-repeat;
  content: "";
}
.car-tag-item.type-vertical .car-tag-box:after {
  content: "";
  display: block;
  clear: both;
}
.car-tag-item.type-vertical .car-thumb {
  float: left;
  width: 14.7rem;
  padding-top: 11rem;
}
.car-tag-item.type-vertical .car-info {
  float: left;
  width: calc(100% - 14.7rem);
  padding: 0 0 0 1.3rem;
}
.car-tag-item.type-vertical .vote-footer .btn-round {
  display: inline-block;
  vertical-align: middle;
  width: calc(50% - 3.2rem);
}

.car-tag-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  display: block;
  padding: 1rem 1rem 1.4rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #eee;
}
.car-tag-box .car-thumb {
  position: relative;
  height: 0;
  padding-top: 73%;
  border-radius: 0.6rem;
  overflow: hidden;
}
.car-tag-box .car-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.car-tag-box .car-name {
  display: block;
  line-height: 1.6;
  margin-top: 0.8rem;
  color: #222;
  font-size: 1.2rem;
  font-weight: 700;
}
.car-tag-box .mark-area {
  margin-top: 0.5rem;
}
.car-tag-box .mark-area .car-mark {
  font-size: 1.2rem;
  color: #aaa;
  font-weight: 400;
}
.car-tag-box .mark-area .car-mark:after {
  display: inline;
  content: "��";
}
.car-tag-box .mark-area .car-mark:last-child:after {
  display: none;
}
.car-tag-box .price-area {
  margin-top: 0.8rem;
}
.car-tag-box .price-area .price {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #222;
}
.car-tag-box .btn-round-x {
  z-index: 3;
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
.car-tag-box .inner-link {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.car-tag-box .inner-link span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.car-tag-box .cover-soldout i {
  z-index: 2;
  top: 1rem;
  left: 1rem;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 0 0.6rem;
  height: 2.5rem;
  line-height: 2.5rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.car-tag-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 2.4rem -0.6rem 0;
}
.car-tag-area .car-tag-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin: 0 0.6rem;
}
.car-tag-area .car-tag-item:first-child:before {
  right: 0.1rem;
  left: 1.7rem;
}
.car-tag-area.is-done .vote-result {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.car-tag-area.is-done .vote-footer .btn-round {
  position: relative;
  overflow: hidden;
  background-color: #f8f8f8 !important;
  border-color: transparent;
  color: #888;
}
.car-tag-area.is-done .vote-footer .btn-round.is-selected {
  color: #222 !important;
  background-color: #fc0 !important;
}
.car-tag-area.is-done .vote-footer .btn-round.is-selected i {
  opacity: 1;
}
.car-tag-area.is-done .vote-footer .btn-round i {
  opacity: 0.4;
}
.car-tag-area.is-done .vote-footer .btn-round:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  content: "";
}
.car-tag-area.is-done .car-thumb {
  z-index: 1;
}

.model-tag-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  display: block;
  padding: 2rem 13.4rem 2rem 2rem;
  border-radius: 0.8rem;
  overflow: hidden;
  border: 0.1rem solid #eee;
  word-break: break-all;
}
.model-tag-box .car-thumb {
  position: absolute;
  top: 0.8rem;
  right: -0.7rem;
  width: 14.4rem;
  height: 7.9rem;
  border: none;
  overflow: hidden;
}
.model-tag-box .car-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center right;
     object-position: center right;
}
.model-tag-box .car-info .car-name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.model-tag-box .car-info .name-sub {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.8rem;
  font-weight: 400;
}
.model-tag-box .btn-round-x {
  z-index: 3;
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
.model-tag-box .inner-link {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.model-tag-box .inner-link span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.model-tag-item {
  z-index: 0;
  position: relative;
  min-height: 6rem;
}
.model-tag-item .inner-line {
  z-index: -1;
  position: absolute;
  top: 0.1rem;
  right: 1.7rem;
  left: 1.7rem;
  display: block;
  height: 6rem;
  border: 0.1rem dashed #aaa;
  border-radius: 0.6rem;
  line-height: 6rem;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.4rem;
  font-weight: 500;
  color: #888;
}
.model-tag-item .inner-line:before {
  display: inline-block;
  vertical-align: middle;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/common/icon/icon24-plus-gray.svg") center center/2.4rem auto no-repeat;
  margin: -0.2rem 1.2rem 0 0;
  content: "";
}

.model-tag-area {
  margin-top: 2.4rem;
}
.model-tag-area .model-tag-item {
  margin-top: 1rem;
}
.model-tag-area .model-tag-item:first-child {
  margin-top: 0;
}

.vote-result {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.vote-result > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 0.1rem solid #666;
}
.vote-result > div:first-child {
  border-left: 0;
}
.vote-result > div.is-selected dd {
  color: #fc0;
}
.vote-result dt {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.vote-result dd {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #ddd;
  width: 100%;
}
.vote-result dd > span {
  display: block;
  line-height: 1;
  margin-top: 0.4rem;
  font-size: 1rem;
}

.board-view-area {
  margin: 0 -1.6rem;
}

.board-view-header {
  padding: 1.6rem;
  word-break: break-all;
}
.board-view-header .board-view-subject {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.board-view-header .board-view-desc {
  margin-top: 0.6rem;
  font-size: 0;
}
.board-view-header .board-view-desc > span {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
}
.board-view-header .board-view-desc > span:after {
  display: inline-block;
  width: 0.1rem;
  height: 1.2rem;
  background: #888;
  vertical-align: middle;
  margin: -0.2rem 0.8rem 0 0.8rem;
  content: "";
}
.board-view-header .board-view-desc > span:last-child:after {
  display: none;
}
.board-view-header .board-view-added {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.6rem;
}
.board-view-header .board-view-added .profile-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.board-view-header .board-view-added .util-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: -0.6rem;
}

.board-view-body {
  margin-bottom: 4rem;
  border-top: 0.1rem solid #eee;
}
.board-view-body .board-view-cont {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  padding: 2.4rem 1.6rem 0;
  margin-bottom: 2.4rem;
  word-break: break-all;
  white-space: pre-line;
}
.board-view-body .board-view-cont img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 1.8rem;
}
.board-view-body .model-tag-area {
  padding: 0 1.6rem;
}

.board-view-like {
  text-align: center;
}

.board-view-footer {
  padding: 0 1.6rem 1.3rem;
  margin: 3rem 0 0;
  border-bottom: 0.1rem solid #eee;
}
.board-view-footer .btn-icon-txt {
  margin: 0;
}

.post-nextprev-area .btn-post-jump:first-child {
  padding-top: 1rem;
}
.post-nextprev-area .btn-post-jump:last-child {
  padding-bottom: 1.6rem;
}

.btn-post-jump {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.btn-post-jump .category {
  display: table-cell;
  width: 4.8rem;
  vertical-align: middle;
  padding: 0.6rem 0;
}
.btn-post-jump .subject {
  display: table-cell;
  vertical-align: middle;
  color: #aaa;
  padding: 0.6rem 0;
}
.btn-post-jump .subject strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  font: inherit;
}

.vote-area {
  padding: 3.2rem 1.6rem;
  background: #f8f8f8;
  margin-top: 0;
}
.vote-area .vote-tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: center;
}
.vote-area .car-tag-item {
  padding-bottom: 5.6rem;
}
.vote-area .vote-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.vote-area .vote-footer .btn-round {
  width: calc(100% - 2.6rem);
  margin: 0 0.6rem;
  border: 0;
}
.vote-area .vote-result {
  display: none !important;
}

.profile-area {
  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;
}
.profile-area .profile-thumb {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.profile-area .profile-thumb .dealer-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.profile-area .profile-thumb .dealer-link:after {
  position: absolute;
  bottom: 0.4rem;
  right: -0.8rem;
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  background: url("/images/common/icon/icon26-dealerhome.svg") center/contain no-repeat;
  content: "";
}
.profile-area .profile-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0.4rem 0 0 1rem;
}
.profile-area .model {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-bottom: 0.2rem;
}
.profile-area .name-area .community-level {
  margin: -0.2rem 0.4rem 0 0;
}
.profile-area .name-area .model-brand {
  display: inline-block;
  height: 2rem;
  vertical-align: middle;
  margin: -0.2rem 0.4rem 0 0;
}
.profile-area .name-area .model-brand img {
  height: 100%;
}
.profile-area .name-area .name {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: middle;
  color: #222;
}
.profile-area .name-area .model {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.2rem 0 0.2rem;
}
.profile-area .desc-area {
  margin-top: 0.2rem;
}
.profile-area .desc-area > span {
  font-size: 1rem;
  color: #888;
  line-height: 1.4;
  letter-spacing: 0;
  font-weight: 500;
}
.profile-area .inner-link {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.profile-area .inner-link span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.profile-area.type-big {
  display: block;
  text-align: center;
}
.profile-area.type-big .profile-thumb {
  display: block;
  margin: 0 auto 1.4rem;
  width: 8.2rem;
  height: 8.2rem;
  border: 0;
  overflow: visible;
  background: url("/images/common/icon/icon46-nocar.svg") center/4.6rem auto no-repeat #f4f4f6;
}
.profile-area.type-big .profile-thumb img {
  border-radius: 50%;
  border: 0.1rem solid rgba(151, 151, 151, 0.38);
}
.profile-area.type-big .profile-thumb.type-model {
  width: 13.4rem;
  height: auto;
  border: 0;
  background: none;
}
.profile-area.type-big .profile-thumb.type-model img {
  width: 100%;
  height: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border: 0;
  border-radius: 0;
}
.profile-area.type-big .profile-cont {
  display: block;
  padding: 0;
}
.profile-area.type-big .model {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin: 0 0 0.4rem;
  font-weight: 500;
  color: #222;
}
.profile-area.type-big .name-area .name {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.profile-area .data-area {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.profile-area.align-vertical {
  display: table;
  width: 100%;
  padding-right: 9rem;
  min-height: 9rem;
  margin-top: -1.2rem;
}
.profile-area.align-vertical .model {
  margin-bottom: 0.8rem;
}
.profile-area.align-vertical .profile-thumb {
  position: absolute;
  top: 0.4rem;
  right: 0;
}
.profile-area.align-vertical .profile-cont {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.profile-area.type-mypage {
  display: block;
}
.profile-area.type-mypage .profile-thumb {
  display: block;
  margin: 0 auto 1.4rem;
  width: 8.2rem;
  height: 8.2rem;
  border: 0;
  overflow: visible;
  background: url("/images/common/icon/icon46-nocar.svg") center/4.6rem auto no-repeat #f4f4f6;
}
.profile-area.type-mypage .profile-thumb img {
  border-radius: 50%;
  border: 0.1rem solid rgba(151, 151, 151, 0.38);
}
.profile-area.type-mypage .profile-thumb.type-model {
  width: 13.4rem;
  height: auto;
  border: 0;
  background: none;
}
.profile-area.type-mypage .profile-thumb.type-model img {
  width: 100%;
  height: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border: 0;
  border-radius: 0;
}
.profile-area.type-mypage .grid-justify, .profile-area.type-mypage .model-select-item, .profile-area.type-mypage .search-result-tit, .profile-area.type-mypage .search-result-list > li, .profile-area.type-mypage .filter-list-item {
  margin: 1rem 0 2.4rem;
}
.profile-area.type-mypage .profile-cont {
  padding: 0;
}
.profile-area.type-mypage .model {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.profile-area.type-mypage .name-area {
  margin-top: 0.8rem;
}
.profile-area.type-mypage .name {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.profile-thumb {
  display: inline-block;
  width: 4.7rem;
  height: 4.7rem;
  border-radius: 50%;
  border: 0.1rem solid #ddd;
  background: linear-gradient(323deg, #f8f8f8 78%, #eee);
  overflow: hidden;
}
.profile-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.profile-thumb.type-model img {
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translateX(15%) scale(1.4);
      -ms-transform: translateX(15%) scale(1.4);
          transform: translateX(15%) scale(1.4);
}
.profile-thumb.type-manager {
  border: 0;
}

.community-level {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -0.4rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.community-level.level1 {
  background-image: url("/images/common/icon/badge24-lv1.svg");
}
.community-level.level2 {
  background-image: url("/images/common/icon/badge24-lv2.svg");
}
.community-level.level3 {
  background-image: url("/images/common/icon/badge24-lv3.svg");
}
.community-level.level4 {
  background-image: url("/images/common/icon/badge24-lv4.svg");
}
.community-level.level5 {
  background-image: url("/images/common/icon/badge24-lv5.svg");
}
.community-level.size-s {
  width: 1.6rem;
  height: 1.6rem;
}
.community-level.size-s.level1 {
  background-image: url("/images/common/icon/badge16-lv1.svg");
}
.community-level.size-s.level2 {
  background-image: url("/images/common/icon/badge16-lv2.svg");
}
.community-level.size-s.level3 {
  background-image: url("/images/common/icon/badge16-lv3.svg");
}
.community-level.size-s.level4 {
  background-image: url("/images/common/icon/badge16-lv4.svg");
}
.community-level.size-s.level5 {
  background-image: url("/images/common/icon/badge16-lv5.svg");
}
.community-level.size-l {
  width: 6rem;
  height: 6rem;
}
.community-level.size-l.level1 {
  background-image: url("/images/common/icon/badge60-lv1.svg");
}
.community-level.size-l.level2 {
  background-image: url("/images/common/icon/badge60-lv2.svg");
}
.community-level.size-l.level3 {
  background-image: url("/images/common/icon/badge60-lv3.svg");
}
.community-level.size-l.level4 {
  background-image: url("/images/common/icon/badge60-lv4.svg");
}
.community-level.size-l.level5 {
  background-image: url("/images/common/icon/badge60-lv5.svg");
}
.community-level > span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.comment-area {
  border-top: 0.8rem solid #f8f8f8;
  margin: 0 -1.6rem 0;
  padding: 3.2rem 1.6rem;
}
.comment-area .comment-header .header-title-100 {
  margin-bottom: 1.6rem;
}
.comment-area .comment-list {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}

.comment-list {
  margin-top: 0.8rem;
}
.comment-list > .comment-item:first-child > .comment-item-header {
  border-top: 0;
  margin-top: 0;
}
.comment-list.type-best {
  margin-top: 0;
  border-top: 0.1rem solid #eee;
  border-bottom: 0;
  margin-top: 1.6rem;
  background: linear-gradient(145deg, rgba(44, 161, 253, 0.05) 9%, rgba(4, 40, 255, 0.05) 97%);
}
.comment-list.type-best .comment-item.type-best > .comment-item-header,
.comment-list.type-best .comment-item.type-best > .comment-item-body,
.comment-list.type-best .comment-item.type-best > .comment-item-footer {
  border-color: #ddd;
}

.comment-item {
  position: relative;
}
.comment-item.new:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: rgba(44, 161, 253, 0.05);
  pointer-events: none;
  content: "";
  display: block;
  -webkit-backdrop-filter: brightness(100%);
          backdrop-filter: brightness(100%);
  -webkit-animation: aniBlinkCover ease-in-out 3s both;
          animation: aniBlinkCover ease-in-out 3s both;
}
@-webkit-keyframes aniBlinkCover {
  0%, 40%, 80%, 100% {
    opacity: 0;
  }
  20%, 60% {
    opacity: 1;
  }
}
@keyframes aniBlinkCover {
  0%, 40%, 80%, 100% {
    opacity: 0;
  }
  20%, 60% {
    opacity: 1;
  }
}
.comment-item.is-deleted {
  overflow: hidden;
}
.comment-item.is-deleted:before {
  display: block;
  width: 2rem;
  height: 2rem;
  background: url("/images/common/icon/icon24-delete.svg") center/contain no-repeat;
  margin: 4rem auto 1rem;
  content: "";
}
.comment-item.is-deleted > .comment-item-body {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #aaa;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  padding: 0 2rem 4rem;
  border-bottom: 0.1rem solid #eee;
}
.comment-item.is-deleted > .comment-item-body:before {
  display: none !important;
}
.comment-item.is-deleted > .comment-item-body + .reply-panel {
  position: relative;
}
.comment-item.type-best > .comment-item-body:before {
  display: block;
  width: 3.6rem;
  height: 1.6rem;
  margin: 0 0 0.4rem;
  background: url("/images/common/icon/icon-tag-best.svg") center/contain no-repeat;
  content: "";
}
.comment-item > .comment-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -0.1rem;
  border-top: 0.1rem solid #eee;
  padding: 1.6rem 1.6rem 1.2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.comment-item > .comment-item-header .profile-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: left;
}
.comment-item > .comment-item-header .util-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  margin-right: -0.8rem;
  margin-top: -0.8rem;
}
.comment-item > .comment-item-body {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  color: #222;
  padding: 0 1.6rem;
  word-break: break-all;
}
.comment-item > .comment-item-body .reply-name strong {
  color: #888;
  font: inherit;
}
.comment-item > .comment-item-footer {
  position: relative;
  padding: 1.6rem;
  border-bottom: 0.1rem solid #eee;
}
.comment-item > .comment-item-footer .comment-like-area {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
}
.comment-item > .reply-panel {
  background: #f8f8f8;
}
.comment-item .comment-textarea {
  z-index: 0;
  display: none;
  padding: 1.6rem;
  border-bottom: 0.1rem solid #eee;
}
.comment-item .comment-textarea.active {
  display: block;
}
.comment-item .comment-textarea.active:after {
  z-index: 1;
  position: absolute;
  top: -0.1rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  background: #eee;
  content: "";
}

.reply-panel {
  position: relative;
}
.reply-panel > .comment-item {
  margin: 0 1.6rem;
  border-color: #ddd;
}
.reply-panel > .comment-item.new:after {
  left: -1.6rem;
  right: -1.6rem;
}
.reply-panel > .comment-item.is-deleted:before {
  position: relative;
  top: auto;
  left: auto;
  display: block;
  width: 2rem;
  height: 2rem;
  background: url("/images/common/icon/icon24-delete.svg") center/contain no-repeat;
  margin: 4rem auto 1rem;
  content: "";
}
.reply-panel > .comment-item.is-deleted > .comment-item-body {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #aaa;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  padding: 0 2rem 4rem;
  border-color: #ddd;
}
.reply-panel > .comment-item:before {
  position: absolute;
  top: 1.6rem;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: url("/images/common/icon/icon-comment-d2.svg") top left/contain no-repeat;
  content: "";
}
.reply-panel > .comment-item > .comment-item-header {
  border-top-width: 0;
  margin-top: 0;
}
.reply-panel > .comment-item > .comment-item-header,
.reply-panel > .comment-item > .comment-item-body,
.reply-panel > .comment-item > .comment-item-footer {
  padding-right: 0;
  border-color: #ddd;
}
.reply-panel > .comment-item > .comment-item-footer > .comment-like-area {
  right: 0;
}
.reply-panel > .comment-item > .reply-panel:after {
  background: #ddd;
}
.reply-panel > .comment-item > .reply-panel .comment-textarea {
  padding-right: 0;
  border-color: #ddd;
}
.reply-panel > .comment-item > .reply-panel .comment-textarea:after {
  background: #ddd;
}
.reply-panel > .comment-item > .reply-panel .comment-textarea:before {
  position: absolute;
  top: 1.6rem;
  left: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: url("/images/common/icon/icon-comment-d2.svg") top left/contain no-repeat;
  content: "";
}

.comment-textarea .textarea-item {
  position: relative;
  display: block;
  width: 100%;
  height: 5.6rem !important;
  border: 0.1rem solid #ccc;
  border-radius: 1.2rem;
  background-color: #fff;
  overflow: auto;
}
.comment-textarea .btn-rectangle {
  position: absolute;
  bottom: 1.4rem;
  right: 1.4rem;
}
.comment-textarea .textarea-num,
.comment-textarea .btn-rectangle {
  display: none;
}
.comment-textarea textarea {
  border-radius: 0;
  border: 0;
  padding: 1.5rem 2rem;
  overflow: hidden;
  max-height: none;
}
.comment-textarea.focus .textarea-item {
  height: auto !important;
  overflow: hidden;
  padding-bottom: 5.6rem;
  border-color: #aaa;
}
.comment-textarea.focus .textarea-num,
.comment-textarea.focus .btn-rectangle {
  display: block;
}
.comment-textarea.focus textarea {
  max-height: 13rem;
  padding-bottom: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.my-primary-info .tooltip {
  margin-left: -1rem;
}
.my-primary-info .data-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: inline-block;
  text-align: center;
  padding: 0 1rem;
}
.my-primary-info .icon-arrow-right-black {
  margin-right: -2rem;
}
.my-primary-info .tar .icon-arrow-right-black {
  margin-right: -0.6rem;
}

.my-sub-info {
  display: table;
  width: 100%;
  padding: 1.6rem;
  table-layout: fixed;
}
.my-sub-info > dl,
.my-sub-info > p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 50%;
}
.my-sub-info > dl:first-child {
  padding-right: 2rem;
}
.my-sub-info > p {
  padding: 1rem 0;
}
.my-sub-info .summary-info:after {
  content: "";
  display: block;
  clear: both;
}
.my-sub-info .summary-info > div {
  float: left;
  width: 50%;
}
.my-sub-info .summary-info dt,
.my-sub-info .summary-info dd {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.my-sub-info .summary-info dt {
  font-weight: 500;
}
.my-sub-info .summary-info dd {
  color: #2589ff;
}
.my-sub-info .detail-info > div {
  display: table;
  width: 100%;
  padding: 0.6rem 1rem;
  font-size: 1.2rem;
  text-align: left;
}
.my-sub-info .detail-info dt {
  display: table-cell;
  color: #666;
  padding-right: 1rem;
  width: 5.6rem;
  white-space: nowrap;
}
.my-sub-info .detail-info dd {
  display: table-cell;
  font-weight: 700;
}

.level-profile {
  margin-bottom: 3.2rem;
  text-align: center;
}
.level-profile .community-level {
  display: block;
  margin: 0 auto 1.6rem;
}
.level-profile .desc {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  margin-top: 1.2rem;
}

.level-list > div {
  margin-top: 3.6rem;
}
.level-list > div:first-child {
  margin-top: 0;
}
.level-list > div:after {
  display: block;
  clear: both;
  content: "";
}
.level-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  float: left;
  width: 8rem;
}
.level-list dt .community-level {
  margin-right: 0.7rem;
}
.level-list dd {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  float: left;
  width: calc(100% - 8rem);
  padding-top: 0.4rem;
}

.grade-graph {
  position: relative;
  padding-bottom: 1rem;
}
.grade-graph.screenon .dot {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.grade-graph.screenon .mark:before {
  top: 2.6rem;
}
.grade-graph.screenon .mark span {
  opacity: 1;
  margin-top: 0;
}
.grade-graph.screenon .graph-marks .balloon-box {
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}
.grade-graph .desc {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #888;
  margin-bottom: 1.2rem;
}
.grade-graph .graph-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -0.8rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
}
.grade-graph .graph-grid > span {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #666;
  font-size: 1.2rem;
  text-align: center;
  padding-top: 1.4rem;
}
.grade-graph .graph-grid .zeropoint {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.grade-graph .graph-grid .zeropoint:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.2rem;
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: #fff;
  border-radius: 50%;
  content: "";
  margin: 0.2rem auto 0.7rem;
}
.grade-graph .graph-bar {
  position: relative;
  width: 100%;
  height: 0.6rem;
  border-radius: 0.4rem;
  background: #d8d8d8;
  overflow: hidden;
}
.grade-graph .graph-gauge {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(92deg, #3298d2 4%, #6850a9 96%);
  height: 100%;
}
.grade-graph .graph-marks {
  position: absolute;
  left: 0;
  top: 1.6rem;
  max-width: calc(100% - 5rem);
  min-width: 5rem;
}
.grade-graph .graph-marks .balloon-box {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateX(50%) translateY(-1rem);
      -ms-transform: translateX(50%) translateY(-1rem);
          transform: translateX(50%) translateY(-1rem);
}
.grade-graph .grade-graph-line {
  position: relative;
}
.grade-graph .dot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
  border: 0.2rem solid #fff;
  background: #888;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.recent-comm {
  margin: -0.3rem;
}
.recent-comm .nodata {
  margin: 0.3rem;
}
.recent-comm .btn-round {
  margin: 0.3rem;
}

body.open-coachmark {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.coach-mark {
  z-index: 1002;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}
.coach-mark.show {
  display: block;
}
.coach-mark .coach-step {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
  pointer-events: none;
}
.coach-mark .coach-step .coach-balloon {
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s, transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
.coach-mark .coach-step .coach-balloon.ps-top {
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
}
.coach-mark .coach-step.active {
  z-index: 2;
  opacity: 1;
  pointer-events: all;
}
.coach-mark .coach-step.active .coach-balloon {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.coach-mark .coach-step.active .coach-item {
  -webkit-animation: aniFadeIn ease-in-out 0.2s forwards;
          animation: aniFadeIn ease-in-out 0.2s forwards;
}
.coach-mark .coach-step.active .coach-item + .coach-item {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.coach-mark .coach-step.active .coach-item + .coach-item .coach-balloon {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.coach-mark .coach-guide-txt {
  position: absolute;
  top: calc(45% - 8rem);
  left: 0;
  width: 100%;
  text-align: center;
}
.coach-mark .coach-guide-txt > span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
  color: #fff;
}
.coach-mark .coach-item {
  position: absolute;
  opacity: 0;
}
.coach-mark .icon-mypage {
  -webkit-box-shadow: 0 0.2rem 2.2rem 0 #fc0;
          box-shadow: 0 0.2rem 2.2rem 0 #fc0;
  border-radius: 50%;
}
.coach-mark .coach-txt {
  display: inline-block;
  padding: 0.5rem 1.6rem;
  background: #fff;
  border-radius: 2.2rem;
  -webkit-box-shadow: 0 0.2rem 2.2rem 0 #fc0;
          box-shadow: 0 0.2rem 2.2rem 0 #fc0;
  -webkit-transform: translate(-1rem, -0.6rem);
      -ms-transform: translate(-1rem, -0.6rem);
          transform: translate(-1rem, -0.6rem);
}
.coach-mark .coach-txt .form-radio {
  margin: 0.4rem -0.4rem;
}
.coach-mark .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 3rem;
  width: 100%;
}
.coach-mark .btn-floating {
  position: static;
  -webkit-box-shadow: 0 0.2rem 2.2rem 0 #fc0;
          box-shadow: 0 0.2rem 2.2rem 0 #fc0;
}

@-webkit-keyframes aniBalloonUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes aniBalloonUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes aniBalloonDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes aniBalloonDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.coach-balloon {
  z-index: 99;
  position: absolute;
  display: inline-block;
  width: calc(100vw - 6rem);
  border-radius: 1.2rem;
  background: #fff;
  padding: 2.4rem;
  text-align: left;
}
.coach-balloon:after,
.coach-balloon .coach-balloon-tip {
  position: absolute;
  width: 0;
  height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.4rem;
  border-top: 1rem solid transparent;
  border-left: 1rem solid transparent;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
  content: "";
  display: block;
}
.coach-balloon.custom-tip:after {
  display: none !important;
}
.coach-balloon.type-icon {
  padding-right: 6.2rem;
  width: calc(100vw - 5rem);
}
.coach-balloon.type-icon .coach-icon {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
.coach-balloon .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 0.8rem;
}
.coach-balloon .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.coach-balloon.ps-top {
  bottom: 100%;
  margin-bottom: 3rem;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
}
.coach-balloon.ps-top:after,
.coach-balloon.ps-top .coach-balloon-tip {
  top: 100%;
  margin-top: -0.4rem;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
.coach-balloon.ps-top.ps-left:after {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}
.coach-balloon.ps-bottom {
  top: 100%;
  margin-top: 1.8rem;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
.coach-balloon.ps-bottom:after,
.coach-balloon.ps-bottom .coach-balloon-tip {
  bottom: 100%;
  margin-bottom: -0.4rem;
}
.coach-balloon.ps-bottom.ps-right:after {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.coach-balloon.ps-right {
  left: 0.6rem;
}
.coach-balloon.ps-right:after {
  left: 1.2rem;
}
.coach-balloon.ps-center {
  width: 27rem;
  left: 0;
}
.coach-balloon.ps-center:after {
  left: 50%;
  Margin-left: -2rem;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.coach-balloon.ps-left {
  right: 0.6rem;
}
.coach-balloon.ps-left:after {
  right: 1.2rem;
}

.btn-wrap .dot-carthumbs {
  margin-right: 0;
}
.btn-wrap .dot-carthumbs i {
  margin-right: 0;
}

.dot-carthumbs {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.dot-carthumbs i {
  position: relative;
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-left: -1.6rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(255, 255, 255, 0.7);
  overflow: hidden;
  vertical-align: middle;
}
.dot-carthumbs i:first-child {
  margin: 0;
}
.dot-carthumbs i strong {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #ff8a00;
  color: #fff;
  font-size: 1rem;
  line-height: 2rem;
  letter-spacing: -0.025em;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s;
}
.dot-carthumbs i img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dot-carthumbs.screenon i {
  -webkit-animation: ease-in-out aniThumbShow 0.3s both;
          animation: ease-in-out aniThumbShow 0.3s both;
}
.dot-carthumbs.screenon i:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.dot-carthumbs.screenon i:nth-child(1) strong {
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.dot-carthumbs.screenon i:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.dot-carthumbs.screenon i:nth-child(2) strong {
  opacity: 1;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.dot-carthumbs.screenon i:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.dot-carthumbs.screenon i:nth-child(3) strong {
  opacity: 1;
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.dot-carthumbs.screenon i:nth-child(4) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.dot-carthumbs.screenon i:nth-child(4) strong {
  opacity: 1;
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.board-list.type-simple .board-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board-list.type-simple .board-list-subject {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #222;
}
.board-list.type-simple .board-list-desc {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  padding-left: 1rem;
  margin: 0;
}
.board-list.type-simple .board-list-desc > span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}

.board-list-item {
  position: relative;
  display: block;
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid #eee;
}
.board-list-item .board-list-subject {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.board-list-item .board-list-desc {
  margin-top: 0.4rem;
}
.board-list-item .board-list-desc > span {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
}
.board-list-item .board-list-desc > span:after {
  display: inline-block;
  width: 0.1rem;
  height: 1.2rem;
  background: #888;
  vertical-align: middle;
  margin: -0.2rem 0.8rem 0 0.8rem;
  content: "";
}
.board-list-item .board-list-desc > span:last-child:after {
  display: none;
}
.board-list-item .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.slim-link-box {
  display: table;
  width: 100%;
  border-radius: 1.6rem;
  background: #dedede;
  padding: 1.2rem 2rem;
}
.slim-link-box .inner-cont,
.slim-link-box .inner-added {
  display: table-cell;
  vertical-align: middle;
}
.slim-link-box .inner-cont {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
}
.slim-link-box .inner-cont > [class*=icon] {
  margin-right: 0.2rem;
}
.slim-link-box .inner-added {
  text-align: right;
}

.subcont-acco {
  border-bottom: 0.8rem solid #f8f8f8;
  margin: 0 -1.6rem;
}
.subcont-acco.active .subcont-acco-panel {
  display: block;
}
.subcont-acco.active .subcont-acco-header .tit-toggle-btn:after {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.subcont-acco:last-child, .subcont-acco.last {
  border-bottom: 0;
}

.subcont-acco-header {
  position: relative;
  padding: 3rem 1.6rem;
}
.subcont-acco-header .tit-area {
  margin: 0;
}
.subcont-acco-header .tit-toggle-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.subcont-acco-header .tit-toggle-btn:after {
  position: absolute;
  display: block;
  top: 50%;
  right: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -1rem;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -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;
  background: url("/images/common/icon/icon16-arrow-right-black.svg") no-repeat center/contain;
  content: "";
}

.subcont-acco-panel {
  display: none;
  padding: 0 1.6rem 4rem;
  margin-top: -1rem;
}
.subcont-acco-panel .tab-round-border {
  width: auto;
  margin: 0 -1.6rem;
}

.scrap-rolling {
  position: relative;
  height: 9rem;
  width: 29rem;
  -webkit-box-shadow: inset 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: inset 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.8rem;
  overflow: hidden;
  background: #f8f8f8;
  margin: 0 auto;
}
.scrap-rolling .scrap-rolling-img {
  position: absolute;
  left: 2rem;
  top: 0;
  width: 11rem;
  height: 54rem;
  background: url("/images/common/sell/sp-scrap-car.png") left bottom/11rem auto repeat;
  -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;
  -webkit-transform: translateY(-9rem);
      -ms-transform: translateY(-9rem);
          transform: translateY(-9rem);
}
.scrap-rolling .scrap-rolling-img img {
  width: 100%;
}
.scrap-rolling .scrap-rolling-img.reset {
  -webkit-transition: none;
  transition: none;
  -webkit-animation: aniResetRolling ease-in-out 0.5s both;
          animation: aniResetRolling ease-in-out 0.5s both;
}
@-webkit-keyframes aniResetRolling {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-9rem);
            transform: translateY(-9rem);
  }
}
@keyframes aniResetRolling {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-9rem);
            transform: translateY(-9rem);
  }
}
.scrap-rolling .scrap-rolling-info {
  opacity: 0;
  -webkit-animation: aniFadeIn ease-in-out 0.5s forwards 0.2s;
          animation: aniFadeIn ease-in-out 0.5s forwards 0.2s;
}
.scrap-rolling .scrap-rolling-info .item {
  position: absolute;
  padding-left: 15rem;
  left: 0;
  top: 50%;
  margin-top: 0.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0;
  -webkit-animation: aniFadeOut ease-in-out 0.5s forwards;
          animation: aniFadeOut ease-in-out 0.5s forwards;
}
.scrap-rolling .scrap-rolling-info .item.active {
  -webkit-animation: aniFadeIn ease-in-out 0.5s forwards;
          animation: aniFadeIn ease-in-out 0.5s forwards;
}
.scrap-rolling .scrap-rolling-info dt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
.scrap-rolling .scrap-rolling-info dd {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.4rem;
}

.progress-dots {
  line-height: 1;
  margin: 1rem 0;
  font-size: 0;
  text-align: center;
}
.progress-dots .inner {
  position: relative;
  display: inline-block;
}
.progress-dots .inner:before {
  position: absolute;
  display: block;
  top: 50%;
  left: 1rem;
  right: 1rem;
  height: 0.1rem;
  background: #ddd;
  content: "";
}
.progress-dots .dot {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 1rem;
  background: #fc0;
  border-radius: 50%;
}
.progress-dots .dot.active ~ .dot {
  background: #ddd;
}

.logo-txt .icon32 {
  margin-right: 1rem;
}
.logo-txt .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  margin-right: 0.6rem;
  vertical-align: middle;
}
.logo-txt .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: inline-block;
  font-weight: 400;
  vertical-align: middle;
}

.viewer-preview {
  position: relative;
}
.viewer-preview .inner-img {
  font-size: 0;
  text-align: center;
}
.viewer-preview img {
  display: block;
  width: 100%;
}
.viewer-preview .desc {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.viewer-preview .desc span {
  display: inline-block;
  padding: 0.6rem 0.8rem;
  line-height: 1.4rem;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 700;
  border-radius: 1.3rem;
  background: rgba(0, 0, 0, 0.6);
}

.added-footer {
  z-index: -1;
  position: absolute;
  bottom: 6rem;
  left: 0;
  width: 100%;
  padding: 2rem 1.6rem 3.5rem;
  border-radius: 2.4rem 2.4rem 0 0;
  -webkit-box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.added-footer.hide {
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  opacity: 0;
  pointer-events: none;
}
.added-footer.pd-l {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
.added-footer.is-fixed {
  position: fixed;
  z-index: 99;
}

.pagination-nums {
  line-height: 1;
  font-size: 1.2rem;
  color: #aaa;
  font-weight: 700;
}
.pagination-nums > strong {
  color: #222;
}

.rolling-txt {
  position: relative;
  overflow: hidden;
  -webkit-transition: height ease-in-out 0.3s;
  transition: height ease-in-out 0.3s;
  min-height: 2.4rem;
  padding: 0.2rem 0;
}
.rolling-txt .rolling-txt-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform ease-in-out 0.3s;
  transition: -webkit-transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
}
.rolling-txt .rolling-txt-list.no-ani {
  -webkit-transition: none;
  transition: none;
}
.rolling-txt .rolling-txt-list .item {
  display: block;
  padding: 0.3rem 0;
}

[data-module=fadeInText] {
  display: inline-block;
  -webkit-transition: width ease-in-out 0.25s;
  transition: width ease-in-out 0.25s;
  width: 0;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
}
[data-module=fadeInText] > span {
  display: inline-block;
  opacity: 1;
  -webkit-transition-property: opacity, width, -webkit-transform;
  transition-property: opacity, width, -webkit-transform;
  transition-property: opacity, transform, width;
  transition-property: opacity, transform, width, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}
[data-module=fadeInText] > span.hide {
  width: 0;
  opacity: 0;
  -webkit-transform: translateY(50%) scale(0.8);
      -ms-transform: translateY(50%) scale(0.8);
          transform: translateY(50%) scale(0.8);
}

.total-data-box > .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.4rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.total-data-box .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.total-data-box .data {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #222;
  text-align: right;
}
.total-data-box .data strong {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}

.total-data-sticky {
  height: 4.4rem;
}
.total-data-sticky .floating-inner {
  z-index: 99;
  position: fixed;
  bottom: 7.2rem;
  left: 0;
  right: 0;
  padding: 0 1.6rem;
  background: #fff;
  -webkit-box-shadow: 0 -0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 -0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
}

.expenses-summ-list {
  border-bottom: 0.1rem solid #eee;
  margin-bottom: 3.2rem;
}
.expenses-summ-list > li {
  border-top: 0.1rem solid #eee;
}
.expenses-summ-list:last-child {
  margin-bottom: 0;
}

.expenses-summ-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.4rem 0.2rem;
  min-height: 6.2rem;
  word-break: break-all;
}
.expenses-summ-item > .inner-cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #222;
}
.expenses-summ-item > .inner-cont .name {
  font-weight: 500;
  vertical-align: middle;
}
.expenses-summ-item > .inner-cont .desc {
  margin-left: 0.2rem;
  vertical-align: middle;
}
.expenses-summ-item > .inner-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 1rem;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 700;
  color: #222;
}
.expenses-summ-item > .inner-added strong {
  vertical-align: middle;
}
.expenses-summ-item > .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: xx-small;
  color: transparent;
}
.expenses-summ-item > .icon32 {
  margin-right: 0.6rem;
}
.expenses-summ-item > .icon20 {
  margin-right: 1rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.expenses-summ-item .sub-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.2rem;
}
.expenses-summ-item .sub-point {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: right;
  vertical-align: middle;
}
.expenses-summ-item .sub-desc-item:after {
  display: inline-block;
  width: 0.1rem;
  height: 1rem;
  background: #ddd;
  vertical-align: middle;
  margin: 0 0.2rem 0 0.5rem;
  content: "";
}
.expenses-summ-item .sub-desc-item:last-child:after {
  display: none;
}
.expenses-summ-item.type-detail {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.expenses-summ-item.type-detail > .inner-cont {
  font-size: 1.4rem;
  line-height: 1.4;
}

.list-upper {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #222;
  font-weight: 500;
  padding: 1.2rem 0.8rem;
  border-radius: 0.8rem;
  background: #f8f8f8;
}
.list-upper > .inner-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font: inherit;
}
.list-upper > .inner-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font: inherit;
  text-align: right;
}
.list-upper + .expenses-summ-list > li:first-child {
  border-top: 0;
}

.cost-summary {
  margin-bottom: 4rem;
}
.cost-summary .inner-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
  text-align: left;
}
.cost-summary .inner-tit small {
  font-size: 1.4rem;
  vertical-align: middle;
}
.cost-summary .inner-cont {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: right;
  margin-top: 2rem;
}
.cost-summary .txt-price {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
  vertical-align: middle;
}
.cost-summary .txt-unit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: inline-block;
  color: #222;
  margin-left: 0.2rem;
  vertical-align: middle;
}

.coupon-list .coupon-item {
  margin-top: 1.6rem;
}

.coupon-item {
  position: relative;
  z-index: 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: 14.4rem;
  border-radius: 1.2rem;
  border: 0.1rem solid #eee;
  -webkit-box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.06);
}
.coupon-item:after, .coupon-item:before {
  z-index: 1;
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -0.9rem;
  width: 0.9rem;
  height: 1.8rem;
  background: url("/images/common/mypage/tip-coupon-right.png") right center/0.9rem auto no-repeat;
  content: "";
}
.coupon-item:after {
  right: -0.1rem;
}
.coupon-item:before {
  left: -0.1rem;
  background-image: url("/images/common/mypage/tip-coupon-left.png");
  border-right: 0 50% 50% 0;
}
.coupon-item .inner-thumb {
  z-index: 0;
  position: absolute;
  height: 100%;
  width: 14.4rem;
  overflow: hidden;
  border-right: 0.1rem solid #eee;
  border-radius: 1.2rem 0 0 1.2rem;
}
.coupon-item .inner-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.coupon-item .inner-thumb .tag-round-s {
  z-index: 2;
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
}
.coupon-item .inner-cont {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  padding: 1.2rem 1.6rem 1.2rem 16rem;
}
.coupon-item .inner-cont:after {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/common/icon/icon24-barcode.svg") center/contain no-repeat;
  content: "";
}
.coupon-item .inner-link {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: xx-small;
}
.coupon-item .coupon-item-upper {
  margin: 0.8rem 0 0.6rem;
  font-size: 1.2rem;
  color: #222;
}
.coupon-item .name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
}
.coupon-item .desc {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.6rem;
}
.coupon-item.is-disabled .inner-thumb:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222;
  opacity: 0.7;
  content: "";
}
.coupon-item.is-disabled .inner-thumb .tag-round-s {
  border: 0.1rem solid #fff;
  color: #fff;
  background: none;
  font-weight: 400;
}

.coupon-detail {
  position: relative;
  text-align: center;
  word-break: break-all;
  padding: 0 4rem 4.4rem;
  margin: 0 -1.6rem;
}
.coupon-detail:before {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0) 100%);
  content: "";
}
.coupon-detail:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2.2rem;
  display: block;
  width: 4rem;
  height: 4.1rem;
  margin: 0 auto;
  background: url("/images/common/mypage/bg-coupon-detail.png") center/4rem auto no-repeat #fff;
  content: "";
}
.coupon-detail .inner-thumb {
  position: relative;
  display: inline-block;
  width: 24.6rem;
  font-size: 0;
  border-radius: 1.2rem;
  overflow: hidden;
}
.coupon-detail .inner-thumb img {
  width: 100%;
}
.coupon-detail .inner-thumb .btn-round {
  z-index: 2;
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
}
.coupon-detail .inner-thumb.nodata {
  height: 24.6rem;
  background: #f8f8f8;
}
.coupon-detail .inner-cont {
  margin-top: 1.6rem;
}
.coupon-detail .inner-cont .coupon-item-upper {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 0.4rem;
}
.coupon-detail .inner-cont .name {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.coupon-detail .inner-cont .detail-info {
  width: 24.6rem;
  margin: 1.6rem auto 0;
}
.coupon-detail .inner-cont .detail-info .grid-justify, .coupon-detail .inner-cont .detail-info .model-select-item, .coupon-detail .inner-cont .detail-info .search-result-tit, .coupon-detail .inner-cont .detail-info .search-result-list > li, .coupon-detail .inner-cont .detail-info .filter-list-item {
  margin-top: 1.2rem;
}
.coupon-detail .inner-cont .img-barcode img {
  width: 100%;
}
.coupon-detail.is-disabled .inner-thumb:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #222;
  opacity: 0.7;
  display: block;
  content: "";
}
.coupon-detail.is-disabled .inner-thumb .btn-round {
  border: 0.1rem solid #fff;
  color: #fff;
  background: none;
  font-weight: 400;
}

.coupon-detail-img {
  margin-top: 1.2rem;
  text-align: center;
  font-size: 0;
}
.coupon-detail-img img {
  width: 100%;
  max-width: 24.6rem;
}

.collabo-bi-flat {
  text-align: center;
}
.collabo-bi-flat .bi-item {
  display: inline-block;
  vertical-align: middle;
}
.collabo-bi-flat .collabo-x {
  display: inline-block;
  vertical-align: middle;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 1rem;
  background: url("/images/common/icon/icon24-collabo-x.svg") center/contain no-repeat;
}
.collabo-bi-flat .main-logo-chachacha {
  width: 11.5rem;
  height: 6.4rem;
  margin: 0 -0.6rem;
}

.modal .collabo-bi-flat.first {
  margin-top: -1.6rem;
}

/* ���������� (����) */
.webapp-area {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  right: 1.5rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0 0 123%;
  text-align: center;
}
.webapp-area .webapp-inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.webapp-area .inner-btn-x {
  text-align: right;
  margin: 0 -0.3rem 0.7rem 0;
}
.webapp-area .modal-close {
  position: static;
  width: 3.5rem;
  height: 3.5rem;
  background: url("/images/common/icon/icon24-close-white.svg") no-repeat center/1.8rem 1.8rem;
}
.webapp-area .modal-close > span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.webapp-area .contents-title-50 {
  margin: 1.6rem 0 4.8rem;
}

.kbcare-btns .item {
  position: relative;
  display: block;
  height: 20rem;
  border-radius: 2rem;
  border: 0.1rem solid #cfcfff;
  background: url("/images/common/buy/btn-kbcare-free.png") center right/13rem auto no-repeat #ececff;
  padding: 3.8rem 12rem 3.8rem 2.6rem;
  margin-bottom: 1.6rem;
}
.kbcare-btns .item.type-refund {
  background-color: #e0f0ff;
  background-image: url("/images/common/buy/btn-kbcare-refund.png");
  border-color: #add7ff;
}
.kbcare-btns .tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 0.8rem;
}
.kbcare-btns .cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.kbcare-btns .cont small {
  font-size: 1rem;
}
.kbcare-btns .txt-s {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 1.4rem;
  color: #888;
}
.kbcare-btns .inner-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: xx-small;
}

.cs-box {
  padding: 2.5rem;
  text-align: left;
}
.cs-box .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  font-weight: 500;
}
.cs-box .cs-num {
  display: block;
  margin-top: 1.2rem;
  font-size: 3rem;
  font-weight: 700;
}
.cs-box .cs-num strong {
  vertical-align: middle;
}
.cs-box .cs-num a {
  font: inherit;
}
.cs-box .cs-num .icon-call {
  margin-top: -0.2rem;
}
.cs-box .bullet-dash {
  margin-top: 0.6rem;
}
.cs-box .bullet-dash li {
  color: #666;
  margin-top: 0.2rem;
}
.intro-section-inner .cs-box {
  margin: 2.4rem 1.6rem 0;
}

.map-area {
  display: block;
  height: 19.5rem;
  border-radius: 1.6rem;
  overflow: hidden;
  background: #efefef;
}

.map-info {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  display: block;
  color: #222;
  padding-left: 2.2rem;
}
.map-info .icon16 {
  position: absolute;
  top: 0.2rem;
  left: 0;
}

.banner-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f8f8f8;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 4.4rem;
}
.banner-notice .inner-cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
  padding: 1.1rem 0 1.1rem 1.6rem;
}
.banner-notice .inner-btn-x {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  width: 4.2rem;
  background: url("/images/common/icon/icon16-close-black.svg") 1rem center/1.6rem auto no-repeat;
  overflow: hidden;
  color: transparent;
  font-size: xx-small;
}
.content-body .banner-notice {
  margin: 0 -1.6rem;
}
.banner-notice + .car-list {
  margin-top: 1.6rem;
}
.banner-notice.hide {
  display: none;
}
.banner-notice.hide + .car-list {
  margin-top: 2.8rem;
}

.product-step-box {
  position: relative;
  margin-top: 32px;
  background: #f8f8f8;
  border-radius: 12px;
  padding: 20px;
}
.product-step-box .product-step-box__tit {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  color: #666;
  font-weight: 400;
}
.product-step-box.product-step-box--transparent {
  background: none;
  padding: 0;
}
.product-step-box.product-step-box--transparent .product-step > li:last-child .product-step__num:before {
  background: #fff;
}

.product-step {
  position: relative;
}
.product-step:before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 33px;
  width: 1px;
  display: block;
  border-right: 1px dashed #222;
  content: "";
}
.product-step > li {
  display: table;
  width: 100%;
}
.product-step > li:last-child .product-step__num,
.product-step > li:last-child .product-step__cont {
  padding-bottom: 0;
}
.product-step > li:last-child .product-step__num:before {
  position: absolute;
  top: 10px;
  bottom: 0;
  right: 0;
  width: 10px;
  background: #f8f8f8;
  display: block;
  content: "";
}
.product-step .product-step__num {
  position: relative;
  display: table-cell;
  width: 40px;
  vertical-align: top;
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 30px;
}
.product-step .product-step__num:after {
  position: absolute;
  top: 2px;
  right: 0;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fc0;
  border: 1px solid #222;
  content: "";
}
.product-step .product-step__cont {
  position: relative;
  display: table-cell;
  width: calc(100% - 40px);
  padding: 0 0 30px 50px;
  vertical-align: top;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  word-break: keep-all;
}
.product-step .product-step__cont p {
  font: inherit;
  color: inherit;
}
.product-step .product-step__icon {
  position: absolute;
  top: -5px;
  left: 8px;
}
.product-step .product-step__desc {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}
.product-step.product-step--noicon:before {
  left: 5px;
}
.product-step.product-step--noicon .product-step__num {
  padding-left: 20px;
  font-size: 16px;
  padding-bottom: 16px;
}
.product-step.product-step--noicon .product-step__num:after {
  left: 0;
}
.product-step.product-step--noicon .product-step__num:before {
  background: #fff;
  left: 0;
}
.product-step.product-step--noicon .product-step__cont {
  padding-left: 15px;
  padding-bottom: 16px;
}

@-webkit-keyframes aniThumbShow {
  0% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes aniThumbShow {
  0% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@media all and (max-width: 320px) {
  *[data-type=toast] .modal-header h3 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
/* ���� */
/* wrap class (layout.scss) */
.bg-all-black {
  background-color: #1a1a1a;
  min-height: 100vh;
}
.bg-all-black .has-dock-d1 {
  padding-bottom: 7.4rem;
}
.bg-all-black .content-body {
  background-color: #1a1a1a;
}
.bg-all-black .header-icon--menu {
  background: url(/images/common/icon/icon24-util-menu-white.svg) no-repeat center/contain;
}
.bg-all-black .content-header,
.bg-all-black .content-body {
  background-color: #1a1a1a !important;
}
.bg-all-black .content-header .header-text.font-white,
.bg-all-black .content-body .header-text.font-white {
  color: #fff;
}
.bg-all-black .content-header .tab-underbar:after,
.bg-all-black .content-body .tab-underbar:after {
  background-color: #313131;
}
.bg-all-black .content-header .tab-underbar ul li a,
.bg-all-black .content-body .tab-underbar ul li a {
  color: #fff;
  opacity: 0.6;
}
.bg-all-black .content-header .tab-underbar ul li button.active,
.bg-all-black .content-header .tab-underbar ul li a.active,
.bg-all-black .content-body .tab-underbar ul li button.active,
.bg-all-black .content-body .tab-underbar ul li a.active {
  opacity: 1;
}
.bg-all-black .content-header .tab-underbar ul li button.active:after,
.bg-all-black .content-header .tab-underbar ul li a.active:after,
.bg-all-black .content-body .tab-underbar ul li button.active:after,
.bg-all-black .content-body .tab-underbar ul li a.active:after {
  background: #ffcc00;
}
.bg-all-black .content-header .btn-history-back,
.bg-all-black .content-body .btn-history-back {
  background-image: url(/images/common/cm/btn-back-white.svg);
}
.bg-all-black .content-body .tab-underbar {
  margin-top: -2.5rem;
}
.bg-all-black .content-body .tab-underbar > ul {
  padding: 0;
}
.bg-all-black .qr-btn {
  position: absolute;
  right: 1.6rem;
  top: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
  text-indent: -9999rem;
  background: url(/images/common/icon/icon24-header-qr.svg) no-repeat center center;
}
.bg-all-black .qr-btn:after {
  content: "";
  display: block;
  position: absolute;
  left: -0.3rem;
  top: 20%;
  width: 3rem;
  height: 0.6rem;
  margin-top: -0.3rem;
  background: url(/images/common/icon/icon30-qr-bar.svg) no-repeat center center;
  background-size: 3rem 0.6rem;
  -webkit-animation: qr-bar infinite alternate linear 0.6s;
          animation: qr-bar infinite alternate linear 0.6s;
}
@-webkit-keyframes qr-bar {
  0% {
    top: 20%;
  }
  100% {
    top: 75%;
  }
}
@keyframes qr-bar {
  0% {
    top: 20%;
  }
  100% {
    top: 75%;
  }
}
.bg-all-black .btn-area.bottom-fixed {
  background: #1a1a1a;
}
.bg-all-black .btn-area.bottom-fixed button {
  line-height: 1.5;
  height: 5.6rem;
}

/* a ��ũ ȭ��ǥ (����) */
.link-arrow {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
  padding-right: 1.8rem;
  background: url(/images/common/icon/icon16-link-arrow.svg) no-repeat right top 0.1rem;
  background-size: 1.6rem 1.6rem;
}
.link-arrow.disabled {
  color: #bbb;
  pointer-events: none;
  background-image: url(/images/common/icon/icon16-link-arrow-disabled.svg) !important;
}

/* alert �˾� */
*[data-type=alert] .modal .modal-header .modal-tit.tit-space {
  letter-spacing: -0.1rem;
}
*[data-type=alert] .modal .modal-body {
  padding-bottom: 9.8rem;
}
*[data-type=alert] .modal .modal-body.no-header {
  padding-top: 4rem;
}
*[data-type=alert] .modal .modal-body.block-st {
  padding-bottom: 11.8rem;
}
*[data-type=alert] .modal .modal-body .modal-txt.gray-txt {
  color: #444;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
}
*[data-type=alert] .modal .modal-footer.block-st {
  border-top: none;
}
*[data-type=alert] .modal .modal-footer.block-st .btn-area {
  padding: 0 2.4rem 3rem;
}
*[data-type=alert] .modal .modal-footer.block-st .btn-area button {
  height: 4.8rem;
  font-size: 1.5rem;
  line-height: 1.5;
  border-radius: 0.8rem;
}
*[data-type=alert] .modal .modal-footer.block-st .btn-area button span {
  font-size: 1.5rem;
}
*[data-type=alert] .modal .modal-footer.block-st .btn-area button ~ button {
  margin-left: 0.5rem;
}
*[data-type=alert] .modal .modal-footer.block-st .btn-area .btn-gray {
  border: 1px solid #bbb;
}

/* ��ư */
.btn-area .btn-gray-fill {
  color: #fff;
  background-color: #777676;
}
.btn-area .btn-gray-fill span {
  color: #fff !important;
}
.btn-area .btn-blue {
  color: #fff;
  background-color: #2589ff;
}
.btn-area .btn-blue[disabled] {
  opacity: 0.25;
  background-color: #2589ff;
}
.btn-area.more-area {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 3.6rem;
}
.btn-area.more-area .btn-gray {
  line-height: 4.8rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 800;
}

/* �˾� ����� */
.modal-wrap.black-back .modal-header {
  background-color: #1a1a1a;
}
.modal-wrap.black-back .modal-header h3 {
  color: #fff;
}
.modal-wrap.black-back .modal-header .bookmark {
  width: 2.4rem;
  height: 4.4rem;
  text-indent: -9999px;
  background: url(/images/common/icon/icon24-car-bookmark.svg) no-repeat center;
  background-size: 2.4rem 2.4rem;
}
.modal-wrap.black-back .modal-header .bookmark.active {
  background-image: url(/images/common/icon/icon24-car-bookmark-active.svg);
}
.modal-wrap.black-back .modal-header .modal-close {
  background: url(/images/common/icon/icon24-car-close-white.svg) no-repeat center;
  background-size: 2.4rem 2.4rem;
}
.modal-wrap.black-back .modal-body {
  background-color: #1a1a1a;
}
.modal-wrap.black-back .modal-footer {
  background: #1a1a1a;
}
.modal-wrap.black-back .modal-footer.and-acco {
  background-color: #2e2e2e;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal-wrap.black-back .modal-footer .btn-area button {
  height: 5.6rem;
  line-height: 1.5;
  letter-spacing: -0.1rem;
}
.modal-wrap.toast-black .modal-header {
  background-color: #2e2e2e;
}
.modal-wrap.toast-black .modal-body {
  background-color: #2e2e2e;
}
.modal-wrap.toast-black .modal-body .check-list {
  margin-top: 0;
}
.modal-wrap.toast-black .modal-footer {
  background: #2e2e2e;
}
.modal-wrap.toast-black .modal-footer .btn-area button {
  letter-spacing: -0.1rem;
}
.modal-wrap.toast-black .modal-footer .btn-area button span {
  font-weight: bold;
}

/* dock-menu (layout.scss) */
.dock-menu.black-back {
  -webkit-transition: bottom 0.5s;
  transition: bottom 0.5s;
}
.dock-menu.black-back .dock-bar {
  border-top-color: #0a0a0a;
  background-color: #0a0a0a;
}
.dock-menu.black-back .dock-bar a.active {
  color: #fff;
}
.dock-menu.black-back .dock-bar a.active span {
  color: #fff;
}
.dock-menu.black-back.nav-down {
  bottom: -5.7rem;
}
.dock-menu.black-back li a.active .icon.dock-car-tech {
  background: url("/images/common/icon/dock-car-tech-white-on.svg") no-repeat center/contain;
}

/* ���� ���� */
.tooltip-area {
  position: relative;
}
.tooltip-area .tooltip-btn {
  width: 1.6rem;
  height: 1.6rem;
  background: url(/images/common/icon/icon16-tooltip-btn.svg) no-repeat center center;
}
.tooltip-area .tooltip-desc {
  display: none;
  position: absolute;
}

/* ���� �۾� */
.header-title-100.white-text {
  color: #fff;
}

/* ���� ������ ���� */
.badge-area {
  margin-top: 1.5rem;
}
.badge-area > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}
.badge-area > ul > li {
  padding: 0.55rem 0.6rem 0.55rem;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 0.4rem;
  letter-spacing: -0.15rem;
}
.badge-area > ul > li ~ li {
  margin-left: 0.4rem;
}
.badge-area > ul .yellow {
  color: #fc0;
  background-color: rgba(255, 204, 0, 0.16);
}
.badge-area > ul .blue {
  color: #94aeff;
  background-color: rgba(148, 174, 255, 0.16);
}
.badge-area > ul .black {
  color: #a7a7a7;
  background-color: rgba(170, 170, 170, 0.16);
}
.badge-area > ul .purple {
  color: #b689ff;
  background-color: rgba(158, 98, 255, 0.24);
}

/* ��õ�Ź� ����Ʈ */
.recommend-car-list {
  margin-top: 2.5rem;
}
.recommend-car-list > li ~ li {
  margin-top: 4rem;
}
.recommend-car-list > li > a {
  display: block;
  border-radius: 2rem 0 2rem 0;
}
.recommend-car-list > li > a img {
  width: 100%;
  border-radius: 2rem 0 2rem 0;
}
.recommend-car-list > li > div {
  position: relative;
}
.recommend-car-list > li > div .car-bookmark {
  position: absolute;
  right: 0;
  top: -0.3rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/images/common/icon/icon24-car-bookmark.svg) no-repeat center center;
}
.recommend-car-list > li > div .car-bookmark.active {
  background-image: url(/images/common/icon/icon24-car-bookmark-active.svg);
}
.recommend-car-list .car-detail-area {
  margin-top: 1.3rem;
}
.recommend-car-list .car-detail-area .detail:after {
  content: "";
  display: block;
  clear: both;
}
.recommend-car-list .car-detail-area .detail > li {
  float: left;
  color: #888;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  line-height: 1;
}
.recommend-car-list .car-detail-area .detail > li ~ li {
  position: relative;
  margin-left: 1.2rem;
}
.recommend-car-list .car-detail-area .detail > li ~ li::before {
  content: "��";
  position: absolute;
  left: -0.8rem;
  top: 0;
}
.recommend-car-list .car-detail-area .car-name {
  display: block;
  margin-top: 0.6em;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
}
.recommend-car-list .car-detail-area .money {
  display: block;
  margin-top: 0.6rem;
  font-weight: 600;
  color: #ffcc00;
  font-size: 1.8rem;
}
.recommend-car-list .car-detail-area .money span {
  font-weight: 600;
}

/* ��õ�Ź� ����Ʈ ������ */
.design-car-list {
  display: none;
  margin-top: 2.2rem;
}
.design-car-list .frist-img a {
  display: block;
  margin: 0 0.75rem;
  padding: 0rem 0 1rem;
  text-align: center;
  overflow: hidden;
  border-radius: 1.2rem 0 1.2rem 0;
  background-color: #fff;
}
.design-car-list .frist-img a img {
  display: block;
  margin: -1.1rem auto 0;
  width: 70%;
}
.design-car-list > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 -0.75rem;
}
.design-car-list > ul > li {
  width: 50%;
  margin-top: 3rem;
}
.design-car-list > ul > li:nth-child(6n+2) a {
  padding: 0.5rem 0 0.4rem;
}
.design-car-list > ul > li:nth-child(6n+3) a {
  padding: 0.5rem 0 0.4rem;
}
.design-car-list > ul > li:nth-child(6n+4) {
  margin-top: 6rem;
}
.design-car-list > ul > li:nth-child(6n+5) {
  margin-top: 6rem;
}
.design-car-list > ul > li a {
  position: relative;
  display: block;
  margin: 0 0.75rem;
  padding: 5.5rem 0 5.5rem;
  text-align: right;
  border-radius: 1.2rem 0 1.2rem 0;
  overflow: hidden;
}
.design-car-list > ul > li a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.2rem 0 1.2rem 0;
  background-color: #fff;
}
.design-car-list > ul > li a img {
  width: 100%;
  position: relative;
  z-index: 1;
  left: 2.5rem;
  top: -0.4rem;
}
.design-car-list .car-detail-area .car-name {
  display: block;
  margin-top: 1.2rem;
  margin-left: 0.75rem;
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
}
.design-car-list .car-detail-area .money {
  display: block;
  margin-top: 0.4rem;
  margin-left: 0.75rem;
  color: #ffcc00;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.design-car-list .car-detail-area .money span {
  font-weight: 700;
}

/* �ڵ��� ������ ���񿵿� */
.locker-btn-area {
  margin-top: 4.6rem;
  margin-bottom: 1.6rem;
  overflow: hidden;
}
.locker-btn-area .header-title-100 {
  float: left;
  width: calc(100% - 10rem);
  margin-top: 0;
  letter-spacing: -0.15rem;
}
.locker-btn-area button {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.6rem 1rem 0.6rem 2.4rem;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 500;
  border-radius: 1.5rem;
  background: #f8f8f8 url(/images/common/icon/icon16-locker-btn.svg) no-repeat left 0.8rem center;
  background-size: 1.6rem 1.6rem;
}
.locker-btn-area button span {
  margin-left: 0.5rem;
  color: #2589ff;
  font-weight: 600;
}
.locker-btn-area button.qr {
  background-image: url(/images/common/icon/icon16-locker-qr-btn.svg);
}

/* ���ָӴ� ���ڵ�� */
.my-acco,
.simul-acco {
  padding-bottom: 2rem;
  border-radius: 2rem;
  -webkit-transition: 0.5s margin;
  transition: 0.5s margin;
  background-color: #f8f8f8;
}
.my-acco .my-acco-header,
.simul-acco .my-acco-header {
  position: relative;
  min-height: 8.8rem;
  padding: 2.8rem 2.4rem 0;
  border-radius: 2rem 2rem 0 0;
  background-color: #f8f8f8;
}
.my-acco .my-acco-header .aco-tit-area .tit,
.simul-acco .my-acco-header .aco-tit-area .tit {
  display: block;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 700;
}
.my-acco .my-acco-header .aco-tit-area .sub-text,
.simul-acco .my-acco-header .aco-tit-area .sub-text {
  margin-top: 0.2rem;
  color: #222;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: -0.1rem;
}
.my-acco .my-acco-header .aco-tit-area .money-area,
.simul-acco .my-acco-header .aco-tit-area .money-area {
  margin-top: 0.2rem;
  font-weight: 700;
  font-size: 2.2rem;
  letter-spacing: -0.1rem;
}
.my-acco .my-acco-header .aco-tit-area .money-area strong,
.simul-acco .my-acco-header .aco-tit-area .money-area strong {
  font-weight: 700;
  font-size: 2.2rem;
}
.my-acco .my-acco-header .aco-tit-area .money-area strong span,
.simul-acco .my-acco-header .aco-tit-area .money-area strong span {
  font-weight: 700;
}
.my-acco .my-acco-header .my-acco-btn,
.simul-acco .my-acco-header .my-acco-btn {
  position: absolute;
  right: 2.4rem;
  top: 3.5rem;
  width: 3.5rem;
  height: 3.5rem;
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  background: url(/images/common/icon/icon35-aco-btn.svg) no-repeat center center;
}
.my-acco.active .my-acco-btn,
.simul-acco.active .my-acco-btn {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.my-acco.active .my-acco-panel,
.simul-acco.active .my-acco-panel {
  display: block;
}
.my-acco.bottom-st,
.simul-acco.bottom-st {
  padding-bottom: 0;
}
.my-acco.bottom-st .my-acco-panel,
.simul-acco.bottom-st .my-acco-panel {
  padding-top: 0.9rem;
  border-radius: 2rem 2rem 0 0;
}
.my-acco.bottom-st .my-acco-panel .aco-desc-area,
.simul-acco.bottom-st .my-acco-panel .aco-desc-area {
  margin-top: 2.2rem;
}
.my-acco.bottom-st .my-acco-panel .aco-desc-area .desc-tit-area .money-area,
.simul-acco.bottom-st .my-acco-panel .aco-desc-area .desc-tit-area .money-area {
  color: #222;
}
.my-acco.bottom-st .simul-acco-btn,
.simul-acco.bottom-st .simul-acco-btn {
  top: unset;
  bottom: 3rem;
  background: url(/images/common/icon/icon35-aco-btn-white.svg) no-repeat center center;
}
.my-acco .my-acco-panel,
.simul-acco .my-acco-panel {
  display: none;
  padding: 0 2.4rem 2.7rem;
  border-radius: 0 0 2rem 2rem;
  background-color: #f8f8f8;
}
.my-acco .my-acco-panel .aco-desc-area,
.simul-acco .my-acco-panel .aco-desc-area {
  margin-top: 3.4rem;
}
.my-acco .my-acco-panel .aco-desc-area .desc-tit-area,
.simul-acco .my-acco-panel .aco-desc-area .desc-tit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-acco .my-acco-panel .aco-desc-area .desc-tit-area.term,
.simul-acco .my-acco-panel .aco-desc-area .desc-tit-area.term {
  margin-top: 4.1rem;
}
.my-acco .my-acco-panel .aco-desc-area .desc-tit-area > strong,
.simul-acco .my-acco-panel .aco-desc-area .desc-tit-area > strong {
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #222;
}
.my-acco .my-acco-panel .aco-desc-area .desc-tit-area > strong span,
.simul-acco .my-acco-panel .aco-desc-area .desc-tit-area > strong span {
  font-weight: 800;
  color: #aaa;
}
.my-acco .my-acco-panel .aco-desc-area .desc-tit-area .money-area,
.simul-acco .my-acco-panel .aco-desc-area .desc-tit-area .money-area {
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  font-weight: 900;
}
.my-acco .my-acco-panel .aco-desc-area .desc-tit-area .money-area strong,
.simul-acco .my-acco-panel .aco-desc-area .desc-tit-area .money-area strong {
  font-weight: 900;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area,
.simul-acco .my-acco-panel .aco-desc-area .detail-area {
  margin-top: 1.1rem;
  padding: 2.4rem 2rem;
  border-radius: 1.2rem;
  background-color: #f1f1f1;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div ~ div,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div ~ div {
  margin-top: 1.8rem;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .tit,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .tit {
  color: #444;
  letter-spacing: -0.15rem;
  font-size: 1.4rem;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .tit.has-tooltip,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .tit.has-tooltip {
  position: relative;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .tit.has-tooltip .icon-tooltip-s,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .tit.has-tooltip .icon-tooltip-s {
  margin-left: 0.2rem;
  position: relative;
  top: -0.1rem;
  background: url(/images/common/icon/icon16-tooltip-btn.svg) no-repeat center center;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .tit.has-tooltip .tooltip,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .tit.has-tooltip .tooltip {
  left: -2rem;
  padding: 2.4rem 3.2rem 2.4rem 2rem;
  width: calc(100vw - 8rem);
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .tit.has-tooltip .tooltip .txt,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .tit.has-tooltip .tooltip .txt {
  letter-spacing: -0.15rem;
  font-size: 1.3rem;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .sub,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .sub {
  font-size: 1.4rem;
  color: #222;
  font-weight: 600;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .sub strong,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .sub strong {
  font-weight: 600;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .sub a,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .sub a {
  display: block;
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.15rem;
  padding-right: 1.8rem;
  background: url(/images/common/icon/icon16-money-link.svg) no-repeat right top 0.1rem;
  background-size: 1.6rem 1.6rem;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .sub a.move,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .sub a.move {
  -webkit-animation: link-move 1.5s infinite alternate;
          animation: link-move 1.5s infinite alternate;
}
@-webkit-keyframes link-move {
  0% {
    left: 0rem;
  }
  25% {
    left: -1rem;
  }
  50% {
    left: 1rem;
  }
  75% {
    left: -1rem;
  }
  100% {
    left: 0;
  }
}
@keyframes link-move {
  0% {
    left: 0rem;
  }
  25% {
    left: -1rem;
  }
  50% {
    left: 1rem;
  }
  75% {
    left: -1rem;
  }
  100% {
    left: 0;
  }
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .sub .money-day,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .sub .money-day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .sub .money-day > p,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .sub .money-day > p {
  margin-left: 0.8rem;
  font-size: 1.4rem;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area > div .sub .money-day > p span,
.simul-acco .my-acco-panel .aco-desc-area .detail-area > div .sub .money-day > p span {
  margin-right: 0.4rem;
  font-size: 1.6rem;
  font-weight: 800;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area .inp-box input, .my-acco .my-acco-panel .aco-desc-area .detail-area .inp-box .ico-confirm,
.simul-acco .my-acco-panel .aco-desc-area .detail-area .inp-box input,
.simul-acco .my-acco-panel .aco-desc-area .detail-area .inp-box .ico-confirm {
  background-color: #f8f8f8;
}
.my-acco .my-acco-panel .aco-btn-area,
.simul-acco .my-acco-panel .aco-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.9rem;
}
.my-acco .my-acco-panel .aco-btn-area button,
.simul-acco .my-acco-panel .aco-btn-area button {
  width: calc(50% - 0.35rem);
  padding: 1.3rem 0;
  color: #444;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  border-radius: 0.8rem;
  border: 1px solid #bbb;
}
.my-acco .my-acco-panel .aco-btn-area button ~ button,
.simul-acco .my-acco-panel .aco-btn-area button ~ button {
  margin-left: 0.7rem;
}
.my-acco .my-acco-panel .aco-btn-area + .aco-desc-area,
.simul-acco .my-acco-panel .aco-btn-area + .aco-desc-area {
  margin-top: 4rem;
}
.my-acco .my-acco-panel .d-day,
.simul-acco .my-acco-panel .d-day {
  display: inline-block;
  position: relative;
  top: -0.1rem;
  padding: 0.4rem 0.5rem;
  line-height: 1;
  color: #bc8a0f;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 2rem;
  background-color: rgba(255, 204, 0, 0.2);
}
.my-acco .my-acco-panel .d-day i,
.simul-acco .my-acco-panel .d-day i {
  color: #bc8a0f;
  font-weight: 700;
}
.my-acco .badge-wrap,
.simul-acco .badge-wrap {
  text-align: right;
  padding-right: 2.1rem;
  background: url(/images/common/icon/icon16-money-link.svg) no-repeat right center;
}
.my-acco .badge-wrap strong,
.simul-acco .badge-wrap strong {
  display: block;
  margin-top: 0.1rem;
  font-size: 1.6rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.my-acco .badge-wrap strong span,
.simul-acco .badge-wrap strong span {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.my-acco .badge-wrap .car,
.simul-acco .badge-wrap .car {
  display: inline-block;
  padding: 0.4rem 0.5rem;
  text-align: center;
  line-height: 1;
  font-size: 1.1rem;
  letter-spacing: -0.1rem;
  font-weight: 700;
  color: #9c62f9;
  border-radius: 2rem;
  background-color: rgba(182, 137, 255, 0.11);
}
.my-acco .badge-wrap .car span,
.simul-acco .badge-wrap .car span {
  display: block;
  max-width: 10rem;
  letter-spacing: -0.1rem;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.simul-acco .my-acco-panel {
  padding-bottom: 0;
}

/* ī�װ� ����Ʈ*/
.cate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.cate-list li {
  margin-top: 0.9rem;
  margin-right: 0.5rem;
  padding: 0.75rem 0.9rem;
  letter-spacing: -0.1rem;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  border-radius: 1.7rem;
  border: 1px solid #666;
}
.cate-list li button {
  color: #fff;
  font-size: 1.4rem;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.cate-list li button.overlap {
  padding-right: 1.6rem;
  background: url(/images/common/icon/icon16-cate-chk.svg) no-repeat right center;
  background-size: 1.6rem 1.6rem;
}
.cate-list li button.overlap.no-chk {
  padding-right: 0;
  background: none;
}
.cate-list li button.di-ready.disabled {
  color: #666;
  border-color: #2a2a2a;
  background: url(/images/common/icon/icon16-cate-chk-disabled.svg) no-repeat right center;
  background-size: 1.6rem 1.6rem;
}
.cate-list li.active {
  border-color: #ffcc00;
}
.cate-list li.active button {
  font-weight: 700;
  color: #ffcc00;
}
.cate-list li.active button.overlap {
  background: url(/images/common/icon/icon16-cate-chk-active.svg) no-repeat right center;
  background-size: 1.6rem 1.6rem;
}
.cate-list li.active button.overlap.no-chk {
  padding-right: 0;
  background: none;
}

/* ��õ�Ź� ����Ʈ ī�װ� */
.cate-aco {
  position: relative;
  height: 4.7rem;
  overflow: hidden;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.cate-aco .cate-panel.scrolled {
  width: calc(100% - 3.9rem);
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.cate-aco .cate-panel.scrolled .cate-list {
  display: inline-box;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
}
.cate-aco .more-btn {
  position: absolute;
  right: 0;
  bottom: 0.3rem;
  width: 3.5rem;
  height: 3.5rem;
  color: transparent;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background: #1a1a1a url(/images/common/icon/icon35-cate-aco-btn.svg) no-repeat center center;
}
.cate-aco .more-btn.active {
  bottom: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* ���������� �˸����� */
.alert-area {
  margin-top: 1.5rem;
  border-radius: 2rem;
  background: #fffad4;
}
.alert-area .cont {
  display: block;
  width: 100%;
  padding: 2.8rem 1rem 2.8rem 5.3rem;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
  word-break: keep-all;
  background: url("/images/common/icon/icon24-notice-loop.gif") no-repeat left 1.8rem center;
  background-size: 3rem 3rem;
}
.alert-area .cont > p {
  margin-top: 0.6rem;
}
.alert-area .cont > p i {
  padding-right: 1.8rem;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
  background: url("/images/common/icon/icon16-notice-link.svg") no-repeat right top 0.2rem;
}
.alert-area .cont span {
  font-weight: 600;
}

/* ���Žùķ��̼� ��� ���� ���� */
.simul-car-top {
  margin-top: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.simul-car-top .img-area {
  width: 10.3rem;
  border-radius: 1.2rem 0 1.2rem 0;
}
.simul-car-top .img-area img {
  width: 100%;
  border-radius: 1.2rem 0 1.2rem 0;
}
.simul-car-top .desc-area {
  width: calc(100% - 11.8rem);
  margin-left: 1.5rem;
}
.simul-car-top .desc-area .detail:after {
  content: "";
  display: block;
  clear: both;
}
.simul-car-top .desc-area .detail > li {
  float: left;
  color: #888;
  font-size: 1.2rem;
  letter-spacing: -0.1rem;
  line-height: 1;
}
.simul-car-top .desc-area .detail > li > span {
  letter-spacing: -0.1rem;
}
.simul-car-top .desc-area .detail > li ~ li {
  position: relative;
  margin-left: 1.2rem;
}
.simul-car-top .desc-area .detail > li ~ li::before {
  content: "��";
  position: absolute;
  left: -0.8rem;
  top: 0;
}
.simul-car-top .desc-area .car-name {
  display: block;
  margin-top: 0.3em;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.simul-car-top .desc-area .money {
  display: block;
  margin-top: 0.2rem;
  font-weight: 600;
  color: #ffcc00;
  font-size: 1.4rem;
}
.simul-car-top .desc-area .money span {
  font-weight: 600;
}

/* ���Žùķ��̼� ���ڵ�� */
.simul-acco {
  position: relative;
  margin-top: 4rem;
  padding-bottom: 4.2rem;
}
.simul-acco .my-acco-panel {
  display: block;
}
.simul-acco .acco-hide-area {
  display: block;
}
.simul-acco .acco-hide-area .acco-cont {
  display: block;
}
.simul-acco .acco-cont {
  display: none;
}
.simul-acco .acco-cont.term {
  margin-bottom: 2.5rem;
}
.simul-acco .header-area {
  position: relative;
  padding: 2.8rem 2.4rem 0;
  border-radius: 2rem 2rem 0 0;
  background-color: #fff;
}
.simul-acco .header-area .top-area strong {
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.simul-acco .header-area .top-area strong.red {
  color: #ff0000;
}
.simul-acco .header-area .top-area .select-upper {
  margin-bottom: 0;
}
.simul-acco .header-area .top-area .select-upper .select-box {
  display: inline-block;
  width: auto;
  margin-right: 0;
  border-bottom: none;
}
.simul-acco .header-area .top-area .select-upper .select-box select {
  height: 2.4rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 2.4rem;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
  background: url(/images/common/icon/icon16-simul-select-btn.svg) no-repeat right center;
  background-size: 1.6rem 1.6rem;
}
.simul-acco .header-area .sub-text {
  margin-top: 0.2rem;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 800;
}
.simul-acco .header-area .sub-text span {
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.simul-acco .footer-area {
  position: relative;
}
.simul-acco .footer-area .total-area {
  padding: 0 2.4rem;
}
.simul-acco .footer-area .total-area li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
}
.simul-acco .footer-area .total-area li .tit strong {
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  font-weight: 800;
  color: #222;
}
.simul-acco .footer-area .total-area li .tit strong span {
  letter-spacing: -0.1rem;
  font-weight: 800;
  color: #aaa;
}
.simul-acco .footer-area .total-area li .tit .select-upper {
  margin-bottom: 0;
}
.simul-acco .footer-area .total-area li .tit .select-upper .select-box {
  display: inline-block;
  width: auto;
  margin-right: 0;
  border-bottom: none;
}
.simul-acco .footer-area .total-area li .tit .select-upper .select-box select {
  height: 2.4rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 2.4rem;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
  background: url(/images/common/icon/icon16-simul-select-btn.svg) no-repeat right center;
  background-size: 1.6rem 1.6rem;
}
.simul-acco .footer-area .total-area li .money {
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 900;
}
.simul-acco .footer-area .total-area li .money span {
  font-weight: 900;
  letter-spacing: -0.1rem;
}
.simul-acco .footer-area .total-area li .money .big {
  font-size: 2.4rem;
}
.simul-acco .footer-area .total-area li .money .big.blue {
  color: #2589ff;
}
.simul-acco .footer-area .total-area li .money .big.yellow {
  color: #fd9d23;
}
.simul-acco .footer-area .total-area li .money .big.red {
  color: #e33333;
}
.simul-acco .footer-area .info-area {
  margin-top: 2.6rem;
  padding: 3.5rem 2.4rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
  border-radius: 0 0 2rem 2rem;
}
.simul-acco .footer-area .info-area span {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.simul-acco .footer-area .info-area.blue {
  background-color: #2589ff;
}
.simul-acco .footer-area .info-area.yellow {
  background-color: #fd9d23;
}
.simul-acco .footer-area .info-area.red {
  background-color: #e33333;
}
.simul-acco .simul-acco-btn {
  position: absolute;
  right: 0;
  top: -4.7rem !important;
  bottom: unset !important;
  width: 3.5rem;
  height: 3.5rem;
  -webkit-transition: 0.2s -webkit-transform;
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform;
  background: url(/images/common/icon/icon35-aco-btn.svg) no-repeat center center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.simul-acco .simul-acco-btn.on {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.simul-acco .simul-inp {
  margin-top: 0.9rem !important;
}
.simul-acco.active .acco-cont {
  display: block;
}
.simul-acco.active .simul-acco-btn {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

/* ���Žùķ��̼� text input  */
.simul-inp input, .simul-inp .inp-box .ico-confirm, .inp-box .simul-inp .ico-confirm {
  height: 4.8rem !important;
  padding-right: 4.9rem !important;
}
.simul-inp .inp-unit {
  font-weight: 500;
  right: 2rem !important;
  font-size: 1.4rem !important;
}
.simul-inp .type-new.size-xs .txt {
  font-size: 1.3rem;
  letter-spacing: -0.1rem;
  margin-left: 0.4rem;
  font-weight: 500;
}

/* ���Žùķ��̼� ������ ���� */
.drag-white-area {
  margin-top: 1.5rem;
  margin-bottom: 4rem;
  padding: 3.6rem 2.4rem 3rem;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.drag-white-area .top-area strong {
  font-size: 1.8rem;
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.drag-white-area .top-area p {
  margin-top: 0.4rem;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #444;
}
.drag-white-area .drag-gauge-area {
  margin-top: 10.7rem;
}
.drag-white-area .drag-gauge-area.move .noUi-connects {
  height: 0.8rem;
}
.drag-white-area .drag-gauge-area.move .noUi-connects .noUi-connect {
  background-color: #2589ff;
}
.drag-white-area .drag-gauge-area.move .noUi-handle {
  width: 3.6rem;
  height: 3.6rem;
  -webkit-animation: gauge alternate infinite 0.5s;
          animation: gauge alternate infinite 0.5s;
}
@-webkit-keyframes gauge {
  0% {
    right: -10px;
  }
  100% {
    right: -17px;
  }
}
@keyframes gauge {
  0% {
    right: -10px;
  }
  100% {
    right: -17px;
  }
}
.drag-white-area .drag-gauge-area.move .new-tooltip {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 5.2rem;
  width: 14.6rem;
  margin-left: 7rem;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  padding: 1.8rem 1rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  border-radius: 0.8rem 0 0.8rem 0;
  background: #2e2e2e;
}
.drag-white-area .drag-gauge-area.move .new-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1.1rem;
  width: 1.5rem;
  height: 1.2rem;
  background: url(/images/common/icon/icon-bubble-left.png);
  background-size: 1.5rem 1.2rem;
}
.drag-white-area .drag-gauge-area.move .new-tooltip.middle {
  margin-left: 0;
}
.drag-white-area .drag-gauge-area.move .new-tooltip.middle:after {
  left: 50%;
  margin-left: -0.7rem;
  background-image: url(/images/common/icon/icon-bubble-middle.png);
}
.drag-white-area .drag-gauge-area.move .new-tooltip.last {
  margin-left: -7rem;
  border-radius: 0.8rem 0 0 0;
}
.drag-white-area .drag-gauge-area.move .new-tooltip.last:after {
  left: 100%;
  margin-left: -1.5rem;
  background-image: url(/images/common/icon/icon-bubble-right.png);
}
.drag-white-area .drag-gauge-area.move .noUi-origin {
  margin-top: -0.7rem;
}
.drag-white-area .drag-gauge-area.move .drag-gauge-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.6rem;
}
.drag-white-area .drag-gauge-area.move .drag-gauge-desc span {
  font-size: 1.4rem;
  color: #666;
  letter-spacing: -0.1rem;
}
.drag-white-area .bottom-area {
  margin-top: 4.3rem;
}
.drag-white-area .bottom-area > div {
  display: none;
}
.drag-white-area .bottom-area > div.active {
  display: block;
}
.drag-white-area .bottom-area p {
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 600;
}
.drag-white-area .bottom-area .btn-area {
  margin-top: 1.1rem;
}

/* ���Žùķ��̼� �� (__tab.scss) */
.tab-underbar.black-tab {
  width: 100%;
  margin: 0;
}
.tab-underbar.black-tab ul {
  padding: 0;
}
.tab-underbar.black-tab ul li button {
  color: rgba(255, 255, 255, 0.6);
  background-color: #1a1a1a;
}
.tab-underbar.black-tab ul li button.active {
  color: #fff;
}
.tab-underbar.black-tab ul li button.active:after {
  background-color: #ffcc00;
}
.tab-underbar.black-tab:after {
  background-color: #313131;
}
.tab-underbar.black-tab.fixed {
  position: fixed;
  left: 0;
  top: 4.4rem;
  z-index: 10;
}

.offtop .fixed-cont {
  margin: 0 -1.6rem;
}
.offtop .tab-contents-wrap {
  padding: 0 1.6rem;
}

/* ���Žùķ��̼� �����̵� */
.upgrade-slide .recommend-car-list {
  margin-top: 1.5rem;
}
.upgrade-slide .recommend-car-list > li {
  width: calc(100% - 3rem);
}
.upgrade-slide .recommend-car-list > li ~ li {
  margin-left: 1.5rem;
  margin-top: 0;
}

/* ���Žùķ��̼� ��ȸ�� */
.guest-simul-area {
  margin-top: 4rem;
}
.guest-simul-area li {
  padding: 3.1rem 2.4rem 3rem;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.guest-simul-area li ~ li {
  margin-top: 1.5rem;
}
.guest-simul-area li.plue {
  position: relative;
}
.guest-simul-area li.plue:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -2.8rem;
  margin-left: -2rem;
  width: 4rem;
  height: 4rem;
  background: url(/images/common/icon/icon40-simul-plus.svg) no-repeat center center;
}
.guest-simul-area li.total {
  position: relative;
  background-color: #f8f8f8;
}
.guest-simul-area li.total:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -2.8rem;
  margin-left: -2rem;
  width: 4rem;
  height: 4rem;
  background: url(/images/common/icon/icon40-simul-total.svg) no-repeat center center;
}
.guest-simul-area li .q_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.guest-simul-area li .q_tit p {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  color: #222;
}
.guest-simul-area li .q_tit .form-checkbox .txt {
  margin-left: 0.4rem;
  font-size: 1.3rem;
  color: #222;
  letter-spacing: -0.1rem;
}
.guest-simul-area li .detail .simul-inp {
  margin-top: 1.1rem;
  margin-bottom: 0.9rem;
}
.guest-simul-area li .detail .simul-inp input, .guest-simul-area li .detail .simul-inp .inp-box .ico-confirm, .inp-box .guest-simul-area li .detail .simul-inp .ico-confirm {
  background-color: #f8f8f8;
}
.guest-simul-area li .detail .simul-inp input:disabled, .guest-simul-area li .detail .simul-inp .inp-box .ico-confirm:disabled, .inp-box .guest-simul-area li .detail .simul-inp .ico-confirm:disabled {
  border-color: #e5e5e5 !important;
  background-color: #f1f1f1 !important;
}
.guest-simul-area li .blue-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #2589ff;
  border-radius: 0 0 2rem 2rem;
  margin: 0 -2.4rem -3rem;
  padding: 2.6rem 2.4rem 2.5rem;
}
.guest-simul-area li .blue-bottom .select-upper {
  margin-bottom: 0;
}
.guest-simul-area li .blue-bottom .select-upper .select-box {
  display: inline-block;
  width: auto;
  margin-right: 0;
  border-bottom: none;
}
.guest-simul-area li .blue-bottom .select-upper .select-box select {
  height: 2.4rem;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 2.4rem;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
  color: #fff;
  background: url(/images/common/icon/icon16-guest-select-btn.svg) no-repeat right center;
  background-size: 1.6rem 1.6rem;
}
.guest-simul-area li .blue-bottom .money {
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.guest-simul-area li .blue-bottom .money span {
  font-weight: 800;
}
.guest-simul-area li .top-white {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 3rem;
}
.guest-simul-area li .top-white .loan-tit-area {
  font-size: 1.5rem;
  color: #222;
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.guest-simul-area li .top-white .loan-tit-area span {
  margin-left: 0.4rem;
  letter-spacing: -0.1rem;
  color: #aaa;
  font-weight: 800;
}
.guest-simul-area li .top-white .money {
  font-size: 1.4rem;
  color: #222;
  letter-spacing: -0.1rem;
}
.guest-simul-area li .top-white .money span {
  margin-right: 0.4rem;
  font-size: 1.6rem;
  font-weight: 800;
}

/* ���Žùķ��̼� üũ����Ʈ */
.simul-check-list .header-title-100 {
  margin-top: 5.6rem;
}

.check-list {
  margin-top: 1.6rem;
}
.check-list li a {
  display: block;
  width: 100%;
  padding: 3.3rem 1rem 3.3rem 7.6rem;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.check-list li a.car {
  background: #f8f8f8 url("/images/common/icon/icon40-chklist-car.svg") no-repeat left 2.4rem center;
}
.check-list li a.money {
  background: #f8f8f8 url("/images/common/icon/icon40-chklist-money.svg") no-repeat left 2.4rem center;
}
.check-list li a.graph {
  background: #f8f8f8 url("/images/common/icon/con40-chklist-graph.svg") no-repeat left 2.4rem center;
}
.check-list li a.gift {
  background: #f8f8f8 url("/images/common/icon/icon40-chklist-gift.svg") no-repeat left 2.4rem center;
}
.check-list li a.man {
  background: #f8f8f8 url("/images/common/icon/icon40-chklist-man.svg") no-repeat left 2.4rem center;
}
.check-list li a.qr {
  background: #f8f8f8 url("/images/common/icon/icon40-chklist-qr.svg") no-repeat left 2.4rem center;
}
.check-list li a > p {
  margin-top: 0.6rem;
}
.check-list li a > p i {
  padding-right: 1.8rem;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
  background: url("/images/common/icon/icon16-notice-link.svg") no-repeat right top 0.2rem;
}
.check-list li a span {
  font-weight: 600;
}
.check-list li ~ li {
  margin-top: 1.5rem;
}

/* ���Žùķ��̼� �� ���� */
.simul-tab-offtop .tab-underbar {
  margin-top: 0 !important;
}
.simul-tab-offtop .compare-area {
  margin-top: 4.3rem;
}
.simul-tab-offtop .compare-area .cate-list {
  margin-top: 0.5rem;
}
.simul-tab-offtop .no-data {
  height: 16.7rem;
  padding-top: 10.7rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  background: #1a1a1a url(/images/common/icon/icon80-no-car.svg) no-repeat top 2rem center;
  background-size: 8rem 8rem;
}
.simul-tab-offtop .compare-car-list {
  margin-top: 2rem;
}
.simul-tab-offtop .compare-car-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.simul-tab-offtop .compare-car-list > li ~ li {
  margin-top: 2.4rem;
}
.simul-tab-offtop .compare-car-list > li a {
  display: block;
  width: 10rem;
  border-radius: 1.2rem 0 1.2rem 0;
}
.simul-tab-offtop .compare-car-list > li a img {
  width: 100%;
  border-radius: 1.2rem 0 1.2rem 0;
}
.simul-tab-offtop .compare-car-list > li .detail-area {
  width: calc(100% - 11.5rem);
  padding-bottom: 2.4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.simul-tab-offtop .compare-car-list > li .detail-area .badge-area {
  margin-top: 0;
}
.simul-tab-offtop .compare-car-list > li .car-name {
  margin-top: 1.3rem;
  color: #888;
  font-weight: 500;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.simul-tab-offtop .compare-car-list > li .half-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.8rem;
}
.simul-tab-offtop .compare-car-list > li .half-area ul {
  overflow: hidden;
}
.simul-tab-offtop .compare-car-list > li .half-area ul li {
  float: left;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
}
.simul-tab-offtop .compare-car-list > li .half-area ul li ~ li {
  position: relative;
  margin-left: 1.2rem;
}
.simul-tab-offtop .compare-car-list > li .half-area ul li ~ li:before {
  content: "��";
  position: absolute;
  left: -0.8rem;
  top: 0;
}
.simul-tab-offtop .compare-car-list > li .half-area ul li span {
  font-weight: 500;
}
.simul-tab-offtop .compare-car-list > li .half-area .money {
  color: #ffcc00;
  font-weight: 800;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
}
.simul-tab-offtop .compare-car-list > li .half-area .money span {
  font-weight: 800;
}
.simul-tab-offtop .compare-car-list > li .badge-area > ul {
  margin-top: -0.4rem;
  margin-left: -0.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.simul-tab-offtop .compare-car-list > li .badge-area > ul > li {
  margin-left: 0.4rem;
  margin-top: 0.4rem;
}
.simul-tab-offtop .header-title-100 {
  margin-top: 8.2rem;
}
.simul-tab-offtop .tab-content .header-title-100:nth-child(1) {
  margin-top: 0.5rem;
}

@media screen and (max-width: 365px) {
  /* ���Žùķ��̼� �� ���� �̵�� ���� */
  .simul-tab-offtop .badge-area > ul > li {
    font-size: 1rem;
  }
}
/* ���������� �� */
.fi-nav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fi-nav > ul > li {
  width: 20%;
}
.fi-nav > ul > li a {
  display: block;
  width: 100%;
  padding: 6rem 0.75rem 0;
}
.fi-nav > ul > li a.fi {
  background: url("/images/common/icon/icon54-fi-tab-fi.svg") no-repeat center top;
}
.fi-nav > ul > li a.fi.active {
  background-image: url("/images/common/icon/icon54-fi-tab-fi-active.svg");
}
.fi-nav > ul > li a.my {
  background: url("/images/common/icon/icon54-fi-tab-my.svg") no-repeat center top;
}
.fi-nav > ul > li a.my.active {
  background-image: url("/images/common/icon/icon54-fi-tab-my-active.svg");
}
.fi-nav > ul > li a.car {
  background: url("/images/common/icon/icon54-fi-tab-car.svg") no-repeat center top;
}
.fi-nav > ul > li a.car.active {
  background-image: url("/images/common/icon/icon54-fi-tab-car-active.svg");
}
.fi-nav > ul > li a.ga {
  background: url("/images/common/icon/icon54-fi-tab-ga.svg") no-repeat center top;
}
.fi-nav > ul > li a.ga.active {
  background-image: url("/images/common/icon/icon54-fi-tab-ga-active.svg");
}
.fi-nav > ul > li a.coupon {
  background: url("/images/common/icon/icon54-fi-tab-coupon.svg") no-repeat center top;
}
.fi-nav > ul > li a.coupon.active {
  background-image: url("/images/common/icon/icon54-fi-tab-coupon-active.svg");
}
.fi-nav > ul > li .btn-text {
  display: block;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: -0.1rem;
  color: rgba(255, 255, 255, 0.6);
}

/* ���������� ������ */
.fi-fi-cont .fi-tab > ul {
  height: 3rem;
}
.fi-fi-cont .fi-tab > ul button {
  line-height: 3.2rem;
}
.fi-fi-cont .filter-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4.6rem 0 1.1rem;
}
.fi-fi-cont .filter-btn-area .header-title-100 {
  width: calc(100% - 6.8rem);
}
.fi-fi-cont .filter-btn-area button {
  padding: 0.6rem 1rem 0.6rem 2.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
  color: #222;
  border-radius: 1.5rem;
  background: #fff url(/images/common/icon/icon16-fi-filter.svg) no-repeat left 0.8rem center;
  background-size: 1.6rem 1.6rem;
}
.fi-fi-cont .ficar-desc-area {
  margin-top: 2.2rem;
  border-radius: 2rem;
  background-color: #fff;
}
.fi-fi-cont .ficar-desc-area .top-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.8rem 2.4rem;
  border-radius: 2rem 2rem 0 0;
  background-color: #f1f1f1;
}
.fi-fi-cont .ficar-desc-area .top-desc .img-area {
  width: 10.3rem;
  border-radius: 1.2rem 0 1.2rem 0;
}
.fi-fi-cont .ficar-desc-area .top-desc .img-area img {
  border-radius: 1.2rem 0 1.2rem 0;
  width: 100%;
}
.fi-fi-cont .ficar-desc-area .top-desc .text-area {
  position: relative;
  top: -0.2rem;
  width: calc(100% - 11.8rem);
}
.fi-fi-cont .ficar-desc-area .top-desc .text-area .detail:after {
  content: "";
  display: block;
  clear: both;
}
.fi-fi-cont .ficar-desc-area .top-desc .text-area .detail > li {
  float: left;
  color: #888;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: -0.1rem;
}
.fi-fi-cont .ficar-desc-area .top-desc .text-area .detail > li ~ li {
  position: relative;
  margin-left: 1.2rem;
}
.fi-fi-cont .ficar-desc-area .top-desc .text-area .detail > li ~ li::before {
  content: "��";
  position: absolute;
  left: -0.8rem;
  top: 0;
}
.fi-fi-cont .ficar-desc-area .top-desc .text-area .car-name {
  display: block;
  margin-top: 0.2em;
  color: #222;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.fi-fi-cont .ficar-desc-area .top-desc .text-area .money {
  display: block;
  margin-top: 0.3rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
  color: #222;
  font-size: 1.4rem;
}
.fi-fi-cont .ficar-desc-area .top-desc .text-area .money span {
  font-weight: 600;
}
.fi-fi-cont .ficar-desc-area .desc-list {
  padding: 0 2.4rem 1.8rem;
  background-color: #f8f8f8;
}
.fi-fi-cont .ficar-desc-area .desc-list > li ~ li {
  border-top: 1px solid #e5e5e5;
}
.fi-fi-cont .ficar-desc-area .desc-list > li .badge-area {
  margin-top: 0;
}
.fi-fi-cont .ficar-desc-area .desc-list > li .badge-area .yellow {
  color: #bc8a0f;
}
.fi-fi-cont .ficar-desc-area .desc-list > li p {
  margin-top: 0.7rem;
  font-size: 1.5rem;
  color: #222;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.fi-fi-cont .ficar-desc-area .desc-list > li strong {
  display: block;
  margin-top: 0.5rem;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #2589ff;
}
.fi-fi-cont .ficar-desc-area .desc-list > li strong span {
  letter-spacing: -0.1rem;
  font-weight: 700;
}
.fi-fi-cont .ficar-desc-area .desc-list > li strong.gray-text {
  line-height: 1.5;
  font-size: 1.4rem;
  font-weight: 500;
  color: #aaa;
}
.fi-fi-cont .ficar-desc-area .desc-list > li strong.gray-text span {
  font-weight: 500;
}
.fi-fi-cont .ficar-desc-area .desc-list > li button {
  display: block;
  width: 100%;
  padding: 2.4rem 0;
  text-align: left;
  background: url(/images/common/icon/icon35-fi-desc-btn.svg) no-repeat right center;
  background-size: 3.5rem 3.5rem;
}
.fi-fi-cont .ficar-desc-area .btn-area {
  padding: 0 2.4rem 3rem;
  background-color: #f8f8f8;
  border-radius: 0 0 2rem 2rem;
}
.fi-fi-cont .ficar-desc-area .btn-area button {
  height: 4.8rem;
  line-height: 1.5;
  font-size: 1.5rem;
  color: #444;
  font-weight: 700;
}
.fi-fi-cont .ficar-desc-area .btn-area button.btn-gray {
  border-color: #bbb;
}

/* ���������� �������� */
.fi-car-cont .header-title-100 {
  margin-top: 5.6rem;
}
.fi-car-cont .header-title-100.first {
  margin: 4.6rem 0 1.6rem;
}
.fi-car-cont .car-main-cont .car-search-area {
  padding: 3.6rem 2.4rem;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.fi-car-cont .car-main-cont .car-search-area strong {
  font-size: 1.8rem;
  letter-spacing: -0.1rem;
  line-height: 2.2rem;
  color: #222;
  font-weight: 700;
}
.fi-car-cont .car-main-cont .car-price-srch {
  margin: 1.8rem 0 0.9rem;
}
.fi-car-cont .car-main-cont .car-price-srch > div {
  position: relative;
  padding: 1.1rem 3.6rem;
  border: 2px solid #c8c8c8;
  border-radius: 0.8rem;
  background: url(/images/common/icon/icon16-car-bolt.svg) no-repeat left 1.6rem top 1.8rem, url(/images/common/icon/icon16-car-bolt.svg) no-repeat right 1.6rem top 1.8rem;
}
.fi-car-cont .car-main-cont .car-price-srch > div label {
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #c8c8c8;
}
.fi-car-cont .car-main-cont .car-price-srch > div input, .fi-car-cont .car-main-cont .car-price-srch > div .inp-box .ico-confirm, .inp-box .fi-car-cont .car-main-cont .car-price-srch > div .ico-confirm {
  margin-top: 0.2rem;
  border: 0 none;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  outline: none;
  background: transparent;
}
.fi-car-cont .car-main-cont .car-price-srch.focus > div {
  background: url(/images/common/icon/icon16-car-bolt-active.svg) no-repeat left 1.6rem top 1.8rem, url(/images/common/icon/icon16-car-bolt-active.svg) no-repeat right 1.6rem top 1.8rem;
  border-color: #ffcc00;
}
.fi-car-cont .car-main-cont .pawn-car-area {
  position: relative;
  padding: 3.6rem 2.4rem 3rem;
  max-width: 34.3rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.fi-car-cont .car-main-cont .pawn-car-area .car-name {
  font-size: 900;
  font-size: 1.8rem;
  color: #222;
  letter-spacing: -0.1rem;
}
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list {
  margin-top: 3.6rem;
}
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list + .btn-desc {
  margin-top: 5.9rem;
}
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list + .btn-area {
  margin-top: 4.8rem;
}
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list li {
  position: relative;
}
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list li p {
  font-size: 1.5rem;
  font-weight: 500;
  color: #2589ff;
  letter-spacing: -0.1rem;
}
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list li strong {
  margin-top: 0.3rem;
  display: block;
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  font-weight: 900;
  color: #222;
}
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list li strong span {
  letter-spacing: -0.1rem;
  font-weight: 900;
}
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list li ~ li {
  margin-top: 2.4rem;
}
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list .real-text-1,
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list .real-text-2,
.fi-car-cont .car-main-cont .pawn-car-area .pawn-list .real-text-3 {
  display: none;
  position: absolute;
  top: 1.2em;
}
.fi-car-cont .car-main-cont .pawn-car-area .btn-desc {
  font-size: 1.5rem;
  color: #222;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.fi-car-cont .car-main-cont .pawn-car-area .btn-area {
  margin-top: 1.1rem;
  padding: 0;
}
.fi-car-cont .car-main-cont .pawn-car-area .btn-area button {
  padding: 0 0.5rem;
  line-height: 1.5;
  height: 4.8rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #444;
  border-color: #bbb;
}
.fi-car-cont .car-main-cont .pawn-car-area .car-area {
  position: absolute;
  top: 12.3rem;
  z-index: 10;
  width: 24.7rem;
  height: 14rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.fi-car-cont .car-main-cont .pawn-car-area .car-area img {
  width: 100%;
  margin-left: 16.3rem;
}
.fi-car-cont .car-main-cont .pawn-car-area .car-area.ani {
  -webkit-animation: car-ani 0.3s;
          animation: car-ani 0.3s;
}
@-webkit-keyframes car-ani {
  0% {
    right: -14rem;
    opacity: 0;
  }
  100% {
    right: -8rem;
    opacity: 1;
  }
}
@keyframes car-ani {
  0% {
    right: -14rem;
    opacity: 0;
  }
  100% {
    right: -8rem;
    opacity: 1;
  }
}
.fi-car-cont .car-main-cont .pawn-car-area .car-area.drag {
  left: 9.5rem;
}
.fi-car-cont .car-main-cont .pawn-car-area .car-area.drag img {
  margin-left: 16.3rem;
}
.fi-car-cont .car-main-cont .pawn-car-area .car-area .slide-alert {
  position: absolute;
  left: 7.5rem;
  top: -2.5rem;
  padding: 0.8rem 1.4rem;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  color: #fff;
  border-radius: 2rem 2rem 0 2rem;
  background-color: #2e2e2e;
  -webkit-animation: s-alert infinite alternate 0.5s;
          animation: s-alert infinite alternate 0.5s;
}
.fi-car-cont .car-main-cont .pawn-car-area .car-area .slide-alert:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.7rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/images/common/icon/icon16-car-drag-bubble.svg) no-repeat center center;
  background-size: 1.6rem 1.6rem;
}
@-webkit-keyframes s-alert {
  0% {
    left: 5.5rem;
  }
  100% {
    left: 7.5rem;
  }
}
@keyframes s-alert {
  0% {
    left: 5.5rem;
  }
  100% {
    left: 7.5rem;
  }
}
.fi-car-cont .car-main-cont .money-hide {
  display: none;
}
.fi-car-cont .save-area-box {
  margin-top: 1.6rem;
  padding: 3rem 2.4rem;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.fi-car-cont .save-area-box .logo-area {
  text-align: center;
}
.fi-car-cont .save-area-box .logo-area img {
  width: 4rem;
}
.fi-car-cont .save-area-box .logo-area strong {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.8rem;
  color: #222;
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.fi-car-cont .save-area-box .logo-area p {
  font-size: 1.6rem;
  color: #222;
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.fi-car-cont .save-area-box .logo-area p span {
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.fi-car-cont .save-area-box .save-area {
  margin-top: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fi-car-cont .save-area-box .save-area > div {
  width: 50%;
  text-align: center;
}
.fi-car-cont .save-area-box .save-area > div:first-child {
  position: relative;
}
.fi-car-cont .save-area-box .save-area > div:first-child:after {
  content: "";
  display: block;
  position: absolute;
  right: -0.1rem;
  top: 0;
  width: 0.1rem;
  height: 4rem;
  background-color: #e5e5e5;
}
.fi-car-cont .save-area-box .save-area > div p {
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #2589ff;
  font-weight: 500;
}
.fi-car-cont .save-area-box .save-area > div strong {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 700;
}
.fi-car-cont .save-area-box .save-area > div strong span {
  letter-spacing: -0.1rem;
  font-weight: 700;
}
.fi-car-cont .save-area-box .btn-area {
  margin-top: 4.2rem;
  padding: 0;
}
.fi-car-cont .save-area-box .btn-area button {
  line-height: 1.5;
  height: 4.8rem;
  font-size: 1.5rem;
  color: #222;
  font-weight: 700;
}
.fi-car-cont .fi-product-list {
  margin-top: 1.6rem;
}
.fi-car-cont .car-loan-btn-area {
  position: relative;
  margin-top: 3.2rem;
}
.fi-car-cont .car-loan-btn-area + .btn-area {
  margin-top: 2.2rem;
}
.fi-car-cont .car-loan-btn-area .text-area strong {
  font-size: 1.6rem;
  color: #222;
  letter-spacing: -0.1rem;
  font-weight: 500;
}
.fi-car-cont .car-loan-btn-area .text-area p {
  margin-top: 0.5rem;
  font-size: 1.4rem;
  color: #2589ff;
  letter-spacing: -0.1rem;
}
.fi-car-cont .car-loan-btn-area button {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  height: 3.5rem;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  background: url(/images/common/icon/icon35-car-loan-btn.svg) no-repeat center center;
}
.fi-car-cont .car-loan-btn-area button.active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.fi-car-cont .circle-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 29.5rem;
  margin: 2.6rem auto 0;
  overflow: hidden;
}
.fi-car-cont .circle-area > div {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 13rem;
  height: 13rem;
  border-radius: 50%;
  background-color: #f1f1f1;
}
.fi-car-cont .circle-area > div.yellow {
  position: relative;
  background-color: #ffeea7;
}
.fi-car-cont .circle-area > div.yellow::before {
  content: "";
  display: block;
  position: absolute;
  left: -2.8rem;
  top: 5.2rem;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/images/common/icon/icon24-circle-arrow.svg) no-repeat center center;
}
.fi-car-cont .circle-area > div.yellow p {
  color: #222;
}
.fi-car-cont .circle-area > div.yellow strong {
  color: #222;
}
.fi-car-cont .circle-area > div p {
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  color: #777;
  letter-spacing: -0.1rem;
}
.fi-car-cont .circle-area > div strong {
  font-size: 1.8rem;
  font-weight: 800;
  color: #777;
  letter-spacing: -0.1rem;
}
.fi-car-cont .circle-area > div strong.through {
  text-decoration: line-through;
}
.fi-car-cont .line-block {
  display: inline-block;
  white-space: nowrap;
}
.fi-car-cont .car-loan-banner {
  display: block;
  margin-top: 1.6rem;
}
.fi-car-cont .car-loan-banner__link {
  display: block;
}
.fi-car-cont .car-loan-banner__image {
  display: block;
  max-width: 100%;
}
.fi-car-cont .my-loan {
  position: relative;
}
.fi-car-cont .my-loan__money {
  margin: 0 -1.6rem -3.7rem -1.6rem;
  padding: 3.6rem 1.6rem 5.7rem 1.6rem;
  background: #FFCC00;
}
.fi-car-cont .my-loan__header {
  font-size: 1.6rem;
}
.fi-car-cont .my-loan__content {
  margin-top: 0.6rem;
}
.fi-car-cont .my-loan__content-amount {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: 700;
}
.fi-car-cont .my-loan__content-amount strong, .fi-car-cont .my-loan__content-amount span {
  font: inherit;
  color: inherit;
}
.fi-car-cont .my-loan__content-amount strong[data-module=scrollStopNumbers] {
  margin-right: 0.2rem;
  text-align: center;
}
.fi-car-cont .my-loan__content-amount strong[data-module=scrollStopNumbers] > span {
  margin-right: -0.05rem;
  font-family: -apple-system, "Roboto", "NotoSansKR", "Arial", sans-serif;
}
.fi-car-cont .my-loan__content-number {
  font-size: 1.8rem;
  line-height: 3.4rem;
  font-weight: 400;
  margin-left: 0.4rem;
}
.fi-car-cont .my-loan-bottom {
  position: relative;
  padding: 1.9rem;
  -webkit-box-shadow: 0 0.04rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.04rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 1.2rem;
  background: #fff;
  z-index: 2;
}
.fi-car-cont .my-loan-bottom.no-record {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.fi-car-cont .my-loan-bottom.no-record .no-record__text {
  font-size: 1.6rem;
  line-height: 2.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.fi-car-cont .my-loan-bottom.no-record .no-record__button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.fi-car-cont .my-loan-bottom.no-record .size-l {
  font-size: 1.4rem;
}
.fi-car-cont .my-loan-total {
  position: relative;
  padding-left: 9.5rem;
  overflow: hidden;
  line-height: 2.6rem;
}
.fi-car-cont .my-loan-total__title,
.fi-car-cont .my-loan-total__description {
  margin-top: 1rem;
}
.fi-car-cont .my-loan-total__title:first-of-type,
.fi-car-cont .my-loan-total__description:first-of-type {
  margin-top: 0;
}
.fi-car-cont .my-loan-total__title {
  clear: left;
  float: left;
  position: relative;
  max-width: 9.5rem;
  margin-left: -9.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-size: 1.4rem;
}
.fi-car-cont .my-loan-total__description {
  float: right;
  width: 100%;
  font-size: 0;
  font-weight: 700;
  text-align: right;
}
.fi-car-cont .my-loan-total__description .number,
.fi-car-cont .my-loan-total__description .unit {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.6rem;
  vertical-align: top;
}
.fi-car-cont .car-loan {
  position: relative;
  margin-top: 4.3rem;
}
.fi-car-cont .car-loan__content {
  display: none;
  padding-bottom: 5.6rem;
  border-bottom: 1px solid #e5e5e5;
}
.fi-car-cont .car-loan-item {
  margin-top: 1.6rem;
}
.fi-car-cont .car-loan-item:first-of-type {
  margin-top: 0;
}
.fi-car-cont .car-loan-item__link + .car-loan-detail {
  border-top: 0.1rem dashed #ddd;
  margin: 0 2.4rem;
}
.fi-car-cont .car-loan-for-loan {
  padding: 5rem 0 0 0;
  text-align: center;
}
.fi-car-cont .car-loan-for-loan__head-small {
  font-size: 1.6rem;
}
.fi-car-cont .car-loan-for-loan__head-middle {
  font-size: 1.8rem;
}
.fi-car-cont .car-loan-for-loan__head-big {
  font-size: 2rem;
}
.fi-car-cont .car-loan-for-loan__head-bigger {
  font-size: 2.4rem;
}
.fi-car-cont .car-loan-for-loan__head-top {
  margin: 0 0 1.5rem 0;
  line-height: 2.6rem;
}
.fi-car-cont .car-loan-for-loan__section {
  position: relative;
  padding: 2.5rem 0 0;
}
.fi-car-cont .car-loan-for-loan__section .car-loan-for-loan__head-big .txt-highlight:before {
  width: 100%;
}
.fi-car-cont .car-loan-for-loan__section.section-has-bg {
  position: relative;
  margin-top: 8.1rem;
  padding-top: 5.6rem;
  border-radius: 1.2rem;
  background: #f8f8f8;
}
.fi-car-cont .car-loan-for-loan__section.section-has-bg:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1.8rem;
  width: 100%;
  height: 1px;
  background-color: #e5e5e5;
}
.fi-car-cont .car-loan-for-loan__section.screenon .car-loan-for-loan__head-big .txt-highlight:before {
  width: 100%;
  -webkit-animation: none;
          animation: none;
}
.fi-car-cont .car-loan-for-loan__section-finger {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 4.8rem;
  height: 4.8rem;
  text-indent: -9999em;
  overflow: hidden;
}
.fi-car-cont .car-loan-for-loan__section-finger.finger-first {
  margin-bottom: 1.4rem;
  background: url("/images/common/te/icon_finger_1.svg") no-repeat;
  background-size: 100% 100%;
}
.fi-car-cont .car-loan-for-loan__section-finger.finger-second {
  top: -2.25rem;
  background: url("/images/common/te/icon_finger_2.svg") no-repeat;
  background-size: 100% 100%;
}
.fi-car-cont .car-loan-for-loan__section-finger.bulb {
  margin-bottom: 1.5rem;
  background: url("/images/common/te/icon_bulb.svg") no-repeat;
  background-size: 100% 100%;
}
.fi-car-cont .car-loan-for-loan__compare {
  margin: 2.4rem 0 3rem 0;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
}
.fi-car-cont .car-loan-for-loan__compare-block {
  position: relative;
  display: block;
  width: 50%;
  font-size: 1.2rem;
}
.fi-car-cont .car-loan-for-loan__compare-block .compare-block-top {
  position: relative;
  margin-bottom: -1.5rem;
  padding: 0 1.4rem 0.5rem 1.4rem;
  border-radius: 1.2rem;
  z-index: 0;
}
.fi-car-cont .car-loan-for-loan__compare-block .compare-block-top__item {
  border-width: 1px 0 0 0;
  border-style: dashed;
  padding-top: 1.3rem;
}
.fi-car-cont .car-loan-for-loan__compare-block .compare-block-top__item:first-of-type {
  border-top: none;
}
.fi-car-cont .car-loan-for-loan__compare-block .compare-block-top__title {
  text-align: left;
  margin-bottom: 0.5rem;
}
.fi-car-cont .car-loan-for-loan__compare-block .compare-block-top__description {
  font-size: 0;
  font-weight: bold;
  text-align: right;
  color: #777;
  padding: 0.5rem 0 1.4rem;
}
.fi-car-cont .car-loan-for-loan__compare-block .compare-block-top__digit {
  font-size: 1.8rem;
}
.fi-car-cont .car-loan-for-loan__compare-block .compare-block-top__unit {
  font-size: 1.2rem;
  margin-left: 0.2rem;
}
.fi-car-cont .car-loan-for-loan__compare-block .compare-block-bottom {
  position: relative;
  display: block;
  padding-top: 0rem;
  font-size: 1.2rem;
  line-height: 3.2rem;
  text-align: center;
  border-bottom-right-radius: 1.2rem;
  border-bottom-left-radius: 1.2rem;
}
.fi-car-cont .car-loan-for-loan__compare-block:first-child {
  float: left;
  color: #695B55;
  z-index: 3;
}
.fi-car-cont .car-loan-for-loan__compare-block:first-child .compare-block-top {
  border: 1px solid #f1f1f1;
  background: #f1f1f1;
}
.fi-car-cont .car-loan-for-loan__compare-block:first-child .compare-block-top__item {
  border-color: #cdcdcd;
}
.fi-car-cont .car-loan-for-loan__compare-block:first-child .compare-block-bottom {
  color: #222;
  background: #e5e5e5;
}
.fi-car-cont .car-loan-for-loan__compare-block:first-child:before {
  display: none !important;
  position: absolute;
  right: -1.9rem;
  top: 4.55rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 2rem;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #FFCC34;
  z-index: 3;
}
.fi-car-cont .car-loan-for-loan__compare-block:first-child:after {
  position: absolute;
  right: -1.15rem;
  top: 6.55rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 1.2rem;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #f1f1f1;
  z-index: 3;
}
.fi-car-cont .car-loan-for-loan__compare-block:last-child {
  float: right;
  color: #000;
}
.fi-car-cont .car-loan-for-loan__compare-block:last-child .compare-block-top {
  border: 1px solid #FFCC34;
  background: #FFCC34;
}
.fi-car-cont .car-loan-for-loan__compare-block:last-child .compare-block-top__item {
  border-color: #c78400;
}
.fi-car-cont .car-loan-for-loan__compare-block:last-child .compare-block-bottom {
  background: #695b55;
}
.fi-car-cont .car-loan-for-loan__compare-block:last-child .compare-block-bottom img {
  vertical-align: middle;
}
.fi-car-cont .car-loan-for-loan__compare-block:last-child .compare-block-top__digit {
  color: #222;
}
.fi-car-cont .car-loan-for-loan__compare-block:last-child .compare-block-top__unit {
  color: #222;
}
.fi-car-cont .car-loan-for-loan__compare-period {
  margin: 0 1.5rem;
  padding: 1.8rem 0 2.6rem 0;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item {
  display: block;
  padding: 2.5rem 1.6rem 2.4rem;
  border-radius: 11px;
  background: #FFF;
  overflow: hidden;
  color: #000;
  font-size: 1.4rem;
  text-align: left;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item:first-of-type {
  line-height: 1.7rem;
  margin: 0 1.7rem -1rem 1.7rem;
  padding-top: 1.65rem;
  padding-bottom: 2.3rem;
  background-color: #f1f1f1;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item:first-of-type .compare-period__item-left {
  font-size: 1.2rem;
  color: #999;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item:first-of-type .compare-period__item-right {
  text-align: right;
  color: #999;
  font-size: 1.2rem;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item:first-of-type .compare-period__item-right .top {
  margin-bottom: 0.3rem;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item:first-of-type .compare-period__item-right strong {
  font-size: 1.5rem;
  margin-right: 0.2rem;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item-left {
  float: left;
  color: #000;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item-left img {
  display: block;
  position: relative;
  top: 0.2rem;
  width: 7.5rem;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item-right {
  color: #888;
  float: right;
  letter-spacing: -0.065rem;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item-right-top {
  display: block;
  padding-top: 0.1rem;
  text-align: right;
  color: #222;
  font-size: 1.2rem;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item-right-bottom {
  color: #000;
  font-size: 0;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item-right-bottom .digit,
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item-right-bottom .unit {
  display: inline-block;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item-right-bottom .digit {
  font-size: 1.8rem;
  font-weight: bold;
}
.fi-car-cont .car-loan-for-loan__compare-period .compare-period__item-right-bottom .unit {
  position: relative;
  top: -2px;
  font-size: 1.2rem;
  padding: 0 2px;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail {
  line-height: 2.4rem;
  margin-top: 3rem;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__head-top {
  line-height: 2.6rem;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__middle {
  margin-top: 2.5rem;
  margin-bottom: 0.4rem;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__before {
  position: relative;
  color: #2589FF;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.4rem;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__before:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 0.1rem;
  margin-top: -0.3rem;
  background: #2589FF;
  content: "";
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow {
  position: relative;
  display: block;
  width: 2rem;
  height: 2.6rem;
  margin: 0 auto 0.9rem auto;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow:before, .fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow:after {
  content: "";
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow:before {
  display: block;
  width: 0.6rem;
  height: 2rem;
  margin: 0 auto;
  background: #666;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow:after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 1rem;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #666 transparent transparent;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__after {
  display: block;
  font-size: 3rem;
  line-height: 4rem;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__criteria {
  display: block;
  margin-top: 0.8rem;
  color: #666;
  font-size: 1.4rem;
  line-height: 2rem;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__list {
  margin-top: 4.2rem;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__list-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 0.8rem;
  margin-top: 0.7rem;
  padding: 0.9rem 0;
  overflow: hidden;
  color: #999;
  font-size: 0;
  line-height: 1rem;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__list-item:first-of-type {
  margin-top: 0;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__list-item.focus {
  border-color: #FFCC00;
  background: #fff;
  color: #222;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__list-block {
  display: block;
  width: 50%;
  font-size: 1.4rem;
  line-height: 2.8rem;
  font-weight: 600;
  vertical-align: top;
  text-align: center;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__list-block:first-child {
  position: relative;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .compare-section-detail__list-block:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  right: 0.3rem;
  width: 1px;
  height: 1.2rem;
  background-color: #ddd;
}
.fi-car-cont .car-loan-for-loan__compare-section-detail .desc {
  margin-top: 0.9rem;
  text-align: right;
  font-size: 1.3rem;
  color: #888;
  letter-spacing: -0.1rem;
}
.fi-car-cont .btn-toggle-content {
  display: inline-block;
  margin: 1.5rem 0 -1.5rem 0;
  padding: 1.5rem;
  font-size: 1.4rem;
}
.fi-car-cont .car-loan-for-loan__compare-bottom {
  display: block;
  width: 100%;
  padding: 0.8rem 0 0.9rem 0;
  font-size: 1.2rem;
  line-height: 1.5rem;
  text-align: center;
}

/* ���������� ����ũ���� */
.fi-my-cont .header-title-100 {
  margin-top: 5.6rem;
}
.fi-my-cont .header-title-100.first {
  margin: 4.6rem 0 1.6rem;
}
.fi-my-cont .locker-btn-area .header-title-100 {
  margin-top: 0;
}
.fi-my-cont .credit-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 2.4rem 2rem 2rem;
  border-radius: 2rem 0 2rem 2rem;
  background-color: #f1f1f1;
}
.fi-my-cont .credit-head .logo-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;
}
.fi-my-cont .credit-head .logo-area img {
  width: 3.6rem;
}
.fi-my-cont .credit-head .logo-area strong {
  margin-left: 0.7rem;
  color: #aaa;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  font-weight: 700;
}
.fi-my-cont .credit-head .d-day-area {
  color: #aaa;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  font-weight: 700;
}
.fi-my-cont .credit-head .d-day-area span {
  letter-spacing: -0.1rem;
  font-weight: 700;
}
.fi-my-cont .credit-body {
  padding: 4.2rem 2.4rem 3rem;
  border-radius: 2rem 2rem 2rem 0;
  background-color: #f8f8f8;
}
.fi-my-cont .credit-body .limit-area {
  text-align: center;
}
.fi-my-cont .credit-body .limit-area p {
  font-size: 1.8rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 700;
}
.fi-my-cont .credit-body .limit-area .limit-num-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  overflow: hidden;
  height: 4rem;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 700;
}
.fi-my-cont .credit-body .limit-area .limit-num-area .digit-container {
  width: 1.4rem;
  height: 4rem;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  -webkit-animation: limit-slide 1.6s ease;
          animation: limit-slide 1.6s ease;
}
.fi-my-cont .credit-body .limit-area .limit-num-area .digit-container.de1 {
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
}
.fi-my-cont .credit-body .limit-area .limit-num-area .digit-container.de2 {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.fi-my-cont .credit-body .limit-area .limit-num-area .digit-container.de3 {
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
}
.fi-my-cont .credit-body .limit-area .limit-num-area .digit-container.de4 {
  -webkit-animation-duration: 2.4s;
          animation-duration: 2.4s;
}
.fi-my-cont .credit-body .limit-area .limit-num-area .digit-container.de5 {
  -webkit-animation-duration: 2.6s;
          animation-duration: 2.6s;
}
.fi-my-cont .credit-body .limit-area .limit-num-area .digit-container.de6 {
  -webkit-animation-duration: 2.8s;
          animation-duration: 2.8s;
}
.fi-my-cont .credit-body .limit-area .limit-num-area .digit-container.de7 {
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
@-webkit-keyframes limit-slide {
  0% {
    -webkit-transform: translateY(-88rem);
            transform: translateY(-88rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes limit-slide {
  0% {
    -webkit-transform: translateY(-88rem);
            transform: translateY(-88rem);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.fi-my-cont .credit-body .limit-area .limit-num-area .etc {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  color: #222;
}
.fi-my-cont .credit-body .limit-area .limit-num-area .won {
  margin-left: 0.2rem;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
  color: #222;
}
.fi-my-cont .credit-body .limit-area .money-area strong {
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  color: #222;
}
.fi-my-cont .credit-body .limit-area .money-area span {
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
  color: #222;
}
.fi-my-cont .credit-body .qr-desc-area {
  margin: 3.6rem 0 6.9rem;
}
.fi-my-cont .credit-body .qr-desc-area > ul {
  padding: 0 3.1rem;
}
.fi-my-cont .credit-body .qr-desc-area > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.7rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.fi-my-cont .credit-body .qr-desc-area > ul > li p {
  color: #444;
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: -0.1rem;
}
.fi-my-cont .credit-body .qr-desc-area > ul > li .has-tooltip {
  position: relative;
  color: #444;
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: -0.1rem;
}
.fi-my-cont .credit-body .qr-desc-area > ul > li .has-tooltip .icon-tooltip-s {
  margin-left: 0.2rem;
  position: relative;
  top: -0.1rem;
  background: url(/images/common/icon/icon16-tooltip-btn.svg) no-repeat center center;
}
.fi-my-cont .credit-body .qr-desc-area > ul > li .has-tooltip .tooltip {
  left: -2.9rem;
  padding: 2.4rem 3.2rem 2.2rem 2rem;
  width: calc(100vw - 8.3rem);
}
.fi-my-cont .credit-body .qr-desc-area > ul > li .has-tooltip .tooltip .txt {
  letter-spacing: -0.15rem;
  font-size: 1.3rem;
}
.fi-my-cont .credit-body .qr-desc-area > ul > li strong {
  color: #222;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.fi-my-cont .credit-body .qr-desc-area > ul > li strong.blue {
  color: #2589ff;
}
.fi-my-cont .credit-body .qr-desc-area > ul > li strong span {
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.fi-my-cont .credit-body .qr-desc-area .qr-area {
  width: 100%;
  padding: 0 3.1rem;
  margin-top: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fi-my-cont .credit-body .qr-desc-area .qr-area.disabled img {
  opacity: 0.2;
}
.fi-my-cont .credit-body .qr-desc-area .qr-area.glass > div {
  margin-left: 0;
}
.fi-my-cont .credit-body .qr-desc-area .qr-area > div {
  position: relative;
  top: -0.3rem;
  width: calc(100% - 5.2rem);
  margin-left: 1.2rem;
  text-align: left;
}
.fi-my-cont .credit-body .qr-desc-area .qr-area > div p {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
  color: #222;
  font-size: 1.4rem;
}
.fi-my-cont .credit-body .qr-desc-area .qr-area > div p span {
  display: block;
  font-weight: 700;
  letter-spacing: -0.1rem;
  color: #2589ff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fi-my-cont .credit-body .qr-desc-area .qr-area > div p.text {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 1.4rem;
  color: #222;
}
.fi-my-cont .credit-body .qr-desc-area .qr-area > div p.link-arrow {
  font-weight: 500;
  font-size: 1.4rem;
}
.fi-my-cont .credit-body .qr-desc-area .rate {
  padding: 0.4rem 0.6rem;
  margin-right: 0.5rem;
  text-align: center;
  color: #bc8a0f;
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
  border-radius: 1.1rem;
  background-color: rgba(255, 204, 0, 0.2);
}
.fi-my-cont .credit-body .qr-desc-area .rate i {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.fi-my-cont .credit-body .letter-area {
  padding: 3.6rem 0 3.4rem;
  text-align: center;
  background: url(/images/common/fi/img-my-shadow.png) no-repeat bottom center;
  background-size: 9rem 3.6rem;
}
.fi-my-cont .credit-body .letter-area img {
  position: relative;
  top: 0;
  width: 9rem;
  -webkit-animation: my-letter infinite alternate linear 0.6s;
          animation: my-letter infinite alternate linear 0.6s;
}
@-webkit-keyframes my-letter {
  0% {
    top: 0;
  }
  100% {
    top: -1rem;
  }
}
@keyframes my-letter {
  0% {
    top: 0;
  }
  100% {
    top: -1rem;
  }
}
.fi-my-cont .credit-body .letter-desc {
  margin: 3.6rem 0 1.2rem;
}
.fi-my-cont .credit-body .letter-desc strong {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  color: #222;
}
.fi-my-cont .credit-body .letter-desc p {
  margin-top: 0.7rem;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  color: #666;
  line-height: 1.5;
}
.fi-my-cont .credit-body .qr-btn-desc {
  margin-bottom: 1.1rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #222;
  letter-spacing: -0.1rem;
}
.fi-my-cont .credit-body .btn-area {
  padding: 0;
}
.fi-my-cont .credit-body .btn-area button {
  padding: 0 1rem;
  height: 4.8rem;
  line-height: 1.5;
  font-size: 1.5rem;
  color: #222;
  font-weight: 700;
  letter-spacing: -0.15rem;
}
.fi-my-cont .credit-body .btn-area button.btn-gray {
  color: #444;
  border-color: #bbb;
}
.fi-my-cont .credit-body .no-limit-area > strong {
  display: block;
  padding-top: 5.9rem;
  text-align: center;
  line-height: 1.5;
  font-size: 1.8rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
  color: #222;
  background: url(/images/common/icon/icon48-my-nodata.svg) no-repeat top center;
  background-size: 4.8rem 4.8rem;
}
.fi-my-cont .credit-body .no-limit-area .text {
  margin-top: 1.2rem;
  line-height: 1.5;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #666;
}

.subcont-acco.loan-acco {
  margin: 5.6rem -1.6rem -10.6rem;
  border-bottom: none;
  padding-bottom: 12.6rem;
  background-color: #2e2e2e;
}
.subcont-acco.loan-acco .subcont-acco-header {
  padding: 2.7rem 1.6rem;
  background-color: #2e2e2e;
}
.subcont-acco.loan-acco .subcont-acco-header .header-title-100 {
  color: #fff;
  padding-left: 2.9rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
  background: url(/images/common/icon/icon24-my-acco-alert.svg) no-repeat left center;
  background-size: 2.4rem 2.4rem;
}
.subcont-acco.loan-acco .subcont-acco-header .tit-toggle-btn:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  background: url(/images/common/icon/icon16-my-acco-arrow.svg) no-repeat center/contain;
}
.subcont-acco.loan-acco .subcont-acco-panel {
  margin-top: 0;
  padding-bottom: 0;
  background-color: #2e2e2e;
}
.subcont-acco.loan-acco .subcont-acco-panel .gap-xl .st-tit {
  padding-top: 0.4rem;
}
.subcont-acco.loan-acco .subcont-acco-panel .gap-xxl .st-tit {
  padding-top: 0.6rem;
}
.subcont-acco.loan-acco .subcont-acco-panel .text-area {
  font-size: 1.4rem;
  color: #aaa;
  letter-spacing: -0.1rem;
  line-height: 1.5;
}
.subcont-acco.loan-acco .subcont-acco-panel .text-area strong {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
  color: #ccc;
}
.subcont-acco.loan-acco .subcont-acco-panel .text-area strong.st-tit {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}
.subcont-acco.loan-acco .subcont-acco-panel .text-area p + strong {
  padding-top: 0.3rem;
}
.subcont-acco.loan-acco .subcont-acco-panel .text-area p + p {
  margin-top: 0.3rem;
}
.subcont-acco.loan-acco .subcont-acco-panel .text-area + .text-area {
  margin-top: 1.5rem;
}
.subcont-acco.loan-acco .subcont-acco-panel .text-area + .tit {
  margin-top: 3.6rem;
}
.subcont-acco.loan-acco .subcont-acco-panel .tit {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
}
.subcont-acco.loan-acco .subcont-acco-panel .tit + .text-area {
  margin-top: 1rem;
}
.subcont-acco.loan-acco.active .tit-toggle-btn:after {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.subcont-acco.loan-acco.first-acco {
  margin-bottom: -4.7rem;
  padding-bottom: 0;
}
.subcont-acco.loan-acco.first-acco .subcont-acco-panel {
  padding-bottom: 7.6rem;
}
.subcont-acco.pop-in {
  margin-bottom: -9.8rem;
}
.subcont-acco.unlog {
  margin: 2.6rem -1.6rem -1rem;
}

/* ���������� ���� */
.fi-ga-cont .header-title-100 {
  margin-top: 5.6rem;
}
.fi-ga-cont .header-title-100.first {
  margin: 4.6rem 0 1.6rem;
}
.fi-ga-cont .ga-list {
  margin-top: 1.6rem;
}
.fi-ga-cont .ga-list li ~ li {
  margin-top: 1.5rem;
}
.fi-ga-cont .ga-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem 2.4rem;
  border-radius: 2rem;
  background-color: #fff;
}
.fi-ga-cont .ga-list a .text-area p {
  letter-spacing: -0.1rem;
  font-size: 1.5rem;
  color: #222;
  opacity: 0.6;
}
.fi-ga-cont .ga-list a .text-area strong {
  display: block;
  margin-top: 0.4rem;
  letter-spacing: -0.1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #222;
}
.fi-ga-cont .ga-list a .img-area {
  width: 5rem;
}
.fi-ga-cont .ga-list a .img-area img {
  width: 100%;
}
.fi-ga-cont .ga-gauge-area {
  padding: 3.8rem 2.4rem 3rem;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.fi-ga-cont .ga-gauge-area .tit {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  color: #222;
}
.fi-ga-cont .ga-gauge-area .gauge-area {
  margin-top: 11.6rem;
}
.fi-ga-cont .ga-gauge-area .gauge-area .guage-back {
  position: relative;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #ddd;
}
.fi-ga-cont .ga-gauge-area .gauge-area .guage-back .guage-blue {
  position: absolute;
  left: 0;
  top: 0;
  width: 70%;
  height: 0.8rem;
  border-radius: 0.4rem 0 0 0.4rem;
  background-color: #2589ff;
  -webkit-animation: guage-tool infinite alternate 1.5s;
          animation: guage-tool infinite alternate 1.5s;
}
@-webkit-keyframes guage-tool {
  0% {
    width: 60%;
  }
  100% {
    width: 70%;
  }
}
@keyframes guage-tool {
  0% {
    width: 60%;
  }
  100% {
    width: 70%;
  }
}
.fi-ga-cont .ga-gauge-area .gauge-area .guage-back .guage-tooltip {
  position: absolute;
  right: -4rem;
  bottom: 2.9rem;
  padding: 1.2rem 0 1.1rem;
  width: 8rem;
  text-align: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.1rem;
  font-size: 1.4rem;
  border-radius: 0.8rem 0 0.8rem 0;
  background-color: #2e2e2e;
}
.fi-ga-cont .ga-gauge-area .gauge-area .guage-back .guage-tooltip span {
  font-weight: 600;
  font-size: 2.2rem;
  letter-spacing: -0.1rem;
}
.fi-ga-cont .ga-gauge-area .gauge-area .guage-back .guage-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -1.2rem;
  width: 3rem;
  height: 1.2rem;
  margin-left: -1.5rem;
  background: url(/images/common/icon/icon30-fi-ga-tooltip.svg);
}
.fi-ga-cont .ga-gauge-area .gauge-area .gauge-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.6rem;
}
.fi-ga-cont .ga-gauge-area .gauge-area .gauge-desc p {
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  color: #666;
}
.fi-ga-cont .ga-gauge-area .gauge-area .gauge-desc p.expect {
  color: #222;
}
.fi-ga-cont .ga-gauge-area .btn-area {
  margin-top: 6.9rem;
  padding: 0;
}
.fi-ga-cont .ga-gauge-area .btn-area button {
  line-height: 1.5;
  height: 4.8rem;
  font-size: 1.5rem;
  color: #444;
  font-weight: 700;
}
.fi-ga-cont .ga-gauge-area .btn-area button.btn-gray {
  border-color: #bbb;
}

/* ���������� ���� */
.fi-coupon-cont .locker-btn-area {
  margin-top: 4.6rem;
  margin-bottom: 1.6rem;
}
.fi-coupon-cont .header-title-100 {
  margin-top: 4.6rem;
}
.fi-coupon-cont .coupon-list > li {
  position: relative;
  padding: 3.3rem 2.4rem 2.4rem 2.4rem;
  border-radius: 2rem 0 2rem 0;
  background-color: #fff;
}
.fi-coupon-cont .coupon-list > li ~ li {
  margin-top: 1.5rem;
}
.fi-coupon-cont .coupon-list > li.pink {
  background-color: #fae2dd;
}
.fi-coupon-cont .coupon-list > li.pink .coupon-acco-header .tit-area {
  color: #a67368;
}
.fi-coupon-cont .coupon-list > li.pink .coupon-acco-header .arrow {
  background: url(/images/common/icon/icon16-pink-arrow.svg) no-repeat center center;
}
.fi-coupon-cont .coupon-list > li.pink .coupon-acco-panel {
  background-color: rgba(196, 129, 115, 0.08);
}
.fi-coupon-cont .coupon-list > li.yellow {
  background-color: #f7f1e0;
}
.fi-coupon-cont .coupon-list > li.yellow .coupon-acco-header .tit-area {
  color: #bfa12c;
}
.fi-coupon-cont .coupon-list > li.yellow .coupon-acco-header .arrow {
  background: url(/images/common/icon/icon16-yellow-arrow.svg) no-repeat center center;
}
.fi-coupon-cont .coupon-list > li.yellow .coupon-acco-panel {
  background-color: rgba(209, 188, 77, 0.08);
}
.fi-coupon-cont .coupon-list > li.gray {
  background-color: #f0f0f0;
}
.fi-coupon-cont .coupon-list > li.gray .coupon-acco-header .tit-area {
  color: #7393c5;
}
.fi-coupon-cont .coupon-list > li.gray .coupon-acco-header .arrow {
  background: url(/images/common/icon/icon16-gray-arrow.svg) no-repeat center center;
}
.fi-coupon-cont .coupon-list > li.gray .coupon-acco-panel {
  background-color: rgba(124, 163, 223, 0.08);
}
.fi-coupon-cont .coupon-list > li.no-data {
  height: 16.7rem;
  padding-top: 10.7rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  background: #1a1a1a url(/images/common/icon/icon80-no-coupon.svg) no-repeat top 2rem center;
  background-size: 8rem 8rem;
}
.fi-coupon-cont .coupon-list > li.no-data:after {
  content: none;
}
.fi-coupon-cont .coupon-list > li:after {
  content: "";
  display: block;
  position: absolute;
  right: -0.9rem;
  top: 50%;
  width: 1.8rem;
  height: 1.8rem;
  margin-top: -0.9rem;
  border-radius: 50%;
  background-color: #1a1a1a;
}
.fi-coupon-cont .coupon-list > li .coupon-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fi-coupon-cont .coupon-list > li .coupon-inner .text-area .tit {
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #444;
}
.fi-coupon-cont .coupon-list > li .coupon-inner .text-area strong {
  margin-top: 0.6rem;
  display: block;
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 600;
}
.fi-coupon-cont .coupon-list > li .coupon-inner .text-area .date {
  margin-top: 0.9rem;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #222;
  opacity: 0.6;
}
.fi-coupon-cont .coupon-list > li .coupon-inner .img-area {
  position: relative;
  top: -1.1rem;
  right: -1.1rem;
  max-width: 8rem;
}
.fi-coupon-cont .coupon-list > li .coupon-inner .img-area img {
  width: 100%;
}
.fi-coupon-cont .coupon-list > li .btn-area {
  margin-top: 1.5rem;
  padding: 0;
}
.fi-coupon-cont .coupon-list > li .btn-area button {
  line-height: 1.5;
  height: 4.8rem;
  font-size: 1.5rem;
  color: #444;
  font-weight: 700;
  border-color: #bbb;
}
.fi-coupon-cont .coupon-list > li .btn-area button.com {
  margin-left: 0;
  color: #888;
  border: none;
  background-color: rgba(170, 170, 170, 0.15);
}
.fi-coupon-cont .event-list {
  margin-top: 1.6rem;
}
.fi-coupon-cont .event-list > li ~ li {
  margin-top: 1.5rem;
}
.fi-coupon-cont .event-list > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 1.6rem 1.6rem 2.4rem;
  border-radius: 2rem;
  background-color: #2e2e2e;
}
.fi-coupon-cont .event-list > li .text-area p {
  color: #aaa;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
}
.fi-coupon-cont .event-list > li .text-area strong {
  display: block;
  margin-top: 0.4rem;
  font-weight: 600;
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
}
.fi-coupon-cont .event-list > li .img-area {
  width: 8rem;
}
.fi-coupon-cont .event-list > li .img-area img {
  width: 100%;
}
.fi-coupon-cont .coupon-acco {
  margin-top: 2.8rem;
}
.fi-coupon-cont .coupon-acco.active .coupon-acco-panel {
  display: block;
}
.fi-coupon-cont .coupon-acco.active .arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.fi-coupon-cont .coupon-acco .coupon-acco-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.fi-coupon-cont .coupon-acco .tit-toggle-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 11rem;
  height: 3rem;
}
.fi-coupon-cont .coupon-acco .tit-area {
  margin-bottom: 0;
  font-size: 1.3rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.fi-coupon-cont .coupon-acco .arrow {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.fi-coupon-cont .coupon-acco .coupon-acco-panel {
  display: none;
  margin-top: 0.9rem;
  padding: 2rem 1.2rem;
  border-radius: 1.2rem;
}
.fi-coupon-cont .coupon-acco .coupon-acco-panel .dot-list li {
  position: relative;
  padding-left: 1.6rem;
  line-height: 1.5;
  font-size: 1.3rem;
  letter-spacing: -0.1rem;
  font-weight: 300;
  color: #666;
  background: url(/images/common/icon/icon16-coupon-dot.svg) no-repeat left top 0.1rem;
}
.fi-coupon-cont .coupon-acco .coupon-acco-panel .dot-list li ~ li {
  margin-top: 0.5rem;
}

/* ���������� ������ */
.fi-car-link-ad {
  display: block;
  margin-top: 1.5rem;
  padding: 3.3rem 2.4rem;
  border-radius: 2rem;
  background: #2a2a2a url(/images/common/fi/img-ga-ad.png) no-repeat right bottom;
  background-size: 13.2rem 11.2rem;
}
.fi-car-link-ad p {
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #fff;
  opacity: 0.6;
}
.fi-car-link-ad strong {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
  color: #fff;
}

/* ���������� ����, ���� ��ǰ ����Ʈ*/
.fi-product-list > li {
  padding: 3.6rem 2.4rem 3rem;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.fi-product-list > li ~ li {
  margin-top: 1.5rem;
}
.fi-product-list > li .ga-money {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.fi-product-list > li .ga-money .img-area {
  width: 4rem;
}
.fi-product-list > li .ga-money .img-area img {
  width: 100%;
}
.fi-product-list > li .ga-money .text-area {
  width: calc(100% - 5.2rem);
  margin-left: 1.2rem;
}
.fi-product-list > li .ga-money .text-area p {
  letter-spacing: -0.1rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 600;
}
.fi-product-list > li .ga-money .text-area strong {
  display: block;
  margin-top: 0.3rem;
  letter-spacing: -0.1rem;
  font-weight: 700;
  font-size: 1.5rem;
  color: #222;
}
.fi-product-list > li .ga-money .text-area strong span {
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.fi-product-list > li .date-area {
  margin-top: 2.2rem;
  padding: 2.2rem 2rem;
  border-radius: 1.2rem;
  background-color: #f1f1f1;
}
.fi-product-list > li .date-area li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.fi-product-list > li .date-area li ~ li {
  margin-top: 1.5rem;
}
.fi-product-list > li .date-area li .tit {
  font-size: 1.4rem;
  color: #444;
  letter-spacing: -0.1rem;
}
.fi-product-list > li .date-area li .date {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
  color: #222;
}
.fi-product-list > li .date-area li .date span {
  font-weight: 500;
}
.fi-product-list > li .date-area li .date.blue {
  color: #2589ff;
  font-weight: 700;
}
.fi-product-list > li .date-area li .date.blue span {
  color: #2589ff;
  font-weight: 700;
}
.fi-product-list > li .btn-area {
  margin-top: 1.5rem;
  padding: 0;
}
.fi-product-list > li .btn-area a {
  padding: 0 1rem;
  height: 4.8rem;
  line-height: 4.7rem;
  font-size: 1.5rem;
  color: #222;
  font-weight: 700;
  letter-spacing: -0.18rem;
  border-color: #bbb;
}
.fi-product-list > li .btn-area a.btn-yellow {
  line-height: 4.9rem;
}

/* �˴� ���� ���� */
.know-ad-area {
  display: block;
  margin-top: 1.5rem;
  width: 100%;
  border-radius: 2rem;
}
.know-ad-area img {
  width: 100%;
}

/* ���� �˾� */
.filter-list-wrap {
  padding-bottom: 3rem;
}
.filter-list-wrap > li ~ li {
  margin-top: 2.9rem;
}
.filter-list-wrap > li strong {
  font-size: 1.4rem;
  color: #fff;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.filter-list-wrap > li strong span {
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.filter-list-wrap > li .filter-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0.9rem;
  background-color: #444;
  border-radius: 0.8rem;
}
.filter-list-wrap > li .filter-btn li {
  padding: 0.5rem;
  width: 33.3333333333%;
}
.filter-list-wrap > li .filter-btn button {
  display: block;
  width: 100%;
  height: 3.8rem;
  padding: 0.8rem 1rem;
  color: #ddd;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
  border-radius: 0.8rem;
}
.filter-list-wrap > li .filter-btn button.active {
  background-color: #fff;
  color: #222;
  font-weight: 800;
}

/* qr �˾� */
.qr-pop-area {
  position: relative;
  text-align: center;
}
.qr-pop-area strong {
  line-height: 1.5;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 900;
  color: #fff;
  word-break: keep-all;
}
.qr-pop-area p {
  margin-top: 0.7rem;
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  color: #e5e5e5;
}
.qr-pop-area .qr-area {
  position: relative;
  width: 30rem;
  height: 30rem;
  margin: 3.6rem auto 4rem;
  background-color: #fff;
}
.qr-pop-area .qr-area img {
  width: 100%;
}
.qr-pop-area .qr-area.com:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(26, 26, 26, 0.2);
}
.qr-pop-area .qr-area:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6rem;
  height: 3.6rem;
  margin-left: -3rem;
  margin-top: -1.8rem;
  background: url(/images/common/icon/icon60-qr-car.svg) no-repeat center center;
  background-size: 6rem 3.6rem;
}
.qr-pop-area .qr-area .com-text {
  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;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  width: 9rem;
  height: 9rem;
  margin-left: -4.5rem;
  margin-top: -4.5rem;
  color: #ffcc00;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border: 1px solid #ffcc00;
}
.qr-pop-area .qr-list {
  margin-top: 3.8rem;
}
.qr-pop-area .qr-list li {
  position: relative;
  padding-left: 3.3rem;
  background: url(/images/common/fi/fi-qr-step-dot.svg) no-repeat left top;
  background-size: 2.4rem;
}
.qr-pop-area .qr-list li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0.8rem;
  top: 2.2rem;
  width: 1rem;
  height: 100%;
  background: url(/images/common/fi/fi-qr-small-dot.svg) left top;
  background-size: 0.8rem;
}
.qr-pop-area .qr-list li.last {
  background: url(/images/common/fi/fi-qr-step-last.svg) no-repeat left top;
  background-size: 2.4rem;
}
.qr-pop-area .qr-list li.last:after {
  content: none;
}
.qr-pop-area .qr-list li ~ li {
  margin-top: 2.7rem;
}
.qr-pop-area .qr-list strong {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  color: #fc0;
}
.qr-pop-area .qr-list p {
  margin-top: 0.3rem;
  font-size: 1.5rem;
  word-break: keep-all;
}
.qr-pop-area .img-a {
  position: absolute;
  right: 0;
  top: -1.5rem;
}

/* ���� Ȯ�ο� �˾� */
.dealer-com-area .dealer-car-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dealer-com-area .dealer-car-top .img-area {
  width: 10.3rem;
  border-radius: 1.2rem 0 1.2rem 0;
}
.dealer-com-area .dealer-car-top .img-area img {
  width: 100%;
  border-radius: 1.2rem 0 1.2rem 0;
}
.dealer-com-area .dealer-car-top .desc-area {
  width: calc(100% - 11.8rem);
  margin-left: 1.5rem;
}
.dealer-com-area .dealer-car-top .desc-area .detail:after {
  content: "";
  display: block;
  clear: both;
}
.dealer-com-area .dealer-car-top .desc-area .detail > li {
  float: left;
  color: #888;
  font-size: 1.2rem;
  letter-spacing: -0.1rem;
  line-height: 1;
}
.dealer-com-area .dealer-car-top .desc-area .detail > li ~ li {
  position: relative;
  margin-left: 1.2rem;
}
.dealer-com-area .dealer-car-top .desc-area .detail > li ~ li::before {
  content: "��";
  position: absolute;
  left: -0.8rem;
  top: 0;
}
.dealer-com-area .dealer-car-top .desc-area .car-name {
  display: block;
  margin-top: 0.3em;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.dealer-com-area .dealer-car-top .desc-area .money {
  display: block;
  margin-top: 0.2rem;
  font-weight: 600;
  color: #ffcc00;
  font-size: 1.4rem;
}
.dealer-com-area .dealer-car-top .desc-area .money span {
  font-weight: 600;
}
.dealer-com-area .filter-list-wrap {
  margin-top: 4.5rem;
}
.dealer-com-area .filter-list-wrap > li > strong {
  font-size: 1.5rem;
}
.dealer-com-area .filter-list-wrap > li ~ li {
  margin-top: 3.1rem;
}
.dealer-com-area .filter-list-wrap > li .filter-btn {
  margin-top: 1.1rem;
}
.dealer-com-area .filter-list-wrap > li .filter-btn li {
  width: 50%;
}
.dealer-com-area .filter-list-wrap > li .money-area {
  margin-top: 0.9rem;
  padding: 1.4rem 2rem;
  text-align: right;
  background-color: #262626;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  border: 1px solid #3a3a3a;
  border-radius: 0.8rem;
}
.dealer-com-area .filter-list-wrap > li .money-area strong {
  margin-right: 0.4rem;
  font-size: 1.6rem;
  color: #fff;
  letter-spacing: -0.1rem;
  font-weight: 600;
}

/* �� ���Ա� ���� �˾� */
.month-calc-area {
  margin-top: 1.6rem;
  padding: 3.6rem 2.4rem 4.2rem;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.month-calc-area .total-area {
  text-align: center;
}
.month-calc-area .total-area p {
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 800;
}
.month-calc-area .total-area strong {
  display: block;
  margin-top: 0.4rem;
  font-size: 2.4rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 800;
}
.month-calc-area .total-area strong span {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.month-calc-area .calc-list {
  margin-top: 1.9rem;
  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;
}
.month-calc-area .calc-list > li {
  width: calc(50% - 0.45rem);
  margin-top: 0.9rem;
  padding: 6.4rem 2rem 2.4rem;
  border-radius: 2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.4rem 0.6rem 0.4rem rgba(34, 34, 34, 0.04);
          box-shadow: 0 0.4rem 0.6rem 0.4rem rgba(34, 34, 34, 0.04);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  border: 1px solid #fff;
}
.month-calc-area .calc-list > li.calc-back1 {
  background: #fff url(/images/common/icon/icon40-calc-01.svg) no-repeat top 0.9rem right 0.9rem;
  background-size: 4rem 4rem;
}
.month-calc-area .calc-list > li.calc-back2 {
  background: #fff url(/images/common/icon/icon40-calc-02.svg) no-repeat top 0.9rem right 0.9rem;
  background-size: 4rem 4rem;
}
.month-calc-area .calc-list > li.calc-back3 {
  background: #fff url(/images/common/icon/icon40-calc-03.svg) no-repeat top 0.9rem right 0.9rem;
  background-size: 4rem 4rem;
}
.month-calc-area .calc-list > li.calc-back4 {
  background: #fff url(/images/common/icon/icon40-calc-04.svg) no-repeat top 0.9rem right 0.9rem;
  background-size: 4rem 4rem;
}
.month-calc-area .calc-list > li.disaled {
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.month-calc-area .calc-list > li.disaled input, .month-calc-area .calc-list > li.disaled .inp-box .ico-confirm, .inp-box .month-calc-area .calc-list > li.disaled .ico-confirm {
  color: #222;
}
.month-calc-area .calc-list > li.focus {
  border: 1px solid #fc0;
}
.month-calc-area .calc-list > li p {
  color: #666;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
}
.month-calc-area .calc-list > li .calc-inp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  color: #222;
}
.month-calc-area .calc-list > li .calc-inp input, .month-calc-area .calc-list > li .calc-inp .inp-box .ico-confirm, .inp-box .month-calc-area .calc-list > li .calc-inp .ico-confirm {
  display: inline-block;
  width: 0.9rem;
  height: 2.4rem;
  max-width: 7.2rem;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: -0.1rem;
  font-size: 1.6rem;
}
.month-calc-area .calc-list > li .calc-inp input::-webkit-input-placeholder, .month-calc-area .calc-list > li .calc-inp .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .month-calc-area .calc-list > li .calc-inp .ico-confirm::-webkit-input-placeholder {
  font-size: 1.6rem;
  line-height: 1.5;
}
.month-calc-area .calc-list > li .calc-inp input::-moz-placeholder, .month-calc-area .calc-list > li .calc-inp .inp-box .ico-confirm::-moz-placeholder, .inp-box .month-calc-area .calc-list > li .calc-inp .ico-confirm::-moz-placeholder {
  font-size: 1.6rem;
  line-height: 1.5;
}
.month-calc-area .calc-list > li .calc-inp input:-ms-input-placeholder, .month-calc-area .calc-list > li .calc-inp .inp-box .ico-confirm:-ms-input-placeholder, .inp-box .month-calc-area .calc-list > li .calc-inp .ico-confirm:-ms-input-placeholder {
  font-size: 1.6rem;
  line-height: 1.5;
}
.month-calc-area .calc-list > li .calc-inp input::-ms-input-placeholder, .month-calc-area .calc-list > li .calc-inp .inp-box .ico-confirm::-ms-input-placeholder, .inp-box .month-calc-area .calc-list > li .calc-inp .ico-confirm::-ms-input-placeholder {
  font-size: 1.6rem;
  line-height: 1.5;
}
.month-calc-area .calc-list > li .calc-inp input::placeholder, .month-calc-area .calc-list > li .calc-inp .inp-box .ico-confirm::placeholder, .inp-box .month-calc-area .calc-list > li .calc-inp .ico-confirm::placeholder {
  font-size: 1.6rem;
  line-height: 1.5;
}
.month-calc-area .btn-area {
  margin-top: 3rem;
}
.month-calc-area .btn-area button {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  width: calc(100% - 10.5rem);
  border-radius: 2.5rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.month-calc-area .btn-area button:first-child {
  width: 9.6rem;
}

.floating-area {
  position: fixed;
  z-index: 10;
  right: 1rem;
  bottom: 1rem;
}
.floating-area .inner {
  position: fixed;
  right: 4.9rem;
  bottom: 10.2rem;
  max-width: calc(100% - 7rem);
  padding: 0.4rem 1rem;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: -0.1rem;
  font-weight: 700;
  border-radius: 1.7rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #6825d6;
}
.floating-area .inner:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.2rem;
  width: 1.8rem;
  height: 1.6rem;
  background: url(/images/common/icon/icon18-float-bubble.svg) no-repeat center center;
}
.floating-area .inner .text-area .stay {
  display: none;
  position: relative;
  top: -0.3rem;
  width: 1.8rem;
}
.floating-area .inner .text-area .text {
  padding: 0.5rem 0.4rem;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.floating-area .inner .text-area .text span {
  font-weight: 700;
  letter-spacing: -0.1rem;
}
.floating-area .f-btn {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.4rem 1.2rem 0.4rem rgba(34, 34, 34, 0.16);
          box-shadow: 0 0.4rem 1.2rem 0.4rem rgba(34, 34, 34, 0.16);
  background-color: #fff;
}
.floating-area .f-btn img {
  width: 5rem;
}
.floating-area .top {
  display: block;
  width: 5rem;
  height: 5rem;
  margin-top: 0.9rem;
  text-indent: -9999rem;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  border-radius: 50%;
  background: #515051 url(/images/common/icon/icon50-top-btn.svg) no-repeat center center;
  background-size: 5rem 5rem;
}
.floating-area.f-top .top.active {
  opacity: 1;
}
.floating-area.f-pop {
  z-index: 6000;
}

/* �α��� ����Ʈ */
.login-gate-wrap .login-close {
  position: fixed;
  right: 0;
  top: 0;
  width: 5.6rem;
  height: 5.6rem;
  text-indent: -9999rem;
  background: url(/images/common/icon/icon24-login-close-white.svg) no-repeat center;
  background-size: 2.4rem 2.4rem;
}
.login-gate-wrap .login-gate {
  overflow: hidden;
}
.login-gate-wrap .login-gate .big-text {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
  color: #fff;
}
.login-gate-wrap .login-gate .big-text strong {
  display: block;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
  color: #ffcc00;
}
.login-gate-wrap .login-gate .sub-text {
  margin-top: 1.2rem;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #aaa;
  line-height: 1.5;
}
.login-gate-wrap .login-gate .gate-swiper-pagination {
  text-align: center;
  margin-top: 2.4rem;
}
.login-gate-wrap .login-gate .gate-swiper-pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #fff;
  opacity: 0.35;
}
.login-gate-wrap .login-gate .gate-swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.login-gate-wrap .login-gate .ani1-area {
  position: relative;
  padding-top: 5.5rem;
}
.login-gate-wrap .login-gate .ani1-area .lottie-confetti {
  position: absolute;
  top: -3rem;
  z-index: 50;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}
.login-gate-wrap .login-gate .ani1-area .man {
  margin-top: 5.8rem;
  text-align: center;
}
.login-gate-wrap .login-gate .ani1-area .man img {
  width: 34.3rem;
  height: 20rem;
}
.login-gate-wrap .login-gate .ani2-area {
  position: relative;
}
.login-gate-wrap .login-gate .ani2-area .circle-area {
  position: relative;
  margin: 0 auto 1.6rem;
  width: 34.4rem;
  height: 21.8rem;
}
.login-gate-wrap .login-gate .ani2-area .circle-area > div {
  position: absolute;
  left: 19rem;
  bottom: 4.8rem;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background-color: #fff;
}
.login-gate-wrap .login-gate .ani2-area .circle-area > div.circle1 {
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: rotate(254deg);
      -ms-transform: rotate(254deg);
          transform: rotate(254deg);
  -webkit-animation: gate-ani1 ease-in-out infinite 4s;
          animation: gate-ani1 ease-in-out infinite 4s;
  background-color: #4e4e4e;
}
.login-gate-wrap .login-gate .ani2-area .circle-area > div.circle1 .kb {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: rotate(107deg);
      -ms-transform: rotate(107deg);
          transform: rotate(107deg);
  background: #4e4e4e url(/images/common/as/img-login-kb.svg) no-repeat center center;
  -webkit-animation: gate-sub-ani1 ease-in-out infinite 4s;
          animation: gate-sub-ani1 ease-in-out infinite 4s;
}
.login-gate-wrap .login-gate .ani2-area .circle-area > div.circle2 {
  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;
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(2.1) rotate(128deg);
      -ms-transform: scale(2.1) rotate(128deg);
          transform: scale(2.1) rotate(128deg);
  background-color: #fffad4;
  -webkit-animation: gate-ani2 ease-in-out infinite 4s;
          animation: gate-ani2 ease-in-out infinite 4s;
}
.login-gate-wrap .login-gate .ani2-area .circle-area > div.circle2 .warranty {
  -webkit-transform: rotate(232deg);
      -ms-transform: rotate(232deg);
          transform: rotate(232deg);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fffad4 url(/images/common/as/img-login-warranty.svg) no-repeat center center;
  -webkit-animation: gate-sub-ani2 ease-in-out infinite 4s;
          animation: gate-sub-ani2 ease-in-out infinite 4s;
}
.login-gate-wrap .login-gate .ani2-area .circle-area > div.circle3 {
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(2.4);
      -ms-transform: scale(2.4);
          transform: scale(2.4);
  -webkit-animation: gate-ani3 ease-in-out infinite 4s;
          animation: gate-ani3 ease-in-out infinite 4s;
}
.login-gate-wrap .login-gate .ani2-area .circle-area > div.circle3 .join {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff url(/images/common/as/img-login-join.svg) no-repeat center center;
  -webkit-animation: gate-sub-ani3 ease-in-out infinite 4s;
          animation: gate-sub-ani3 ease-in-out infinite 4s;
}
@-webkit-keyframes gate-ani1 {
  0% {
    -webkit-transform: rotate(254deg);
            transform: rotate(254deg);
  }
  33% {
    -webkit-transform: rotate(360deg) scale(2.4);
            transform: rotate(360deg) scale(2.4);
  }
  66% {
    -webkit-transform: rotate(488deg) scale(2.1);
            transform: rotate(488deg) scale(2.1);
  }
  100% {
    -webkit-transform: rotate(611deg) scale(1);
            transform: rotate(611deg) scale(1);
  }
}
@keyframes gate-ani1 {
  0% {
    -webkit-transform: rotate(254deg);
            transform: rotate(254deg);
  }
  33% {
    -webkit-transform: rotate(360deg) scale(2.4);
            transform: rotate(360deg) scale(2.4);
  }
  66% {
    -webkit-transform: rotate(488deg) scale(2.1);
            transform: rotate(488deg) scale(2.1);
  }
  100% {
    -webkit-transform: rotate(611deg) scale(1);
            transform: rotate(611deg) scale(1);
  }
}
@-webkit-keyframes gate-sub-ani1 {
  0% {
    -webkit-transform: rotate(107deg);
            transform: rotate(107deg);
  }
  33% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  66% {
    -webkit-transform: rotate(-126deg);
            transform: rotate(-126deg);
  }
  100% {
    -webkit-transform: rotate(-249deg);
            transform: rotate(-249deg);
  }
}
@keyframes gate-sub-ani1 {
  0% {
    -webkit-transform: rotate(107deg);
            transform: rotate(107deg);
  }
  33% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  66% {
    -webkit-transform: rotate(-126deg);
            transform: rotate(-126deg);
  }
  100% {
    -webkit-transform: rotate(-249deg);
            transform: rotate(-249deg);
  }
}
@-webkit-keyframes gate-ani2 {
  0% {
    -webkit-transform: rotate(128deg) scale(2.1);
            transform: rotate(128deg) scale(2.1);
  }
  33% {
    -webkit-transform: rotate(255deg) scale(1);
            transform: rotate(255deg) scale(1);
  }
  66% {
    -webkit-transform: rotate(361deg) scale(2.4);
            transform: rotate(361deg) scale(2.4);
  }
  100% {
    -webkit-transform: rotate(488deg) scale(2.1);
            transform: rotate(488deg) scale(2.1);
  }
}
@keyframes gate-ani2 {
  0% {
    -webkit-transform: rotate(128deg) scale(2.1);
            transform: rotate(128deg) scale(2.1);
  }
  33% {
    -webkit-transform: rotate(255deg) scale(1);
            transform: rotate(255deg) scale(1);
  }
  66% {
    -webkit-transform: rotate(361deg) scale(2.4);
            transform: rotate(361deg) scale(2.4);
  }
  100% {
    -webkit-transform: rotate(488deg) scale(2.1);
            transform: rotate(488deg) scale(2.1);
  }
}
@-webkit-keyframes gate-sub-ani2 {
  0% {
    -webkit-transform: rotate(232deg);
            transform: rotate(232deg);
  }
  33% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  66% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(-128deg);
            transform: rotate(-128deg);
  }
}
@keyframes gate-sub-ani2 {
  0% {
    -webkit-transform: rotate(232deg);
            transform: rotate(232deg);
  }
  33% {
    -webkit-transform: rotate(105deg);
            transform: rotate(105deg);
  }
  66% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(-128deg);
            transform: rotate(-128deg);
  }
}
@-webkit-keyframes gate-ani3 {
  0% {
    -webkit-transform: rotate(0deg) scale(2.4);
            transform: rotate(0deg) scale(2.4);
  }
  33% {
    -webkit-transform: rotate(128deg) scale(2.1);
            transform: rotate(128deg) scale(2.1);
  }
  66% {
    -webkit-transform: rotate(256deg) scale(1);
            transform: rotate(256deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(2.4);
            transform: rotate(360deg) scale(2.4);
  }
}
@keyframes gate-ani3 {
  0% {
    -webkit-transform: rotate(0deg) scale(2.4);
            transform: rotate(0deg) scale(2.4);
  }
  33% {
    -webkit-transform: rotate(128deg) scale(2.1);
            transform: rotate(128deg) scale(2.1);
  }
  66% {
    -webkit-transform: rotate(256deg) scale(1);
            transform: rotate(256deg) scale(1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(2.4);
            transform: rotate(360deg) scale(2.4);
  }
}
@-webkit-keyframes gate-sub-ani3 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  33% {
    -webkit-transform: rotate(-127deg);
            transform: rotate(-127deg);
  }
  66% {
    -webkit-transform: rotate(-257deg);
            transform: rotate(-257deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes gate-sub-ani3 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  33% {
    -webkit-transform: rotate(-127deg);
            transform: rotate(-127deg);
  }
  66% {
    -webkit-transform: rotate(-257deg);
            transform: rotate(-257deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
.login-gate-wrap .login-gate .ani2-area .man {
  position: relative;
  text-align: center;
  width: 34.4rem;
  margin: -3.5rem auto 0;
}
.login-gate-wrap .login-gate .ani2-area .man > img {
  width: 34.3rem;
  height: 20rem;
}
.login-gate-wrap .login-gate .ani2-area .man .car {
  position: absolute;
  left: 6.21rem;
  bottom: 12rem;
  width: 5.6rem;
}
.login-gate-wrap .login-gate .ani3-area .file {
  position: relative;
  padding-top: 27.4rem;
  text-align: center;
}
.login-gate-wrap .login-gate .ani3-area .file .page-i {
  position: absolute;
  bottom: 1.1rem;
  width: 100%;
  text-align: center;
}
.login-gate-wrap .login-gate .ani3-area .file .mo1 {
  z-index: 50;
  bottom: 18.3rem;
}
.login-gate-wrap .login-gate .ani3-area .file .mo1 img {
  position: relative;
  width: 25rem;
  height: 20rem;
  left: 2.2rem;
  -webkit-animation: ani-mo1 alternate infinite linear 8s;
          animation: ani-mo1 alternate infinite linear 8s;
}
@-webkit-keyframes ani-mo1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-51deg);
            transform: rotate(-51deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes ani-mo1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-51deg);
            transform: rotate(-51deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.login-gate-wrap .login-gate .ani3-area .file .mo2 {
  z-index: 40;
  bottom: 10.3rem;
}
.login-gate-wrap .login-gate .ani3-area .file .mo2 img {
  width: 25rem;
  height: 20rem;
  -webkit-animation: ani-mo2 alternate infinite linear 8s;
          animation: ani-mo2 alternate infinite linear 8s;
}
@-webkit-keyframes ani-mo2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes ani-mo2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.login-gate-wrap .login-gate .ani3-area .file .mo3 {
  z-index: 20;
  bottom: 5.1rem;
}
.login-gate-wrap .login-gate .ani3-area .file .mo3 img {
  position: relative;
  width: 25rem;
  height: 20rem;
  left: -1.9em;
  -webkit-animation: ani-mo3 alternate infinite linear 8s;
          animation: ani-mo3 alternate infinite linear 8s;
}
@-webkit-keyframes ani-mo3 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes ani-mo3 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.login-gate-wrap .login-gate .ani3-area .file .mo4 {
  position: relative;
  z-index: 30;
  width: 100%;
}
.login-gate-wrap .login-gate .ani3-area .file .mo5 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
}
.login-gate-wrap .login-gate .money-box-wrap {
  position: relative;
}
.login-gate-wrap .login-gate .money-box-wrap .shadow1 {
  position: absolute;
  left: 50%;
  bottom: -1.5rem;
  z-index: -10;
  width: 18.7rem;
  margin-left: -9.4rem;
  height: 6.5rem;
  border-radius: 1.2rem;
  background-color: #777;
  -webkit-box-shadow: 0 0.6rem 3rem 0.4rem rgba(34, 34, 34, 0.5);
          box-shadow: 0 0.6rem 3rem 0.4rem rgba(34, 34, 34, 0.5);
}
.login-gate-wrap .login-gate .money-box-wrap .shadow2 {
  position: absolute;
  left: 50%;
  bottom: -3rem;
  z-index: -20;
  width: 14.9rem;
  margin-left: -7.4rem;
  height: 6.5rem;
  border-radius: 1.2rem;
  background-color: rgba(119, 119, 119, 0.35);
  -webkit-box-shadow: 0 0.6rem 3rem 0.4rem rgba(34, 34, 34, 0.5);
          box-shadow: 0 0.6rem 3rem 0.4rem rgba(34, 34, 34, 0.5);
}
.login-gate-wrap .login-gate .money-box-wrap .money-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 22.5rem;
  margin: 0 auto;
  padding: 1.8rem 1.6rem;
  border-radius: 1.2rem;
  background-color: #fff;
}
.login-gate-wrap .login-gate .money-box-wrap .money-box .month {
  width: 3.3rem;
  font-size: 1.2rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  color: #888;
}
.login-gate-wrap .login-gate .money-box-wrap .money-box .desc {
  width: calc(100% - 3.3rem);
  text-align: right;
}
.login-gate-wrap .login-gate .money-box-wrap .money-box .desc .tit {
  font-size: 1.2rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  color: #444;
}
.login-gate-wrap .login-gate .money-box-wrap .money-box .desc .money {
  margin-top: 0.4rem;
  font-size: 2rem;
  font-weight: 700;
  color: #2589ff;
}
.login-gate-wrap .login-gate .money-box-wrap .money-box .desc .money * {
  font-weight: 700;
}
.login-gate-wrap .login-gate .money-box-wrap .money-box .desc .money span {
  font-weight: 700;
}
.login-gate-wrap .login-gate .money-box-wrap .money-box .desc .money .won {
  position: relative;
  top: 0.2rem;
  margin-left: 0.1rem;
}
.login-gate-wrap .btn-area button {
  line-height: 5.6rem;
  font-size: 1.8rem;
  color: #222;
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.login-gate-wrap .btn-area button span {
  font-size: 1.8rem;
  color: #222;
  letter-spacing: -0.1rem;
  font-weight: 800;
}

/* ����Ʈ���� */
.trand-list > li {
  margin-top: 1.5rem;
  padding: 3.6rem 2.4rem 3rem;
  overflow: hidden;
  border-radius: 2rem;
  background-color: #f8f8f8;
}
.trand-list > li.alert-li {
  padding: 0;
}
.trand-list > li.alert-li .alert-area {
  margin-top: 0;
}
.trand-list > li.month-li .chart-area2 + .warning-text {
  margin-top: 5.6rem;
}
.trand-list > li.month-li .chart-area2 .data-label {
  margin-bottom: 0;
}
.trand-list .tit-wrap strong {
  font-size: 1.8rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 800;
  line-height: 1.5;
}
.trand-list .tit-wrap strong span {
  color: #2589ff;
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.trand-list .tit-wrap strong span i {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.trand-list .tit-wrap p {
  margin-top: 0.7rem;
  font-size: 1.5rem;
  color: #444;
  letter-spacing: -0.1rem;
}
.trand-list .btn-area {
  margin-top: 1.1rem;
  padding: 0;
}
.trand-list .btn-area button {
  height: 4.8rem;
  line-height: 1.5;
  font-size: 1.5rem;
  color: #444;
  font-weight: 700;
}
.trand-list .btn-area button.btn-gray {
  border-color: #bbb;
}
.trand-list .circle-area {
  position: relative;
  margin-top: 3.6rem;
  text-align: center;
}
.trand-list .circle-area .progress2 {
  position: absolute;
  top: 3.4rem;
  width: 100%;
}
.trand-list .circle-area .circle-progress-text {
  display: none;
}
.trand-list .progress > svg {
  width: 18rem;
  height: 18rem;
  overflow: visible;
}
.trand-list .progress2 > svg {
  width: 11.5rem;
  height: 11.5rem;
}
.trand-list .progress2 > svg .circle-progress-value {
  stroke-width: 1.8rem;
  stroke: #ffcc00;
}
.trand-list .progress2 > svg .circle-progress-circle {
  stroke-width: 1.8rem;
}
.trand-list .circle-progress-value {
  stroke-width: 1.1rem;
  stroke: #2589ff;
  stroke-linecap: round;
}
.trand-list .circle-progress-circle {
  stroke-width: 1.1em;
  stroke: #f1f1f1;
}
.trand-list .car-money-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.5rem;
  text-align: center;
}
.trand-list .car-money-area > div {
  width: 50%;
}
.trand-list .car-money-area > div:first-child {
  position: relative;
}
.trand-list .car-money-area > div:first-child:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0.3rem;
  width: 1px;
  height: 4rem;
  background-color: #e5e5e5;
}
.trand-list .car-money-area > div p {
  display: inline-block;
  position: relative;
  padding-left: 1.2rem;
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #222;
}
.trand-list .car-money-area > div p:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-color: #ffcc00;
}
.trand-list .car-money-area > div p.imported:before {
  background-color: #2589ff;
}
.trand-list .car-money-area > div strong {
  display: block;
  margin-top: 0.3rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
  font-size: 1.6rem;
}
.trand-list .car-money-area > div strong span {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.trand-list .limit-area .limit-tit {
  margin-top: 3.6rem;
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 500;
}
.trand-list .limit-area .count-area {
  margin: 0.9rem -1.5rem 0;
  text-align: center;
  letter-spacing: -0.1rem;
  font-weight: 800;
  font-size: 1.8rem;
  color: #222;
}
.trand-list .limit-area .count-area * {
  letter-spacing: -0.1rem;
  font-weight: 800;
  font-size: 2.4rem;
  color: #222;
}
.trand-list .limit-area .count-area.blue-text * {
  color: #2589ff;
}
.trand-list .limit-area .count-area.blue-text .won {
  color: #222;
}
.trand-list .limit-area .count-area .won {
  font-size: 1.8rem;
  position: relative;
  top: 0.2rem;
}
.trand-list .limit-area .count-area .odometer-digit {
  margin: 0 0.25rem;
  background-color: #f1f1f1;
  border-radius: 0.8rem;
}
.trand-list .limit-area .count-area .odometer-digit-spacer {
  padding: 1.5rem 1.4rem;
  background-color: #f1f1f1;
  border-radius: 0.8rem;
}
.trand-list .limit-area .count-area .odometer-value {
  padding: 1.5rem 1.4rem;
}
.trand-list .limit-area .count-area .odometer-formatting-mark {
  position: relative;
  top: -0.4rem;
  padding: 0 0.25rem;
}
.trand-list .limit-area .count-area .q-odometer {
  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;
}
.trand-list .limit-area .count-area .q-odometer span {
  display: block;
  position: relative;
  width: 4.1rem;
  height: 5.6rem;
  line-height: 1.1em;
  margin: 0 0.25rem;
  padding: 1.5rem 1.4rem;
  color: #2589ff;
  background-color: #f1f1f1;
  border-radius: 0.8rem;
  -webkit-animation: q-ani infinite alternate 0.3s;
          animation: q-ani infinite alternate 0.3s;
}
@-webkit-keyframes q-ani {
  0% {
    top: 0;
  }
  100% {
    top: 0.5rem;
  }
}
@keyframes q-ani {
  0% {
    top: 0;
  }
  100% {
    top: 0.5rem;
  }
}
.trand-list .limit-area .count-area .q-odometer p {
  position: relative;
  top: 0.3rem;
  margin-left: 0.5rem;
  letter-spacing: -0.1rem;
  font-weight: 800;
  font-size: 1.8rem;
}
.trand-list .limit-area .count-area .q-odometer p.comma {
  position: relative;
  top: -0.4rem;
  margin-left: 0;
  font-size: 2.4rem;
  padding: 0 0.25rem;
  color: #2589ff;
}
.trand-list .car-loan-area {
  margin-top: 1rem;
}
.trand-list .car-loan-area > div {
  margin-top: 2rem;
}
.trand-list .car-loan-area > div .tit {
  font-weight: 500;
  font-size: 1.5rem;
  color: #222;
  letter-spacing: -0.1rem;
}
.trand-list .car-loan-area > div .tit strong {
  display: block;
  margin-top: 0.3rem;
  font-weight: 800;
  font-size: 1.6rem;
  color: #222;
  letter-spacing: -0.1rem;
}
.trand-list .car-loan-area > div .tit strong span {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.trand-list .car-loan-area > div .graph-row {
  margin-top: 1.1rem;
  height: 2rem;
  border-radius: 0.4rem;
  background: url(/images/common/icon/ico23-graph-slash.svg) left center;
}
.trand-list .car-loan-area > div .graph-row > div {
  width: 0;
  height: 100%;
  border-radius: 0.4rem;
  -webkit-transition: 0.5s width;
  transition: 0.5s width;
  background-color: #ffcc00;
}
.trand-list .car-loan-area > div .graph-row > div.blue {
  background-color: #2589ff;
}
.trand-list .car-loan-area > div .graph-desc {
  margin-top: 0.9rem;
  text-align: right;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  color: #444;
}
.trand-list .car-loan-area > div .graph-desc span {
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.trand-list .pawn-car-area {
  margin-top: 2.4rem;
}
.trand-list .pawn-car-area > ul > li {
  position: relative;
  padding: 3.3rem 2.1rem 3.2rem;
  overflow: hidden;
  border-radius: 1.2rem;
  background-color: #f1f1f1;
}
.trand-list .pawn-car-area > ul > li ~ li {
  margin-top: 1.1rem;
}
.trand-list .pawn-car-area > ul > li .top {
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 500;
}
.trand-list .pawn-car-area > ul > li .bottom {
  margin-top: 0.3rem;
}
.trand-list .pawn-car-area > ul > li .bottom strong {
  font-weight: 800;
  letter-spacing: -0.1rem;
  font-size: 1.6rem;
  color: #222;
}
.trand-list .pawn-car-area > ul > li .bottom strong span {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.trand-list .pawn-car-area > ul > li .bottom strong.gray-text {
  color: #aaa;
}
.trand-list .pawn-car-area > ul > li img {
  position: absolute;
  right: -4.5rem;
  top: 3rem;
  width: 10rem;
  opacity: 0;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.trand-list .pawn-car-area.active img {
  right: -2.5rem;
  opacity: 1;
}

/* ����Ʈ���� �α���� */
.popular-cont .fi-tab {
  margin-bottom: 2rem;
  margin-top: 5rem;
}
.popular-cont .car-popular-list {
  margin: 2rem -1.6rem 0;
  padding: 0 0 0 2rem;
  overflow: hidden;
}
.popular-cont .car-popular-list li {
  width: 100%;
}
.popular-cont .car-popular-list li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  text-align: left;
}
.popular-cont .car-popular-list li button > div {
  width: calc(100% - 3.9rem);
  padding: 2.7rem 2rem 2.7rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.popular-cont .car-popular-list li button > div p {
  margin-bottom: 0.4rem;
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
}
.popular-cont .car-popular-list li button > div strong {
  color: #777;
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.popular-cont .car-popular-list li button > div strong span {
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.popular-cont .car-popular-list li button .rank {
  display: block;
  width: 2.4rem;
  margin-right: 1.5rem;
  text-align: center;
  font-size: 2.4rem;
  letter-spacing: -0.1rem;
  color: #ffcc00;
}
.popular-cont .car-popular-list li button .car-img {
  position: absolute;
  right: -7.6rem;
  top: 50%;
  margin-top: -2.8rem;
  width: 10rem;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.popular-cont .warning-text {
  margin-top: 1.2rem;
  color: #777;
  background-image: url(/images/common/icon/icon16-trand-warning-777.svg);
}

/* Ʈ���� ��Ʈ */
.trand-ver .bar-chart.type-bold .half-area .chart-gauge {
  width: 5.3rem;
  margin: 0 16%;
}
.trand-ver .bar-chart.type-bold .chart-gauge {
  border-radius: 0.4rem 0.4rem 0 0;
}
.trand-ver .bar-chart.type-bold .chart-gauge.yellow {
  background-color: #ffcc00;
}
.trand-ver .bar-chart.type-bold .chart-gauge.gray {
  background-color: #ddd;
}
.trand-ver .bar-chart.type-bold .data-label {
  margin-bottom: 0.7rem;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
  color: #888;
}
.trand-ver .bar-chart.type-bold .data-label > span {
  letter-spacing: -0.1rem;
  font-weight: 500;
}
.trand-ver .bar-chart.type-bold .data-label strong {
  display: block;
  margin-bottom: 0.7rem;
  font-weight: 800;
  letter-spacing: -0.1rem;
  font-size: 1.6rem;
  color: #222;
}
.trand-ver .bar-chart.type-bold .data-label strong span {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.trand-ver .bar-chart .data-tit {
  margin-top: 0.7rem;
  font-size: 1.5rem;
  color: #222;
  letter-spacing: -0.1rem;
  font-weight: 500;
}
.trand-ver .chart-added {
  position: absolute;
  top: -4.2rem;
  width: 100%;
  margin-bottom: 0;
  font-size: 1.2rem;
  letter-spacing: -0.1rem;
  color: #aaa;
}
.trand-ver .chart-added > div {
  font-size: 1.3rem;
  color: #222;
  font-weight: 500;
}
.trand-ver .chart-added .chart-unit {
  font-size: 1.3rem;
  color: #aaa;
}
.trand-ver .icon-legend {
  margin-top: 0;
  width: 0.9rem;
  height: 0.9rem;
  font-size: 1.3rem;
  letter-spacing: -0.1rem;
  border-radius: 50%;
  color: #222;
}
.trand-ver .icon-legend.type-yellow {
  background-color: #fc0;
}

/* Ʈ���� �� */
.trand-tab {
  /* ����ũ���� ��Ȳ */
  /* ������ ��� ���ź��, ���ɴ뺰 ���ź�� */
  /* ��մ����, ��� �㺸����� */
  /* ��� �� ���Ա�,  */
  /* ����ũ �̿���Ȳ */
}
.trand-tab .trand-list > li {
  position: relative;
  height: 50.5rem;
  display: none;
}
.trand-tab .trand-list > li.active {
  display: block;
}
.trand-tab .trand-list .btn-area {
  position: absolute;
  bottom: 3rem;
  width: calc(100% - 4.8rem);
}
.trand-tab .trand-list .warning-text {
  position: absolute;
  bottom: 8.9rem;
}
.trand-tab .average-line {
  position: absolute;
  width: 100%;
  border-top: 1px dashed #222;
}
.trand-tab .average-line .average-tooltip {
  position: absolute;
  right: 0;
  bottom: -4.5rem;
  padding: 0.8rem 1.4rem;
  border-radius: 1.2rem 0 1.2rem 1.2rem;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.8s opacity;
  transition: 0.8s opacity;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
  background-color: #222;
}
.trand-tab .average-line .average-tooltip:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: -0.67rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/images/common/icon/icon16-average-tooltip.svg) no-repeat center center;
}
.trand-tab .chart-desc {
  margin: 1.8rem 0 7.4rem;
}
.trand-tab .chart-desc ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.trand-tab .chart-desc ul.half li {
  width: 50%;
}
.trand-tab .chart-desc ul.triple li {
  width: 33.3333333333%;
}
.trand-tab .chart-desc li ~ li {
  position: relative;
  padding-left: 1.2rem;
}
.trand-tab .chart-desc li ~ li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0.1rem;
  height: 4rem;
  background-color: #e5e5e5;
}
.trand-tab .chart-desc li p {
  margin-bottom: 0.3rem;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  color: #444;
  font-weight: 300;
}
.trand-tab .chart-desc li strong {
  font-size: 1.6rem;
  letter-spacing: -0.1rem;
  color: #222;
  font-weight: 800;
}
.trand-tab .chart-desc li strong span {
  letter-spacing: -0.1rem;
  font-weight: 800;
}
.trand-tab .trand-chart0 .bar-chart .chart-gauge {
  width: 3rem;
  margin: 0 1.4rem;
}
.trand-tab .trand-chart0 .bar-chart .chart-data {
  height: 17.4rem;
}
.trand-tab .trand-chart0 .bar-chart .data-tit {
  margin-top: 0.5rem;
  font-size: 1.3rem;
}
.trand-tab .trand-chart0 .bar-chart .data-label {
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
}
.trand-tab .trand-chart1 .bar-chart .data-tit,
.trand-tab .trand-chart2 .bar-chart .data-tit {
  margin-top: 0.5rem;
  font-size: 1.3rem;
}
.trand-tab .trand-chart1 .bar-chart .data-label,
.trand-tab .trand-chart2 .bar-chart .data-label {
  font-size: 1.2rem;
  margin-bottom: 0.2rem;
}
.trand-tab .trand-chart1 .bar-chart .chart-data,
.trand-tab .trand-chart2 .bar-chart .chart-data {
  height: 13.7rem;
}
.trand-tab .trand-chart1 .chart-gauge-group,
.trand-tab .trand-chart2 .chart-gauge-group {
  padding: 0;
}
.trand-tab .trand-chart1 .chart-gauge-group .chart-gauge,
.trand-tab .trand-chart2 .chart-gauge-group .chart-gauge {
  width: 2.2rem;
}
.trand-tab .trand-chart3 .img-area,
.trand-tab .trand-chart5 .img-area {
  position: relative;
  left: 0;
  text-align: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.trand-tab .trand-chart3 .img-area img,
.trand-tab .trand-chart5 .img-area img {
  width: 18rem;
}
.trand-tab .trand-chart3.ready .img-area,
.trand-tab .trand-chart5.ready .img-area {
  left: 100%;
  opacity: 0;
}
.trand-tab .trand-chart3.ready.screenon,
.trand-tab .trand-chart5.ready.screenon {
  left: 0%;
  opacity: 1;
}
.trand-tab .trand-chart3 .desc-area,
.trand-tab .trand-chart5 .desc-area {
  padding: 0 3.1rem;
  margin-top: 0.5rem;
}
.trand-tab .trand-chart3 .desc-area li,
.trand-tab .trand-chart5 .desc-area li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.4rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.trand-tab .trand-chart3 .desc-area li p,
.trand-tab .trand-chart5 .desc-area li p {
  font-size: 1.4rem;
  color: #444;
  font-weight: 300;
  letter-spacing: -0.1rem;
}
.trand-tab .trand-chart3 .desc-area li strong,
.trand-tab .trand-chart5 .desc-area li strong {
  font-size: 1.5rem;
  color: #222;
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.trand-tab .trand-chart3 .desc-area li strong span,
.trand-tab .trand-chart5 .desc-area li strong span {
  font-weight: 800;
  letter-spacing: -0.1rem;
}
.trand-tab .trand-chart4 .bar-chart .chart-data {
  height: 17.4rem;
}
.trand-tab .trand-chart4 .bar-chart .data-tit {
  margin-top: 0.5rem;
  font-size: 1.3rem;
}
.trand-tab .trand-chart4 .bar-chart .data-label {
  font-size: 1.2rem;
  margin-bottom: 0;
}
.trand-tab .trand-select-area {
  margin: 1rem auto;
}
.trand-tab .trand-select-area .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.trand-tab .trand-select-area .select-upper {
  text-align: center;
}
.trand-tab .trand-select-area .select-box {
  width: calc(33% - 0.5rem);
  margin-right: 0;
}
.trand-tab .trand-select-area .select-box ~ .select-box {
  margin-left: 0.5rem;
}
.trand-tab .trand-select-area .select-box.type-round {
  min-width: unset;
  border: 1px solid #c8c8c8;
}
.trand-tab .trand-select-area .select-box.type-round select {
  color: #222;
}
.trand-tab .screenon .average-tooltip {
  opacity: 1;
}

/* �۾� ��� �� (����) */
.fi-tab {
  margin: 4.6rem 0 1.1rem;
}
.fi-tab + .tab-contents-wrap .tab-content {
  display: none;
}
.fi-tab + .tab-contents-wrap .tab-content.active {
  display: block;
}
.fi-tab > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fi-tab > ul > li {
  margin-left: 1.5rem;
}
.fi-tab > ul > li:first-child {
  position: relative;
  margin-left: 0;
  margin-right: 1.5rem;
}
.fi-tab > ul > li:first-child:after {
  content: "";
  display: block;
  position: absolute;
  right: -1.6rem;
  top: 0.5rem;
  width: 1px;
  height: 2rem;
  background-color: #444;
}
.fi-tab > ul > li button {
  color: #888;
  font-size: 2rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
  line-height: 3.2rem;
}
.fi-tab > ul > li button.active {
  color: #fff;
}

/* select (����) input.scss */
.select-upper.scroll {
  overflow-x: auto;
}
.select-upper.scroll .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.select-box.type-round {
  min-width: 9.8rem;
  width: auto;
  padding: 0;
  margin-right: 0.5rem;
  border-radius: 1.7rem;
  border: 1px solid #666;
}
.select-box.type-round select {
  padding: 0.9rem 3.5rem 0.9rem 1.4rem;
  height: 3.5rem;
  line-height: 1.2;
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  font-weight: 500;
}

/* ��� ���� (����) */
.term-list {
  margin: 4rem -1.6rem;
  padding: 0 1.6rem;
  background-color: #aaa;
}

.term-pop-btn {
  width: 100%;
  margin-top: 1.5rem;
  font-size: 1.6rem;
  padding: 1.5rem 3rem 1.5rem 0;
  text-align: left;
  font-weight: 700;
  color: #666;
  background: url(/images/common/icon/icon24-term-link.svg) no-repeat right center;
}

/* ����ƼĿ (����) */
.newsticker-head-area {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 -0.8rem;
  padding: 1.7rem 1.6rem;
  width: 100%;
  height: 1.7rem;
  text-align: left;
  overflow: hidden;
  opacity: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background: #2e2e2e url(/images/common/icon/icon16-newsticker-arrow.svg) no-repeat right 1.6rem center;
}
.newsticker-head-area > .action-wrap {
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.newsticker-head-area > .action-wrap li {
  position: relative;
}
.newsticker-head-area > .action-wrap li ~ li {
  margin-top: 1.7rem;
}
.newsticker-head-area > .action-wrap li .inner p {
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.newsticker-head-area > .action-wrap li .inner p span {
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.newsticker-head-area > .action-wrap li .inner strong {
  margin-left: 0.3rem;
  color: #fc0;
  font-size: 1.4rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.newsticker-head-area > .action-wrap li .inner strong span {
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.newsticker-head-area.op1 {
  opacity: 1;
}
.newsticker-head-area.op1 > div {
  opacity: 1;
}

.newsticker-body-area {
  margin: 0 0 1.5rem;
  border-radius: 2rem;
  height: auto;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background-color: #2e2e2e;
}
.newsticker-body-area.login-on button {
  background-image: url(/images/common/icon/icon40-bu-news-paper-login.svg);
}
.newsticker-body-area.active {
  height: 0;
}
.newsticker-body-area > button {
  display: block;
  width: 100%;
  padding: 3.3rem 2rem 3.3rem 7.6rem;
  text-align: left;
  background: url(/images/common/icon/icon40-bu-news-paper.svg) no-repeat left 2.4rem center;
}
.newsticker-body-area .newsticker-body {
  height: 2rem;
  overflow: hidden;
}
.newsticker-body-area .newsticker-body p {
  color: #fff;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.newsticker-body-area .newsticker-body p span {
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.newsticker-body-area .newsticker-body strong {
  margin-left: 0.3rem;
  color: #fc0;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.newsticker-body-area .newsticker-body strong span {
  letter-spacing: -0.1rem;
  font-weight: 600;
}
.newsticker-body-area .link-arrow {
  margin-top: 0.6rem;
  color: #fff;
  background-image: url(/images/common/icon/icon16-link-arrow-white.svg);
}

/* ���޼��� (����) */
.warning-text {
  position: relative;
  margin-top: 3.2rem;
  padding-left: 2.1rem;
  font-size: 1.2rem;
  color: #aaa;
  letter-spacing: -0.12rem;
  word-break: keep-all;
  line-height: 1.5;
  background: url(/images/common/icon/icon16-trand-warning.svg) no-repeat left top 0.3rem;
}

/* �˴� �˾� */
.know-pop-wrap .img-area {
  text-align: center;
}
.know-pop-wrap .img-area img {
  width: 37.5rem;
  height: 30.8rem;
}
.know-pop-wrap .text-area {
  text-align: center;
}
.know-pop-wrap .text-area p {
  color: #444;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
}
.know-pop-wrap .text-area strong {
  display: block;
  margin-top: 1.4rem;
  color: #222;
  font-size: 2.6rem;
  font-weight: 600;
  letter-spacing: -0.1rem;
}
.know-pop-wrap .btn-area {
  margin-top: 4.4rem;
}
.know-pop-wrap .btn-area button {
  line-height: 5.6rem;
  font-size: 1.8rem;
  color: #222;
  font-weight: 900;
  letter-spacing: -0.1rem;
}
.know-pop-wrap .close-area {
  margin-top: 3rem;
  text-align: center;
}
.know-pop-wrap .close-area .btn-close {
  padding-left: 2.4rem;
  font-size: 1.6rem;
  color: #777;
  background: url(/images/common/icon/icon-know-close.svg) no-repeat left center;
}
.know-pop-wrap .desc-area {
  margin-top: 7.6rem;
}
.know-pop-wrap .desc-area p {
  font-size: 1rem;
  color: #aaa;
  font-weight: 900;
  letter-spacing: -0.1rem;
}
.know-pop-wrap .desc-area p + p {
  margin-top: 0.2rem;
}
.know-pop-wrap .desc-area p.small {
  font-size: 0.8rem;
}

.accordion-list-wrap.type-car {
  margin-top: 0.9rem;
}
.accordion-list-wrap.type-car .accordion-header {
  padding: 2.3rem 2rem;
}
.accordion-list-wrap.type-car .accordion-header .acco-left .description-list em {
  display: block;
  font-weight: 900;
  color: #222;
  letter-spacing: -0.1rem;
}
.accordion-list-wrap.type-car .accordion-header .acco-left .description-list span {
  margin-left: 0;
  color: #aaa;
  font-size: 1.5rem;
  letter-spacing: -0.1rem;
}
.accordion-list-wrap.type-car .accordion-header .acco-right {
  top: 50%;
  color: #aaa;
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: -1rem;
}
.accordion-list-wrap.type-car .accordion-header .acco-right .icon-arrow-right-gray {
  height: 2rem;
}

.android .fi-car-cont .car-main-cont .car-price-srch > div label {
  top: 0.6rem;
}

/* __add-v2.scss */
/* ���ڻ� */ /* component add */
.caotion-200 {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
}

.icon-refresh-round {
  background: url("/images/common/icon/icon24-reload-black.svg") no-repeat center/contain;
}

/* wrap 
.bg-header-yellow { 
    .content-header { background-color:#fc0; }
}
.bg-header-gray { 
    .content-header { background-color:#f6f8f9; }
}
.bg-all-gray { background-color:#f6f8f9;
    .content-header { background-color:#f6f8f9; }
}
.bg-all-white { background-color:#ffffff;
    .content-header { background-color:#ffffff; }
}
*/
/* content */
.CMYMCPSUBMAIN .top-main-account .top-account-wrap {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 2rem;
}
.CMYMCPSUBMAIN .top-main-account .top-account-wrap:after {
  height: 0;
  background: none;
}
.CMYMCPSUBMAIN .top-main-account .top-account-wrap .account-data .large-box .info-filter {
  margin-right: 0.8rem;
}
.CMYMCPSUBMAIN .top-main-account .top-account-wrap .account-data .large-box .info-filter .tit-txt {
  font-weight: 700;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMCPSUBMAIN .top-main-account .top-account-wrap .account-data .large-box .form-switch {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.CMYMCPSUBMAIN .top-main-account .top-account-wrap .account-data .tit-label {
  font-size: 0;
}
.CMYMCPSUBMAIN .top-main-account .top-account-wrap .account-data .tit-label .tit {
  margin-right: 0.4rem;
}
.CMYMCPSUBMAIN .top-main-account .top-account-wrap .account-data .tit-label .icon16 {
  margin-left: 0;
  margin-right: 0;
}
.CMYMCPSUBMAIN .top-main-account.scroll-active {
  position: fixed; /* animation:ani_dropdown .3s cubic-bezier(.215,.61,.355,1); */
}
.CMYMCPSUBMAIN .top-main-account.scroll-active .top-account-wrap {
  padding-bottom: 1.4rem;
}
.CMYMCPSUBMAIN .top-main-account.scroll-active .top-account-wrap .account-data {
  margin-top: 1.7rem;
}
.CMYMCPSUBMAIN .top-main-account.scroll-active .top-account-wrap .account-data .large-box {
  -webkit-transform: scale(0.8) translate(-12.5%);
      -ms-transform: scale(0.8) translate(-12.5%);
          transform: scale(0.8) translate(-12.5%);
}
.CMYMCPSUBMAIN .top-main-account.scroll-active .top-account-wrap .account-data .large-box .form-switch {
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
}
.CMYMCPSUBMAIN .top-background-header {
  position: absolute;
  top: -35.6rem;
  left: 0;
  width: 100%;
  height: 51rem;
  z-index: -1;
  font-size: 0;
  line-height: 0;
  text-indent: -9999999px;
}
.CMYMCPSUBMAIN .top-none-car .btn-area button {
  line-height: 4.8rem;
}
.CMYMCPSUBMAIN .top-none-car .btn-area button span {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.CMYMCPSUBMAIN .account-data {
  width: 100%;
}
.CMYMCPSUBMAIN .account-data .account-data-right {
  position: absolute;
  top: 0;
  right: 0;
}
.CMYMCPSUBMAIN .account-data .account-data-right .caotion-200 {
  vertical-align: middle;
  color: #222;
  opacity: 0.6;
}
.CMYMCPSUBMAIN .account-data .account-data-right .icon-refresh-round {
  vertical-align: middle;
  margin-left: 0.4rem;
}
.CMYMCPSUBMAIN .account-data .account-data-right .icon-refresh-round.refresh-loding {
  background: url(/images/common/icon/icon24-reload-black-interaction.svg) no-repeat center/contain;
}
.CMYMCPSUBMAIN .account-data .account-data-right .icon24-refresh-round-interaction {
  margin-left: 0.4rem;
}
.CMYMCPSUBMAIN .account-data .va-middle {
  vertical-align: middle;
  margin-right: 0.8rem;
}
.CMYMCPSUBMAIN .account-data .large-box {
  margin-top: 0.1rem;
  position: relative;
  padding-right: 0;
}
.CMYMCPSUBMAIN .account-data .large-box .info-filter {
  display: inline-block;
  vertical-align: middle;
}
.CMYMCPSUBMAIN .account-data .large-box .info-filter .price {
  font-size: 3rem;
  color: #222;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCPSUBMAIN .account-data .large-box .info-filter .price strong span {
  text-align: center;
}
.CMYMCPSUBMAIN .account-data .large-box > .price {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.CMYMCPSUBMAIN .account-data .large-box .form-switch {
  right: 0;
}
.CMYMCPSUBMAIN .account-data .icon16 {
  margin-left: 0.5rem;
}
.CMYMCPSUBMAIN .container-main {
  position: relative;
}
.CMYMCPSUBMAIN .container-main .account-data .account-data-right .caotion-200 {
  color: #888;
}
.CMYMCPSUBMAIN .accordion-wrap.toggle-active .accordion-container {
  padding-bottom: 2rem;
}
.CMYMCPSUBMAIN .accordion-wrap.toggle-active .accordion-container .account-data {
  position: relative;
  height: 2.3rem;
  margin-top: -1.5rem;
  margin-bottom: -1rem;
}
.CMYMCPSUBMAIN .accordion-container .tab-underbar-wrap {
  padding: 1.4rem 0 0.6rem;
}
.CMYMCPSUBMAIN .icon-more-area {
  text-align: center;
}
.CMYMCPSUBMAIN .form-switch.form-switch-main i {
  width: 3.6rem;
  height: 2rem;
  border-radius: 1rem;
}
.CMYMCPSUBMAIN .form-switch.form-switch-main i span {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0;
}
.CMYMCPSUBMAIN .form-switch.form-switch-main input:checked + i, .CMYMCPSUBMAIN .form-switch.form-switch-main .inp-box .ico-confirm:checked + i, .inp-box .CMYMCPSUBMAIN .form-switch.form-switch-main .ico-confirm:checked + i {
  background-color: rgb(255, 255, 255);
}
.CMYMCPSUBMAIN .form-switch.form-switch-main input:checked + i span, .CMYMCPSUBMAIN .form-switch.form-switch-main .inp-box .ico-confirm:checked + i span, .inp-box .CMYMCPSUBMAIN .form-switch.form-switch-main .ico-confirm:checked + i span {
  background-color: rgb(255, 204, 0);
}
.CMYMCPSUBMAIN .container-top-roundbox-area {
  padding-top: 2.4rem;
}
.CMYMCPSUBMAIN .container-top-roundbox {
  position: relative;
  padding: 2.4rem;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .top-title-price-link {
  display: block;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .top-title-price {
  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;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .top-title-price .title-txt {
  font-size: 0;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .top-title-price .title-txt .tit {
  display: inline-block;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .top-title-price .title-txt .num-round {
  display: inline-block;
  background-color: #eeeeee;
  text-align: center;
  border-radius: 0.8rem;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222222;
  margin-left: 0.8rem;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .top-title-price .title-txt .icon-tooltip {
  margin-left: 0.4rem;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .top-title-price .tooltip {
  margin-top: 0.4rem;
  left: 2.4rem;
  right: 2.4rem;
  padding: 2.4rem 4rem 2.4rem 2.4rem;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .body-100 {
  font-size: 1.8rem;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .body-100.text-unmarked {
  font-size: 1.8rem;
  font-weight: 400;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .body-210, .CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .inp-list-wrap > ul > li .label, .inp-list-wrap > ul > li .CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .label {
  text-align: center;
  padding: 2.5rem 0;
}
.CMYMCPSUBMAIN .container-top-roundbox .top-roundbox-price .btn-area {
  padding: 0;
}
.CMYMCPSUBMAIN .container-top-roundbox.top {
  z-index: 2;
}
.CMYMCPSUBMAIN .emblem-as-list > li {
  position: relative;
  margin-top: 1.6rem;
  width: 100%;
  padding: 0;
  margin-bottom: 0;
}
.CMYMCPSUBMAIN .emblem-as-list > li .emblem-as-list-link {
  position: relative;
  display: block;
  padding: 0.6rem 0;
  max-width: none;
  min-height: 6rem;
  text-align: left;
}
.CMYMCPSUBMAIN .emblem-as-list > li .icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCPSUBMAIN .emblem-as-list > li .icon ~ .tit {
  height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5.6rem;
  padding-right: 3.2rem;
  font-weight: 500;
}
.CMYMCPSUBMAIN .emblem-as-list > li .icon ~ .price {
  display: block;
  height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5.6rem;
  padding-right: 3.2rem;
  font-weight: 700;
  font-size: 1.6rem;
  color: #222;
}
.CMYMCPSUBMAIN .emblem-as-list > li .icon ~ .icon-arrow-right-black {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCPSUBMAIN .emblem-as-list > li .icon img {
  width: 100%;
}
.CMYMCPSUBMAIN .emblem-as-list .image40 {
  display: inline-block;
  width: 4rem;
  overflow: hidden;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}
.CMYMCPSUBMAIN .error-linkbox-wrap {
  position: relative;
  padding-bottom: 3.2rem;
}
.CMYMCPSUBMAIN .error-linkbox-wrap:after {
  position: absolute;
  bottom: 0;
  left: -1.6rem;
  content: "";
  display: block;
  width: calc(100% + 3.2rem);
  height: 0.8rem;
  background: #f8f8f8;
}
.CMYMCPSUBMAIN .error-linkbox-wrap .error-linkbox-padding {
  padding-top: 2.4rem;
}
.CMYMCPSUBMAIN .error-linkbox-wrap .error-linkbox-padding .error-linkbox {
  position: relative;
  border: 0.1rem solid rgb(238, 238, 238);
  border-radius: 1.3rem;
  padding: 1.6rem;
}
.CMYMCPSUBMAIN .error-linkbox-wrap .error-linkbox-padding .error-linkbox i {
  margin: 0 0.4rem 0 0;
  vertical-align: middle;
  background: url(/images/common/icon/icon16-error.svg) no-repeat center/contain;
}
.CMYMCPSUBMAIN .error-linkbox-wrap .error-linkbox-padding .error-linkbox em {
  display: block;
  margin-left: 0;
  margin-right: 6.5rem;
}
.CMYMCPSUBMAIN .error-linkbox-wrap .error-linkbox-padding .error-linkbox em .tit {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  vertical-align: middle;
}
.CMYMCPSUBMAIN .error-linkbox-wrap .error-linkbox-padding .error-linkbox p {
  margin: 0.5rem 0 0 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.CMYMCPSUBMAIN .error-linkbox-wrap .error-linkbox-padding .error-linkbox .btn-reconnect {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.6rem;
  background-color: rgb(238, 238, 238);
  border-radius: 1.4rem;
  font-size: 1.4rem;
  color: rgb(34, 34, 34);
  letter-spacing: -0.05rem;
  line-height: 2rem;
  padding: 0.4rem 0.8rem;
}
.CMYMCPSUBMAIN .accordion-list-wrap {
  padding: 0 0 2rem;
}
.CMYMCPSUBMAIN .accordion-list-wrap > ul > li:last-child .type-mix:after {
  display: none;
}
.CMYMCPSUBMAIN .accordion-list-wrap .accordion-wrap-link {
  position: relative;
}
.CMYMCPSUBMAIN .accordion-list-wrap .accordion-wrap-link:after {
  position: relative;
  bottom: 0;
  left: -1.6rem;
  content: "";
  display: block;
  width: calc(100% + 3.2rem);
  height: 0.8rem;
  background: #f8f8f8;
}
.CMYMCPSUBMAIN .accordion-list-wrap .icon-error {
  margin-right: 0.4rem !important;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
  background: url(/images/common/icon/icon16-error.svg) no-repeat center/contain;
}
.CMYMCPSUBMAIN .accordion-list-wrap .accordion-wrap.type-mix:after {
  position: relative;
}
.CMYMCPSUBMAIN .accordion-list-wrap .accordion-wrap .text-unmarked {
  font-weight: 400 !important;
}
.CMYMCPSUBMAIN .accordion-list-wrap .accordion-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.CMYMCPSUBMAIN .accordion-list-wrap .accordion-link.type-mix:after {
  display: none;
}
.CMYMCPSUBMAIN .main-title-list {
  position: relative;
  border-bottom: 0.1rem solid rgb(238, 238, 238);
  padding: 0.8rem 0;
  margin-top: 1.8rem;
}
.CMYMCPSUBMAIN .main-title-list .tit {
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 700;
}
.CMYMCPSUBMAIN .main-title-list .price {
  position: absolute;
  top: 0.8rem;
  right: 0;
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  font-weight: 700;
}
.CMYMCPSUBMAIN .main-title-list .account-area {
  display: block;
  text-align: right;
  line-height: 1.6rem;
}
.CMYMCPSUBMAIN .main-title-list .account-area .account {
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
}
.CMYMCPSUBMAIN .main-title-list .account-area .account.account-sky {
  color: #2589ff;
}
.CMYMCPSUBMAIN .main-title-list .account-area .account.account-red {
  color: #ff0000;
}
.CMYMCPSUBMAIN .info-list > li .account-sky {
  position: absolute;
  right: 0;
  bottom: 1rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
  color: rgb(37, 137, 255);
}
.CMYMCPSUBMAIN .info-list > li .account-gray {
  position: absolute;
  right: 0;
  bottom: 1rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
  color: rgb(136, 136, 136);
}
.CMYMCPSUBMAIN .info-list > li .account-red {
  position: absolute;
  right: 0;
  bottom: 1rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
  color: rgb(255, 0, 0);
}
.CMYMCPSUBMAIN .tab-contents-wrap .tab-contents .tab-content {
  display: none;
}
.CMYMCPSUBMAIN .tab-contents-wrap .tab-contents .tab-content.active {
  display: block;
}
.CMYMCPSUBMAIN .acco-bottom {
  display: block;
  padding-bottom: 2.4rem;
}
.CMYMCPSUBMAIN .acco-bottom .acco-bottom-box img {
  width: 100%;
}
.CMYMCPSUBMAIN .acco-bottom .acco-bottom-box .icon {
  text-indent: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1.6rem;
}
.CMYMCPSUBMAIN .acco-bottom .acco-bottom-box .txt {
  display: block;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
}
.CMYMCPSUBMAIN .acco-bottom .acco-bottom-box .btn-reconnect {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.6rem;
  background-color: #ffffff;
  border-radius: 1.4rem;
  padding: 0.4rem 1rem;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCPSUBMAIN .btn-floating {
  bottom: 12rem;
}

.icon-more-ast {
  background: url("/images/common/as/icon48-more-view-ast.svg") no-repeat center/contain;
}

.bg-color-eaf4ff {
  background-color: #eaf4ff;
}

.bg-color-fef3df {
  background-color: #fef3df;
}

.bg-color-fcedef {
  background-color: #fcedef;
}

/******
 * ���̵����� ����
 *******/
.CMYMCP001.type-new .top-main-account {
  margin: 0 -1.6rem;
  background: #fc0;
  padding: 0 1.6rem 3.2rem;
  padding-top: 0 !important;
}
.CMYMCP001.type-new .top-main-account .tit-area {
  margin-bottom: 0;
}
.CMYMCP001.type-new .top-main-account .tit-area + .subcont-inner {
  margin-top: 1.5rem;
}
.CMYMCP001.type-new .top-main-account .subcont-box {
  padding-right: 4rem;
}
.CMYMCP001.type-new .txt-price {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 1rem;
}
.CMYMCP001.type-new .txt-price .scratch-hidden-txt {
  font: inherit;
  letter-spacing: -0.06rem;
}
.CMYMCP001.type-new .txt-price strong[data-module=scrollStopNumbers] span {
  font: inherit;
}
.CMYMCP001.type-new .txt-price strong[data-module=scrollStopNumbers] > span {
  overflow: visible;
  margin-left: -0.025rem;
  text-align: center;
}
.CMYMCP001.type-new .txt-price strong[data-module=scrollStopNumbers],
.CMYMCP001.type-new .txt-price .scratch-hidden-txt {
  font-family: -apple-system, "Roboto", "NotoSansKR", "Arial", sans-serif;
  font-weight: 700;
}

/* ��ũ��� */
.bg-all-black .CMYMCP001.type-new .subcont-box .box-link:after {
  right: 2rem;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: -1.75rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  border: none;
  background: url(/images/common/icon/icon35-push-link.svg) no-repeat center center;
}
.bg-all-black .CMYMCP001.type-new .txt-price {
  line-height: 3.5rem;
}
.bg-all-black .CMYMCP001.type-new .top-main-account {
  background: #1a1a1a;
}
.bg-all-black .CMYMCP001.type-new .header-title-100 {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .sticky-link {
  background-color: #2e2e2e;
}
.bg-all-black .CMYMCP001.type-new .sticky-link > span {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .sticky-link .icon-addbank {
  background-image: url(/images/common/icon/icon16-addbank-white.svg);
}
.bg-all-black .CMYMCP001.type-new .sticky-link .icon-plus-black-bold {
  background-image: url(/images/common/icon/icon16-plus-bold-white.svg);
}
.bg-all-black .CMYMCP001.type-new .accordion-list-wrap {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  background-color: #1a1a1a;
}
.bg-all-black .CMYMCP001.type-new .accordion-list-wrap .acco-left strong {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .accordion-list-wrap .accordion-link.type-mix .acco-right strong {
  color: #fc0;
}
.bg-all-black .CMYMCP001.type-new .accordion-list-wrap .acco-right .account-top em {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .accordion-list-wrap .acco-right .account-top span {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .accordion-wrap.type-mix:after {
  background-color: #000;
}
.bg-all-black .CMYMCP001.type-new .accordion-wrap.type-mix .acco-right > i.icon-arrow-bottom-black {
  background-image: url(/images/common/icon/icon16-arrow-bottom-white.svg);
}
.bg-all-black .CMYMCP001.type-new .stretches-list-wrap .info-list li .tit {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .stretches-list-wrap .info-tab-list li .icon-area .tit {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .stretches-list-wrap .info-tab-list li .icon-area .right-txt-area .price {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .stretches-list-wrap .info-tab-list li .txt-area .info {
  color: #888;
}
.bg-all-black .CMYMCP001.type-new .info-list > li .price {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .info-list > li .price .btn-txt.sm {
  color: #fff;
}
.bg-all-black .CMYMCP001.type-new .info-list .info li {
  color: #888;
}
.bg-all-black .CMYMCP001.type-new .tab-underbar.black-tab {
  margin: 0 -1.6rem;
  width: auto;
}
.bg-all-black .CMYMCP001.type-new .tab-underbar.black-tab ul li button {
  background-color: #1a1a1a;
}
.bg-all-black .CMYMCPSUBMAIN .accordion-list-wrap {
  padding: 0 1.6rem 2rem !important;
}
.bg-all-black .CMYMCPSUBMAIN .accordion-list-wrap .accordion-wrap-link:after {
  background-color: #000;
}
.bg-all-black .CMYMCPSUBMAIN .error-linkbox-wrap:after {
  background-color: #000;
}
.bg-all-black .CMYMCPSUBMAIN .error-linkbox-wrap .error-linkbox {
  background-color: #fff;
}
.bg-all-black .CMYMCPSUBMAIN .main-title-list {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.bg-all-black .CMYMCPSUBMAIN .main-title-list .tit {
  color: #888;
}
.bg-all-black .CMYMCPSUBMAIN .main-title-list .price {
  color: #888;
}
.bg-all-black .CMYMCPSUBMAIN .form-switch-area .form-switch-txt {
  color: #aaa;
}
.bg-all-black .CMYMCPSUBMAIN .form-switch.form-switch-main i {
  background-color: #444;
}
.bg-all-black .CMYMCPSUBMAIN .form-switch.form-switch-main input:checked + i, .bg-all-black .CMYMCPSUBMAIN .form-switch.form-switch-main .inp-box .ico-confirm:checked + i, .inp-box .bg-all-black .CMYMCPSUBMAIN .form-switch.form-switch-main .ico-confirm:checked + i {
  background-color: rgb(255, 204, 0);
}
.bg-all-black .CMYMCPSUBMAIN .form-switch.form-switch-main input:checked + i span, .bg-all-black .CMYMCPSUBMAIN .form-switch.form-switch-main .inp-box .ico-confirm:checked + i span, .inp-box .bg-all-black .CMYMCPSUBMAIN .form-switch.form-switch-main .ico-confirm:checked + i span {
  background-color: rgb(255, 255, 255);
}

.CMYMCP001-1 .btn-area .btn-dark-gray {
  background-color: #222;
  opacity: 0.7;
}
.CMYMCP001-1 .btn-area .btn-dark-gray span {
  font-size: 1.4rem;
  text-align: center;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #fff;
}
.CMYMCP001-1 .btn-area.bottom-fixed button {
  line-height: 4.8rem;
}

.mainbg-kbcolor-off .content-header {
  background-color: rgb(246, 248, 249);
}
.mainbg-kbcolor-off .content-body .content.ast .section .top-main-account {
  background-color: rgb(246, 248, 249);
}
.mainbg-kbcolor-off .content-body .content.ast .section .container-main:before {
  background-color: rgb(246, 248, 249);
}

.CMYMCP003 .modal-body {
  padding: 8.8rem 1.6rem 0;
}
.CMYMCP003 .modal-body .img-finance {
  text-align: center;
}
.CMYMCP003 .modal-body .img-finance .img-wrap {
  margin: 0 auto;
  width: 14rem;
}
.CMYMCP003 .modal-body .img-finance .img-wrap img {
  width: 100%;
}
.CMYMCP003 .modal-body .img-finance .tit {
  margin-top: 1.6rem;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP003 .modal-body .img-finance .txt {
  margin-top: 0.4rem;
  margin-bottom: 2.4rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP003 .modal-body .registration-list {
  padding-bottom: 3.5rem;
}
.CMYMCP003 .modal-body .registration-list > li {
  position: relative;
  margin-bottom: 3.8rem;
}
.CMYMCP003 .modal-body .registration-list > li:last-child {
  margin-bottom: 0;
}
.CMYMCP003 .modal-body .registration-list > li .icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCP003 .modal-body .registration-list > li .icon ~ .tit {
  padding-left: 5.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 500;
}
.CMYMCP003 .modal-body .registration-list > li .icon ~ .price {
  padding-left: 5.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMCP003 .modal-body .registration-list > li .icon ~ button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCP003 .modal-body .registration-list .image40 {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}
.CMYMCP003 .modal-body .button-form-box {
  width: 100%;
  display: block;
}
.CMYMCP003 .modal-body .button-form-box .form-box {
  text-align: center;
  margin-top: 2.4rem;
  padding-bottom: 1.8rem;
}
.CMYMCP003 .modal-body .button-form-box .form-box .txt {
  vertical-align: middle;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  display: inline-block;
}
.CMYMCP003 .modal-body .tac {
  margin-top: 2.4rem;
  padding-bottom: 1.6rem;
}

.CMYMCP004 .btn-area button span {
  font-size: 1.6rem;
}

.CMYMCP005 .btn-area button span {
  font-size: 1.6rem;
}

.CMYMCP006 .assets-top {
  text-align: right;
  border-bottom: 0.1rem solid rgb(238, 238, 238);
  padding-bottom: 1.6rem;
}
.CMYMCP006 .assets-top:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.CMYMCP006 .assets-top .tit {
  display: inline-block;
  float: left;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP006 .assets-top .price {
  display: inline-block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP006 .assets-list-wrap .assets-list {
  padding-top: 0.8rem;
}
.CMYMCP006 .assets-list-wrap .assets-list li {
  text-align: right;
  padding: 1.082rem 0;
}
.CMYMCP006 .assets-list-wrap .assets-list li:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.CMYMCP006 .assets-list-wrap .assets-list li .tit {
  display: inline-block;
  float: left;
  line-height: 2.4rem;
  vertical-align: middle;
}
.CMYMCP006 .assets-list-wrap .assets-list li .tit label {
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP006 .assets-list-wrap .assets-list li .tit label .txt {
  color: #222;
  font-weight: 500;
  font-size: 1.6rem;
}
.CMYMCP006 .assets-list-wrap .assets-list li .price {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}

.CMYMCP007 .modal-body .icon-area {
  text-align: center;
}
.CMYMCP007 .modal-body .icon-area .icon48 {
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}
.CMYMCP007 .modal-body .icon-nodata {
  background: url("/images/common/icon/icon48-nodata.svg") no-repeat center/contain;
}
.CMYMCP007 .modal-body .modal-txt {
  margin-top: 0.8rem;
  text-align: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

.CMYMCP008 .modal-body .modal-txt {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
}
.CMYMCP008 .modal-body .table-wrap {
  margin-top: 1.6rem;
}
.CMYMCP008 .modal-body .table-wrap table tbody th {
  padding: 1.4rem 1.6rem;
}
.CMYMCP008 .modal-body .table-wrap table tbody td {
  padding: 1.4rem 1.6rem;
}
.CMYMCP008 .modal-body .bullet-wrap {
  margin-top: 2.4rem;
  padding-bottom: 2.4rem;
}
.CMYMCP008 .modal-body .button-form-box {
  width: 100%;
  display: block;
}
.CMYMCP008 .modal-body .button-form-box .form-box {
  text-align: center;
}
.CMYMCP008 .modal-body .button-form-box .form-box .txt {
  margin-left: 0.4rem;
}

.CMYMCP009 .modal-body .modal-txt {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
}
.CMYMCP009 .modal-body .table-wrap {
  margin-top: 1.6rem;
}
.CMYMCP009 .modal-body .table-wrap table tbody th {
  padding: 1.4rem 1.6rem;
}
.CMYMCP009 .modal-body .table-wrap table tbody td {
  padding: 1.4rem 1.6rem;
}
.CMYMCP009 .modal-body .bullet-wrap {
  margin-top: 1.6rem;
}
.CMYMCP009 .modal-body .button-form-box {
  width: 100%;
  display: block;
}
.CMYMCP009 .modal-body .button-form-box .form-box {
  text-align: center;
}
.CMYMCP009 .modal-body .button-form-box .form-box .txt {
  margin-left: 0.4rem;
}

.CMYMCP209 .data-list {
  margin-top: 3.2rem;
}

.CMYMCP210 .data-list {
  margin-top: 3.2rem;
}

.CMYMCP211 .detail-list > ul > li p + .detail-box,
.CMYMCP212 .detail-list > ul > li p + .detail-box {
  margin-top: 2.4rem;
}
.CMYMCP211 .detail-list > ul > li .detail-box,
.CMYMCP212 .detail-list > ul > li .detail-box {
  margin-top: 0;
}
.CMYMCP211 .detail-list > ul > li .detail-box .data-list,
.CMYMCP212 .detail-list > ul > li .detail-box .data-list {
  margin-top: 0;
}
.CMYMCP211 .detail-list > ul > li .detail-box .list-tit,
.CMYMCP212 .detail-list > ul > li .detail-box .list-tit {
  margin-bottom: 0;
}
.CMYMCP211 .detail-list > ul > li:first-child,
.CMYMCP212 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP211 .filter-area + .detail-list > ul > li:first-child,
.CMYMCP212 .filter-area + .detail-list > ul > li:first-child {
  border-top: 1px solid #eee;
}

.CMYMCP212 .detail-list > ul > li .detail-box .data-list {
  margin-top: 0;
}

.CMYMCP215 .detail-list {
  margin: 0;
  margin-top: -1.6rem;
}
.CMYMCP215 .detail-list > ul > li {
  padding: 1.6rem 0 2.4rem;
}
.CMYMCP215 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP215 .detail-list > ul > li:last-child {
  padding-bottom: 0;
}

.CMYMCP216 .detail-list {
  margin: 0;
  margin-top: -1.6rem;
}
.CMYMCP216 .detail-list > ul > li {
  padding: 1.6rem 0 0;
}
.CMYMCP216 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP216 .detail-list > ul > li:last-child {
  padding-bottom: 0;
}

.CMYMCP217 .detail-list {
  margin: 0;
  margin-top: -1.6rem;
}
.CMYMCP217 .detail-list > ul > li {
  padding: 1.6rem 0 2.4rem;
}
.CMYMCP217 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP217 .detail-list > ul > li:last-child {
  padding-bottom: 0;
}

.CMYMCP223 .top-account-wrap .account-name strong {
  line-height: 4rem;
}
.CMYMCP223 .detail-list > ul > li div.detail-box {
  margin-top: 0;
}
.CMYMCP223 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP223 .filter-area + .detail-list > ul > li:first-child {
  border-top: 1px solid #eee;
}

.CMYMCP224 .account-name strong {
  line-height: 4rem;
}
.CMYMCP224 .inp-list-wrap {
  margin-top: 2.4rem;
}
.CMYMCP224 .detail-list > ul > li:first-child {
  border-top: 0;
}

.CMYMCP226 .modal-body {
  padding-bottom: 1.6rem;
}
.CMYMCP226 .modal-body .link-list {
  margin: 0 -1.6rem;
}
.CMYMCP226 .modal-body .link-list button {
  text-align: left;
}

.CMYMCP228 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP228 .filter-area + .detail-list > ul > li:first-child {
  border-top: 1px solid #eee;
}

.CMYMCP230 .account-name strong {
  line-height: 4rem;
}
.CMYMCP230 .detail-list > ul > li:first-child {
  border-top: 0;
}

.CMYMCP231 .account-name strong {
  line-height: 4rem;
}
.CMYMCP231 .detail-list > ul > li:first-child {
  border-top: 0;
}

.CMYMCP232 .account-name strong {
  line-height: 4rem;
}
.CMYMCP232 .detail-list > ul > li:first-child {
  border-top: 0;
}

.CMYMCP233 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP233 .filter-area + .detail-list > ul > li:first-child {
  border-top: 1px solid #eee;
}

.CMYMCP235 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP235 .filter-area + .detail-list > ul > li:first-child {
  border-top: 1px solid #eee;
}

.CMYMCP237 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP237 .filter-area + .detail-list > ul > li:first-child {
  border-top: 1px solid #eee;
}

.CMYMCP241 .data-list ~ .data-list {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px solid #eee;
}

.CMYMCP245 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP245 .filter-area + .detail-list > ul > li:first-child {
  border-top: 1px solid #eee;
}

.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list {
  padding: 3.2rem 0 0;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info {
  display: inline-block;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li {
  position: relative;
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li + li {
  margin-left: 0.8rem;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li + li .txt {
  margin-left: 0.9rem;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background-color: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li .txt {
  max-width: none;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .txt .btn-txt {
  margin-left: 0.4rem;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .btn-arrow-txt {
  font-size: 0;
  display: inline-block;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .btn-arrow-txt .txt {
  margin-left: 0;
  max-width: none;
  vertical-align: middle;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .btn-arrow-txt .txt + i {
  margin-left: 0.4rem;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .btn-arrow-txt i {
  vertical-align: middle;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .date + .detail-box {
  margin-top: 2.4rem;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .detail-box {
  margin-top: 0;
}
.CMYMCP254 .tab-contents-wrap .tab-contents .tab-content .detail-box .data-list {
  padding: 0;
}

.CMYMCP255 .detail-list > ul > li:first-child {
  border-top: none;
}
.CMYMCP255 .detail-list > ul > li .date + .detail-box {
  margin-top: 2.4rem;
}
.CMYMCP255 .detail-list > ul > li .detail-box {
  margin-top: 0;
}

.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .data-list {
  padding: 3.2rem 0 0;
}
.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info {
  display: inline-block;
}
.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li {
  position: relative;
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
}
.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li + li {
  margin-left: 0.8rem;
}
.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li + li .txt {
  margin-left: 0.9rem;
}
.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background-color: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .data-list > ul li .info > li .txt {
  max-width: none;
}
.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .date + .detail-box {
  margin-top: 2.4rem;
}
.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .detail-box {
  margin-top: 0;
}
.CMYMCP256 .tab-contents-wrap .tab-contents .tab-content .detail-box .data-list {
  padding: 0;
}

.CMYMCP257 .data-list ~ .data-list {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 0.1rem solid #eee;
}
.CMYMCP257 .data-list em, .CMYMCP257 .data-list span, .CMYMCP257 .data-list .round-txt-wrap {
  vertical-align: middle;
}
.CMYMCP257 .data-list .tit em {
  display: inline-block;
}
.CMYMCP257 .round-txt-wrap {
  margin-left: 0.8rem;
}

.CMYMCP266 .data-list {
  margin-top: 3.2rem;
}

.CMYMCP269 .data-list {
  margin-top: 3.2rem;
}

.CMYMCP273 .detail-list > ul > li p + .detail-box,
.CMYMCP275 .detail-list > ul > li p + .detail-box {
  margin-top: 2.4rem;
}
.CMYMCP273 .detail-list > ul > li .detail-box,
.CMYMCP275 .detail-list > ul > li .detail-box {
  margin-top: 0;
}
.CMYMCP273 .detail-list > ul > li .detail-box .data-list,
.CMYMCP275 .detail-list > ul > li .detail-box .data-list {
  margin-top: 0;
}
.CMYMCP273 .detail-list > ul > li .detail-box .list-tit,
.CMYMCP275 .detail-list > ul > li .detail-box .list-tit {
  margin-bottom: 0;
}
.CMYMCP273 .detail-list > ul > li:first-child,
.CMYMCP275 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP273 .filter-area + .detail-list > ul > li:first-child,
.CMYMCP275 .filter-area + .detail-list > ul > li:first-child {
  border-top: 1px solid #eee;
}

.CMYMCP278 .detail-list {
  margin: 0;
  margin-top: -1.6rem;
}
.CMYMCP278 .detail-list > ul > li {
  padding: 2.4rem 0;
}
.CMYMCP278 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP278 .detail-list > ul > li:last-child {
  padding-bottom: 0;
}

.CMYMCP279 .detail-list {
  margin: 0;
  margin-top: -1.6rem;
}
.CMYMCP279 .detail-list > ul > li {
  padding: 2.4rem 0;
}
.CMYMCP279 .detail-list > ul > li:first-child {
  border-top: 0;
}
.CMYMCP279 .detail-list > ul > li:last-child {
  padding-bottom: 0;
}

.CMYMCP300 .link-list {
  margin: 0 -1.6rem;
}
.CMYMCP300 .btn-wrap {
  margin-top: 1.6rem;
}

.CMYMCP300 .link-list {
  margin: 0 -1.6rem;
}
.CMYMCP300 .btn-wrap {
  margin-top: 1.6rem;
}

.CMYMCP301 .contents-subtext-area {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.CMYMCP301 .contents-subtext-area span {
  display: inline;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP301 .link-list-area .link-list {
  margin: 2.4rem -1.6rem 0;
}
.CMYMCP301 .link-list-area .link-list li a .txt,
.CMYMCP301 .link-list-area .link-list li button .txt {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  font-weight: 700;
}
.CMYMCP301 .link-list-area .link-list li .text-icon16 {
  float: left;
  position: initial;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: 0.4rem;
  margin-left: 0.4rem;
  background: url(/images/common/icon/icon16-error.svg) no-repeat center/contain;
}
.CMYMCP301 .link-list-area .link-list li .tag-round {
  margin: 0.2rem 0;
  vertical-align: middle;
}
.CMYMCP301 .link-list-area .link-list li > a span.txt {
  padding-top: 0.2rem;
  display: inline-block;
  line-height: 2rem;
}
.CMYMCP301 .btn-wrap {
  margin-top: 1.6rem;
}
.CMYMCP301 .tac {
  margin-top: 3.2rem;
}

.CMYMCP302 .top-account-wrap {
  padding-bottom: 1.6rem;
}
.CMYMCP302 .top-account-wrap .account-data {
  margin-top: 0.8rem;
  padding-bottom: 4.8rem;
}
.CMYMCP302 .top-account-wrap .account-data .btn-detail {
  top: auto;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 4rem;
}
.CMYMCP302 .top-account-wrap .account-data .btn-detail span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP302 .top-account-wrap .account-data .btn-detail span.open-txt {
  display: none;
}
.CMYMCP302 .top-account-wrap .account-data .btn-detail span + .icon16 {
  margin-left: 0.4rem;
}
.CMYMCP302 .top-account-wrap .account-data .btn-detail.active {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.CMYMCP302 .top-account-wrap .account-data .btn-detail.active span {
  display: none;
}
.CMYMCP302 .top-account-wrap .account-data .btn-detail.active span.open-txt {
  display: block;
}
.CMYMCP302 .top-account-wrap .account-data .btn-detail.active .icon16 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.CMYMCP302 .top-account-wrap .account-data .detail-contents .table-wrap {
  margin-top: 1.6rem;
}
.CMYMCP302 .top-account-wrap .account-data .detail-contents .table-wrap + .btn-wrap {
  margin-top: 1.6rem;
}
.CMYMCP302 .top-account-wrap .account-data .detail-contents.active {
  margin-top: 2.4rem;
}
.CMYMCP302 .property-list {
  margin-top: 3.2rem;
}
.CMYMCP302 .bullet-list {
  padding-top: 0.8rem;
}

.CMYMCP302-2 .info-confirmation-area {
  margin-top: -3rem;
}

.CMYMCP303 .modal-body {
  padding-bottom: 1.6rem;
}
.CMYMCP303 .modal-body .link-list li {
  margin-top: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.CMYMCP303 .modal-body .link-list li:first-child {
  margin-top: 0;
}

.CMYMCP304 .modal-body {
  padding: 8.8rem 1.6rem 1.6rem;
}
.CMYMCP304 .data-list {
  margin-top: 2.4rem;
}
.CMYMCP304 .data-list ul li .txt .btn-txt {
  margin-left: 0.4rem;
}
.CMYMCP304 .data-list ul li .txt.error {
  color: #f00;
}

.CMYMCP305 .property-list {
  margin-top: 1.6rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.CMYMCP305 .property-list > li {
  margin-top: 1.6rem;
  padding: 0;
  border: none;
  border-radius: 0;
}
.CMYMCP305 .property-list > li:first-child {
  margin-top: 0;
}
.CMYMCP305 .property-list > li .box .tit {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.CMYMCP305 .bullet-list {
  margin-top: 2.4rem;
}

.CMYMCP306 .modal-header {
  background: transparent;
}
.CMYMCP306 .result-box {
  margin: -4.8rem 0 1.6rem;
  padding: 0;
}

.CMYMCP307 .property-list {
  margin-top: 1.6rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.CMYMCP307 .property-list > li {
  margin-top: 1.6rem;
  padding: 0;
  border: none;
  border-radius: 0;
}
.CMYMCP307 .property-list > li:first-child {
  margin-top: 0;
}
.CMYMCP307 .property-list > li .box .tit {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.CMYMCP307 .bullet-list {
  margin-top: 2.4rem;
}
.CMYMCP307 .bullet-list li .point-txt {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP307 .tac {
  margin-top: 2.4rem;
}

.CMYMCP308 .bullet-list {
  margin-top: 1.6rem;
}

.CMYMCP309 .bullet-list {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}
.CMYMCP309 .form-box {
  text-align: center;
  margin-bottom: 3.2rem;
}
.CMYMCP309 .table-wrap td {
  text-align: right;
}
.CMYMCP309 .table-wrap td span {
  color: #2589ff;
}

.CMYMCP310 .property-list {
  margin-top: 1.6rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.CMYMCP310 .property-list > li {
  margin-top: 1.6rem;
  padding: 0;
  border: none;
  border-radius: 0;
}
.CMYMCP310 .property-list > li:first-child {
  margin-top: 0;
}
.CMYMCP310 .property-list > li .box .tit {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.CMYMCP310 .bullet-list {
  margin-top: 2.4rem;
}
.CMYMCP310 .total-list-wrap {
  padding-top: 1.6rem;
}
.CMYMCP310 .total-list-wrap .total-list-header .account-name {
  font-size: 0;
}

.CMYMCP311 {
  /*
  .link-roundbox-list { padding-top:1.6rem;
      li {
          > a {
              border:1px solid #dddddd; border-radius:1.2rem; padding:1.6rem;
              position:relative; display:block; width:100%; text-align:right;
              .icon24 { float:left; align:middle; margin-right:0.8rem;
              }
              .tit { float:left; color:#222222; font-size:1.6rem; line-height:2.4rem; font-weight:500; letter-spacing:-0.04rem; vertical-align:middle; }
              .icon16 { position:absolute; top:50%; right:1.6rem; transform:translateY(-50%); }
              &:after { display:block; content:""; clear:both; height:0; }
          }
          ~ li { padding-top:0.8rem; }
      }
  }
  */
}
.CMYMCP311 .modal-body {
  padding: 8.8rem 1.6rem 1.6rem;
}
.CMYMCP311 .link-banner-area {
  margin-top: 1.6rem;
}
.CMYMCP311 .link-banner-area .link-banner {
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.1rem solid #dddddd;
  padding: 1.6rem;
  border-radius: 1.2rem;
}
.CMYMCP311 .link-banner-area .link-banner .txt-area .tit {
  display: block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: left;
}
.CMYMCP311 .link-banner-area .link-banner .txt-area .txt {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  margin-top: 0.6rem;
}
.CMYMCP311 .link-banner-area .link-banner .logo-link-area {
  padding-right: 2rem;
  position: relative;
}
.CMYMCP311 .link-banner-area .link-banner .logo-link-area .box-image {
  display: inline-block;
  vertical-align: middle;
}
.CMYMCP311 .link-banner-area .link-banner .logo-link-area .box-image.width88 {
  max-width: 8.8rem;
}
.CMYMCP311 .link-banner-area .link-banner .logo-link-area .box-image img {
  width: 100%;
}
.CMYMCP311 .link-banner-area .link-banner .logo-link-area i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.CMYMCP311 .tac {
  margin-top: 3.2rem;
  padding-bottom: 1.6rem;
}
.CMYMCP311 .tac .btn-txt {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}

.CMYMCP312 .property-list {
  margin-top: 1.6rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.CMYMCP312 .property-list > li {
  margin-top: 1.6rem;
  padding: 0;
  border: none;
  border-radius: 0;
}
.CMYMCP312 .property-list > li:first-child {
  margin-top: 0;
}
.CMYMCP312 .property-list > li .box .tit {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.CMYMCP312 .bullet-list {
  margin-top: 2.4rem;
}
.CMYMCP312 .total-list-wrap {
  padding-top: 1.6rem;
}
.CMYMCP312 .total-list-wrap .total-list-header .account-name {
  font-size: 0;
}

.CMYMCP321 .total-list-wrap {
  padding-top: 3.2rem;
}
.CMYMCP321 .confirm-list {
  margin-top: 3.2rem;
}
.CMYMCP321 .confirm-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP321 .confirm-list dt + dd {
  margin-top: 1.6rem;
}
.CMYMCP321 .confirm-list dd {
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP321 .confirm-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP321 .confirm-list dd + dd {
  margin-top: 1.6rem;
}
.CMYMCP321 .confirm-list dd.confirm-list-txt {
  position: relative;
  padding-left: 1.2rem;
}
.CMYMCP321 .confirm-list dd.confirm-list-txt .bullet {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #888888;
  border-radius: 50%;
  vertical-align: middle;
}
.CMYMCP321 .bullet-list li {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  margin-top: 1.6rem;
  padding-left: 1.2rem;
}
.CMYMCP321 .bullet-list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #888;
}
.CMYMCP321 .bullet-list li:first-child {
  margin-top: 0;
}

.CMYMCP321 .total-list-wrap {
  padding-top: 3.2rem;
}
.CMYMCP321 .confirm-list {
  margin-top: 3.2rem;
}
.CMYMCP321 .confirm-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP321 .confirm-list dt + dd {
  margin-top: 1.6rem;
}
.CMYMCP321 .confirm-list dd {
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP321 .confirm-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP321 .confirm-list dd + dd {
  margin-top: 1.6rem;
}
.CMYMCP321 .confirm-list dd.confirm-list-txt {
  position: relative;
  padding-left: 1.2rem;
}
.CMYMCP321 .confirm-list dd.confirm-list-txt .bullet {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #888888;
  border-radius: 50%;
  vertical-align: middle;
}
.CMYMCP321 .bullet-list li {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  margin-top: 1.6rem;
  padding-left: 1.2rem;
}
.CMYMCP321 .bullet-list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #888;
}
.CMYMCP321 .bullet-list li:first-child {
  margin-top: 0;
}

.CMYMCP322 .tac {
  margin-top: 2.4rem;
}
.CMYMCP322 .form-checkbox .txt {
  margin-left: 0.4rem;
}
.CMYMCP322 .bullet-list {
  padding-top: 2.4rem;
}
.CMYMCP322 .bullet-list li .point-txt {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
}

.CMYMCP323 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP324 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP325 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP326 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP327 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP341 .bg-gray {
  margin-top: 3.2rem;
  padding: 1.6rem;
  text-align: center;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
}
.CMYMCP341 .bg-gray .body-120 b {
  color: #2589ff;
}
.CMYMCP341 .accordion-list-wrap {
  margin-top: 3.2rem;
}
.CMYMCP341 .accordion-list-wrap .accordion-container .data-list .inline-select + ul {
  margin-top: 1.6rem;
}

.CMYMCP342 .top-account-wrap .account-name strong {
  line-height: 4rem;
}
.CMYMCP342 .request-list-area {
  padding-top: 3.2rem;
}
.CMYMCP342 .request-list-area h3 {
  padding-bottom: 0.8rem;
}
.CMYMCP342 .table-info-area .table-info-wrap .table-wrap {
  border: 0;
}
.CMYMCP342 .table-info-area .table-info-wrap .table-wrap table th {
  padding: 0.8rem 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
  font-weight: 400;
  background: none;
}
.CMYMCP342 .table-info-area .table-info-wrap .table-wrap table td {
  padding: 0.8rem 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 500;
}

.CMYMCP343 .top-account-wrap .account-name strong {
  line-height: 4rem;
}
.CMYMCP343 .request-list-area {
  padding-top: 3.2rem;
}
.CMYMCP343 .request-list-area h3 {
  padding-bottom: 0.8rem;
}
.CMYMCP343 .table-info-area .table-info-wrap .table-wrap {
  border: 0;
}
.CMYMCP343 .table-info-area .table-info-wrap .table-wrap table th {
  padding: 0.8rem 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
  font-weight: 400;
  background: none;
}
.CMYMCP343 .table-info-area .table-info-wrap .table-wrap table td {
  padding: 0.8rem 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 500;
}

.CMYMCP344 .top-account-wrap .account-name strong {
  line-height: 4rem;
}
.CMYMCP344 .request-list-area {
  padding-top: 3.2rem;
}
.CMYMCP344 .request-list-area h3 {
  padding-bottom: 0.8rem;
}
.CMYMCP344 .table-info-area .table-info-wrap .table-wrap {
  border: 0;
}
.CMYMCP344 .table-info-area .table-info-wrap .table-wrap table th {
  padding: 0.8rem 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
  font-weight: 400;
  background: none;
}
.CMYMCP344 .table-info-area .table-info-wrap .table-wrap table td {
  padding: 0.8rem 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 500;
}

.CMYMCP345 .search-set-list {
  margin-top: -1.6rem;
}
.CMYMCP345 .search-set-list ul li {
  margin-top: 1.6rem;
}
.CMYMCP345 .modal-dep2 .modal-body {
  padding: 8.8rem 1.6rem 2.1rem;
}

.CMYMCP345-1 .modal-body {
  padding: 8.8rem 1.6rem 2.1rem;
}

.CMYMCP346-1 .modal-body {
  padding: 8.8rem 1.6rem 2.1rem;
}

.CMYMCP346-2 .modal-body {
  padding: 8.8rem 1.6rem 2.1rem;
}

.CMYMCP347 .modal-body {
  padding: 8.8rem 1.6rem 2.1rem;
}

.CMYMCP348 .table-wrap {
  margin-top: 3.2rem;
}

.CMYMCP349 .modal-header {
  background: transparent;
}
.CMYMCP349 .result-box {
  margin: -4.8rem 0 1.6rem;
  padding: 0;
}
.CMYMCP349 .result-box .btn-txt {
  margin-top: 1.6rem;
}

.CMYMCP361 .contents-subtext-area {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
  margin-top: 0.8rem;
}
.CMYMCP361 .contents-subtext-area span {
  display: inline;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP361 .link-list-area .link-list {
  margin-top: 3.2rem;
}
.CMYMCP361 .link-list-area .link-list li a,
.CMYMCP361 .link-list-area .link-list li button {
  padding: 1.6rem 1.8rem 1.6rem 0;
}
.CMYMCP361 .link-list-area .link-list li a .icon16,
.CMYMCP361 .link-list-area .link-list li button .icon16 {
  right: 0;
}
.CMYMCP361 .link-list-area .link-list li a .txt,
.CMYMCP361 .link-list-area .link-list li button .txt {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMCP361 .link-list-area .link-list li .text-icon16 {
  float: left;
  position: initial;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: 0.4rem;
  margin-left: 0.8rem;
}
.CMYMCP361 .btn-area {
  display: block;
}
.CMYMCP361 .btn-area button ~ button {
  margin-top: 1.6rem;
  margin-left: 0;
}
.CMYMCP361 .btn-area .btn-dark-gray {
  background-color: #646464;
  line-height: 4.8rem;
}
.CMYMCP361 .btn-area .btn-dark-gray span {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMCP361 .icon-error {
  background: url("/images/common/icon/icon16-error.svg") no-repeat center/contain;
}
.CMYMCP361 .btn-area.bottom-fixed .bottom-text-button-area {
  text-align: center;
  font-size: 0;
  padding-top: 3.2rem;
}
.CMYMCP361 .btn-area.bottom-fixed .bottom-text-button-area button {
  display: inline-block;
  width: auto;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
  padding: 0;
  text-decoration: underline;
}
.CMYMCP361 .btn-area.bottom-fixed .bottom-text-logout-area {
  text-align: right;
  font-size: 0;
  padding-top: 4rem;
  padding-bottom: 2.4rem;
}
.CMYMCP361 .btn-area.bottom-fixed .bottom-text-logout-area em {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
  vertical-align: middle;
}
.CMYMCP361 .btn-area.bottom-fixed .bottom-text-logout-area button {
  display: inline-block;
  position: initial;
  width: 1.6rem;
  padding: 0;
  height: 1.6rem;
  margin-left: 0.4rem;
}
.CMYMCP361 .bottom-space {
  height: 20.3rem;
}
.CMYMCP361 .send-notice-area h4 {
  padding-top: 3.2rem;
  font-size: 0;
}
.CMYMCP361 .send-notice-area h4 strong {
  display: inline-block;
  margin-right: 0.8rem;
  vertical-align: middle;
}
.CMYMCP361 .send-notice-area h4 .alarm-txt {
  display: inline-block;
  position: relative;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
  padding-left: 2rem;
  vertical-align: middle;
}
.CMYMCP361 .send-notice-area h4 .alarm-txt i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCP361 .send-notice-area .checkbox-area ul {
  padding-top: 2.8rem;
}
.CMYMCP361 .send-notice-area .checkbox-area ul > li ~ li {
  padding-top: 2.4rem;
}
.CMYMCP361 .send-notice-area .checkbox-area .form-checkbox .txt {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMCP361 .send-notice-area .radio-area ul {
  padding-top: 2.8rem;
}
.CMYMCP361 .send-notice-area .radio-area ul > li {
  float: left;
  width: 50%;
}
.CMYMCP361 .send-notice-area .radio-area ul:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.CMYMCP362 .form-checkbox .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}

.CMYMCP363 .terms-box {
  margin-top: 3.2rem;
}
.CMYMCP363 .confirm-area {
  margin-top: 2.3rem;
  background-color: rgba(255, 0, 0, 0.3);
  position: relative;
  height: 62vh;
}
.CMYMCP363 .confirm-area .confirm-txt {
  display: block;
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: -0.07rem;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffffff;
  font-weight: 700;
}

.CMYMCP366 .modal-body .inline-select {
  margin-top: 1.5rem;
}
.CMYMCP366 .modal-body .inline-select + .terms-area .terms-wrap.first {
  padding-top: 2.3rem;
}
.CMYMCP366 .modal-body .modal-txt {
  margin-top: 2.3rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.CMYMCP366 .modal-body .modal-btn-area {
  margin-top: 1.6rem;
  text-align: right;
}
.CMYMCP366 .modal-body .confirm-area {
  position: relative;
  min-height: 37.5vh;
  margin-top: 2rem;
}
.CMYMCP366 .modal-body .confirm-area.bcf4f4f4 {
  background-color: #f4f4f4;
}
.CMYMCP366 .modal-body .confirm-area.b1sdddddd {
  border: 0.1rem solid #ddd;
}
.CMYMCP366 .modal-body .confirm-area .confirm-txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  font-size: 2rem;
  text-align: center;
  line-height: 3rem;
  letter-spacing: -0.05rem;
  color: #222;
  font-weight: 700;
}

.CMYMCP367 .modal-body {
  padding: 8.8rem 1.6rem 1.6rem;
}
.CMYMCP367 .modal-body .inline-select {
  margin-top: 1.5rem;
}
.CMYMCP367 .modal-body .modal-txt {
  margin-top: 1.5rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.CMYMCP367 .modal-body .modal-btn-area {
  margin-top: 1.6rem;
  text-align: right;
}
.CMYMCP367 .modal-body .confirm-area {
  position: relative;
  min-height: 59.7vh;
  margin-top: 2.4rem;
}
.CMYMCP367 .modal-body .confirm-area.bcf4f4f4 {
  background-color: #f4f4f4;
}
.CMYMCP367 .modal-body .confirm-area.b1sdddddd {
  border: 0.1rem solid #ddd;
}
.CMYMCP367 .modal-body .confirm-area .confirm-txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  font-size: 2rem;
  text-align: center;
  line-height: 3rem;
  letter-spacing: -0.05rem;
  color: #222;
  font-weight: 700;
}

.CMYMCP364 .agree-box {
  position: relative;
  margin-top: 3.2rem;
}
.CMYMCP364 .agree-box .icon16 {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCP364 .link-list {
  margin: 1.6rem -1.6rem 0;
}
.CMYMCP364 .link-list li > div {
  position: relative;
  display: block;
  padding: 1.6rem 3.6rem 1.6rem 1.6rem;
  width: 100%;
  text-align: right;
  background-size: 1.6rem;
}
.CMYMCP364 .link-list li > div .form-switch {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP365 .modal-body {
  min-height: 90vh;
}
.CMYMCP365 .confirm-list {
  margin-top: 2.4rem;
}
.CMYMCP365 .confirm-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP365 .confirm-list dt + dd {
  margin-top: 1.6rem;
}
.CMYMCP365 .confirm-list dd {
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP365 .confirm-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP365 .bullet-list li {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: relative;
  margin-top: 1.6rem;
  padding-left: 1.2rem;
}
.CMYMCP365 .bullet-list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #888;
}
.CMYMCP365 .bullet-list li:first-child {
  margin-top: 0;
}
.CMYMCP365 .confirm-area {
  margin-top: 2.3rem;
  background-color: rgba(255, 0, 0, 0.3);
  position: relative;
  height: 62vh;
}
.CMYMCP365 .confirm-area .confirm-txt {
  display: block;
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: -0.07rem;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffffff;
  font-weight: 700;
}

.CMYMCP381 .accordion-list-wrap {
  padding-top: 3.2rem;
}
.CMYMCP381 .result-box {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP382 .tac {
  margin-top: 2.4rem;
}
.CMYMCP382 .form-checkbox .txt {
  margin-left: 0.4rem;
}

.CMYMCP383 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP384 .accordion-list-wrap {
  margin-top: 3.2rem;
}
.CMYMCP384 .accordion-list-wrap .acco-right .num-box .fail {
  color: #ff0000;
}

.CMYMCP385 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP386 .result-box {
  padding: 0;
}
.CMYMCP386 .accordion-list-wrap {
  margin-top: 3.2rem;
}

.CMYMCP387 .confirm-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP387 .confirm-list dt + dd {
  margin-top: 1.6rem;
}
.CMYMCP387 .confirm-list dd {
  margin-top: 0.8rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP387 .confirm-list dd + dt {
  margin-top: 3.2rem;
}

.CMYMCP101-6 .finger-arrow-list-item {
  padding-top: 0.8rem;
}
.CMYMCP101-6 .table-area-type .table-wrap {
  border-top: 0px solid #eee;
}
.CMYMCP101-6 .table-area-type .table-wrap table thead th {
  border: 1px solid #eee;
  padding: 1.2rem 0.8rem;
}
.CMYMCP101-6 .table-area-type .table-wrap table tbody td {
  border: 1px solid #eee;
  padding: 1.2rem 0.8rem;
}

.CMYMCP102 .body-120.tac {
  position: fixed;
  bottom: 11.2rem;
  left: 0;
  width: 100%;
}

.CMYMCP103 .body-120.tac {
  position: fixed;
  bottom: 11.2rem;
  left: 0;
  width: 100%;
}

.CMYMCP104 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP105 .step-info {
  margin-top: 1.6rem;
  padding: 0;
  border: none;
}
.CMYMCP105 .step-info > ul > li {
  padding: 1.4rem 1.6rem 1.4rem 4.2rem;
  color: #222;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
}
.CMYMCP105 .step-info > ul > li .num {
  top: 1.6rem;
  left: 1.8rem;
  z-index: 1;
}
.CMYMCP105 .body-120 {
  margin-top: 2.4rem;
}
.CMYMCP105 .body-120 a {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  text-decoration: underline;
}
.CMYMCP105 .body-210, .CMYMCP105 .inp-list-wrap > ul > li .label, .inp-list-wrap > ul > li .CMYMCP105 .label {
  margin-top: 1.6rem;
}

.CMYMCP106 .certify-way {
  margin-top: 3.2rem;
}
.CMYMCP106 .certify-way li {
  position: relative;
  margin-top: 1.6rem;
  padding: 2.4rem;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYMCP106 .certify-way li:first-child {
  margin-top: 0;
}
.CMYMCP106 .certify-way li .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  padding-right: 6.4rem;
}
.CMYMCP106 .certify-way li .tit strong {
  position: relative;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP106 .certify-way li .tit strong:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #ffde00;
  z-index: -1;
}
.CMYMCP106 .certify-way li .txt {
  margin-top: 0.8rem;
  padding-right: 6.4rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  word-break: keep-all;
}
.CMYMCP106 .certify-way li .btn-wrap {
  margin-top: 1.6rem;
}
.CMYMCP106 .certify-way li .icon56 {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
}
.CMYMCP106 .accordion-wrap {
  margin-top: 3.2rem;
}
.CMYMCP106 .accordion-wrap .body-210 em, .CMYMCP106 .accordion-wrap .inp-list-wrap > ul > li .label em, .inp-list-wrap > ul > li .CMYMCP106 .accordion-wrap .label em {
  color: #2589ff;
}

.CMYMCP107 .modal-body .link-list li {
  margin-top: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.CMYMCP107 .modal-body .link-list li:first-child {
  margin-top: 0;
}
.CMYMCP107 .modal-body .link-list li > a {
  font-size: 0;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
}
.CMYMCP107 .modal-body .link-list li .tit {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  padding-left: 4rem;
  text-align: left;
  font-size: 2.2rem;
}
.CMYMCP107 .modal-body .link-list li .icon24 {
  float: none;
  position: absolute;
  top: 50%;
  margin-top: -1.2rem;
  left: 1.6rem;
}
.CMYMCP107 .modal-body .link-list li .icon24.icon-arrow-right-gray {
  right: 1.6rem;
  left: auto;
}
.CMYMCP107 .modal-body .link-list li .icon24.icon-kb-mobile {
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
}
.CMYMCP107 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP108 .terms-wrap {
  height: calc(90vh - 19.6rem);
}
.CMYMCP108 .agree-pop-slide-area .agree-pop-slide {
  position: relative;
}
.CMYMCP108 .agree-pop-slide-area .agree-pop-slide .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  z-index: 10;
  background-size: 3.2rem 3.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-indent: -999999rem;
}
.CMYMCP108 .agree-pop-slide-area .agree-pop-slide .slick-arrow.slick-disabled {
  display: none !important;
}
.CMYMCP108 .agree-pop-slide-area .agree-pop-slide .slick-prev {
  left: 0;
  background-image: url("/images/common/as/icon32-pop-prev.svg");
}
.CMYMCP108 .agree-pop-slide-area .agree-pop-slide .slick-next {
  right: 0;
  background-image: url("/images/common/as/icon32-pop-next.svg");
}
.CMYMCP108 .agree-pop-slide-area .agree-pop-slide .agree-pop-con {
  position: relative;
  color: #222222;
  height: calc(90vh - 19.6rem);
}
.CMYMCP108 .agree-pop-slide-area .agree-pop-slide .agree-pop-con .test-txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  font-size: 2.8rem;
  text-align: center;
  letter-spacing: -0.07rem;
  font-weight: 700;
  color: #222222;
}
.CMYMCP108 .agree-pop-con {
  height: 100%;
}
.CMYMCP108 .agree-pop-con iframe {
  height: 100%;
}
.CMYMCP108 .background-color-ffb2b2 {
  background-color: #ffb2b2;
}

.CMYMCP110 .body-120 + .body-120 {
  margin-top: 1.6rem;
}

.CMYMCP111 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP112 .modal-body {
  padding-bottom: 1.6rem;
}
.CMYMCP112 .body-120 ~ .body-120 {
  padding-top: 1.6rem;
}
.CMYMCP112 .agree-ex-area {
  position: relative;
  min-height: 59.7vh;
  margin-top: 1.6rem;
}
.CMYMCP112 .agree-ex-area .txt-ex {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  line-height: 3rem;
  letter-spacing: -0.05rem;
  color: #222;
}
.CMYMCP112 .bc-dddddd {
  background-color: rgba(221, 221, 221, 0.3);
}

.CMYMCP113 .body-120 ~ .body-120 {
  padding-top: 1.6rem;
}

.CMYMCP114 .body-120 {
  padding-top: 1.6rem;
}
.CMYMCP114 .btn-agree-area {
  padding-top: 1.6rem;
  text-align: right;
}
.CMYMCP114 .agree-ex-area {
  position: relative;
  height: 42.1rem;
}
.CMYMCP114 .agree-ex-area.bc-ddd {
  background-color: #ddd;
}
.CMYMCP114 .agree-ex-area .txt-ex {
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  line-height: 3rem;
  letter-spacing: -0.05rem;
  color: #222;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.CMYMCP116 .item-list {
  margin-top: 3.2rem;
}
.CMYMCP116 .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP116 .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP116 .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP116 .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP116 .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP116 .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP116 .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP116 .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP116 .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP116 .item-list dd .body-200 + .body-210, .CMYMCP116 .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP116 .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP116 .item-list dd .body-210 + .body-200, .CMYMCP116 .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP116 .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP116 .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP116 .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP116 .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP116 .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP116 .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP116 .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP116 .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
  border-bottom: 1px solid #eee;
}
.CMYMCP116 .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP116 .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP132 .contents-title-100 {
  margin-bottom: 1.2rem;
}
.CMYMCP132 .sticky-box {
  margin: 0 -1.6rem -1.2rem;
  padding: 1.2rem 1.6rem;
  background: #fff;
  z-index: 1;
}
.CMYMCP132 .sticky-box.sticky-divide {
  position: -webkit-sticky;
  position: sticky;
  top: 4.4rem;
  left: 0;
}
.CMYMCP132 .sticky-box .inp-box {
  margin-bottom: 2.4rem;
}
.CMYMCP132 .sticky-box .tab-base {
  margin-top: 2rem;
  -webkit-transition: margin linear 0.1s;
  transition: margin linear 0.1s;
}
.CMYMCP132 .sticky-box .tooltip-wrap {
  z-index: 10;
  -webkit-transition-property: opacity, height, margin;
  transition-property: opacity, height, margin;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  min-height: 2.4rem;
}
.CMYMCP132 .sticky-box.sticky-divide .tooltip-wrap {
  height: 0;
  margin-top: -1.6rem;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}
.CMYMCP132 .sticky-box.sticky-divide .tab-base {
  margin-top: -1rem;
}
.CMYMCP132 .sticky-box .form-radio .txt {
  word-break: keep-all;
}
.CMYMCP132 .result-box {
  padding: 14.8rem 0 14rem;
}
.CMYMCP132 .choice-wrap {
  margin-top: 0;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
.CMYMCP132 .btn-floating {
  position: fixed;
  right: 1.6rem;
  bottom: 8.8rem;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.CMYMCP132 .btn-floating .num {
  position: absolute;
  top: 0;
  right: -0.2rem;
  padding: 0 0.4rem;
  min-width: 1.6rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  background-color: #fc0;
  border-radius: 0.8rem;
}
.CMYMCP132 .bottom-fixed + .bottom-space {
  height: 12.4rem;
}
.CMYMCP132 .choice-wrap > ul > li .txt-none {
  text-align: center;
  padding: 1.2rem 1.6rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}

/* ��ũ��� */
.bg-all-black .CMYMCP132 .form-radio input:checked ~ .icon, .bg-all-black .CMYMCP132 .form-radio .inp-box .ico-confirm:checked ~ .icon, .inp-box .bg-all-black .CMYMCP132 .form-radio .ico-confirm:checked ~ .icon {
  background-image: url(/images/common/icon/icon-radio-tra-on.svg);
}
.bg-all-black .CMYMCP132 .form-radio .icon {
  background-image: url(/images/common/icon/icon-radio-tra.svg);
  background-color: transparent;
}
.bg-all-black .CMYMCP132 .inp-box.type-search input, .bg-all-black .CMYMCP132 .inp-box.type-search .ico-confirm {
  background-color: #2e2e2e;
  color: #fff;
}
.bg-all-black .CMYMCP132 .inp-box.type-search input::-webkit-input-placeholder, .bg-all-black .CMYMCP132 .inp-box.type-search .ico-confirm::-webkit-input-placeholder {
  color: #888;
}
.bg-all-black .CMYMCP132 .inp-box.type-search input::-moz-placeholder, .bg-all-black .CMYMCP132 .inp-box.type-search .ico-confirm::-moz-placeholder {
  color: #888;
}
.bg-all-black .CMYMCP132 .inp-box.type-search input:-ms-input-placeholder, .bg-all-black .CMYMCP132 .inp-box.type-search .ico-confirm:-ms-input-placeholder {
  color: #888;
}
.bg-all-black .CMYMCP132 .inp-box.type-search input::-ms-input-placeholder, .bg-all-black .CMYMCP132 .inp-box.type-search .ico-confirm::-ms-input-placeholder {
  color: #888;
}
.bg-all-black .CMYMCP132 .inp-box.type-search input::placeholder, .bg-all-black .CMYMCP132 .inp-box.type-search .ico-confirm::placeholder {
  color: #888;
}
.bg-all-black .CMYMCP132 .icon-search {
  background-image: url("/images/common/icon/icon-search-white.svg");
}
.bg-all-black .CMYMCP132 .contents-title-100 {
  color: #fff;
}
.bg-all-black .CMYMCP132 .sticky-box {
  background-color: #1a1a1a;
}
.bg-all-black .CMYMCP132 .tab-base .tab-base-btn {
  color: #ddd;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.bg-all-black .CMYMCP132 .tab-base .tab-base-btn.active {
  color: #222;
  border-color: transparent;
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bg-all-black .CMYMCP132 .type-new.form-radio .balloon-box {
  background-color: #6825d6;
}
.bg-all-black .CMYMCP132 .type-new.form-radio .balloon-box:before {
  left: 39%;
  height: 1.2rem;
  background-image: url(/images/common/as/intro-balloon-tip-purple.svg);
}
.bg-all-black .CMYMCP132 .type-new.form-radio input:checked ~ .txt .txt-highlight-sm, .bg-all-black .CMYMCP132 .type-new.form-radio .inp-box .ico-confirm:checked ~ .txt .txt-highlight-sm, .inp-box .bg-all-black .CMYMCP132 .type-new.form-radio .ico-confirm:checked ~ .txt .txt-highlight-sm {
  color: #fc0;
}
.bg-all-black .CMYMCP132 .type-new.form-radio .txt-highlight-sm {
  color: #fff;
}
.bg-all-black .CMYMCP132 .type-new.form-radio .txt-highlight-sm::before {
  content: none;
}
.bg-all-black .CMYMCP132 .type-new.form-radio .txt small {
  color: #fff;
}
.bg-all-black .CMYMCP132 .choice-wrap {
  background-color: #1a1a1a;
}
.bg-all-black .CMYMCP132 .choice-wrap + .choice-wrap {
  border-top-color: #000;
}
.bg-all-black .CMYMCP132 .choice-wrap.type-thumb ul li .form-checkbox {
  border-radius: 1.2rem;
  background-color: #fff;
}
.bg-all-black .CMYMCP132 .choice-wrap.type-thumb ul li .form-checkbox .txt {
  color: #222;
}
.bg-all-black .CMYMCP132 .choice-wrap.type-thumb ul li .form-checkbox .txt:before {
  z-index: 0;
  background-color: transparent;
}
.bg-all-black .CMYMCP132 .choice-wrap.type-thumb ul li.complete .txt {
  color: #ddd;
}
.bg-all-black .CMYMCP132 .choice-wrap.type-thumb ul li.complete .txt:before {
  border: 1px solid rgba(200, 200, 200, 0.2);
}
.bg-all-black .CMYMCP132 .choice-wrap.type-thumb ul li.complete .form-checkbox {
  background-color: transparent;
}
.bg-all-black .CMYMCP132 .choice-wrap.type-thumb .list-tit .form-checkbox.sm-txt .txt {
  font-size: 1.6rem;
  color: #fff;
}
.bg-all-black .CMYMCP132 .btn-area.bottom-fixed {
  background-color: #2e2e2e;
}
.bg-all-black .CMYMCP132 .btn-area .bottom-added-txt {
  color: #fff;
}
.bg-all-black .CMYMCP132 .btn-area .bottom-added-txt strong {
  color: #fc0;
}
.bg-all-black .CMYMCP132 .result-box {
  color: #aaa;
}

.CMYMCP132-1 .choice-wrap > ul > li {
  padding: 1.2rem 1.6rem;
}
.CMYMCP132-1 .result-box {
  padding: 0;
}

.CMYMCP133 .contents-title-100 {
  margin-bottom: 0.8rem;
}
.CMYMCP133 .sticky-box {
  position: -webkit-sticky;
  position: sticky;
  top: 4.4rem;
  left: 0;
  margin: 0 -1.6rem;
  padding: 2.4rem 1.6rem 0;
  background: #fff;
  z-index: 1;
}
.CMYMCP133 .sticky-box .tab-underbar {
  margin-top: 2.4rem;
}
.CMYMCP133 .sticky-box + .choice-wrap {
  margin-top: 3.2rem;
}
.CMYMCP133 .btn-floating {
  position: fixed;
  right: 1.6rem;
  bottom: 8.8rem;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.12);
          box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.12);
  z-index: 10;
}
.CMYMCP133 .btn-floating .num {
  position: absolute;
  top: 0;
  right: -0.4rem;
  padding: 0.2rem 0.6rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  background-color: #fc0;
  border-radius: 0.8rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCP133 .bottom-fixed + .bottom-space {
  height: 12.4rem;
}
.CMYMCP133 .choice-wrap > ul > li .txt-none {
  text-align: center;
  padding: 1.2rem 1.6rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}

.CMYMCP051 .loading-car-wrap {
  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;
}
.CMYMCP051 .loading-car-wrap .img-wrap {
  width: 100%;
}
.CMYMCP051 .loading-car-wrap .tit {
  margin-top: 2.4rem;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP051 .loading-car-wrap .gauge-bar {
  position: relative;
  margin-top: 1.6rem;
  width: 18rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #eee;
  overflow: hidden;
}
.CMYMCP051 .loading-car-wrap .gauge-bar .gauge {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #ffcc00;
}

.CMYMCP136 .result-box {
  padding: 0 0 3.2rem;
}

.CMYMCP137 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMCP139 .tooltip-wrap {
  margin-top: 1.6rem;
}
.CMYMCP139 .tooltip-wrap .tooltip {
  top: calc(100% + 0.4rem);
  left: 0;
}
.CMYMCP139 .form-box {
  position: relative;
  padding: 1.6rem;
}
.CMYMCP139 .form-box .form-checkbox .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.CMYMCP139 .form-box .num-box {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCP139 .form-box .num-box em {
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.CMYMCP139 .form-box .num-box span {
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.CMYMCP139 .accordion-list-wrap {
  margin-top: 3.2rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.CMYMCP139 .accordion-list-wrap .accordion-wrap.type-total {
  margin-top: 0;
  border: none;
  border-top: 1px solid #ddd;
  border-radius: 0;
}
.CMYMCP139 .accordion-list-wrap .accordion-wrap.type-total .acco-left .form-checkbox .txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #000;
}
.CMYMCP139 .accordion-list-wrap .accordion-wrap.type-total .acco-right .num-box em {
  color: #2589ff;
}
.CMYMCP139 .btn-area button strong {
  font-weight: 400;
}

.CMYMCP140 .accordion-list-wrap {
  margin-top: 3.2rem;
}

.CMYMCP141 .tooltip-wrap {
  margin-top: 1.6rem;
}
.CMYMCP141 .tooltip-wrap .tooltip {
  top: calc(100% + 0.4rem);
  left: 0;
}
.CMYMCP141 .link-list {
  margin: 3.2rem -1.6rem 0;
}

.CMYMCP142 .form-box {
  font-size: 0;
}
.CMYMCP142 .form-box .form-radio {
  margin: 0;
  width: 50%;
}
.CMYMCP142 .form-box .form-radio .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.CMYMCP142 .btn-select {
  margin-top: 2.4rem;
}
.CMYMCP142 .tac {
  margin-top: 2.4rem;
}
.CMYMCP142 .link-list {
  margin: 0 -1.6rem -7.2rem;
}

.CMYMCP143 .modal-body {
  padding-bottom: 1.6rem;
}
.CMYMCP143 .modal-body .link-list {
  margin: 0 -1.6rem;
}

.CMYMCP144 .contents-title-300 {
  margin-top: 3.2rem;
}
.CMYMCP144 .contents-title-300:first-child {
  margin-top: 0;
}
.CMYMCP144 .select-box {
  margin-top: 1.6rem;
}
.CMYMCP144 .table-wrap {
  margin-top: 1.6rem;
}

.CMYMCP051 .loading-car-wrap {
  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;
}
.CMYMCP051 .loading-car-wrap .img-wrap {
  width: 100%;
}
.CMYMCP051 .loading-car-wrap .tit {
  margin-top: 2.4rem;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP051 .loading-car-wrap .gauge-bar {
  position: relative;
  margin-top: 1.6rem;
  width: 18rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #eee;
  overflow: hidden;
}
.CMYMCP051 .loading-car-wrap .gauge-bar .gauge {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #ffcc00;
}

.CMYMCP145 .top-total-ist-area .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: 0.4rem;
}
.CMYMCP145 .top-total-ist-area .total-list-caption dt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-left: 0.8rem;
}
.CMYMCP145 .top-total-ist-area .total-list-caption dd {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-left: 0.2rem;
}
.CMYMCP145 .top-total-ist-area .total-list-caption dd.success {
  color: #222;
}
.CMYMCP145 .top-total-ist-area .total-list-caption dd.fail {
  color: #f00;
}
.CMYMCP145 .top-total-ist-area ~ .accordion-list-wrap {
  margin-top: 0.8rem;
}
.CMYMCP145 .top-breadcrumbs-area {
  padding-bottom: 3.2rem;
}
.CMYMCP145 .result-box {
  padding: 0 0 3.2rem;
}

.CMYMCP054 .btn-area button span {
  font-size: 1.6rem;
}

.CMYMCP146 .modal-body .icon-area {
  position: relative;
  z-index: 4;
  text-align: center;
  margin-top: -4.8rem;
}
.CMYMCP146 .modal-body .icon-area .icon48 {
  display: inline-block;
  width: 4.8rem;
  height: 4.8rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}
.CMYMCP146 .modal-body .modal-title-txt {
  margin-top: 1.6rem;
  font-size: 1.8rem;
  text-align: center;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  font-weight: 700;
  color: #222;
}
.CMYMCP146 .modal-body .modal-txt {
  margin-top: 0.8rem;
  padding-bottom: 1.6rem;
  text-align: center;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}

.CMYMCP148 .modal.type-full .modal-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 7.7rem;
}
.CMYMCP148 .modal.type-full .modal-header h3 {
  padding-top: 1.1rem;
  max-height: 7.7rem;
}
.CMYMCP148 .modal.type-full .modal-body h4 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 3.2rem;
}
.CMYMCP148 .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP148 .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP148 .item-list dd + dt {
  margin-top: 3.2rem;
}

.CMYMCP151 .form-list {
  margin-top: 3.2rem;
}
.CMYMCP151 .form-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP151 .form-list dd {
  margin-top: 1.6rem;
}
.CMYMCP151 .form-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP151 .form-list dd .form-box > * + * {
  margin-left: 2.4rem;
}
.CMYMCP151 .form-list dd .inp-list-wrap {
  margin-top: 1.6rem;
}
.CMYMCP151 .form-list dd .inp-list-wrap + .form-radio {
  margin-top: 1.6rem;
}
.CMYMCP151 .form-list dd .date-box {
  margin-top: 1.6rem;
}
.CMYMCP151 .form-list dd .date-box input:disabled, .CMYMCP151 .form-list dd .date-box .inp-box .ico-confirm:disabled, .inp-box .CMYMCP151 .form-list dd .date-box .ico-confirm:disabled {
  background-color: #f8f8f8;
}
.CMYMCP151 .form-list dd .date-box input:disabled + .icon-calendar, .CMYMCP151 .form-list dd .date-box .inp-box .ico-confirm:disabled + .icon-calendar, .inp-box .CMYMCP151 .form-list dd .date-box .ico-confirm:disabled + .icon-calendar {
  z-index: 21;
}
.CMYMCP151 .form-list dd .date-box .icon-calendar {
  background: url("/images/common/icon/icon-calendar.png") no-repeat center/contain;
}
.CMYMCP151 .tac {
  margin-top: 2.4rem;
}
.CMYMCP151 .tac .form-checkbox .txt {
  margin-left: 0.4rem;
}

.CMYMCP154 .modal-body .item-list {
  margin-top: 3.2rem;
}
.CMYMCP154 .modal-body .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP154 .modal-body .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP154 .modal-body .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP154 .modal-body .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP154 .modal-body .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP154 .modal-body .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP154 .modal-body .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP154 .modal-body .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP154 .modal-body .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP154 .modal-body .item-list dd .body-200 + .body-210, .CMYMCP154 .modal-body .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP154 .modal-body .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP154 .modal-body .item-list dd .body-210 + .body-200, .CMYMCP154 .modal-body .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP154 .modal-body .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap table tbody td .bullet-list {
  position: relative;
  margin-top: 1.4rem;
  padding-top: 1.4rem;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap table tbody td .bullet-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: 1px;
  background: #eee;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap table tbody td .bullet-list:first-of-type {
  margin: 0;
  padding: 0;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap table tbody td .bullet-list:first-of-type:before {
  display: none;
}
.CMYMCP154 .modal-body .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP154 .modal-body .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
  border-bottom: 1px solid #eee;
}
.CMYMCP154 .modal-body .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP154 .modal-body .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP171 .line-box {
  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: 3.2rem;
  padding: 1.6rem;
  border-radius: 1.2rem;
  border: 1px solid #eee;
}
.CMYMCP171 .line-box .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP171 .top-breadcrumbs-area {
  padding-bottom: 3.2rem;
}
.CMYMCP171 .inp-box.type-search input::-webkit-input-placeholder, .CMYMCP171 .inp-box.type-search .ico-confirm::-webkit-input-placeholder {
  color: #888;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMCP171 .inp-box.type-search input::-moz-placeholder, .CMYMCP171 .inp-box.type-search .ico-confirm::-moz-placeholder {
  color: #888;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMCP171 .inp-box.type-search input:-ms-input-placeholder, .CMYMCP171 .inp-box.type-search .ico-confirm:-ms-input-placeholder {
  color: #888;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMCP171 .inp-box.type-search input::-ms-input-placeholder, .CMYMCP171 .inp-box.type-search .ico-confirm::-ms-input-placeholder {
  color: #888;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMCP171 .inp-box.type-search input::placeholder, .CMYMCP171 .inp-box.type-search .ico-confirm::placeholder {
  color: #888;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMCP171 .contents-title-100 {
  margin-bottom: 0.8rem;
}
.CMYMCP171 .sticky-box {
  position: -webkit-sticky;
  position: sticky;
  top: 4.4rem;
  left: 0;
  margin: 0 -1.6rem -0.8rem;
  padding: 2.4rem 1.6rem 0;
  background: #fff;
  z-index: 1;
}
.CMYMCP171 .sticky-box .tab-underbar {
  margin-top: 2.4rem;
}
.CMYMCP171 .sticky-box + .choice-wrap {
  margin-top: 0;
}
.CMYMCP171 .sticky-box + .choice-wrap .list-tit {
  padding-top: 0.8rem;
}
.CMYMCP171 .result-box {
  padding: 14.8rem 0 14rem;
}
.CMYMCP171 .result-box + .choice-wrap .list-tit {
  padding-top: 0.8rem;
}
.CMYMCP171 .choice-wrap {
  margin-top: 1.6rem;
  padding-top: 3.2rem;
}
.CMYMCP171 .choice-wrap:first-of-type .list-tit {
  padding-top: 0.8rem;
}
.CMYMCP171 .choice-wrap li.complete .form-link-left span,
.CMYMCP171 .choice-wrap li.complete .form-link-left span .keyword {
  color: #888;
}
.CMYMCP171 .choice-wrap li.complete .form-link-right {
  display: none;
}
.CMYMCP171 .choice-wrap li.complete .tag {
  display: block;
}
.CMYMCP171 .choice-wrap .tag {
  display: none;
  padding: 0.2rem 0.8rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
}
.CMYMCP171 .btn-floating {
  position: fixed;
  right: 1.6rem;
  bottom: 8.8rem;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.CMYMCP171 .btn-floating .num {
  position: absolute;
  top: 0;
  right: -0.2rem;
  padding: 0 0.4rem;
  min-width: 1.6rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  background-color: #fc0;
  border-radius: 0.8rem;
}
.CMYMCP171 .bottom-fixed + .bottom-space {
  height: 12.4rem;
}
.CMYMCP171 .form-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 1.2rem 1.6rem;
}
.CMYMCP171 .form-link .form-link-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMCP171 .form-link .form-link-left em {
  font-size: 1.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 500;
}
.CMYMCP171 .form-link .form-link-left span {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 500;
}
.CMYMCP171 .form-link .form-link-left .keyword {
  color: #2589ff;
}
.CMYMCP171 .form-link .form-link-right span {
  display: inline-block;
  font-size: 1.6rem;
  text-align: right;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #888;
  font-weight: 500;
  vertical-align: middle;
}

.CMYMCP173 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMCP173 .result-box .tit {
  font-size: 2rem;
  line-height: 3rem;
  color: #000;
}
.CMYMCP173 .result-box .link-txt {
  margin-top: 3.2rem;
  line-height: 2.4rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}

.CMYMCP175 .modal-body .item-list {
  margin-top: 3.2rem;
}
.CMYMCP175 .modal-body .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP175 .modal-body .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP175 .modal-body .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP175 .modal-body .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP175 .modal-body .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP175 .modal-body .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP175 .modal-body .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP175 .modal-body .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP175 .modal-body .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP175 .modal-body .item-list dd .body-200 + .body-210, .CMYMCP175 .modal-body .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP175 .modal-body .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP175 .modal-body .item-list dd .body-210 + .body-200, .CMYMCP175 .modal-body .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP175 .modal-body .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP175 .modal-body .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP175 .modal-body .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP175 .modal-body .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP175 .modal-body .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP175 .modal-body .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP175 .modal-body .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP175 .modal-body .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
  border-bottom: 1px solid #eee;
}
.CMYMCP175 .modal-body .item-list dd .check-area .sub-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 1.6rem;
}
.CMYMCP175 .modal-body .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP175 .modal-body .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP176 .modal.type-full .modal-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 7.7rem;
}
.CMYMCP176 .modal.type-full .modal-header h3 {
  padding-top: 1.1rem;
  max-height: 7.7rem;
}
.CMYMCP176 .modal.type-full .modal-body h4 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 3.2rem;
}
.CMYMCP176 .item-list {
  margin-top: 3.2rem;
}
.CMYMCP176 .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP176 .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP176 .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP176 .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP176 .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP176 .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP176 .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP176 .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP176 .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP176 .item-list dd .body-200 + .body-210, .CMYMCP176 .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP176 .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP176 .item-list dd .body-210 + .body-200, .CMYMCP176 .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP176 .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP176 .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP176 .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP176 .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP176 .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP176 .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP176 .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP176 .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}
.CMYMCP176 .item-list dd .check-area .sub-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 1.6rem;
}
.CMYMCP176 .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP176 .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP177 .modal-body .item-list {
  margin-top: 3.2rem;
}
.CMYMCP177 .modal-body .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP177 .modal-body .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP177 .modal-body .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP177 .modal-body .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP177 .modal-body .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP177 .modal-body .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP177 .modal-body .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP177 .modal-body .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP177 .modal-body .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP177 .modal-body .item-list dd .body-200 + .body-210, .CMYMCP177 .modal-body .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP177 .modal-body .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP177 .modal-body .item-list dd .body-210 + .body-200, .CMYMCP177 .modal-body .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP177 .modal-body .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap table tbody td .bullet-list {
  position: relative;
  margin-top: 1.4rem;
  padding-top: 1.4rem;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap table tbody td .bullet-list:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  width: calc(100% + 3.2rem);
  height: 1px;
  background: #eee;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap table tbody td .bullet-list:first-of-type {
  margin: 0;
  padding: 0;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap table tbody td .bullet-list:first-of-type:before {
  display: none;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap table tbody td p strong.bold {
  font-weight: 700;
  color: #222;
}
.CMYMCP177 .modal-body .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP177 .modal-body .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
  border-bottom: 1px solid #eee;
}
.CMYMCP177 .modal-body .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP177 .modal-body .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP178 .modal-body .item-list {
  margin-top: 3.2rem;
}
.CMYMCP178 .modal-body .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP178 .modal-body .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP178 .modal-body .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP178 .modal-body .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP178 .modal-body .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP178 .modal-body .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP178 .modal-body .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP178 .modal-body .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP178 .modal-body .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP178 .modal-body .item-list dd .body-200 + .body-210, .CMYMCP178 .modal-body .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP178 .modal-body .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP178 .modal-body .item-list dd .body-210 + .body-200, .CMYMCP178 .modal-body .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP178 .modal-body .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP178 .modal-body .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP178 .modal-body .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP178 .modal-body .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP178 .modal-body .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP178 .modal-body .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP178 .modal-body .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP178 .modal-body .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}
.CMYMCP178 .modal-body .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP178 .modal-body .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP179 .item-list {
  margin-top: 3.2rem;
}
.CMYMCP179 .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP179 .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP179 .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP179 .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP179 .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP179 .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP179 .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP179 .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP179 .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP179 .item-list dd .body-200 + .body-210, .CMYMCP179 .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP179 .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP179 .item-list dd .body-210 + .body-200, .CMYMCP179 .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP179 .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP179 .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP179 .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP179 .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP179 .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP179 .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP179 .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP179 .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}
.CMYMCP179 .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP179 .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP180 .modal-body .item-list {
  margin-top: 3.2rem;
}
.CMYMCP180 .modal-body .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP180 .modal-body .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP180 .modal-body .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP180 .modal-body .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP180 .modal-body .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP180 .modal-body .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP180 .modal-body .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP180 .modal-body .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP180 .modal-body .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP180 .modal-body .item-list dd .body-200 + .body-210, .CMYMCP180 .modal-body .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP180 .modal-body .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP180 .modal-body .item-list dd .body-210 + .body-200, .CMYMCP180 .modal-body .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP180 .modal-body .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP180 .modal-body .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP180 .modal-body .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP180 .modal-body .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP180 .modal-body .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP180 .modal-body .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP180 .modal-body .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP180 .modal-body .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}
.CMYMCP180 .modal-body .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP180 .modal-body .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP182 .modal.type-full .modal-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 7.7rem;
}
.CMYMCP182 .modal.type-full .modal-header h3 {
  padding-top: 1.1rem;
  max-height: 7.7rem;
}
.CMYMCP182 .modal.type-full .modal-body h4 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 3.2rem;
}
.CMYMCP182 .modal-body .item-list {
  margin-top: 3.2rem;
}
.CMYMCP182 .modal-body .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP182 .modal-body .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP182 .modal-body .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP182 .modal-body .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP182 .modal-body .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP182 .modal-body .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP182 .modal-body .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP182 .modal-body .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP182 .modal-body .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP182 .modal-body .item-list dd .body-200 + .body-210, .CMYMCP182 .modal-body .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP182 .modal-body .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP182 .modal-body .item-list dd .body-210 + .body-200, .CMYMCP182 .modal-body .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP182 .modal-body .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP182 .modal-body .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP182 .modal-body .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP182 .modal-body .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP182 .modal-body .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP182 .modal-body .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP182 .modal-body .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP182 .modal-body .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}
.CMYMCP182 .modal-body .item-list dd .check-area .sub-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 1.6rem;
}
.CMYMCP182 .modal-body .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP182 .modal-body .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP183 .modal.type-full .modal-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 7.7rem;
}
.CMYMCP183 .modal.type-full .modal-header h3 {
  padding-top: 1.1rem;
  max-height: 7.7rem;
}
.CMYMCP183 .modal.type-full .modal-body h4 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 3.2rem;
}
.CMYMCP183 .item-list {
  margin-top: 3.2rem;
}
.CMYMCP183 .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP183 .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP183 .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP183 .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP183 .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP183 .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP183 .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP183 .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP183 .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP183 .item-list dd .body-200 + .body-210, .CMYMCP183 .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP183 .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP183 .item-list dd .body-210 + .body-200, .CMYMCP183 .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP183 .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP183 .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP183 .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP183 .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP183 .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP183 .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP183 .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP183 .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}
.CMYMCP183 .item-list dd .check-area .sub-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 1.6rem;
}
.CMYMCP183 .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP183 .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP184 .modal.type-full .modal-header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 7.7rem;
}
.CMYMCP184 .modal.type-full .modal-header h3 {
  padding-top: 1.1rem;
  max-height: 7.7rem;
}
.CMYMCP184 .modal.type-full .modal-body h4 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 3.2rem;
}
.CMYMCP184 .modal-body .item-list {
  margin-top: 3.2rem;
}
.CMYMCP184 .modal-body .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP184 .modal-body .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP184 .modal-body .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP184 .modal-body .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP184 .modal-body .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP184 .modal-body .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP184 .modal-body .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP184 .modal-body .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP184 .modal-body .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP184 .modal-body .item-list dd .body-200 + .body-210, .CMYMCP184 .modal-body .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP184 .modal-body .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP184 .modal-body .item-list dd .body-210 + .body-200, .CMYMCP184 .modal-body .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP184 .modal-body .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP184 .modal-body .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP184 .modal-body .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP184 .modal-body .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP184 .modal-body .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP184 .modal-body .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP184 .modal-body .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP184 .modal-body .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
}
.CMYMCP184 .modal-body .item-list dd .check-area .sub-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 1.6rem;
}
.CMYMCP184 .modal-body .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP184 .modal-body .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP186 .modal-body .agreement-wrap {
  height: calc(90vh - 19.6rem);
}
.CMYMCP186 .modal-body .agreement-wrap .agreement-iframe {
  width: 100%;
  height: calc(90vh - 19.6rem);
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide .slick-list {
  width: 100%;
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide .slick-slide > div {
  width: 100%;
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  z-index: 10;
  background-size: 3.2rem 3.2rem;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  text-indent: -999999rem;
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide .slick-arrow.slick-disabled {
  display: none !important;
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide .slick-prev {
  left: 0;
  background-image: url("/images/common/as/icon32-pop-prev.svg");
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide .slick-next {
  right: 0;
  background-image: url("/images/common/as/icon32-pop-next.svg");
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide .agree-pop-con {
  position: relative;
  color: #222222;
  height: calc(90vh - 19.6rem);
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide .agree-pop-con .test-txt {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  font-size: 2.8rem;
  text-align: center;
  letter-spacing: -0.07rem;
  font-weight: 700;
  color: #222222;
}
.CMYMCP186 .modal-body .agreement-wrap .agree-pop-slide .agree-pop-con2 {
  height: calc(90vh - 19.6rem);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
}

.CMYMCP187 .modal-body {
  overflow-y: hidden;
}
.CMYMCP187 .modal-body .agreement-area .agreement-iframe {
  width: 100%;
  height: 90vh;
  padding-bottom: 17.6rem;
}

.CMYMCP188 .item-list {
  margin-top: 3.2rem;
}
.CMYMCP188 .item-list dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP188 .item-list dd {
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMCP188 .item-list dd.txt-red {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #f00;
}
.CMYMCP188 .item-list dd.txt-blue {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMCP188 .item-list dd.txt-emphasize {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  text-decoration: underline;
}
.CMYMCP188 .item-list dd + dt {
  margin-top: 3.2rem;
}
.CMYMCP188 .item-list dd .body-100 + .body-200 {
  margin-top: 1.6rem;
}
.CMYMCP188 .item-list dd .body-120 {
  margin-top: 1.6rem;
}
.CMYMCP188 .item-list dd .body-120 + .body-100 {
  margin-top: 2.4rem;
}
.CMYMCP188 .item-list dd .body-200 + .body-210, .CMYMCP188 .item-list dd .inp-list-wrap > ul > li .body-200 + .label, .inp-list-wrap > ul > li .CMYMCP188 .item-list dd .body-200 + .label {
  margin-top: 0.8rem;
}
.CMYMCP188 .item-list dd .body-210 + .body-200, .CMYMCP188 .item-list dd .inp-list-wrap > ul > li .label + .body-200, .inp-list-wrap > ul > li .CMYMCP188 .item-list dd .label + .body-200 {
  margin-top: 2.4rem;
}
.CMYMCP188 .item-list dd .table-wrap {
  margin-top: 0.8rem;
}
.CMYMCP188 .item-list dd .table-wrap table thead th {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMCP188 .item-list dd .table-wrap table tbody td.bold {
  font-weight: 700;
}
.CMYMCP188 .item-list dd .table-wrap table tbody td h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMCP188 .item-list dd .table-wrap table tbody td h5 .icon24 {
  margin-right: 0.8rem;
}
.CMYMCP188 .item-list dd .table-wrap .bullet-list + p {
  margin-top: 0.8rem;
}
.CMYMCP188 .item-list dd .check-area {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
  border-bottom: 1px solid #eee;
}
.CMYMCP188 .item-list dd .check-area .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMCP188 .item-list dd .check-area .tit strong {
  color: #222;
  font-weight: 700;
  text-decoration: underline;
}

.CMYMCP189 .modal-header {
  background: transparent;
}
.CMYMCP189 .result-box {
  margin: -4.8rem 0 1.6rem;
  padding: 0;
}

.CMYCTE024 {
  margin: 0 -1.6rem -3.2rem;
  padding: 0 1.6rem 3.2rem;
  min-height: calc(100vh - 6.8rem);
  background-color: #f6f8f9;
}
.CMYCTE024 .tab-underbar {
  background: #fff;
}
.CMYCTE024 .tab-contents-wrap {
  margin-top: 2.4rem;
}
.CMYCTE024 .tab-round-border ul {
  display: block;
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  font-size: 0;
  white-space: nowrap;
}
.CMYCTE024 .tab-round-border ul li {
  display: inline-block;
}
.CMYCTE024 .tab-round-border ul li + li {
  margin-left: 0.4rem;
}
.CMYCTE024 .tab-round-border ul li button {
  white-space: nowrap;
  background: #fff;
}
.CMYCTE024 .tab-round-border ul li button.active {
  background: #222;
}
.CMYCTE024 .box-list li {
  margin-top: 0.8rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYCTE024 .box-list li:first-child {
  margin-top: 0;
}
.CMYCTE024 .box-list li .box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 10rem 1.6rem 1.6rem;
}
.CMYCTE024 .box-list li .box .icon56 {
  min-width: 5.6rem;
}
.CMYCTE024 .box-list li .box .icon56 + .txt {
  margin-left: 1.6rem;
}
.CMYCTE024 .box-list li .box .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  word-break: keep-all;
}
.CMYCTE024 .box-list li .box .btn-round {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  padding: 0.4rem 0.8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  background-color: #fc0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCTE024 .box-list li .box img {
  width: 100%;
}
.CMYCTE024 .box-list li .box.box--text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 9rem 1.6rem 1.6rem;
}
.CMYCTE024 .box-list li .box.box--text .box--text__small {
  margin-top: 0.2rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #666;
}
.CMYCTE024 .box-list li a.box {
  padding: 0;
}
.CMYCTE024 .box-list li .btn-box {
  position: relative;
  margin: 1.6rem 0 -0.2rem;
  padding-top: 1.4rem;
  text-align: center;
}
.CMYCTE024 .box-list li .btn-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0.8rem;
  width: calc(100% - 0.8rem);
  height: 1px;
  background: #eee;
}
.CMYCTE024 .card-list {
  margin-top: 2.4rem;
}
.CMYCTE024 .card-list li {
  position: relative;
  margin-top: 0.8rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYCTE024 .card-list li:first-child {
  margin-top: 0;
}
.CMYCTE024 .card-list li a {
  display: block;
  padding: 1.6rem;
}
.CMYCTE024 .card-list li .img {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  width: 6.4rem;
  height: 6.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCTE024 .card-list li .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.CMYCTE024 .card-list li .tit {
  display: block;
  padding: 0 2.8rem 0 8rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.CMYCTE024 .card-list li .txt {
  display: block;
  padding: 0 2.8rem 0 8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.CMYCTE024 .card-list li .price {
  display: block;
  margin-top: 0.4rem;
  padding: 0 2.8rem 0 8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.CMYCTE024 .card-list li .icon24 {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* �������� */
/* �ùķ��̼� ��� */
.simulation-banner {
  margin-top: 1.6rem;
}
.simulation-banner > div {
  padding: 2.4rem;
  text-align: center;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.simulation-banner > div > .icon {
  display: inline-block;
  width: 9.6rem;
  height: 9.6rem;
}
.simulation-banner > div > strong {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin-top: 1.6rem;
  color: #fff;
}
.simulation-banner > div > span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
  color: #fff;
}
.simulation-banner > div ~ div {
  margin-top: 2.4rem;
}
.simulation-banner .type-success {
  background-color: #2589ff;
}
.simulation-banner .type-success .icon {
  background: url("/images/common/bu/img96-simulation01.svg") no-repeat center/contain;
}
.simulation-banner .type-possible {
  background-color: #05b197;
}
.simulation-banner .type-possible .icon {
  background: url("/images/common/bu/img96-simulation02.svg") no-repeat center/contain;
}
.simulation-banner .type-effort {
  background-color: #9459b3;
}
.simulation-banner .type-effort .icon {
  background: url("/images/common/bu/img96-simulation03.svg") no-repeat center/contain;
}
.simulation-banner .type-lack {
  background-color: #aaa;
}
.simulation-banner .type-lack .icon {
  background: url("/images/common/bu/img96-simulation04.svg") no-repeat center/contain;
}
.simulation-banner .type-nodata {
  background-color: #53688f;
}
.simulation-banner .type-nodata .icon {
  background: url("/images/common/bu/img96-simulation05.svg") no-repeat center/contain;
}
.simulation-banner .type-nodata strong {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
}
.simulation-banner .type-nodata > span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  color: #fff;
}
.simulation-banner .type-nodata .btn-wrap {
  margin-top: 2.4rem;
  padding: 0;
}
.simulation-banner .type-nodata .btn-wrap button {
  line-height: 4.8rem;
}
.simulation-banner .type-nodata .btn-wrap button span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.simulation-banner .type-noresult {
  background-color: #fff;
}
.simulation-banner .type-noresult .result-box {
  padding: 0;
}
.simulation-banner .type-noresult .result-box .btn-wrap {
  margin-top: 2.4rem;
}

/* ��Ʈ-�� */
.chart-bar-wrap {
  margin-top: 2.4rem;
  min-height: 8rem;
}
.chart-bar-wrap img {
  width: 100%;
}

/* ������ */
.CMYMPH001 {
  /* ������ �غ��� ���̽� */
}
.CMYMPH001 .part-01 .part-tit-wrap {
  padding-right: 3rem;
}
.CMYMPH001 .part-01 .car-nav-wrap .slider-nav-wrap {
  overflow-x: auto;
  overflow-y: hidden;
  margin: 0 -1.6rem;
  margin-top: 1.6rem;
  padding: 0 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-overflow-style: none;
}
.CMYMPH001 .part-01 .car-nav-wrap .slider-nav-wrap::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.CMYMPH001 .part-01 .car-nav-wrap .slider-nav-wrap .slider-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.CMYMPH001 .part-01 .car-nav-wrap .slider-nav-wrap .slider-nav li {
  margin-right: 0.8rem;
  width: 9.6rem;
  height: 6.4rem;
}
.CMYMPH001 .part-01 .car-nav-wrap .slider-nav-wrap .slider-nav li button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.CMYMPH001 .part-01 .car-nav-wrap .slider-nav-wrap .slider-nav li button img {
  z-index: 20;
  position: relative;
  width: 100%;
}
.CMYMPH001 .part-01 .car-nav-wrap .slider-nav-wrap .slider-nav li button.on:after {
  z-index: 10;
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  content: "";
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: #ffcc00;
}
.CMYMPH001 .part-01 .car-nav-wrap .slider-nav-wrap .btn-car-add {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 9.6rem;
  height: 6.4rem;
  text-indent: -9999px;
  overflow: hidden;
  background: url("/images/common/car/img-car-add.png") no-repeat center/contain;
}
.CMYMPH001 .part-01 .car-nav-wrap .balloon-wrap {
  margin-top: 0.8rem;
}
.CMYMPH001 .part-01 .car-nav-wrap .balloon-wrap .link-balloon {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
  z-index: 10;
  position: relative;
  display: block;
  padding: 1.6rem;
  padding-right: 4rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  background: #fff;
}
.CMYMPH001 .part-01 .car-nav-wrap .balloon-wrap .link-balloon:before {
  z-index: 20;
  position: absolute;
  top: -0.9rem;
  left: 2.5rem;
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  background: url("/images/common/icon/icon-triangleline.svg") no-repeat center/contain;
}
.CMYMPH001 .part-01 .car-nav-wrap .balloon-wrap .link-balloon:after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon16-arrow-right-black.svg") no-repeat center/contain;
}
.CMYMPH001 .part-01 .car-slider-wrap {
  margin: 0 -1.6rem;
  margin-top: 1.6rem;
  padding-left: 1.6rem;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider .slick-list {
  padding-right: 1.6rem;
  overflow: unset;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider .slick-slide {
  padding-right: 1.6rem;
  padding-bottom: 1.6rem;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car {
  position: relative;
  padding: 2.4rem 2.4rem 1.6rem;
  height: 32.6rem;
  border-radius: 1.2rem;
  background-color: #ffcc00;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .top-box {
  position: relative;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .top-box .btn-txt {
  position: absolute;
  top: 0.2rem;
  right: 0;
  color: #222;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .top-box .btn-txt:after {
  background: #222;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .top-box .name {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .top-box .name .name__model {
  font-size: 1.6rem;
  line-height: 2rem;
  height: 4.2rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .top-box .img-box {
  position: relative;
  margin: 0 auto;
  margin-top: 0.5rem;
  width: 18rem;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .top-box .img-box img {
  height: 10rem;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .top-box .img-box .tag {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  width: 4rem;
  line-height: 4rem !important;
  text-align: center;
  background: #2589ff;
  color: #fff;
  border-radius: 50%;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .bottom-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.8rem;
  margin-top: 0.5rem;
  padding: 1.6rem;
  border-radius: 0.8rem;
  background: #fff;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .bottom-box li {
  position: relative;
  width: 100%;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .bottom-box li + li {
  padding-left: 1.6rem;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .bottom-box li + li:before {
  position: absolute;
  top: 0.4rem;
  left: 0;
  content: "";
  display: block;
  width: 1px;
  height: 3.8rem;
  background: #eee;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .bottom-box li strong {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car .bottom-box li span {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car.add-car {
  padding: 9rem 1.6rem 0;
  text-align: center;
  background: #fff;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car.add-car .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 1.6rem;
}
.CMYMPH001 .part-01 .car-slider-wrap .car-slider a.item-car.add-car .txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
}
.CMYMPH001 .part-02 {
  margin-top: 2.4rem;
}
.CMYMPH001 .part-02 .part-tit-wrap .contents-title-200 {
  padding-right: 6rem;
}
.CMYMPH001 .part-02 .budget-wrap {
  margin-top: 1.6rem;
  padding: 2.4rem;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
  background: #fff;
}
.CMYMPH001 .part-02 .budget-wrap .budget-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: center;
}
.CMYMPH001 .part-02 .budget-wrap .budget-account {
  margin-top: 0.4rem;
  text-align: center;
  font-size: 0;
}
.CMYMPH001 .part-02 .budget-wrap .budget-account .question-mark {
  display: inline-block;
  margin-right: 0.8rem;
  width: 8rem;
  height: 3.4rem;
  vertical-align: middle;
  background: url("/images/common/bu/question-mark.png") no-repeat center/contain;
  text-indent: -9999px;
  overflow: hidden;
}
.CMYMPH001 .part-02 .budget-wrap .budget-account .unit,
.CMYMPH001 .part-02 .budget-wrap .budget-account .account {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.CMYMPH001 .part-02 .budget-wrap .budget-account.unknown .question-mark {
  display: inline-block;
}
.CMYMPH001 .part-02 .budget-wrap .budget-account.unknown .account {
  display: none;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list {
  margin-top: 1.6rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li {
  position: relative;
  padding: 1.6rem;
  border-radius: 1.2rem;
  background: #f8f8f8;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li + li {
  margin-top: 0.8rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li + li:before {
  position: absolute;
  top: -1.6rem;
  left: 50%;
  margin-left: -1.2rem;
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/common/icon/icon24-round-plus-orange.svg") no-repeat center/contain;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 label, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 label {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 1rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box {
  text-align: right;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .inp-inline-modify, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .inp-inline-modify {
  position: relative;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .inp-inline-modify input, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .inp-inline-modify .inp-box .ico-confirm, .inp-box .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .inp-inline-modify .ico-confirm, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .inp-inline-modify input, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .inp-inline-modify .inp-box .ico-confirm, .inp-box .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .inp-inline-modify .ico-confirm {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  padding-right: 6rem;
  text-align: right;
  width: 100%;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .inp-inline-modify .unit, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .inp-inline-modify .unit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .inp-inline-modify i, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .inp-inline-modify i {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .link-modify a, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .link-modify a {
  display: block;
  font-size: 0;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .link-modify a em, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .link-modify a span, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .link-modify a em, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .link-modify a span {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .link-modify a .icon-modify, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .link-modify a .icon-modify {
  margin-left: 0.4rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .link-modify a.completed em, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-01 .right-box .link-modify a.completed span, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .link-modify a.completed em, .CMYMPH001 .part-02 .budget-wrap .budget-list li.list-02 .right-box .link-modify a.completed span {
  color: #2c7bff;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-03 {
  padding: 1.6rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-03 .btn-tooltip span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-03 .tooltip {
  left: -1.6rem;
  width: calc(100% + 3.2rem);
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-03 .limit-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-03 .limit-box .form-switch {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-03 .limit-box em {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-03 .limit-box strong {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-02 .budget-wrap .budget-list li.list-03 .btn-box {
  position: absolute;
  top: 1.5rem;
  right: 1.6rem;
}
.CMYMPH001 .part-02 .budget-wrap .limit-explain {
  position: relative;
  margin-top: 1.6rem;
  margin-bottom: -0.6rem;
  padding-left: 10rem;
  text-align: right;
}
.CMYMPH001 .part-02 .budget-wrap .limit-explain:before {
  position: absolute;
  top: -2px;
  left: 0;
  content: "";
  display: block;
  width: 9.6rem;
  height: 11.4rem;
  background: url("/images/common/bu/img-man02.svg") no-repeat center/contain;
}
.CMYMPH001 .part-02 .budget-wrap .limit-explain .link-balloon {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  position: relative;
  display: block;
  padding: 1rem 2.4rem 1rem 1.6rem;
  text-align: left;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  background: #fff;
  color: #222;
}
.CMYMPH001 .part-02 .budget-wrap .limit-explain .link-balloon:before {
  position: absolute;
  top: 1.6rem;
  left: -0.9rem;
  content: "";
  display: block;
  width: 0.9rem;
  height: 1.2rem;
  background: url("/images/common/icon/balloon-left.svg") no-repeat center/contain;
}
.CMYMPH001 .part-02 .budget-wrap .limit-explain .link-balloon:after {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("///images/common/icon/icon16-arrow-right-black.svg") no-repeat center/contain;
}
.CMYMPH001 .part-02 .budget-wrap .limit-explain.nolink:before {
  background: url("/images/common/bu/img-man.svg") no-repeat center/contain;
}
.CMYMPH001 .part-02 .budget-wrap .limit-explain.nolink .link-balloon:after {
  display: none;
}
.CMYMPH001 .part-02 .budget-wrap .limit-explain.expiration:before {
  background: url("/images/common/bu/img-man03.svg") no-repeat center/contain;
}
.CMYMPH001 .part-02 .budget-wrap .limit-explain.expiration .link-balloon:after {
  display: none;
}
.CMYMPH001 .part-02 .error-box {
  position: relative;
  margin-top: 2.4rem;
  padding: 1.6rem;
  padding-left: 4rem;
  border-radius: 1.2rem;
  background: #fff;
  border: 1px solid #eee;
}
.CMYMPH001 .part-02 .error-box .icon-error {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMPH001 .part-02 .error-box strong {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMPH001 .part-02 .error-box .btn-box {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMPH001 .part-03 {
  margin-top: 4.8rem;
}
.CMYMPH001 .part-03 .accordion-wrap {
  margin-top: 2.4rem;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list {
  margin-top: 0.8rem;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li {
  position: relative;
  padding: 1.6rem;
  border-radius: 1.2rem;
  background: #f8f8f8;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li + li {
  margin-top: 0.8rem;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li + li:before {
  position: absolute;
  top: -1.6rem;
  left: 50%;
  margin-left: -1.2rem;
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/images/common/icon/icon24-round-plus-orange.svg") no-repeat center/contain;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-01 {
  padding: 0;
  border-radius: 0;
  background: #fff;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-01 .list-contents {
  position: relative;
  padding: 1.6rem;
  border-top: 0;
  border-radius: 1.2rem;
  background: #f8f8f8;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-02 {
  padding: 0;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-02 .link {
  display: block;
  margin: 0;
  padding: 1.6rem;
  border-top: 0;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-02 .link .depth-box {
  position: relative;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-02 .link .depth-box.off .depth:before {
  background-color: #aaa;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-02 .link .depth-box.off .depth em {
  color: #aaa;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-02 .link .depth-box.off .depth + .max-limit {
  display: none;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-02 .link .depth-box .depth:before {
  background-color: #2589ff;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-02 .link .depth-box .max-limit {
  text-align: right;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li.list-02 .link .nodata-txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: center;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li .list-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li .list-header strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li .list-header em {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li .list-contents {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid #eee;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li .list-contents .depth {
  position: relative;
  padding-left: 1.6rem;
  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;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li .list-contents .depth + .depth {
  margin-top: 0.8rem;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li .list-contents .depth:before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.4rem;
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.2rem;
  background: #ffcc00;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li .list-contents .depth strong {
  display: inline-block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-03 .accordion-wrap .possible-budget-list li .list-contents .depth em {
  display: inline-block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMPH001 .part-03 .accordion-wrap .btn-wrap {
  margin-top: 1.6rem;
  padding: 0;
}
.CMYMPH001 .part-03 .money-limit-wrap {
  position: relative;
  margin-top: 2.4rem;
  padding: 2.4rem;
  background-color: #fff;
  border-radius: 1.2rem;
  text-align: center;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.CMYMPH001 .part-03 .money-limit-wrap .icon {
  display: inline-block;
  width: 14rem;
  height: 9.6rem;
  background: url("/images/common/bu/img140-moneylimit.svg") no-repeat center/contain;
}
.CMYMPH001 .part-03 .money-limit-wrap strong {
  display: block;
  margin-top: 1.6rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-03 .money-limit-wrap b {
  display: block;
  margin-top: 1.6rem;
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-03 .money-limit-wrap .money-area {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-03 .money-limit-wrap .money-area em {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
}
.CMYMPH001 .part-03 .money-limit-wrap p {
  margin-top: 0.4rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMPH001 .part-03 .money-limit-wrap .btn-wrap {
  margin-top: 2.4rem;
}
.CMYMPH001 .part-03 .lease-card-wrap {
  margin-top: 2.4rem;
  padding: 2.4rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.CMYMPH001 .part-03 .lease-card-wrap .lease-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-03 .lease-card-wrap .lease-tit .underline-mark {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-03 .lease-card-wrap .month-payment {
  position: relative;
  padding: 1.6rem 10rem 2.4rem 0;
}
.CMYMPH001 .part-03 .lease-card-wrap .month-payment:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 9.6rem;
  height: 8.8rem;
  background: url("/images/common/bu/img96-less.svg") no-repeat center/contain;
}
.CMYMPH001 .part-03 .lease-card-wrap .month-payment strong {
  display: block;
  margin-top: 0.8rem;
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-03 .lease-card-wrap .average-balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.4rem;
  padding-top: 1.6rem;
  border-top: 1px solid #eee;
}
.CMYMPH001 .part-03 .lease-card-wrap .average-balance dt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-03 .lease-card-wrap .average-balance dd {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH001 .part-03 .link-rent-wrap {
  margin-top: 2.4rem;
}
.CMYMPH001 .part-03 .link-rent-wrap a {
  display: block;
}
.CMYMPH001 .part-03 .link-rent-wrap a img {
  width: 100%;
}
.CMYMPH001 .preparing-box {
  margin-top: 2.4rem;
  padding: 2.4rem;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYMPH001 .preparing-box .data-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CMYMPH001 .preparing-box .data-between .left-box strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
}
.CMYMPH001 .preparing-box .data-between .right-box {
  text-align: right;
}
.CMYMPH001 .preparing-box .data-between .right-box .question-mark {
  display: inline-block;
  width: 8rem;
  height: 2.6rem;
  vertical-align: middle;
  background: url("/images/common/bu/question-mark.png") no-repeat center/contain;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0;
  color: transparent;
}
.CMYMPH001 .preparing-box .data-between .right-box .unit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
  vertical-align: middle;
}
.CMYMPH001 .preparing-box .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
  display: block;
  margin-top: 0.8rem;
  text-align: right;
}
.CMYMPH001 .bottom-banner-wrap .bottom-banner {
  display: none;
  z-index: 100;
  position: relative;
  padding: 1.6rem;
  background: #454d59;
}
.CMYMPH001 .bottom-banner-wrap .bottom-banner.bottom-fixed {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.CMYMPH001 .bottom-banner-wrap .bottom-banner.bottom-fixed + .bottom-banner-space {
  height: 14rem;
}
.CMYMPH001 .bottom-banner-wrap .bottom-banner a {
  display: block;
  text-align: center;
  margin-bottom: 10rem;
}
.CMYMPH001 .bottom-banner-wrap .bottom-banner a img {
  width: 100%;
}
.CMYMPH001 .bottom-banner-wrap .bottom-banner button {
  z-index: 200;
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
.CMYMPH001 .bottom-banner-wrap .bottom-banner-space {
  height: 0;
}
.CMYMPH001 .link-consulting-wrap {
  margin-top: 2.4rem;
}
.CMYMPH001 .link-consulting-wrap > a {
  display: block;
}
.CMYMPH001 .link-consulting-wrap > a img {
  width: 100%;
}
.CMYMPH001 .type-noresult .result-box .btn-wrap button {
  line-height: 4.8rem;
}
.CMYMPH001 .subcont-area {
  margin-top: 0;
  padding-bottom: 4rem;
}
.CMYMPH001 .type-white {
  padding-bottom: 5rem;
}
/*** �ùķ��̼� ������ ****/
/* �������� */
.asset-list {
  padding: 1rem 0 2.4rem;
}

.asset-list-item {
  position: relative;
  display: block;
  border-radius: 2.4rem;
  background: #fff;
  margin-top: -6rem;
  padding: 0 2rem 7.6rem;
  -webkit-box-shadow: 0 -0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 -0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.asset-list-item:first-child {
  margin-top: 0;
}
.asset-list-item:last-child, .asset-list-item.type-carprice {
  padding-bottom: 2.4rem;
}
.asset-list-item.type-wallet {
  background: #fc0;
  -webkit-transition: none;
  transition: none;
}
.asset-list-item.type-mycredit {
  background: #695b55;
  color: #fff;
}
.asset-list-item.type-mycredit .base-box {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
}
.asset-list-item.type-mycredit .base-box strong {
  color: #fff535;
}
.asset-list-item.type-mycredit .tag-round {
  vertical-align: middle;
  margin: -0.2rem 0.5rem 0 0;
  line-height: 2rem;
  height: 2rem;
  background: rgba(0, 0, 0, 0.2);
  color: #eee;
}
.asset-list-item.type-mycredit .tag-round.type-warn {
  color: #ff6a6a;
}
.asset-list-item.type-mycredit .asset-tit-area .asset-tit {
  color: #fff;
}
.asset-list-item.type-mycredit .asset-tit-area .asset-tit-util {
  color: #fff;
}
.asset-list-item.type-mycredit .asset-tit-area .asset-tit-util:after {
  border-color: #fff;
}
.asset-list-item.type-mycredit .base-box.is-nodata {
  position: relative;
}
.asset-list-item.type-mycredit .base-box.is-nodata:before, .asset-list-item.type-mycredit .base-box.is-nodata:after {
  position: absolute;
  display: block;
  background: url("/images/common/bu/bg-coin-left.png") center/contain no-repeat;
  opacity: 0;
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: opacity ease-in-out 0.6s, -webkit-transform ease-in-out 0.6s;
  transition: opacity ease-in-out 0.6s, -webkit-transform ease-in-out 0.6s;
  transition: transform ease-in-out 0.6s, opacity ease-in-out 0.6s;
  transition: transform ease-in-out 0.6s, opacity ease-in-out 0.6s, -webkit-transform ease-in-out 0.6s;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  content: "";
}
.asset-list-item.type-mycredit .base-box.is-nodata:before {
  right: 100%;
  bottom: -2.5rem;
  width: 11.2rem;
  height: 10rem;
  -webkit-transform: scale(0.5) translateX(100%) translateY(1rem);
      -ms-transform: scale(0.5) translateX(100%) translateY(1rem);
          transform: scale(0.5) translateX(100%) translateY(1rem);
}
.asset-list-item.type-mycredit .base-box.is-nodata:after {
  left: 100%;
  bottom: -7.5rem;
  width: 8.2rem;
  height: 14.5rem;
  margin-left: 0;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: scale(0.3) translateX(-120%) translateY(1rem);
      -ms-transform: scale(0.3) translateX(-120%) translateY(1rem);
          transform: scale(0.3) translateX(-120%) translateY(1rem);
  background-image: url("/images/common/bu/bg-coin-right.png");
}
.asset-list-item.type-carprice .base-box {
  background: #f6f8f9;
  padding-left: 2rem;
  padding-right: 2rem;
}
.asset-list-item.type-carprice .main-garage > .item {
  display: block;
  position: relative;
  padding: 2rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #f6f8f9;
  border-radius: 1.2rem;
}
.asset-list-item.type-carprice .main-garage .name-area {
  position: relative;
  padding-right: 13rem;
}
.asset-list-item.type-carprice .main-garage .name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
}
.asset-list-item.type-carprice .main-garage .num {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #2589ff;
}
.asset-list-item.type-carprice .main-garage .sub-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  color: #666;
}
.asset-list-item.type-carprice .main-garage .thumb {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -2rem;
  width: 14rem;
  height: 9rem;
  border-radius: 0 1.2rem 0 0;
  overflow: hidden;
}
.asset-list-item.type-carprice .main-garage .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 12.2rem;
}
.asset-list-item.type-carprice .main-garage dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5rem;
  background: #f6f8f9;
  border-radius: 0.8rem;
  padding: 0 1.5rem 0 0;
}
.asset-list-item.type-carprice .main-garage dl:after {
  content: "";
  display: block;
  clear: both;
}
.asset-list-item.type-carprice .main-garage dl > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  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: 1.3rem 0 1.3rem 1.5rem;
}
.asset-list-item.type-carprice .main-garage dl > div:after:after {
  content: "";
  display: block;
  clear: both;
}
.asset-list-item.type-carprice .main-garage dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 5.5rem;
  color: #888;
  font-size: 1.4rem;
  line-height: 1.6;
}
.asset-list-item.type-carprice .main-garage dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 5.5rem);
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}
.asset-list-item a.asset-tit-area {
  z-index: 2;
  position: relative;
}
.asset-list-item .asset-tit-area {
  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-top: 2rem;
}
.asset-list-item .asset-tit-area .asset-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.asset-list-item .asset-tit-area .asset-tit-util {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.asset-list-item .asset-tit-area .asset-tit-util:after {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  margin: -0.2rem 0 0 0.4rem;
  border-top: 0.15rem solid #222;
  border-right: 0.15rem solid #222;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}
.asset-list-item .asset-tit-area .asset-tit-util strong {
  font-size: 1.8rem;
}
.asset-list-item .asset-tit-area .tooltip {
  margin-bottom: -1.5rem;
}
.asset-list-item .asset-cont {
  padding: 1.8rem 0 0.8rem;
}
.asset-list-item .icon-tooltip-light {
  z-index: 2;
  position: relative;
}
.asset-list-item .tooltip {
  z-index: 10;
}
.asset-list-item .asset-link {
  z-index: 1;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.asset-list-item .asset-link span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.asset-list-item .asset-link:after {
  position: absolute;
  top: -9rem;
  left: 100%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  display: block;
  width: 200%;
  height: 6rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.4)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4));
  opacity: 0.2;
  -webkit-animation: aniCardBlink ease-in-out 0.8s both 0.2s;
          animation: aniCardBlink ease-in-out 0.8s both 0.2s;
  content: "";
}
@-webkit-keyframes aniCardBlink {
  0% {
    -webkit-transform: rotate(45deg) translateY(0%) translateX(0%);
            transform: rotate(45deg) translateY(0%) translateX(0%);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translateY(150vw) translateX(-150vw);
            transform: rotate(45deg) translateY(150vw) translateX(-150vw);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}
@keyframes aniCardBlink {
  0% {
    -webkit-transform: rotate(45deg) translateY(0%) translateX(0%);
            transform: rotate(45deg) translateY(0%) translateX(0%);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(45deg) translateY(150vw) translateX(-150vw);
            transform: rotate(45deg) translateY(150vw) translateX(-150vw);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}
.asset-list-item .base-box {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  padding: 1.8rem 1.2rem;
  text-align: center;
  color: #222;
}
.asset-list-item .base-box p {
  font: inherit;
  word-break: keep-all;
}
.asset-list-item .base-box strong {
  font: inherit;
}
.asset-list-item .base-box .info-txt {
  text-align: left;
  color: #222;
}
.asset-list-item .base-box .icon-plus-black {
  margin-bottom: 1.5rem;
}

.subcont-area.screenon .asset-list-item {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.subcont-area.screenon .asset-list-item.type-wallet .asset-link:after {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.subcont-area.screenon .asset-list-item.type-mycredit {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.subcont-area.screenon .asset-list-item.type-mycredit .asset-link:after {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.subcont-area.screenon .asset-list-item.type-mycredit .base-box {
  margin-bottom: -2.5rem;
}
.subcont-area.screenon .asset-list-item.type-mycredit .base-box.is-nodata:before {
  opacity: 0.8;
  -webkit-transform: scale(0.8) translateX(50%);
      -ms-transform: scale(0.8) translateX(50%);
          transform: scale(0.8) translateX(50%);
}
.subcont-area.screenon .asset-list-item.type-mycredit .base-box.is-nodata:after {
  opacity: 1;
  -webkit-transform: scale(0.5) translateX(-50%);
      -ms-transform: scale(0.5) translateX(-50%);
          transform: scale(0.5) translateX(-50%);
}
.subcont-area.screenon .asset-list-item.type-carprice {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.subcont-area.screenon .asset-list-item.type-carprice .asset-link:after {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

/* �ùķ��̼� */
.simulation-link {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  padding: 2.4rem 2.4rem 2rem;
}
.simulation-link .simulation-link-inner {
  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;
}
.simulation-link .simulation-link-cont {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.simulation-link .simulation-link-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.simulation-link .simulation-link-img {
  position: relative;
  margin: 2rem -2.4rem 0;
  overflow: hidden;
  height: 6.6rem;
}
.simulation-link .simulation-link-img .img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 196rem;
  -webkit-animation: aniRollingImg linear 30s infinite;
          animation: aniRollingImg linear 30s infinite;
  background: url("/images/common/bu/bg-car-rolling.jpg") center/auto 6.6rem;
}
@-webkit-keyframes aniRollingImg {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -196rem;
  }
}
@keyframes aniRollingImg {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -196rem;
  }
}

.simulation-nav-area {
  z-index: 1;
  overflow: hidden;
  position: relative;
  margin: -0.8rem -1.6rem -1.6rem;
}
.simulation-nav-area.swiper-css-mode .swiper-wrapper {
  overflow-x: auto;
}
.simulation-nav-area .swiper-wrapper {
  overflow: visible;
}
.simulation-nav-area .simulation-nav-slider {
  white-space: nowrap;
  overflow-x: auto;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  scroll-padding-left: 1.6rem;
  scroll-padding-right: 1.6rem;
  -webkit-overflow-scrolling: touch;
  font-size: 0;
  padding: 0.8rem 0 1.6rem;
}
.simulation-nav-area .simulation-nav-slider::-webkit-scrollbar {
  display: none;
}
.simulation-nav-area .simulation-nav-slider:after {
  display: block;
  width: 0.5rem;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: "";
}
.simulation-nav-area .simulation-nav-item {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  display: inline-block;
  margin: 0 0.5rem;
  vertical-align: top;
}
.simulation-nav-area .simulation-nav-item:last-child {
  margin-right: 1.6rem;
}
.simulation-nav-area .simulation-nav-item:first-child {
  margin-left: 1.6rem;
}
.simulation-nav-area .simulation-nav-item:last-child {
  margin-right: 1.6rem;
}
.simulation-nav-area .btn-delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.5rem;
  height: 3.5rem;
  background: url("/images/common/icon/icon-close-round.svg") center/1.6rem auto no-repeat;
}
.simulation-nav-area .btn-delete span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.simulation-nav-btn {
  display: block;
  width: 12rem;
  height: 11rem;
  padding: 1rem 2rem 1rem 1.2rem;
  border: 0.2rem solid transparent;
  border-radius: 1.2rem;
  overflow: hidden;
  opacity: 0.5;
  white-space: normal;
}
.simulation-nav-btn .nav-img-bi {
  display: block;
  margin: 0 0 0.8rem;
}
.simulation-nav-btn .nav-img-bi img {
  width: 2.8rem;
  height: auto;
}
.simulation-nav-btn .nav-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  z-index: 1;
  position: relative;
  color: #222;
  line-height: 1.2;
}
.simulation-nav-btn .nav-img-car {
  position: absolute;
  left: 0;
  bottom: 1rem;
  display: block;
  width: 100%;
  height: 4.5rem;
  overflow: hidden;
}
.simulation-nav-btn .nav-img-car img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
}
.simulation-nav-btn.active {
  padding: 1.8rem 1.6rem 0;
  height: 14rem;
  opacity: 1;
  border-color: #fc0;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.simulation-nav-btn.active .nav-img-bi {
  margin-bottom: 0.8rem;
}
.simulation-nav-btn.active .nav-txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #222;
  line-height: 1.2;
}
.simulation-nav-btn.active .nav-img-car {
  bottom: 0.2rem;
  height: 6rem;
}
.simulation-nav-btn.active .nav-img-car img {
  left: 30%;
}
.simulation-nav-btn.type-normal {
  opacity: 1;
}

.simulation-cont-area {
  position: relative;
  margin-top: -3.2rem;
  margin-bottom: -4rem;
}
.simulation-cont-area .simulation-cont {
  position: relative;
  padding: 6.4rem 1.6rem 4.8rem;
  background: #fc0;
  margin: 0 -1.6rem;
}
.simulation-cont-area .simulation-cont.type-loading {
  padding-top: 7.5rem;
  padding-bottom: 6.8rem;
  text-align: center;
}
.simulation-cont-area .simulation-cont.type-loading p {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  padding: 3rem 2rem;
}
.simulation-cont-area .simulation-cont.type-loading p:before {
  position: relative;
  margin: 0 auto 2.4rem;
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.4rem solid #2589ff;
  border-radius: 50%;
  border-top-color: transparent;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: aniSpin 1s ease-in-out infinite;
  content: "";
}
@keyframes aniSpin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes aniSpin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.simulation-cont-area .simulation-cont.type-nodata .base-box {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  padding: 3.2rem 2rem 2rem;
  text-align: center;
}
.simulation-cont-area .simulation-cont.type-nodata .base-box p {
  font: inherit;
}
.simulation-cont-area .simulation-cont.type-nodata .base-box .point-box, .simulation-cont-area .simulation-cont.type-nodata .base-box .search-result-box {
  margin-top: 2rem;
}
.simulation-cont-area .simulation-cont.type-nodata .icon-plus-black {
  display: block;
  margin: 0 auto 2rem;
}
.simulation-cont-area .simulation-util {
  z-index: 2;
  position: absolute;
  top: 2.4rem;
  right: 0;
  width: 100%;
  padding: 0 1.6rem;
  text-align: right;
}

/** �ùķ��̼� �����̵� */
.simulation-result-area.swiper-container {
  margin: 0 -1.6rem;
  overflow: hidden;
}

.simulation-result-slider {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0 1.6rem 1.6rem 1.1rem;
  margin-bottom: -1.6rem;
  scroll-padding-left: 1.6rem;
  scroll-padding-right: 1.6rem;
}

.simulation-result-item.is-cant .calc-tit-area {
  margin-bottom: 2.7rem;
}
.simulation-result-item.is-cant .point-box .cost-data, .simulation-result-item.is-cant .search-result-box .cost-data {
  margin-bottom: 1.8rem;
}
.simulation-result-item.swiper-slide {
  width: calc(100vw - 4.4rem);
  height: auto;
  margin: 0 0.5rem;
}
.simulation-result-item.swiper-slide:last-child {
  margin-right: 3rem;
}
.simulation-result-item.swiper-slide .simulation-result {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  height: 100%;
  padding-bottom: 5.3rem;
}
.simulation-result-item.swiper-slide .simulation-result .car-thumb {
  border-radius: 1.2rem 1.2rem 0 0;
}
.simulation-result-item.swiper-slide .simulation-result .car-thumb:before {
  z-index: -1;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(26%, rgba(0, 0, 0, 0.7)), color-stop(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 26%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  content: "";
}
.simulation-result-item.swiper-slide .simulation-result .btn-flat-area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.simulation-result-item.swiper-slide .result-inner {
  padding: 2rem;
}
.simulation-result-item.swiper-slide .point-box, .simulation-result-item.swiper-slide .search-result-box {
  margin: 0 -0.4rem 0;
  padding: 1.6rem 1.2rem;
}
.simulation-result-item.swiper-slide .point-box .cost-data .cost-data-cont, .simulation-result-item.swiper-slide .search-result-box .cost-data .cost-data-cont {
  font-size: 1.8rem;
}
.simulation-result-item.swiper-slide .point-box .cost-data .cost-data-cont .unit, .simulation-result-item.swiper-slide .search-result-box .cost-data .cost-data-cont .unit {
  font-size: 1.2rem;
}
.simulation-result-item.swiper-slide .point-box .cost-calc-area, .simulation-result-item.swiper-slide .search-result-box .cost-calc-area {
  margin-top: 1rem;
}

.simulation-result {
  position: relative;
  display: block;
}
.simulation-result .car-thumb {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  height: 64vw;
  padding: 2rem;
  color: #fff;
  overflow: hidden;
  background-color: #eee;
}
.simulation-result .car-thumb img {
  z-index: -2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.simulation-result .car-thumb .car-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.8rem;
  line-height: 1.4;
}
.simulation-result .car-thumb .mark-area {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #ddd;
}
.simulation-result .car-thumb .mark-area .car-mark:after {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background: #fff;
  vertical-align: middle;
  margin: -0.2rem 0.3rem 0;
  content: "";
}
.simulation-result .car-thumb .mark-area .car-mark:last-child:after {
  display: none;
}
.simulation-result .car-thumb .mark-area .car-mark.type-primary {
  color: #2589ff;
  font-weight: 400;
}
.simulation-result .car-floating-util {
  z-index: 2;
  position: absolute;
  top: 64vw;
  right: 0;
  display: block;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: right;
  width: 100%;
  padding: 0 1.6rem;
}
.simulation-result .result-inner {
  padding: 2rem 0 0;
}
.simulation-result .calc-tit-area {
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 0.9rem;
}
.simulation-result .calc-tit-area .calc-tit {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.simulation-result .calc-tit-area .calc-tit .subject {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.simulation-result .calc-tit-area .calc-tit .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  color: #222;
  padding-right: 8rem;
}
.simulation-result .calc-tit-area .calc-tit-util {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.simulation-result .calc-tit-area .calc-tit-util .btn-round:after {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  margin: -0.3rem 0 0 0.3rem;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-top: 0.15rem solid #222;
  border-right: 0.15rem solid #222;
  content: "";
}
.simulation-result .cost-data {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
.simulation-result .cost-data .cost-data-tit {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  color: #222;
}
.simulation-result .cost-data .cost-data-cont {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.simulation-result .cost-data .cost-data-cont > strong, .simulation-result .cost-data .cost-data-cont > span {
  vertical-align: middle;
}
.simulation-result .cost-data .cost-data-cont .unit {
  font-size: 1.2rem;
}
.simulation-result .cost-data .cost-data-cont.is-warn {
  color: #ff0000 !important;
}
.simulation-result .point-box, .simulation-result .search-result-box {
  padding: 2.5rem;
  background: #f8f8f8;
}
.simulation-result .point-box .cost-data.type-total, .simulation-result .search-result-box .cost-data.type-total {
  border-bottom: 0.1rem dashed #ddd;
  padding-bottom: 1rem;
  margin-bottom: 1.2rem;
}
.simulation-result .point-box .cost-data.type-total .cost-data-cont, .simulation-result .search-result-box .cost-data.type-total .cost-data-cont {
  font-size: 2rem;
}
.simulation-result .point-box .cost-data.type-total .cost-data-cont .unit, .simulation-result .search-result-box .cost-data.type-total .cost-data-cont .unit {
  font-size: 1.4rem;
}
.simulation-result .point-box .form-grid, .simulation-result .search-result-box .form-grid {
  position: relative;
  margin-top: 1.2rem;
}
.simulation-result .point-box .inp-box input, .simulation-result .search-result-box .inp-box input, .simulation-result .point-box .inp-box .ico-confirm, .simulation-result .search-result-box .inp-box .ico-confirm {
  font-size: 1.8rem;
  font-weight: 700;
}
.simulation-result .point-box .inp-box input:disabled, .simulation-result .search-result-box .inp-box input:disabled, .simulation-result .point-box .inp-box .ico-confirm:disabled, .simulation-result .search-result-box .inp-box .ico-confirm:disabled {
  opacity: 1;
  background: #fff5cc;
  border-color: transparent;
  color: #222;
  -webkit-text-fill-color: #222;
}
.simulation-result .point-box .inp-box input:disabled ~ .inp-unit, .simulation-result .search-result-box .inp-box input:disabled ~ .inp-unit, .simulation-result .point-box .inp-box .ico-confirm:disabled ~ .inp-unit, .simulation-result .search-result-box .inp-box .ico-confirm:disabled ~ .inp-unit {
  color: #222;
}
.simulation-result .point-box .cost-calc-area, .simulation-result .search-result-box .cost-calc-area {
  margin-top: 2.4rem;
}
.simulation-result .point-box .tooltip, .simulation-result .search-result-box .tooltip {
  width: calc(100vw - 7rem);
  right: -1rem;
}

.drag-gauge {
  position: relative;
  background: none;
  border: 0;
  height: auto;
  padding: 1rem 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.drag-gauge .noUi-connects {
  background: #ddd;
  border-radius: 0.3rem;
  height: 0.6rem;
}
.drag-gauge .noUi-connects .noUi-connect {
  top: 0;
  background: #fc0;
}
.drag-gauge .noUi-handle {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.2);
  top: -0.8rem;
  border: none;
}
.drag-gauge .noUi-handle:before, .drag-gauge .noUi-handle:after {
  display: none;
}

.cost-calc-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cost-calc-area .cost-calc-set {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.cost-calc-area .inner-select select {
  font-weight: 700;
  vertical-align: middle;
  margin-right: 0.3rem;
}
.cost-calc-area .inner-select > span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  color: #222;
  vertical-align: middle;
}
.cost-calc-area .inner-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #aaa;
}
.cost-calc-area .cost-calc-result {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #2589ff;
  font-size: 2rem;
}
.cost-calc-area .cost-calc-result > span, .cost-calc-area .cost-calc-result > strong {
  vertical-align: middle;
  margin: 0;
}
.cost-calc-area .cost-calc-result .txt-period {
  font-size: 1.6rem;
  margin-right: 0.3rem;
}

.simulation-result-added {
  margin-top: 1.5rem;
}

.hyper-area {
  margin-top: 1rem;
}
.hyper-area .hyper-item {
  display: table;
  width: 100%;
}
.hyper-area .hyper-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
  display: table-cell;
  padding: 0.8rem 0;
  vertical-align: middle;
  text-align: left;
}
.hyper-area .hyper-btn {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  padding: 0.5rem 0;
  color: #222;
  font-weight: 500;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
}
.hyper-area .hyper-btn:after {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.15rem solid #222;
  border-right: 0.15rem solid #222;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  vertical-align: middle;
  margin: -0.2rem 0 0 0.5rem;
  content: "";
}
.hyper-area .tag-round {
  font-size: 1rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 1rem;
  font-weight: 700;
  vertical-align: middle;
  margin: -0.2rem 0 0 0.5rem;
}
.hyper-area .hyper-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.4rem;
}

/* ��õ���� ����Ʈ */
.car-recommend-area {
  margin-bottom: 2.4rem;
  padding: 2.4rem 0 0;
}

.car-recommend-util {
  z-index: 2;
  position: relative;
  text-align: left;
  margin-bottom: 2.4rem;
}
.car-recommend-util:after {
  content: "";
  display: block;
  clear: both;
}
.car-recommend-util .car-recommend-util-sub {
  float: right;
}

/* ��� �� as-is style */
.cmm-list-cnt {
  color: #888;
}
.cmm-list-cnt .cmm-bl-dash > li {
  color: inherit;
}
.cmm-list-cnt .cmm-bl-dash > li strong {
  font-weight: normal;
}

.cmm-tit-sub {
  display: block;
  margin: 20px 0 8px;
  color: #222;
  font-size: 14px;
  font-weight: normal;
}

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

.link-rent-wrap a {
  display: block;
}
.link-rent-wrap img {
  width: 100%;
}

.CMYMPH002 .round-txt-wrap {
  margin-bottom: 0.8rem;
}
.CMYMPH002 .test-drive-wrap {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px solid #eee;
}
.CMYMPH002 .test-drive-wrap h4.tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 2.4rem;
}
.CMYMPH002 .advertising-wrap {
  margin-top: 3.2rem;
}
.CMYMPH002 .advertising-wrap a {
  display: block;
  width: 100%;
  height: 100%;
}
.CMYMPH002 .advertising-wrap a img {
  width: 100%;
  border-radius: 0;
}

/* ��Ʃ�� ��ũ ��ũ�� */
.youtube-list-wrap {
  margin: 0 -1.6rem;
  overflow-x: auto;
}
.youtube-list-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.youtube-list-wrap li {
  -webkit-box-sizing: unset;
          box-sizing: unset;
  padding-right: 2.4rem;
  min-width: 38%;
  max-width: 38%;
}
.youtube-list-wrap li:first-child {
  padding-left: 1.6rem;
}
.youtube-list-wrap li:last-child {
  padding-right: 1.6rem;
}
.youtube-list-wrap li a {
  display: block;
  width: 100%;
  height: 100%;
}
.youtube-list-wrap li a .img-wrap {
  width: 100%;
}
.youtube-list-wrap li a .img-wrap img {
  width: 100%;
}
.youtube-list-wrap li a p {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
}

/* ��Ʃ�� ��ũ �߰�_2022-01-20 */
.youtube-link-wrap {
  border-top: 0.1rem solid #eee;
  margin-top: 2.6rem;
  padding-top: 2.6rem;
}
.youtube-link-wrap .youtube-link-box {
  position: relative;
  margin: 0;
  padding: 0;
  border-radius: 1.2rem;
  overflow: hidden;
}
.youtube-link-wrap .youtube-link-box .youtube-link-box__content {
  display: block;
  padding: 2.4rem;
  background-color: #E3F6EA;
}
.youtube-link-wrap .youtube-link-box .data {
  width: 70%;
  color: #222;
}
.youtube-link-wrap .youtube-link-box .data p {
  letter-spacing: -0.04rem;
}
.youtube-link-wrap .youtube-link-box .data .tit {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.4rem;
  opacity: 0.7;
}
.youtube-link-wrap .youtube-link-box .data .txt {
  font-size: 1.6rem;
  font-weight: bold;
}
.youtube-link-wrap .youtube-link-box .img-wrap {
  position: absolute;
  top: 1.6rem;
  right: 2.4rem;
  width: 9.6rem;
  height: 6.4rem;
  z-index: 2;
}
.youtube-link-wrap .youtube-link-box .img-wrap img {
  width: 100%;
}
.youtube-link-wrap .youtube-link-box .img-box-youtube {
  position: absolute;
  top: 2.2rem;
  right: 8.5rem;
  z-index: 1;
}

.CMYMPH004 .round-txt-wrap {
  margin-bottom: 0.8rem;
}
.CMYMPH004 .test-drive-wrap {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px solid #eee;
}
.CMYMPH004 .test-drive-wrap h4.tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 2.4rem;
}
.CMYMPH004 .advertising-wrap {
  margin-top: 3.2rem;
}
.CMYMPH004 .advertising-wrap a {
  display: block;
  width: 100%;
  height: 100%;
}
.CMYMPH004 .advertising-wrap a img {
  width: 100%;
  border-radius: 0;
}

/* ��Ʃ�� ��ũ ��ũ�� */
.youtube-list-wrap {
  margin: 0 -1.6rem;
  overflow-x: auto;
}
.youtube-list-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.youtube-list-wrap li {
  -webkit-box-sizing: unset;
          box-sizing: unset;
  padding-right: 2.4rem;
  min-width: 38%;
  max-width: 38%;
}
.youtube-list-wrap li:first-child {
  padding-left: 1.6rem;
}
.youtube-list-wrap li:last-child {
  padding-right: 1.6rem;
}
.youtube-list-wrap li a {
  display: block;
  width: 100%;
  height: 100%;
}
.youtube-list-wrap li a .img-wrap {
  width: 100%;
}
.youtube-list-wrap li a .img-wrap img {
  width: 100%;
}
.youtube-list-wrap li a p {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
}

.CMYMPH006 {
  /** �߰� ��Ÿ�� */
}
.CMYMPH006 .confirm-wrap {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #ddd;
}
.CMYMPH006 .confirm-wrap button.btn-rectangle {
  padding-top: 0;
  padding-bottom: 0;
  width: 19%;
}
.CMYMPH006 .point-box.type-governing, .CMYMPH006 .type-governing.search-result-box {
  margin-bottom: 1.6rem;
}
.CMYMPH006 .set-budget {
  padding-bottom: 3.2rem;
}
.CMYMPH006 .set-budget .budget-button-group {
  display: none;
}
.CMYMPH006 .set-budget.show-button-group {
  padding-bottom: 0;
}
.CMYMPH006 .set-budget.show-button-group .budget-button-group {
  display: block;
  padding-bottom: 3.2rem;
}
.CMYMPH006 .set-budget.show-button-group .ui-inp-clearbtn {
  display: inline-block;
  right: 0.9rem;
  background-size: 1.6rem;
}
.CMYMPH006 .set-budget.show-button-group .form-item .inp-box input, .CMYMPH006 .set-budget.show-button-group .form-item .inp-box .ico-confirm {
  padding-right: 7rem;
}
.CMYMPH006 .set-budget.show-button-group .inp-unit {
  margin-right: 2rem;
}
.CMYMPH006 .budget-button-group .form-box .radio-box__label:before {
  content: "";
}
.CMYMPH006 .form-area .form-tit-area {
  padding: 1.6rem 0;
  line-height: 5.6rem;
}
.CMYMPH006 .form-area .form-item {
  width: 19rem;
}
.CMYMPH006 .form-area .form-item .inp-box {
  z-index: 1;
  padding: 1.6rem 0;
}
.CMYMPH006 .form-area .form-item .inp-box input, .CMYMPH006 .form-area .form-item .inp-box .ico-confirm,
.CMYMPH006 .form-area .form-item .inp-box .inp-unit {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.CMYMPH006 .form-area .form-item .inp-box input, .CMYMPH006 .form-area .form-item .inp-box .ico-confirm {
  height: 5.6rem;
  padding: 1.6rem 5rem 1.6rem 1.6rem;
}
.CMYMPH006 .form-area .form-item .inp-box .inp-unit {
  right: 2.1rem;
  margin-top: 0;
}
.CMYMPH006 .form-area .form-item .inp-box .balloon-box {
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 86%;
  margin-bottom: -1rem;
}
.CMYMPH006 .form-area .form-item .inp-box .balloon-box:before {
  left: 82%;
}
.CMYMPH006 .form-box {
  padding-top: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #ddd;
}
.CMYMPH006 .form-box .radio-box {
  width: 19%;
}
.CMYMPH006 .form-box .radio-box:first-of-type {
  width: 24%;
}
.CMYMPH006 .form-box .radio-box__label {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  color: #888;
  font-family: -apple-system, "Roboto", "NotoSansKR", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 4rem;
  letter-spacing: -0.02rem;
}
.CMYMPH006 .form-box .radio-box__label:disabled {
  background: #f8f8f8 !important;
  color: #aaa !important;
}
.CMYMPH006 .form-box .radio-box__label:disabled:after {
  border: 0.1rem solid #eee !important;
}
.CMYMPH006 .form-box .radio-box__label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0.1rem solid #ddd;
  border-radius: 0.8rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
.CMYMPH006 .form-box .radio-box__label:active {
  color: #222;
}
.CMYMPH006 .form-box .radio-box__label:active:after {
  border: 1.5px solid #222;
}
.CMYMPH006 .form-box label {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  color: #888;
}
.CMYMPH006 .form-box > * + * {
  margin-left: 0.6rem;
}
.CMYMPH006 .total-assets {
  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: 0 0 0.8rem;
  padding: 0 0 1.6rem 0;
  border-bottom: 1px solid #eee;
}
.CMYMPH006 .total-assets dt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-size: 0;
}
.CMYMPH006 .total-assets dt span {
  vertical-align: middle;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
}
.CMYMPH006 .total-assets dt b {
  margin-left: 0.8rem;
  vertical-align: middle;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
  display: inline-block;
}
.CMYMPH006 .total-assets dd {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH006 .accordion-container {
  padding-bottom: 3.2rem;
}
.CMYMPH006 .budget-modify-wrap {
  position: fixed;
  bottom: 9.6rem;
  left: 1.6rem;
  width: calc(100% - 3.2rem);
}
.CMYMPH006 .bottom-fixed + .bottom-space {
  height: 14.4rem;
}
.CMYMPH006 .tab-contents .tab-content {
  display: none;
}
.CMYMPH006 .tab-contents .tab-content.active {
  display: block;
}
.CMYMPH006 .selection-list-item.is-cant .txt-sub {
  color: #ddd;
}

.CMYMPH007 .total-assets {
  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: 1.6rem 0 0.8rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid #eee;
}
.CMYMPH007 .total-assets dt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-size: 0;
}
.CMYMPH007 .total-assets dt span {
  vertical-align: middle;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: inline-block;
}
.CMYMPH007 .total-assets dt b {
  margin-left: 0.8rem;
  vertical-align: middle;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
  display: inline-block;
}
.CMYMPH007 .total-assets dd {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH007 .choice-reverse-wrap .info-txt {
  margin-top: 1.6rem;
}
.CMYMPH007 .budget-modify-wrap {
  position: fixed;
  bottom: 9.6rem;
  left: 1.6rem;
  width: calc(100% - 3.2rem);
}
.CMYMPH007 .bottom-fixed + .bottom-space {
  height: 14.4rem;
}

.CMYMPH008 .service-chat-wrap {
  margin-top: 2.4rem;
}
.CMYMPH008 .service-chat-wrap li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 0 0 5.6rem;
  min-height: 4rem;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 0.5);
  transition: all 0.2s cubic-bezier(0.65, 0.05, 0.36, 0.5);
}
.CMYMPH008 .service-chat-wrap li + li {
  margin-top: 3.2rem;
}
.CMYMPH008 .service-chat-wrap li.user + .user, .CMYMPH008 .service-chat-wrap li.operator + .operator {
  margin-top: 0.8rem;
}
.CMYMPH008 .service-chat-wrap li .icon {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background: url("/images/common/bu/img-user.svg") no-repeat center/contain;
}
.CMYMPH008 .service-chat-wrap li .balloon {
  position: relative;
  padding: 1.2rem;
  border-radius: 2rem;
  background: #fff;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMPH008 .service-chat-wrap li .balloon:after {
  position: absolute;
  top: 1.6rem;
  left: -0.8rem;
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  background: url("/images/common/icon/balloon-left-bg-white.svg") no-repeat center/contain;
}
.CMYMPH008 .service-chat-wrap li .balloon strong {
  display: block;
  margin-bottom: 0.4rem;
  font-weight: 700;
}
.CMYMPH008 .service-chat-wrap li .balloon em {
  color: #ffcc00;
  font-weight: 700;
}
.CMYMPH008 .service-chat-wrap li .balloon .underline-mark {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 700;
}
.CMYMPH008 .service-chat-wrap li.operator {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 5.6rem 0 0;
}
.CMYMPH008 .service-chat-wrap li.operator .icon {
  left: unset;
  right: 0;
  background: url("/images/common/bu/img-operator.svg") no-repeat center/contain;
}
.CMYMPH008 .service-chat-wrap li.operator .balloon {
  background: #434c53;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #fff;
}
.CMYMPH008 .service-chat-wrap li.operator .balloon:after {
  left: unset;
  right: -0.8rem;
  background: url("/images/common/icon/balloon-right-bg-dark.svg") no-repeat center/contain;
}
.CMYMPH008 .btn-area {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2.4rem 0 1.6rem;
}
.CMYMPH008 .btn-area.bottom-fixed {
  background-image: unset;
}
.CMYMPH008 .btn-area .btn-yellow {
  margin: 0 1.6rem;
}
.CMYMPH008 .btn-area .tac {
  display: block;
  padding: 3.2rem 0;
  width: 100%;
  background: #f6f8f9;
}
.CMYMPH008 .btn-area .tac .btn-txt {
  display: inline-block;
  padding: 0;
  line-height: 2.4rem;
  width: auto;
  text-align: center;
}

.CMYMPH009 {
  min-height: calc(100vh - 10rem);
}
.CMYMPH009 .btn-wrap {
  margin-top: 1.6rem;
}
.CMYMPH009 .btn-wrap * {
  vertical-align: middle;
}
.CMYMPH009 .btn-wrap i {
  margin-right: 0.4rem;
}

.edit-scroll-x {
  margin-top: 1.6rem;
}
.edit-scroll-x li {
  -ms-overflow-style: none;
  overflow-x: auto;
  margin: 0 -1.6rem;
  margin-right: 0;
  padding-left: 1.6rem;
}
.edit-scroll-x li + li {
  margin-top: 1.6rem;
}
.edit-scroll-x li::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.edit-scroll-x li .scroll-box {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.edit-scroll-x li .scroll-box .info-box {
  position: relative;
  padding: 2.4rem;
  background: #fff;
  border-radius: 1.2rem;
  min-width: 100%;
  max-width: 100%;
}
.edit-scroll-x li .scroll-box .info-box .data {
  width: 50%;
}
.edit-scroll-x li .scroll-box .info-box .data strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
  height: 5rem;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.edit-scroll-x li .scroll-box .info-box .img-wrap {
  position: absolute;
  top: 3.2rem;
  right: 2.4rem;
  width: 9.6rem;
  height: 6.4rem;
}
.edit-scroll-x li .scroll-box .info-box .img-wrap img {
  width: 100%;
}
.edit-scroll-x li .scroll-box .link-wrap {
  position: relative;
  margin-left: 0.8rem;
  min-width: 5.6rem;
  text-align: center;
  border-radius: 1.2rem;
  background: #ffde00;
}
.edit-scroll-x li .scroll-box .link-wrap a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/images/common/icon/icon24-comm-menu.svg") no-repeat center/contain;
}
.edit-scroll-x li .scroll-box .btn-box {
  position: relative;
  margin-left: 0.8rem;
  min-width: 5.6rem;
  text-align: center;
  border-radius: 1.2rem;
  background: #eee;
}
.edit-scroll-x li .scroll-box .btn-box .btn-delete {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/images/common/icon/icon24-comm-del.svg") no-repeat center/contain;
}

.edit-scroll-xx {
  margin-top: 1.6rem;
}
.edit-scroll-xx li {
  position: relative;
}
.edit-scroll-xx li + li {
  margin-top: 1.6rem;
}
.edit-scroll-xx li .scroll-box {
  z-index: 20;
  position: relative;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-overflow-style: none;
  overflow-x: auto;
  margin: 0 -1.6rem;
  margin-right: 0;
  padding-left: 1.6rem;
}
.edit-scroll-xx li .scroll-box::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.edit-scroll-xx li .scroll-box .info-box {
  position: relative;
  padding: 2.4rem;
  background: #fff;
  border-radius: 1.2rem;
  min-width: 100%;
  max-width: 100%;
}
.edit-scroll-xx li .scroll-box .info-box .data {
  width: 50%;
}
.edit-scroll-xx li .scroll-box .info-box .data strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
  height: 5rem;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.edit-scroll-xx li .scroll-box .info-box .img-wrap {
  position: absolute;
  top: 3.2rem;
  right: 2.4rem;
  width: 9.6rem;
  height: 6.4rem;
}
.edit-scroll-xx li .scroll-box .info-box .img-wrap img {
  width: 100%;
}
.edit-scroll-xx li .scroll-box .null-box {
  min-width: 12.8rem;
  height: 12.8rem;
}
.edit-scroll-xx li .abs-box {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 1.6rem;
}
.edit-scroll-xx li .abs-box .link-wrap {
  position: absolute;
  top: 0;
  right: 6.4rem;
  min-width: 5.6rem;
  height: 100%;
  text-align: center;
  border-radius: 1.2rem;
  background: #ffde00;
}
.edit-scroll-xx li .abs-box .link-wrap a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/images/common/icon/icon24-comm-menu.svg") no-repeat center/contain;
}
.edit-scroll-xx li .abs-box .btn-box {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 5.6rem;
  height: 100%;
  text-align: center;
  border-radius: 1.2rem;
  background: #eee;
}
.edit-scroll-xx li .abs-box .btn-box .btn-delete {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  text-indent: -9999px;
  background: url("/images/common/icon/icon24-comm-del.svg") no-repeat center/contain;
}

.edit-scroll-xxx {
  margin-top: 3.2rem;
}
.edit-scroll-xxx li {
  -ms-overflow-style: none;
  overflow-x: auto;
  margin: 0 -1.6rem;
  margin-right: 0;
  padding-left: 1.6rem;
  height: 12.8rem;
  background-image: url("/images/common/bu/btn-bg-nextcar.png"), url("/images/common/bu/btn-bg-del.png");
  background-repeat: no-repeat;
  background-size: contain, contain;
  background-position: calc(100% - 6.4rem) center, right center;
}
.edit-scroll-xxx li + li {
  margin-top: 1.6rem;
}
.edit-scroll-xxx li::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
.edit-scroll-xxx li .scroll-box {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.edit-scroll-xxx li .scroll-box .info-box {
  position: relative;
  padding: 2.4rem;
  background: #fff;
  border-radius: 1.2rem;
  min-width: 100%;
  max-width: 100%;
}
.edit-scroll-xxx li .scroll-box .info-box .data {
  width: 50%;
}
.edit-scroll-xxx li .scroll-box .info-box .data strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
  height: 5rem;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.edit-scroll-xxx li .scroll-box .info-box .img-wrap {
  position: absolute;
  top: 3.2rem;
  right: 2.4rem;
  width: 9.6rem;
  height: 6.4rem;
}
.edit-scroll-xxx li .scroll-box .info-box .img-wrap img {
  width: 100%;
}
.edit-scroll-xxx li .scroll-box .link-wrap {
  position: relative;
  margin-left: 0.8rem;
  min-width: 5.6rem;
  text-align: center;
  border-radius: 1.2rem;
  overflow: hidden;
}
.edit-scroll-xxx li .scroll-box .link-wrap a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999px;
  -webkit-tap-highlight-color: transparent;
}
.edit-scroll-xxx li .scroll-box .btn-box {
  position: relative;
  margin-left: 0.8rem;
  min-width: 5.6rem;
  text-align: center;
  border-radius: 1.2rem;
  overflow: hidden;
}
.edit-scroll-xxx li .scroll-box .btn-box .btn-delete {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999px;
  -webkit-tap-highlight-color: transparent;
}

.CMYMPH010 {
  min-height: calc(100vh - 10rem);
}
.CMYMPH010 .btn-area.bottom-fixed {
  background: none;
}

/* ���ø� */
.sortable-card-wrap {
  margin-top: 3.2rem;
}
.sortable-card-wrap li {
  position: relative;
}
.sortable-card-wrap li + li {
  margin-top: 1.6rem;
}
.sortable-card-wrap li .info-box {
  position: relative;
  padding: 2.4rem;
  background: #fff;
  border-radius: 1.2rem;
  min-width: 100%;
  max-width: 100%;
}
.sortable-card-wrap li .info-box .data {
  width: 50%;
}
.sortable-card-wrap li .info-box .data strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
  height: 5rem;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sortable-card-wrap li .info-box .img-wrap {
  position: absolute;
  top: 3.2rem;
  right: 4.8rem;
  width: 9.6rem;
  height: 6.4rem;
}
.sortable-card-wrap li .info-box .img-wrap img {
  width: 100%;
}
.sortable-card-wrap li .btn-box {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
}
.sortable-card-wrap li .btn-box .btn {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -9999px;
}
.sortable-card-wrap li .btn-box .btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/images/common/icon/icon24-comm-menu.svg") no-repeat center/contain;
}

.CMYMPH011 .modal-body .registration-list > li {
  position: relative;
  padding: 0.8rem 0;
}
.CMYMPH011 .modal-body .registration-list > li + li {
  margin-top: 1.6rem;
}
.CMYMPH011 .modal-body .registration-list > li .icon {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMPH011 .modal-body .registration-list > li .icon ~ .tit {
  padding-left: 5.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 500;
}
.CMYMPH011 .modal-body .registration-list > li .icon ~ .price {
  padding-left: 5.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMPH011 .modal-body .registration-list > li .icon ~ button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMPH011 .modal-body .registration-list .image40 {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.CMYMPH016 .modal-txt + .modal-txt {
  margin-top: 1.6rem;
}

.CMYMPH017 .result-box {
  padding: 0;
}
.CMYMPH017 .item-car {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.CMYMPH017 .body-120.tac {
  position: fixed;
  bottom: 11.2rem;
  left: 0;
  width: 100%;
}

.CMYMPH018 .result-box {
  padding: 0;
  position: fixed;
  top: calc(50% - 6.8rem);
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMPH018 .info-txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  position: fixed;
  bottom: 11.6rem;
  left: 0;
  right: 0;
  padding: 0 1.6rem;
  text-align: center;
}

.CMYMPH020 .year-model-card, .CMYMPH020 .color-model-card {
  margin-top: 1.6rem;
}

.CMYMPH022 .agree-box {
  margin-top: 1.6rem;
}
.CMYMPH022 .agree-box .agree-top {
  padding: 1.6rem 4.3rem 1.6rem 4.8rem;
}
.CMYMPH022 .agree-box .agree-top .icon16 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.6rem;
}
.CMYMPH022 .agree-box + .body-120 {
  margin-top: 1.6rem;
}

.screenon .intro-asset-box.limit:after, .screenon .intro-asset-box, .ui-fadeitem {
  -webkit-transition: opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
  transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s;
  transition: transform ease-in-out 0.5s, opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
}

/****
 * CMYMCP900_new
 ****/
.CMYMCP900 {
  margin: -6.8rem -1.6rem 0;
}

.intro-btn-back {
  display: inline-block;
  padding: 1rem;
}

.intro-full-cover {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 2.5rem;
  min-height: calc(100vh - 15rem);
  min-height: calc(var(--vh, 1vh) * 100 - 13rem);
  text-align: center;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateZ(-100px);
          transform: translateZ(-100px);
  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;
}
.intro-full-cover .intro-section-inner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin: 0;
  padding: 6rem 0;
}
.intro-full-cover .intro-btn-back {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.intro-full-cover .btn-area.type-intro {
  margin-top: 10vw;
  margin-left: -0.9rem;
  margin-right: -0.9rem;
  width: auto;
}

.btn-area.type-intro {
  position: relative;
  width: 100%;
  max-width: 55rem;
}
.btn-area.type-intro .intro-footer-balloon span:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.btn-area.type-intro.intro-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  padding: 1.6rem 1.6rem;
  background: url("/images/common/cm/bg-page.svg") 0 0/cover no-repeat;
  opacity: 0;
  pointer-events: none;
}
.btn-area.type-intro.intro-footer .intro-footer-balloon-area {
  bottom: 100%;
  top: auto;
  margin-bottom: -1rem;
  max-width: calc(100% - 3.2rem);
}
.btn-area.type-intro.intro-footer .intro-footer-balloon {
  -webkit-animation: none;
          animation: none;
}
.btn-area.type-intro.intro-footer .intro-footer-balloon span:after {
  top: 100%;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.btn-area.type-intro.intro-footer a, .btn-area.type-intro.intro-footer button {
  padding-left: 0;
  padding-right: 0;
  white-space: nowrap;
}
.btn-area.type-intro.intro-footer.show .intro-footer-balloon {
  -webkit-animation: aniBalloonShowFooter ease-in-out 6s infinite 1.5s;
          animation: aniBalloonShowFooter ease-in-out 6s infinite 1.5s;
}
.btn-area.type-intro.intro-footer.show .intro-footer-balloon.n2 {
  -webkit-animation-delay: 4.5s;
          animation-delay: 4.5s;
}
.btn-area.type-intro.intro-footer.show {
  pointer-events: auto;
  opacity: 0;
  -webkit-animation: aniShowFooter ease-in-out 0.3s both;
          animation: aniShowFooter ease-in-out 0.3s both;
}
.btn-area.type-intro.intro-footer.show button, .btn-area.type-intro.intro-footer.show a {
  -webkit-animation: bounceInUp ease-in-out 1s both;
          animation: bounceInUp ease-in-out 1s both;
}
.btn-area.type-intro.intro-footer.hide {
  pointer-events: none;
  -webkit-animation: aniHideFooter ease-in-out 0.3s both;
          animation: aniHideFooter ease-in-out 0.3s both;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.btn-area.type-intro.intro-footer.hide button, .btn-area.type-intro.intro-footer.hide a {
  -webkit-animation: none;
          animation: none;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -1rem, 0) scaleY(0.9);
    transform: translate3d(0, -1rem, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 0.5rem, 0) scaleY(0.95);
    transform: translate3d(0, 0.5rem, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes aniHideFooter {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(50vh);
            transform: translateY(50vh);
  }
}
@keyframes aniShowFooter {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.btn-area.type-intro.intro-full {
  max-width: none;
}

.has-dock-d1 .btn-area.intro-footer {
  padding-bottom: 7.3rem;
}

.intro-header {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: center;
}
.intro-header span {
  font: inherit;
}
.intro-header strong {
  z-index: 0;
  position: relative;
}
.intro-header strong:before {
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: -0.5rem;
  right: -0.5rem;
  display: block;
  height: 2rem;
  background: #fc0;
  opacity: 0.5;
  content: "";
}

.intro-header-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.intro-header-desc strong {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 0.6rem;
}

.intro-slide-img-area {
  position: relative;
  width: auto;
  height: 9rem;
  margin: 7vh -2.5rem;
  overflow: hidden;
  pointer-events: none;
}
.intro-slide-img-area .swiper-container .swiper-slide {
  text-align: center;
}
.intro-slide-img-area .intro-slide-img {
  display: inline-block;
  width: 11rem;
  height: 9rem;
  background: url("/images/common/as/intro-cover-visual1.svg") 0 0/contain no-repeat;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -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;
}
.intro-slide-img-area .intro-slide-img.n2 {
  background-image: url("/images/common/as/intro-cover-visual2.svg");
}
.intro-slide-img-area .intro-slide-img.n3 {
  background-image: url("/images/common/as/intro-cover-visual3.svg");
}
.intro-slide-img-area .intro-slide-img.n4 {
  background-image: url("/images/common/as/intro-cover-visual4.svg");
}
.intro-slide-img-area .swiper-slide-active .intro-slide-img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.intro-bg-car {
  position: relative;
  display: block;
  height: 23.2rem;
}
.intro-bg-car .img {
  position: absolute;
  display: block;
  top: 0;
  right: -7rem;
  background: url("/images/common/as/service-bg-car.png") center/contain no-repeat;
  width: 35rem;
  height: 23.2rem;
}

.intro-guide-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  text-align: center;
  padding: 3rem 0;
}
.intro-guide-txt:before {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto 1.5rem;
  background: url("/images/common/as/icon24-touch-down.svg") center/contain no-repeat;
  -webkit-animation: aniPointer ease-in-out 1s infinite;
          animation: aniPointer ease-in-out 1s infinite;
  content: "";
}
@-webkit-keyframes aniPointer {
  0%, 100% {
    -webkit-transform: translateY(-0.4rem);
            transform: translateY(-0.4rem);
  }
  50% {
    -webkit-transform: translateY(0.4rem);
            transform: translateY(0.4rem);
  }
}
@keyframes aniPointer {
  0%, 100% {
    -webkit-transform: translateY(-0.4rem);
            transform: translateY(-0.4rem);
  }
  50% {
    -webkit-transform: translateY(0.4rem);
            transform: translateY(0.4rem);
  }
}

.intro-balloon {
  position: absolute;
  display: block;
  height: 4rem;
  width: 12rem;
  background: url("/images/common/as/intro-car-balloon1.svg") center/auto 4rem no-repeat;
  opacity: 0;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  -webkit-transition: opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s, transform ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s, transform ease-in-out 0.5s, -webkit-transform ease-in-out 0.5s;
}
.intro-balloon.n1 {
  left: 2rem;
  top: 0.8rem;
}
.intro-balloon.n2 {
  top: -2rem;
  right: 9.5rem;
  width: 12rem;
  background-image: url("/images/common/as/intro-car-balloon2.svg");
}

.intro-asset-area {
  margin-top: 1.8rem;
}

.intro-asset-box {
  position: relative;
  display: table;
  width: 100%;
  width: 100%;
  height: 7rem;
  line-height: 7rem;
  border: 0.1rem solid #434c53;
  border-radius: 1.2rem;
  background: #fff;
  color: #222;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-2rem);
      -ms-transform: translateY(-2rem);
          transform: translateY(-2rem);
  opacity: 0;
}
.intro-asset-box dt {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.4rem;
  padding-left: 2.5rem;
}
.intro-asset-box dd {
  display: table-cell;
  padding-right: 2.5rem;
  vertical-align: middle;
  font-size: 2rem;
  font-weight: 700;
  text-align: right;
}
.intro-asset-box.limit {
  margin-top: -1rem;
}
.intro-asset-box.limit:after {
  z-index: 1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin: 0 0 -1.2rem -1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  opacity: 0;
  background: url("/images/common/as/intro-icon-plus.svg") center/contain no-repeat;
  content: "";
}
.intro-asset-box.result {
  margin-top: 1.2rem;
  background: #434c53;
  color: #fff;
}

.ui-fadeitem {
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);
  opacity: 0;
}
.ui-fadeitem.is-fade-up {
  -webkit-transform: translateY(-2rem);
      -ms-transform: translateY(-2rem);
          transform: translateY(-2rem);
}
.ui-fadeitem.screenon {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.ui-fadeitem.tooltip-wrap {
  z-index: 2;
}

.screenon .intro-balloon {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.screenon .intro-balloon.n2 {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.screenon .intro-asset-box {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.screenon .intro-asset-box.limit {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.screenon .intro-asset-box.limit:after {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  opacity: 1;
}
.screenon .intro-asset-box.result {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.intro-receipt-box {
  z-index: 0;
  position: relative;
  margin: 0 -2.5rem;
  height: 60rem;
  padding: 2.5rem 4.6rem 0;
  background: url("/images/common/as/intro-bg-receipt-mid.png") top center/auto 52.3rem repeat-x;
}
.intro-receipt-box:after, .intro-receipt-box:before {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 26.1rem;
  height: 100%;
  background-image: url("/images/common/as/intro-bg-receipt-left.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: auto 52.3rem;
  content: "";
}
.intro-receipt-box:after {
  left: auto;
  right: 0;
  background-position: top right;
  background-image: url("/images/common/as/intro-bg-receipt-right.png");
}
.intro-receipt-box .intro-section-tit {
  padding-top: 0;
  margin-bottom: 1.6rem;
}
.intro-receipt-box .intro-section-tit .tag {
  margin-bottom: 1.5rem;
}
.intro-receipt-box .img-receipt {
  position: absolute;
  top: 26.3rem;
  left: 50%;
  width: 28rem;
  height: 0;
  margin-left: -13.8rem;
  display: block;
  background: url("/images/common/as/intro-img-receipt.png") bottom center/28rem auto no-repeat;
}
.intro-receipt-box .img-receipt:before {
  position: absolute;
  top: 0;
  left: 1.2rem;
  right: 1.2rem;
  display: block;
  height: 0.8rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(156, 156, 156, 0.6)), to(rgba(156, 156, 156, 0)));
  background: linear-gradient(to bottom, rgba(156, 156, 156, 0.6) 0%, rgba(156, 156, 156, 0) 100%);
  opacity: 0;
  content: "";
}
.intro-receipt-box .img-coin-area {
  position: absolute;
  bottom: 8rem;
  left: 0;
  width: 100%;
}
.intro-receipt-box .img-coin {
  position: absolute;
  display: block;
}
.intro-receipt-box .img-coin.n1 {
  bottom: 19rem;
  right: 6rem;
  width: 11rem;
  height: 10rem;
  background: url("/images/common/as/intro-coin1.svg") center/contain no-repeat;
}
.intro-receipt-box .img-coin.n2 {
  bottom: 2rem;
  right: 0;
  width: 11rem;
  height: 13rem;
  background: url("/images/common/as/intro-coin2.svg") center/contain no-repeat;
}
.intro-receipt-box .img-coin.lottie {
  left: 0;
  bottom: 0;
  width: 13rem;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
@-webkit-keyframes aniDongDong {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
}
@keyframes aniDongDong {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
}
@-webkit-keyframes aniShowCoin {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes aniShowCoin {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  80% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.intro-receipt-box .img-coin-area.screenon .img-coin.n1 {
  -webkit-animation: aniShowCoin ease-in-out 0.4s both 0.2s, aniDongDong ease-in-out 2s infinite 0.6s;
          animation: aniShowCoin ease-in-out 0.4s both 0.2s, aniDongDong ease-in-out 2s infinite 0.6s;
}
.intro-receipt-box .img-coin-area.screenon .img-coin.n2 {
  -webkit-animation: aniShowCoin ease-in-out 0.4s both 0.4s, aniDongDong ease-in-out 2s infinite 0.8s;
          animation: aniShowCoin ease-in-out 0.4s both 0.4s, aniDongDong ease-in-out 2s infinite 0.8s;
}
.intro-receipt-box.screenon .img-receipt:before {
  -webkit-transition: opacity ease-in-out 1.5s 0.5s;
  transition: opacity ease-in-out 1.5s 0.5s;
  opacity: 0.8;
}
@-webkit-keyframes aniPrintReceipt {
  0% {
    height: 0;
  }
  20% {
    height: 6rem;
  }
  40% {
    height: 6rem;
  }
  60% {
    height: 13rem;
  }
  70% {
    height: 13rem;
  }
  100% {
    height: 35.5rem;
  }
}
@keyframes aniPrintReceipt {
  0% {
    height: 0;
  }
  20% {
    height: 6rem;
  }
  40% {
    height: 6rem;
  }
  60% {
    height: 13rem;
  }
  70% {
    height: 13rem;
  }
  100% {
    height: 35.5rem;
  }
}

.intro-tag-area {
  margin: 1rem -0.3rem 0;
  font-size: 0;
  color: #222;
}
.intro-tag-area .intro-tag {
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #ddd;
  background: #fff;
  font-size: 1.4rem;
  padding: 0 1rem;
  margin: 0.3rem;
}

.section-graph {
  padding-bottom: 10rem;
}

.intro-visual-graph {
  position: relative;
  height: 36rem;
  margin: 0 -2.5rem;
}
.intro-visual-graph .bg-graph {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 69vw;
  display: block;
  clip: rect(0, 0, 100vh, 0);
  background: url("/images/common/as/intro-bg-graph.svg") top left/100% auto no-repeat;
}
.intro-visual-graph .dot {
  position: absolute;
  top: 3rem;
  left: 50%;
  margin-left: -1.2rem;
  width: 4.4rem;
  height: 4.4rem;
  background: url("/images/common/as/intro-graph-dot.svg") center/contain no-repeat;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  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.3s;
          transition-duration: 0.3s;
}
.intro-visual-graph .balloon {
  position: absolute;
  top: 5.8rem;
  left: 50%;
  margin-left: -2.7rem;
  width: 7.2rem;
  height: 4.2rem;
  background: url("/images/common/as/intro-graph-balloon.svg") center/contain no-repeat;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  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.3s;
          transition-duration: 0.3s;
}
.intro-visual-graph .img-car {
  position: absolute;
  left: -3rem;
  bottom: 0;
  width: 35rem;
  height: 23.1rem;
  background: url("/images/common/as/intro-graph-car.png") center/contain no-repeat;
}
.intro-visual-graph.screenon .bg-graph {
  clip: rect(0, 100vw, 100vh, 0);
  -webkit-transition: clip ease-in-out 1.5s 0.3s;
  transition: clip ease-in-out 1.5s 0.3s;
}
.intro-visual-graph.screenon .dot {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.intro-visual-graph.screenon .balloon {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

.intro-info-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 2rem;
  font-weight: 700;
}

.intro-info-area {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.intro-info-area p {
  color: inherit;
  font: inherit;
  line-height: 1.4;
}
.intro-info-area p a {
  text-decoration: underline;
}
.intro-info-area .intro-info-txt {
  margin: 2.4rem 0 1.2rem;
}
.intro-info-area .info-txt i {
  top: 0;
}

.bul-intro-info > li {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  padding-left: 1rem;
  margin-top: 1rem;
}
.bul-intro-info > li:first-child {
  margin-top: 0;
}
.bul-intro-info > li:before {
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 0.1rem;
  height: 0.1rem;
  background: #666;
  content: "";
}

.intro-footer-balloon-area {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  margin: -0.8rem auto 0;
}

.intro-footer-balloon {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -0.2rem;
  display: block;
  width: 100%;
  -webkit-animation: aniBalloonShow ease-in-out 6s infinite;
          animation: aniBalloonShow ease-in-out 6s infinite;
  text-align: center;
  opacity: 0;
}
.intro-footer-balloon a {
  display: inline;
  vertical-align: baseline;
  font: inherit;
  color: inherit;
  text-decoration: underline;
  padding: 0;
  width: auto;
  border-radius: 0;
}
.intro-footer-balloon.n2 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.intro-footer-balloon span {
  position: relative;
  display: inline-block;
  background: #434c53;
  line-height: 1.6rem;
  padding: 0.6rem 1rem 0.4rem;
  border-radius: 0.6rem;
  color: #fff;
  font-size: 1.2rem;
}
.intro-footer-balloon span:after {
  position: absolute;
  bottom: 100%;
  right: 1.5rem;
  margin-bottom: -0.2rem;
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  background: url("/images/common/as/intro-balloon-tip.svg?ver=202205") center/contain no-repeat;
  content: "";
}
.intro-footer-balloon span.line-block {
  display: inline-block;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.intro-footer-balloon span.line-block:after {
  display: none;
}
@-webkit-keyframes aniBalloonShow {
  0%, 45%, 100% {
    opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
  5%, 40% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes aniBalloonShow {
  0%, 45%, 100% {
    opacity: 0;
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
  5%, 40% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes aniBalloonShowFooter {
  0%, 45%, 100% {
    opacity: 0;
    -webkit-transform: translateY(calc(-100% - 1rem));
            transform: translateY(calc(-100% - 1rem));
  }
  5%, 40% {
    opacity: 1;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@keyframes aniBalloonShowFooter {
  0%, 45%, 100% {
    opacity: 0;
    -webkit-transform: translateY(calc(-100% - 1rem));
            transform: translateY(calc(-100% - 1rem));
  }
  5%, 40% {
    opacity: 1;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.section:not(.is-event) .show-event {
  display: none !important;
}

/* �̺�Ʈ ���� */
.section.is-event .intro-full-cover .btn-area.type-intro {
  margin-top: 3vh;
}
.section.is-event .intro-full-cover .intro-section-inner {
  padding: 6rem 0 3vh;
}
.section.is-event .intro-header:not(.show-event) {
  display: none;
}
.section.is-event .intro-slide-img-area {
  margin: 6vh -2.5rem;
}
.section.is-event .intro-slide-img-area .intro-slide-img.n3 {
  background-image: url("/images/common/as/bm-slide-img1.png");
}
.section.is-event .intro-slide-img-area .intro-slide-img.n4 {
  background-image: url("/images/common/as/bm-slide-img2.svg");
}
.section.is-event .intro-header-desc {
  display: none;
}
.section.is-event .intro-header-event {
  position: relative;
  overflow: hidden;
  border-radius: 0.4rem;
  -webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.05);
}
.section.is-event .intro-header-event:before {
  position: absolute;
  bottom: 0;
  right: 1.5rem;
  display: block;
  width: 13rem;
  height: 10.5rem;
  background: url("/images/common/as/bm-character.png") top right/contain no-repeat;
  -webkit-animation: aniBmCharacterMove cubic-bezier(0, 0, 0.57, 1.21) 1.2s both;
          animation: aniBmCharacterMove cubic-bezier(0, 0, 0.57, 1.21) 1.2s both;
  content: "";
}
@-webkit-keyframes aniBmCharacterMove {
  0% {
    -webkit-transform: translateX(calc(100% + 1.5rem));
            transform: translateX(calc(100% + 1.5rem));
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes aniBmCharacterMove {
  0% {
    -webkit-transform: translateX(calc(100% + 1.5rem));
            transform: translateX(calc(100% + 1.5rem));
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.section.is-event .intro-header-event .event-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  text-align: center;
  padding: 1.3rem 2rem;
  background: #f9f9f9;
}
.section.is-event .intro-header-event .event-cont {
  text-align: left;
  background: #fff;
  padding: 1.5rem 3rem;
}
.section.is-event .intro-header-event .event-cont-tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  z-index: 0;
  position: relative;
}
.section.is-event .intro-header-event .event-cont-tit:before {
  z-index: -1;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  display: block;
  width: 100%;
  height: 1.2rem;
  background: #b0dfdf;
  content: "";
}
.section.is-event .intro-header-event .event-cost {
  display: block;
  margin-top: 1rem;
  height: 4rem;
}
.section.is-event .intro-header-event .event-bi {
  display: block;
  margin-top: 1.5rem;
  height: 1.2rem;
}
.section.is-event .intro-full-cover .intro-footer-balloon-area {
  top: auto;
  bottom: 100%;
  margin: 0 auto -1.2rem;
}
.section.is-event .intro-full-cover .intro-footer-balloon {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  -webkit-animation-name: aniTopBalloonShow;
          animation-name: aniTopBalloonShow;
}
.section.is-event .intro-full-cover .intro-footer-balloon span:after {
  bottom: 0;
  top: 100%;
}
@-webkit-keyframes aniTopBalloonShow {
  0%, 45%, 100% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  5%, 40% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes aniTopBalloonShow {
  0%, 45%, 100% {
    opacity: 0;
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
  }
  5%, 40% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.section.is-event .intro-guide-txt {
  display: none;
}
.section.is-event .intro-section.show-event .intro-guide-txt {
  display: block;
}
.section.is-event .intro-section.section-event-detail {
  background: #fff;
  padding-top: 4rem;
  padding-bottom: 10rem;
}
.section.is-event .event-step-list {
  margin-top: 4rem;
}
.section.is-event .event-step-list > li .step-arrow {
  display: block;
  width: 3rem;
  height: 3.8rem;
  margin: 1.6rem auto;
  background: url("/images/common/as/bm-step-arrow.svg") center center/contain no-repeat;
  content: "";
}
.section.is-event .event-step-list > li:first-child:before {
  display: none;
}
.section.is-event .event-step-list .event-step-box {
  padding: 1.6rem 2.2rem;
  -webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.05);
  border-radius: 2rem;
  background: #fff;
}
.section.is-event .event-step-list .event-step-box + .event-step-box {
  margin-top: 2rem;
}
.section.is-event .event-step-list .event-step-box .event-step-tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.section.is-event .event-step-list .event-step-box .event-step-desc {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.section.is-event .event-step-list .event-step-box .event-coupon-desc {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 1.2rem;
  text-align: center;
}
.section.is-event .event-step-list .event-step-box .event-phone-img {
  display: block;
  width: 100%;
}
.section.is-event .event-detail-info > div {
  margin-top: 1.6rem;
}
.section.is-event .event-detail-info > div:first-child {
  margin-top: 0;
}
.section.is-event .event-detail-info > div dt span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.section.is-event .event-detail-info > div dd {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.section.is-event .event-detail-info > div .event-txt-warn {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #f00;
}
.section.is-event .event-detail-info > div.primary-info {
  margin-top: 4rem;
}
.section.is-event .event-detail-info > div.primary-info dt {
  margin-bottom: 1.6rem;
}
.section.is-event .event-detail-info > div.primary-info dt span {
  border-bottom: 0.2rem solid #222;
}
.section.is-event .section-graph {
  padding-bottom: 4rem;
}

.CMYMPH101 .tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH101 .tit .underline-mark {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMPH101 .txt {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-top: 0.8rem;
}
.CMYMPH101 .interaction-wrap {
  position: relative;
  margin-top: 1.6rem;
  max-width: 94.3rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.CMYMPH101 .interaction-wrap .man-illust .finger {
  transform-box: fill-box;
  -webkit-transform-origin: 75% 30%;
      -ms-transform-origin: 75% 30%;
          transform-origin: 75% 30%;
  -webkit-animation-name: finger;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: finger;
  animation-duration: 0.8s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@-webkit-keyframes finger {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    z-index: 2;
  }
  100% {
    -webkit-transform: rotateZ(30deg);
            transform: rotateZ(30deg);
    z-index: 1;
  }
}
@keyframes finger {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
    z-index: 2;
  }
  100% {
    -webkit-transform: rotateZ(30deg);
            transform: rotateZ(30deg);
    z-index: 1;
  }
}
.CMYMPH101 .interaction-wrap .cetner-car {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: cetner-car;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  animation-name: cetner-car;
  animation-duration: 0.8s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
}
@-webkit-keyframes cetner-car {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1) rotateY(-180deg);
            transform: scale(1.1, 1.1) rotateY(-180deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1) rotateY(0deg);
            transform: scale(1, 1) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes cetner-car {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    opacity: 1;
  }
  30% {
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5);
    opacity: 0.5;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1) rotateY(-180deg);
            transform: scale(1.1, 1.1) rotateY(-180deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1) rotateY(0deg);
            transform: scale(1, 1) rotateY(0deg);
    opacity: 1;
  }
}
.CMYMPH101 .interaction-wrap .buy-top-icon-wrap {
  position: relative;
}
.CMYMPH101 .interaction-wrap .buy-top-icon-wrap .buy-top-icon-area {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 11%;
}
.CMYMPH101 .interaction-wrap .buy-top-icon-wrap .buy-top-icon-area .won-talk-box-rotate {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: won-talk-box-rotate;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-delay: 1.4s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: won-talk-box-rotate;
  animation-duration: 0.8s;
  animation-delay: 1.4s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.CMYMPH101 .interaction-wrap .buy-top-icon-wrap .buy-top-icon-area .won-talk-box-rotate .won-talk-box {
  position: absolute;
  top: 0;
  left: 0;
}
.CMYMPH101 .interaction-wrap .buy-top-icon-wrap .buy-top-icon-area .won-talk-box-rotate .won-talk-box img {
  width: 100%;
}
.CMYMPH101 .interaction-wrap .buy-top-icon-wrap .buy-top-icon-area .won-talk-box-rotate .won-talk-box1 {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: won-talk-box1;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-delay: 1.4s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: won-talk-box1;
  animation-duration: 0.8s;
  animation-delay: 1.4s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.CMYMPH101 .interaction-wrap .buy-top-icon-wrap .buy-top-icon-area .won-talk-box-rotate .won-talk-box2 {
  opacity: 1;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: won-talk-box2;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-delay: 1.4s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: won-talk-box2;
  animation-duration: 0.8s;
  animation-delay: 1.4s;
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.CMYMPH101 .interaction-wrap .buy-service-man {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.CMYMPH101 .interaction-wrap .buy-service-man img {
  width: 100%;
}
.CMYMPH101 .interaction-wrap .buy-service-center-car {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.CMYMPH101 .interaction-wrap .buy-service-center-car img {
  width: 100%;
}
.CMYMPH101 .interaction-wrap .buy-service-bg img {
  width: 100%;
}
@-webkit-keyframes won-talk-box-rotate {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 1;
  }
}
@keyframes won-talk-box-rotate {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 1;
  }
}
@-webkit-keyframes won-talk-box1 {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    z-index: 1;
    opacity: 0;
  }
  25% {
    -webkit-transform: rotateY(-135deg);
            transform: rotateY(-135deg);
    z-index: 1;
    opacity: 0;
  }
  50% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: rotateY(-45deg);
            transform: rotateY(-45deg);
    z-index: 2;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    z-index: 2;
    opacity: 1;
  }
}
@keyframes won-talk-box1 {
  0% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    z-index: 1;
    opacity: 0;
  }
  25% {
    -webkit-transform: rotateY(-135deg);
            transform: rotateY(-135deg);
    z-index: 1;
    opacity: 0;
  }
  50% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: rotateY(-45deg);
            transform: rotateY(-45deg);
    z-index: 2;
    opacity: 1;
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    z-index: 2;
    opacity: 1;
  }
}
@-webkit-keyframes won-talk-box2 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    z-index: 2;
    opacity: 1;
  }
  25% {
    -webkit-transform: rotateY(-45deg);
            transform: rotateY(-45deg);
    z-index: 2;
    opacity: 1;
  }
  50% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: rotateY(-135deg);
            transform: rotateY(-135deg);
    z-index: 1;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    z-index: 1;
    opacity: 0;
  }
}
@keyframes won-talk-box2 {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    z-index: 2;
    opacity: 1;
  }
  25% {
    -webkit-transform: rotateY(-45deg);
            transform: rotateY(-45deg);
    z-index: 2;
    opacity: 1;
  }
  50% {
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: rotateY(-135deg);
            transform: rotateY(-135deg);
    z-index: 1;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    z-index: 1;
    opacity: 0;
  }
}
.CMYMPH101 .info-txt {
  margin-top: 1.6rem;
}

.CMYMPH104 .inp-list-wrap {
  margin-top: 3.2rem;
  margin-bottom: 2.4rem;
}

.CMYMPH105 .self-authentication-list {
  margin-top: 3.2rem;
  margin-right: -0.9rem;
  margin-bottom: -0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.CMYMPH105 .self-authentication-list li {
  padding-right: 0.9rem;
  padding-bottom: 0.8rem;
  width: 50%;
}
.CMYMPH105 .self-authentication-list li a {
  position: relative;
  display: block;
  padding: 2.4rem 0;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
  width: 100%;
  height: 100%;
}
.CMYMPH105 .self-authentication-list li a .img-wrap {
  text-align: center;
  height: 4.8rem;
}
.CMYMPH105 .self-authentication-list li a .img-wrap img {
  height: 100%;
}
.CMYMPH105 .self-authentication-list li a .tit {
  display: block;
  margin-top: 0.8rem;
  text-align: center;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}

.CMYMPH106 .inp-list-wrap {
  margin-bottom: 2.4rem;
}

.CMYMPH108 {
  min-height: calc(100vh - 10rem);
}
.CMYMPH108 .info-txt {
  margin-top: 1.6rem;
}
.CMYMPH108 .btn-wrap .btn-area {
  padding: 0;
}
.CMYMPH108 .btn-wrap .btn-area button {
  font-size: 0;
  line-height: 4.8rem;
}
.CMYMPH108 .btn-wrap .btn-area button span {
  font-size: 1.6rem;
  line-height: unset;
  text-align: center;
}
.CMYMPH108 .accordion-wrap {
  margin-top: 3.2rem;
  background-color: #fff;
}

.lookup-card-wrap {
  padding: 2.4rem;
  text-align: center;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.lookup-card-wrap .result-txt {
  display: block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: center;
}
.lookup-card-wrap .icon {
  display: inline-block;
  margin-top: 2.4rem;
  width: 14rem;
  height: 9.6rem;
  background: url("/images/common/bu/img140-moneylimit.svg") no-repeat center/contain;
}
.lookup-card-wrap .icon ~ .tit {
  margin-top: 2.4rem;
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.lookup-card-wrap .icon ~ .txt {
  margin-top: 0.4rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.lookup-card-wrap .data-list {
  margin-top: 2.4rem;
}
.lookup-card-wrap .data-list ul li .txt {
  max-width: none;
}
.lookup-card-wrap .btn-wrap {
  margin-top: 1.6rem;
}

.CMYMPH112 .inp-list-wrap + .bullet-list {
  margin-top: 1.6rem;
}
.CMYMPH112 .agree-box {
  margin-top: 3.2rem;
}

.CMYMPH113 .inp-list-wrap + .bullet-list {
  margin-top: 1.6rem;
}
.CMYMPH113 .inp-list-wrap li > .form-box {
  margin-top: 1.6rem;
}
.CMYMPH113 .agree-box {
  margin-top: 3.2rem;
}

.CMYMPH116 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 14rem 0;
  text-align: center;
}

.CMYMPH117 {
  min-height: calc(100vh - 10rem);
}
.CMYMPH117 .round-box-yellow-line {
  padding: 2.4rem 2.4rem 7.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.3rem solid #ffcc00;
  border-radius: 1.2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.06);
}
.CMYMPH117 .round-box-yellow-line .top-tit-area {
  padding-bottom: 2.4rem;
}
.CMYMPH117 .round-box-yellow-line .top-tit-area .img-logo {
  width: 9rem;
  margin-left: auto;
  margin-right: auto;
}
.CMYMPH117 .round-box-yellow-line .top-tit-area .img-logo img {
  width: 100%;
}
.CMYMPH117 .round-box-yellow-line .top-tit-area .tit-big {
  margin-top: 0.8rem;
  display: block;
  font-weight: 700;
  font-size: 3rem;
  text-align: center;
  line-height: 4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMPH117 .round-box-yellow-line .top-tit-area .tit-em {
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  letter-spacing: 0.02rem;
  color: #888;
}
.CMYMPH117 .round-box-yellow-line .top-tit-area .tit-txt {
  margin-top: 0.8rem;
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.CMYMPH117 .round-box-yellow-line .data-list {
  border-top: 0.1rem solid #eee;
  padding-top: 2.4rem;
}
.CMYMPH117 .info-txt {
  margin-top: 1.6rem;
}
.CMYMPH117 .info-txt i {
  top: 0.3rem;
}
.CMYMPH117 .btn-area.bottom-fixed {
  background: url(/images/common/cm/bg-page-gray.svg) no-repeat;
  background-size: cover;
}
.CMYMPH117 .accordion-wrap {
  margin-top: 3.2rem;
  background-color: #fff;
}

.CMYMPH118 {
  min-height: calc(100vh - 10rem);
}
.CMYMPH118 .round-box-yellow-line {
  padding: 2.4rem 2.4rem 4.9rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.3rem solid #ffcc00;
  border-radius: 1.2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.06);
}
.CMYMPH118 .round-box-yellow-line .top-tit-area {
  padding-bottom: 4rem;
}
.CMYMPH118 .round-box-yellow-line .top-tit-area .img-logo {
  width: 9rem;
  margin-left: auto;
  margin-right: auto;
}
.CMYMPH118 .round-box-yellow-line .top-tit-area .img-logo img {
  width: 100%;
}
.CMYMPH118 .round-box-yellow-line .top-tit-area .tit-big {
  margin-top: 0.8rem;
  display: block;
  font-weight: 700;
  font-size: 3rem;
  text-align: center;
  line-height: 4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMPH118 .round-box-yellow-line .top-tit-area .tit-em {
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  letter-spacing: 0.02rem;
  color: #888;
}
.CMYMPH118 .round-box-yellow-line .bottom-alert-txt .top-icon-area {
  text-align: center;
}
.CMYMPH118 .round-box-yellow-line .bottom-alert-txt .txt {
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
  padding-top: 0.8rem;
}
.CMYMPH118 .round-box-yellow-line .bottom-alert-txt .txt ~ .txt {
  padding-top: 1.6rem;
}
.CMYMPH118 .info-txt {
  margin-top: 1.6rem;
}
.CMYMPH118 .info-txt i {
  top: 0.3rem;
}
.CMYMPH118 .btn-area.bottom-fixed {
  background: url(/images/common/cm/bg-page-gray.svg) no-repeat;
  background-size: cover;
}
.CMYMPH118 .accordion-wrap {
  margin-top: 3.2rem;
  background-color: #fff;
}

.CMYMPH119 {
  min-height: calc(100vh - 10rem);
}
.CMYMPH119 .round-box-yellow-line {
  padding: 2.4rem 2.4rem 9.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.3rem solid #ffcc00;
  border-radius: 1.2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.06);
}
.CMYMPH119 .round-box-yellow-line .top-tit-area {
  padding-bottom: 7.2rem;
}
.CMYMPH119 .round-box-yellow-line .top-tit-area .img-logo {
  width: 9rem;
  margin-left: auto;
  margin-right: auto;
}
.CMYMPH119 .round-box-yellow-line .top-tit-area .img-logo img {
  width: 100%;
}
.CMYMPH119 .round-box-yellow-line .top-tit-area .tit-big {
  margin-top: 0.8rem;
  display: block;
  font-weight: 700;
  font-size: 3rem;
  text-align: center;
  line-height: 4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMPH119 .round-box-yellow-line .top-tit-area .tit-em {
  display: block;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  letter-spacing: 0.02rem;
  color: #888;
}
.CMYMPH119 .round-box-yellow-line .bottom-alert-txt .top-icon-area {
  text-align: center;
}
.CMYMPH119 .round-box-yellow-line .bottom-alert-txt .txt {
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
  padding-top: 0.8rem;
}
.CMYMPH119 .round-box-yellow-line .bottom-alert-txt .txt ~ .txt {
  padding-top: 1.6rem;
}
.CMYMPH119 .info-txt {
  margin-top: 1.6rem;
}
.CMYMPH119 .info-txt i {
  top: 0.3rem;
}
.CMYMPH119 .btn-area.bottom-fixed {
  background: none;
  background-repeat: no-repeat;
}

.CMYMPH120 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMPH120 P.tit, .CMYMPH120 P.txt {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.CMYMPH121 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMPH121 P.tit, .CMYMPH121 P.txt {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.CMYMPH121 .icon59-ipin {
  display: inline-block;
  width: 5.9rem;
  height: 4.8rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
  background: url(/images/common/bu/icon59-ipin.png) no-repeat center/contain;
}
.CMYMPH121 .btn-area {
  padding: 2.4rem 1.6rem 0;
}
.CMYMPH121 .btn-area button {
  line-height: 4.8rem;
}
.CMYMPH121 .btn-area button span {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
}

/* ������ */
.mainbg-kbcolor-off .content-body {
  background-color: #f6f8f9;
}

.content-header .btn-header-wrap button.txt-link {
  display: inline-block;
  width: auto;
  text-indent: initial;
  font-size: 1.4rem;
  text-align: center;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}

.CMYMGA001 {
  padding-bottom: 11.2rem;
}
.CMYMGA001 .container-main .top-notice-alarm-area {
  padding-bottom: 3.2rem;
  margin-top: -0.8rem;
}
.CMYMGA001 .container-main .top-notice-alarm-area .top-notice-alarm-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  padding: 1.2rem 1.6rem;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYMGA001 .container-main .top-notice-alarm-area .top-notice-alarm-box > a {
  display: inline-block;
  font-size: 0;
}
.CMYMGA001 .container-main .top-notice-alarm-area .top-notice-alarm-box i {
  vertical-align: middle;
  margin-right: 0.8rem;
}
.CMYMGA001 .container-main .top-notice-alarm-area .top-notice-alarm-box .txt {
  vertical-align: middle;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 400;
}
.CMYMGA001 .container-main .top-notice-alarm-area .top-notice-alarm-box .txt strong {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 700;
}
.CMYMGA001 .container-main .top-notice-alarm-area .top-notice-alarm-box button {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMGA001 .container-main .top-notice-alarm-area .top-notice-alarm-box ~ .top-notice-alarm-box {
  margin-top: 0.4rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area {
  position: relative;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-button-area {
  position: relative;
  text-align: center;
  z-index: 1;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-button-area > button {
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  color: #222222;
  padding: 0.4rem 0.8rem;
  background-color: rgb(255, 204, 0);
  border-radius: 2rem;
  letter-spacing: 0.02rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-button-area > button:disabled {
  color: rgb(136, 136, 136);
  background-color: rgb(238, 238, 238);
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view {
  position: relative;
  height: 18.3rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-title-area {
  position: relative;
  z-index: 2;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-title-area .car-name {
  font-size: 2rem;
  text-align: center;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-title-area .car-info {
  text-align: center;
  font-size: 0;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-title-area .car-info .txt {
  display: inline-block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-title-area .car-info .modify {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  vertical-align: middle;
  text-decoration: underline;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-title-area .car-info .details-txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  vertical-align: middle;
  padding-bottom: 0.3rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-title-area .car-info .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-product-image-area {
  position: absolute;
  top: 7rem;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-product-image-area .top-product-image {
  position: relative;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-product-image-area .top-product-image .product {
  display: block;
  max-width: 20rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-product-image-area .top-product-image .product img {
  width: 100%;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-product-image-area .top-product-image .license-plate {
  width: 15.2rem;
  height: 4.4rem;
  position: absolute;
  top: 8.8rem;
  left: 50%;
  margin-left: -6rem;
  text-align: center;
  z-index: 1;
  background-image: url("/images/common/mycar/bg-license-plate.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view .top-product-image-area .top-product-image .license-plate .lp-number {
  display: inline-block;
  padding: 0.5rem 0 0.7rem;
  font-size: 2rem;
  text-align: center;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  font-weight: 700;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-background-view:after {
  content: "";
  position: absolute;
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  height: 18.3rem;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url("/images/common/mycar/background-mycar-main-carview.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul {
  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;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li .list-tit {
  text-align: left;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li .list-tit em {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li .list-tit button {
  vertical-align: top;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li .list-txt {
  font-size: 0;
  text-align: left;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li .list-txt strong {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
  vertical-align: middle;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li .list-txt span {
  font-size: 1.6rem;
  line-height: 2.6rem;
  letter-spacing: -0.036rem;
  color: #222;
  font-weight: 400;
  vertical-align: middle;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li .list-txt button {
  vertical-align: middle;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li:nth-child(1) {
  text-align: left;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li:nth-child(2) {
  text-align: center;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-info ul li:nth-child(3) {
  text-align: right;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-bottom:before {
  margin-top: 1.6rem;
  display: block;
  content: "";
  clear: both;
  width: calc(100% + 4.8rem);
  height: 0.1rem;
  background-color: #eee;
  margin-left: -2.4rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area .top-car-bottom button {
  width: calc(100% + 4.8rem);
  margin-left: -2.4rem;
  height: 4rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area .page-adddata-area {
  margin-top: 2.4rem;
  padding: 1.6rem 2.4rem 0 2.4rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area .distance-driven {
  padding: 1.7rem 2.4rem;
  margin-top: 6.7rem;
  margin-bottom: 0;
}
.CMYMGA001 .container-main .top-mycar-visual-area .page-move-area {
  padding: 1.6rem 2.4rem;
  margin-top: 5.1rem;
  margin-bottom: 0;
}
.CMYMGA001 .container-main .top-mycar-visual-area .page-move-area .page-move {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CMYMGA001 .container-main .top-mycar-visual-area .page-move-area .page-move .page-move-left {
  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;
}
.CMYMGA001 .container-main .top-mycar-visual-area .page-move-area .page-move .page-move-left strong {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: bold;
}
.CMYMGA001 .container-main .top-mycar-visual-area .page-move-area .page-move .page-move-right {
  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;
  text-align: right;
}
.CMYMGA001 .container-main .top-mycar-visual-area .page-move-area .page-move .page-move-right span {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: bold;
  vertical-align: middle;
}
.CMYMGA001 .container-main .top-mycar-visual-area .page-move-area .page-move .page-move-right button {
  margin-left: 0.4rem;
  margin-top: 0.6rem;
}
.CMYMGA001 .container-main .top-mycar-visual-area .container-top-roundbox + .container-top-roundbox {
  margin-top: 0.8rem;
}
.CMYMGA001 .container-main .page-move-modify-area {
  padding-top: 4.3rem;
  text-align: center;
  font-size: 0;
}
.CMYMGA001 .container-main .page-move-modify-area .tit {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 400;
  margin-right: 0.8rem;
  vertical-align: middle;
}
.CMYMGA001 .container-main .page-move-modify-area .txt {
  font-size: 1.6rem;
  line-height: 3.4rem;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 400;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.CMYMGA001 .container-main .page-move-modify-area .txt .num {
  font-size: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
}
.CMYMGA001 .container-main .page-move-modify-area .txt .num span {
  font-size: 2.4rem !important;
  color: #222;
  font-weight: 700;
}
.CMYMGA001 .container-main .page-move-modify-area .icon16 {
  vertical-align: middle;
  margin-top: 0.3rem;
}
.CMYMGA001 .container-main .specification-info .specification-info-add {
  text-align: center;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .btn-specification-info span {
  display: inline-block;
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: -0.05rem;
  color: #666666;
  vertical-align: middle;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .btn-specification-info span.fold {
  display: none;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .info-layer-wrap {
  width: calc(100% + 1.6rem);
  margin-left: -0.8rem;
  background-color: #ffffff;
  display: none;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .info-layer-wrap .info-image {
  margin-top: 1.6rem;
  margin-left: auto;
  margin-right: auto;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .info-layer-wrap .info-image img {
  width: 100%;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .info-layer-wrap .info-table {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .info-layer-wrap .info-table .table-wrap td {
  text-align: left;
  background-color: #ffffff;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .info-layer-wrap.active {
  display: block;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .info-layer-wrap.active + .btn-specification-info .more {
  display: none;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .info-layer-wrap.active + .btn-specification-info .fold {
  display: inline-block;
}
.CMYMGA001 .container-main .specification-info .specification-info-add .btn-specification-info.active i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.CMYMGA001 .container-main .sub-main-data-box {
  position: relative;
  margin-bottom: 0 !important;
  padding-top: 4.8rem;
}
.CMYMGA001 .container-main .sub-tit-area {
  position: relative;
}
.CMYMGA001 .container-main .sub-tit {
  font-size: 0;
  position: relative;
}
.CMYMGA001 .container-main .sub-tit strong {
  display: inline-block;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
  vertical-align: middle;
  margin-right: 0.4rem;
}
.CMYMGA001 .container-main .sub-tit .btn-call {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  text-align: right;
}
.CMYMGA001 .container-main .sub-tit .btn-call .txt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMGA001 .container-main .sub-tit .icon-tooltip {
  margin-top: 0.2rem;
}
.CMYMGA001 .container-main .sub-tit-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA001 .container-main .sub-tit-right label {
  display: block;
}
.CMYMGA001 .container-main .sub-tit-right span {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  vertical-align: middle;
}
.CMYMGA001 .container-main .sub-tit-right .form-switch {
  margin-left: 0.8rem;
}
.CMYMGA001 .container-main .sub-tit-right .form-switch i {
  width: 3.6rem;
  height: 2rem;
  border-radius: 1rem;
}
.CMYMGA001 .container-main .sub-tit-right .form-switch i span {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0;
}
.CMYMGA001 .container-main .container-top-roundbox {
  position: relative;
  padding: 2.4rem;
  background-color: rgb(255, 255, 255);
  margin-top: 1.6rem;
  z-index: 1;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYMGA001 .container-main .container-top-roundbox .top-roundbox-price .body-210, .CMYMGA001 .container-main .container-top-roundbox .top-roundbox-price .inp-list-wrap > ul > li .label, .inp-list-wrap > ul > li .CMYMGA001 .container-main .container-top-roundbox .top-roundbox-price .label {
  text-align: center;
  padding: 2.5rem 0;
}
.CMYMGA001 .container-main .container-top-roundbox .top-roundbox-price .btn-area {
  padding: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .btn-area {
  padding: 1.6rem 0 0rem;
}
.CMYMGA001 .container-main .container-top-roundbox .btn-area button {
  padding: 1.2rem 1.6rem;
  line-height: unset;
  font-size: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .btn-area button span {
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.4rem;
  color: #222;
}
.CMYMGA001 .container-main .container-top-roundbox .btn-area button .round-txt {
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  line-height: 2.4rem;
  border-radius: 1.2rem;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: -0.02rem;
  color: #222222;
  padding: 0 0.8rem;
  margin-right: 0.8rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-flex-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA001 .container-main .container-top-roundbox .box-flex-tit .box-top-tit {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA001 .container-main .container-top-roundbox .box-flex-tit .btn-call {
  text-align: right;
}
.CMYMGA001 .container-main .container-top-roundbox .box-flex-tit .btn-call .txt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-flex-tit .details-txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-align: right;
}
.CMYMGA001 .container-main .container-top-roundbox .box-flex-tit .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-flex-tit ~ .box-tit-area {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area {
  position: relative;
  font-size: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .box-tit {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
  vertical-align: middle;
  margin-right: 0.4rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .box-top-txt {
  position: relative;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  font-weight: 400;
  color: #222222;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .box-top-txt b {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  font-weight: 700;
  color: #222222;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .box-top-txt .details-txt {
  position: absolute;
  right: 0;
  display: inline-block;
  top: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .box-top-txt .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .box-top-txt button {
  margin: 0 0 0.3rem 0.4rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .box-top-txt button.icon-error {
  margin: 0 0 0.3rem 0;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .hash-tag {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: rgb(37, 137, 255);
  margin-top: 0.4rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .details-txt {
  position: absolute;
  right: 0;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-tit-area ~ .box-tit-area {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-sub-txt {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA001 .container-main .container-top-roundbox .box-sub-txt + .btn-area {
  padding: 2.4rem 0 0 0;
}
.CMYMGA001 .container-main .container-top-roundbox .box-caselist-area {
  margin-top: 0.8rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-caselist-area > ul {
  font-size: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .box-caselist-area > ul > li {
  display: inline-block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA001 .container-main .container-top-roundbox .box-caselist-area > ul > li span {
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA001 .container-main .container-top-roundbox .box-caselist-area > ul > li span.color-blue {
  color: #2589ff;
}
.CMYMGA001 .container-main .container-top-roundbox .box-caselist-area > ul > li + li {
  margin-left: 0.8rem;
}
.CMYMGA001 .container-main .container-top-roundbox .box-caselist-area > ul > li + li:before {
  display: inline-block;
  content: "";
  width: 0.1rem;
  height: 1.2rem;
  background-color: #eee;
  margin-right: 0.8rem;
}
.CMYMGA001 .container-main .container-top-roundbox .roundbox-line-bottom {
  margin-top: 1.6rem;
  border-top: 0.1rem solid #eeeeee;
}
.CMYMGA001 .container-main .container-top-roundbox .roundbox-line-bottom .top-account-wrap {
  margin-top: 2.4rem;
}
.CMYMGA001 .container-main .container-top-roundbox .roundbox-line-bottom .price-txt-wrap {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .container-top-roundbox .roundbox-line-bottom + .btn-area {
  padding: 2.4rem 0 0 0;
}
.CMYMGA001 .container-main .container-top-roundbox .roundbox-line-bottom .sub-tit {
  display: block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .container-top-roundbox .content-sub-roundbox-area {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .container-top-roundbox .content-sub-roundbox {
  display: block;
  position: relative;
  padding: 1.6rem 5.6rem 1.6rem 7.2rem;
  border-radius: 1.2rem;
  margin-bottom: 0.8rem;
}
.CMYMGA001 .container-main .container-top-roundbox .content-sub-roundbox i {
  position: absolute;
  left: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMGA001 .container-main .container-top-roundbox .content-sub-roundbox .tit {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CMYMGA001 .container-main .container-top-roundbox .content-sub-roundbox .date {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #ffffff;
}
.CMYMGA001 .container-main .container-top-roundbox .content-sub-roundbox button {
  position: absolute;
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMGA001 .container-main .container-top-roundbox .content-sub-roundbox .complete {
  text-align: center;
  right: 1.6rem;
  padding: 0 0.8rem;
  background-color: #ffffff;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2.4rem;
  letter-spacing: -0.02rem;
  color: #222222;
  border-radius: 1.2rem;
}
.CMYMGA001 .container-main .container-top-roundbox .bottom-tip-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .container-top-roundbox .progress-mycar-area {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .container-top-roundbox .progress-mycar-area + .btn-area {
  padding: 2.4rem 0 0 0;
}
.CMYMGA001 .container-main .container-top-roundbox .progress-mycar li .top-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
.CMYMGA001 .container-main .container-top-roundbox .progress-mycar li .top-info .tit {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA001 .container-main .container-top-roundbox .progress-mycar li .progress-bar-mycar {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0.8rem;
  background-color: #eee;
  margin-top: 0.8rem;
  border-radius: 0.4rem;
}
.CMYMGA001 .container-main .container-top-roundbox .progress-mycar li .progress-bar-mycar .rate {
  position: absolute;
  height: 0.8rem;
  background-color: #ffcc00;
  border-radius: 0.4rem;
  font-size: 0;
  text-indent: -9999999999px;
}
.CMYMGA001 .container-main .container-top-roundbox .progress-mycar li ~ li {
  margin-top: 3.2rem;
}
.CMYMGA001 .container-main .container-top-roundbox .inspection-day-wrap .inspection-day-list {
  display: block;
  margin-top: 1.6rem;
  text-align: center;
  font-size: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .inspection-day-wrap .inspection-day-list li {
  display: inline-block;
  vertical-align: middle;
}
.CMYMGA001 .container-main .container-top-roundbox .inspection-day-wrap .inspection-day-list .background-image-calendar {
  position: relative;
  width: 9.9rem;
  height: 9.1rem;
}
.CMYMGA001 .container-main .container-top-roundbox .inspection-day-wrap .inspection-day-list .background-image-calendar .txt-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-30%);
      -ms-transform: translateY(-30%);
          transform: translateY(-30%);
}
.CMYMGA001 .container-main .container-top-roundbox .inspection-day-wrap .inspection-day-list .background-image-calendar .txt-wrap .txt-year {
  display: block;
  text-align: center;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .container-top-roundbox .inspection-day-wrap .inspection-day-list .background-image-calendar .txt-wrap .txt-monthday {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA001 .container-main .container-top-roundbox .inspection-day-wrap .inspection-day-list .next-txt {
  text-align: center;
  width: 100%;
  max-width: 5.8rem;
}
.CMYMGA001 .container-main .container-top-roundbox .inspection-day-wrap .inspection-day-list .next-txt .icon-calendar-next {
  display: inline-block;
  width: 1rem;
  height: 0.4rem;
}
.CMYMGA001 .container-main .container-top-roundbox .price-txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA001 .container-main .container-top-roundbox .price-txt-wrap .tit {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: left;
}
.CMYMGA001 .container-main .container-top-roundbox .price-txt-wrap .price {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: right;
}
.CMYMGA001 .container-main .container-top-roundbox .top-account-wrap {
  padding-bottom: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .top-account-wrap .account-name {
  padding-right: 0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CMYMGA001 .container-main .container-top-roundbox .top-account-wrap .account-name .details-txt {
  position: absolute;
  right: 0;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .container-top-roundbox .top-account-wrap .account-name .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA001 .container-main .container-top-roundbox .top-account-wrap:after {
  display: none;
}
.CMYMGA001 .container-main .container-top-roundbox .top-thumb-wrap {
  padding-bottom: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .top-thumb-wrap .thumb-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.6rem;
  position: relative;
}
.CMYMGA001 .container-main .container-top-roundbox .top-thumb-wrap .thumb-name i {
  padding-right: 1.6rem;
}
.CMYMGA001 .container-main .container-top-roundbox .top-thumb-wrap .thumb-name .info li .tit {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA001 .container-main .container-top-roundbox .top-thumb-wrap .thumb-name .info li .txt {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .container-top-roundbox .top-thumb-wrap .thumb-name .details-txt {
  position: absolute;
  right: 0;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .container-top-roundbox .top-thumb-wrap .thumb-name .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA001 .container-main .container-top-roundbox .top-thumb-wrap:after {
  display: none;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-left {
  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;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-left strong {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
  margin-right: 0.6rem;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-left .icon-new {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: center;
  color: #ffffff;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  background-color: #ff0000;
  letter-spacing: -0.02rem;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right {
  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;
  text-align: right;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right em {
  display: inline-block;
  text-align: right;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right i {
  margin-left: 0.5rem;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right .inp-box.type-price .price-data-wrap {
  width: auto;
  height: auto;
  padding: 0;
  right: 0;
  text-align: right;
  padding-right: 4.6rem;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right .inp-box.type-price .price-data-wrap > span {
  width: 100%;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: right;
  overflow: hidden;
  vertical-align: middle;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right .inp-box.type-price .price-data-wrap > span + b {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right .inp-box.type-price .price-data-wrap > span + b:after {
  vertical-align: middle;
  margin-left: 0.4rem;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right .inp-box.type-price .price-input {
  display: inline-block;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right .inp-box.type-price input[type=text], .CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right .inp-box.type-price [type=text].ico-confirm {
  top: 0;
  height: auto;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: right;
  margin: 0 4.6rem 0 0;
  padding: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right .inp-box.type-price.focus .price-data-wrap b:after {
  display: inline-block;
  opacity: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .checklist-area .checklist-right .inp-box.type-price .icon16.icon-close {
  top: 55%;
  right: 0;
}
.CMYMGA001 .container-main .container-top-roundbox .info-strong-text {
  text-align: center;
}
.CMYMGA001 .container-main .container-top-roundbox .info-strong-text strong {
  display: inline-block;
}
.CMYMGA001 .container-main .container-top-roundbox.page-calendar-area {
  padding: 1.6rem 2.4rem;
}
.CMYMGA001 .container-main .container-top-roundbox.bgcolor-29538d {
  background-color: #29538d;
}
.CMYMGA001 .container-main .container-top-roundbox.bgcolor-1d4783 {
  background-color: #1d4783;
}
.CMYMGA001 .container-main .container-top-roundbox.bgcolor-3981ff {
  background-color: #3981ff;
}
.CMYMGA001 .container-main .container-top-roundbox.bgcolor-1abcc4 {
  background-color: #1abcc4;
}
.CMYMGA001 .container-main .container-top-roundbox ~ .container-top-roundbox {
  margin-top: 2.4rem;
}
.CMYMGA001 .container-main .mycar-bottom-btn .btn-area {
  padding: 0.8rem 0 0;
}
.CMYMGA001 .container-main .single-icon-image {
  text-align: center;
}
.CMYMGA001 .container-main .single-icon-image img {
  width: 100%;
}
.CMYMGA001 .container-main .price-round-header {
  text-align: center;
}
.CMYMGA001 .container-main .price-round-header .round-border-box-black {
  display: inline-block;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  letter-spacing: 0.02rem;
  color: #222;
}
.CMYMGA001 .container-main .price-mycar-top-txt {
  text-align: center;
}
.CMYMGA001 .container-main .price-mycar-top-txt strong {
  display: block;
  text-align: left;
  font-size: 2.4rem;
  line-height: 3.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
}
.CMYMGA001 .container-main .price-mycar-top-txt em {
  display: block;
  text-align: left;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  font-weight: 400;
}
.CMYMGA001 .container-main .price-info-tip-area {
  margin-top: 3.2rem;
}
.CMYMGA001 .container-main .price-info-tip-area .price-info-tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.CMYMGA001 .container-main .price-info-tip-area .price-info-tip li {
  text-align: center;
}
.CMYMGA001 .container-main .price-info-tip-area .price-info-tip li .tit {
  font-size: 0;
}
.CMYMGA001 .container-main .price-info-tip-area .price-info-tip li .tit span {
  display: inline-block;
  text-align: center;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  vertical-align: middle;
}
.CMYMGA001 .container-main .price-info-tip-area .price-info-tip li .txt {
  font-size: 0;
  padding-top: 0.2rem;
}
.CMYMGA001 .container-main .price-info-tip-area .price-info-tip li .txt strong {
  position: relative;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222222;
  vertical-align: middle;
}
.CMYMGA001 .container-main .price-info-tip-area .price-info-tip li .txt i {
  vertical-align: middle;
}
.CMYMGA001 .container-main .price-info-tip-area .price-info-tip li.bar {
  width: 0.1rem;
  height: 4rem;
  background-color: #eee;
}
.CMYMGA001 .container-main .price-middle-strong {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .price-middle-strong strong {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
}
.CMYMGA001 .container-main .graph-area {
  margin-top: 2.4rem;
}
.CMYMGA001 .container-main .graph-area img {
  width: 100%;
}
.CMYMGA001 .container-main .price-mycar-wrap .single-icon-image {
  margin-top: 0.8rem;
  max-width: 14rem;
  margin-left: auto;
  margin-right: auto;
}
.CMYMGA001 .container-main .price-mycar-wrap .single-icon-image img {
  width: 100%;
}
.CMYMGA001 .container-main .price-bottom-box-area {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .price-bottom-clearblue-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 1.2rem;
  padding: 1.2rem 1.6rem 1.2rem 4.8rem;
}
.CMYMGA001 .container-main .price-bottom-clearblue-box i {
  position: absolute;
  z-index: 2;
  left: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMGA001 .container-main .price-bottom-clearblue-box .txt {
  display: block;
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 500;
}
.CMYMGA001 .container-main .price-bottom-clearblue-box .txt-right {
  display: block;
  text-align: right;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
}
.CMYMGA001 .container-main .price-bottom-clearblue-box:after {
  display: block;
  content: "";
  clear: both;
  background-color: #2589ff;
  opacity: 0.1;
  border-radius: 1.2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.CMYMGA001 .container-main .price-bottom-clearblue-box + .price-bottom-clearblue-box {
  margin-top: 0.8rem;
}
.CMYMGA001 .container-main .lightishBlue-roundbox {
  padding: 2.4rem;
  margin-top: 4.8rem !important;
}
.CMYMGA001 .container-main .darkBlue-roundbox {
  padding: 2.4rem;
  margin-top: 1.6rem !important;
}
.CMYMGA001 .container-main .sellcar-wrap {
  position: relative;
  display: block;
}
.CMYMGA001 .container-main .sellcar-wrap .sellcar-left {
  text-align: left;
}
.CMYMGA001 .container-main .sellcar-wrap .sellcar-left em {
  display: block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #ffffff;
  opacity: 0.7;
}
.CMYMGA001 .container-main .sellcar-wrap .sellcar-left strong {
  display: block;
  margin-top: 0.4rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.4rem;
  letter-spacing: -0.04rem;
  color: #ffffff;
}
.CMYMGA001 .container-main .sellcar-wrap .sellcar-right {
  text-align: center;
  max-width: 22rem;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.6rem;
  background-image: url("/images/common/mycar/background-car-celebration.svg");
  background-size: contain;
  background-position: center 1.6rem;
  background-repeat: no-repeat;
}
.CMYMGA001 .container-main .sellcar-wrap .sellcar-right .image {
  max-width: 18rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3.6rem;
}
.CMYMGA001 .container-main .sellcar-wrap .sellcar-right .image img {
  width: 100%;
}
.CMYMGA001 .container-main .sellcar-wrap .sellcar-right .circle-price {
  position: absolute;
  top: 3.2rem;
  right: 2.9rem;
  width: 4.8rem;
  height: 4.8rem;
  background-image: url("/images/common/mycar/background-circle-car-price.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA001 .container-main .sellcar-wrap .sellcar-right .circle-price .txt {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 1.4rem;
  letter-spacing: -0.04rem;
  color: #ffcc00;
}
.CMYMGA001 .container-main .sellcar-wrap .banner-bottom-box-area {
  padding-top: 0.8rem;
}
.CMYMGA001 .container-main .sellcar-wrap .banner-bottom-box-area .banner-bottom-box {
  background-color: #ffcc00;
  padding: 1.2rem 1.6rem;
  text-align: center;
  border-radius: 1.2rem;
  font-size: 0;
}
.CMYMGA001 .container-main .sellcar-wrap .banner-bottom-box-area .banner-bottom-box .round-txt {
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  line-height: 2.4rem;
  border-radius: 1.2rem;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: -0.02rem;
  color: #222222;
  padding: 0 0.8rem;
  margin-right: 0.8rem;
}
.CMYMGA001 .container-main .sellcar-wrap .banner-bottom-box-area .banner-bottom-box .txt {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA001 .container-main .accounts-mycar-box .single-icon-image {
  max-width: 14rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .accounts-mycar-box .single-icon-image img {
  width: 100%;
}
.CMYMGA001 .container-main .accounts-mycar-box .box-tit-area .details-txt {
  position: absolute;
  right: 0;
  display: inline-block;
  top: 0;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .accounts-mycar-box .box-tit-area .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA001 .container-main .accounts-mycar-box.unconnected .price-consumption-area .price-consumption-top .price .price-txt {
  display: none;
}
.CMYMGA001 .container-main .accounts-mycar-box.unconnected .price-consumption-area .price-consumption-top .price i {
  display: none;
}
.CMYMGA001 .container-main .accounts-mycar-box.unconnected .price-consumption-area .price-consumption-top .price .unconnected-box {
  display: inline-block;
}
.CMYMGA001 .container-main .accounts-mycar-box.unconnected .price-consumption-area .price-consumption-bottom .price-consumption-bottom-right .price .price-txt {
  display: none;
}
.CMYMGA001 .container-main .accounts-mycar-box.unconnected .price-consumption-area .price-consumption-bottom .price-consumption-bottom-right .price .unconnected-box {
  display: inline-block;
}
.CMYMGA001 .container-main .accounts-mycar-box.unconnected .price-consumption-area + .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem 0 0rem;
}
.CMYMGA001 .container-main .price-consumption-area {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-top {
  position: relative;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-top .tit {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #000;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-top .price {
  font-size: 0;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-top .price .price-txt {
  display: inline-block;
  font-size: 2.4rem;
  line-height: 3.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
  vertical-align: middle;
  margin-right: 0.4rem;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-top .price .unconnected-box {
  display: none;
  text-align: center;
  font-size: 2.6rem;
  color: #222;
  font-weight: 700;
  width: 8rem;
  max-width: 8rem;
  line-height: 3.2rem;
  vertical-align: middle;
  background-color: #f6f8f9;
  border-radius: 0.5rem;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-bottom {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.6rem;
  border-top: 0.1rem solid #eee;
  padding-top: 1.6rem;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-bottom .price-consumption-bottom-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-bottom .price-consumption-bottom-left .tit {
  display: block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-bottom .price-consumption-bottom-right {
  padding-top: 0.1rem;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-bottom .price-consumption-bottom-right .price {
  text-align: right;
  font-size: 0;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-bottom .price-consumption-bottom-right .price .price-txt {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
  vertical-align: middle;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-bottom .price-consumption-bottom-right .price .back-txt {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
  vertical-align: middle;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-bottom .price-consumption-bottom-right .price .unconnected-box {
  display: none;
  text-align: center;
  font-size: 1.8rem;
  color: #222;
  font-weight: 700;
  width: 8rem;
  max-width: 8rem;
  line-height: 2.6rem;
  vertical-align: middle;
  background-color: #f6f8f9;
  border-radius: 0.5rem;
}
.CMYMGA001 .container-main .price-consumption-area .price-consumption-bottom .price-consumption-bottom-right .date {
  display: block;
  text-align: right;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.CMYMGA001 .container-main .price-consumption-area + .btn-area {
  display: none;
}
.CMYMGA001 .container-main .price-consumption-area.unconnected .price-consumption-top .price .price-txt {
  display: none;
}
.CMYMGA001 .container-main .price-consumption-area.unconnected .price-consumption-top .price i {
  display: none;
}
.CMYMGA001 .container-main .price-consumption-area.unconnected .price-consumption-top .price .unconnected-box {
  display: inline-block;
}
.CMYMGA001 .container-main .price-consumption-area.unconnected .price-consumption-bottom .price-consumption-bottom-right .price .price-txt {
  display: none;
}
.CMYMGA001 .container-main .price-consumption-area.unconnected .price-consumption-bottom .price-consumption-bottom-right .price .unconnected-box {
  display: inline-block;
}
.CMYMGA001 .container-main .price-consumption-area.unconnected + .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CMYMGA001 .container-main .direct-loan-box .direct-loan-box-slide-wrap {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
}
.CMYMGA001 .container-main .direct-loan-box .direct-loan-box-slide-wrap .slick-slide {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
.CMYMGA001 .container-main .direct-loan-box .direct-loan-box-slide-wrap .slick-slide .container-top-roundbox {
  margin-bottom: 1.6rem;
}
.CMYMGA001 .container-main .direct-loan-box .direct-loan-box-slide-wrap .slick-dots {
  text-align: center;
  margin-top: -0.4rem;
}
.CMYMGA001 .container-main .direct-loan-box .direct-loan-box-slide-wrap .slick-dots li {
  display: inline-block;
}
.CMYMGA001 .container-main .direct-loan-box .direct-loan-box-slide-wrap .slick-dots li button {
  font-size: 0;
  line-height: 0;
  text-indent: -999999px;
  width: 0.6rem;
  height: 0.6rem;
  opacity: 0.1;
  background-color: #222222;
  border-radius: 50%;
  margin: 0.4rem 0.4rem 0 0.4rem;
}
.CMYMGA001 .container-main .direct-loan-box .direct-loan-box-slide-wrap .slick-dots li.slick-active button {
  opacity: 1;
}
.CMYMGA001 .container-main .direct-loan-box .box-tit-area {
  position: relative;
}
.CMYMGA001 .container-main .direct-loan-box .box-tit-area .icon-right {
  position: absolute;
  top: 0rem;
  right: 0rem;
}
.CMYMGA001 .container-main .accidents-damage-list {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .accidents-damage-list ul {
  margin-left: -0.9rem;
}
.CMYMGA001 .container-main .accidents-damage-list ul li {
  float: left;
  width: 50%;
}
.CMYMGA001 .container-main .accidents-damage-list ul li .ad-round-box {
  margin-left: 0.9rem;
  background-color: #f6f8f9;
  border-radius: 1.2rem;
  padding: 1.6rem;
}
.CMYMGA001 .container-main .accidents-damage-list ul li .ad-round-box em {
  margin-top: 2.4rem;
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .accidents-damage-list ul li .ad-round-box strong {
  margin-top: 0.4rem;
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA001 .container-main .accidents-damage-list ul:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.CMYMGA001 .container-main .link-info-list ul {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .link-info-list ul li {
  text-align: left;
  float: left;
  width: 50%;
  position: relative;
}
.CMYMGA001 .container-main .link-info-list ul li .tit {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA001 .container-main .link-info-list ul li a {
  display: block;
  font-size: 0;
  margin-top: 0.6rem;
}
.CMYMGA001 .container-main .link-info-list ul li a .txt {
  display: inline-block;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.CMYMGA001 .container-main .link-info-list ul li a.size-info {
  margin-top: 0.2rem;
}
.CMYMGA001 .container-main .link-info-list ul li a.size-info .txt {
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA001 .container-main .link-info-list ul li i {
  display: inline-block;
  vertical-align: middle;
}
.CMYMGA001 .container-main .link-info-list ul .link-info-list-left .link-size-info-area {
  padding-right: 0rem;
}
.CMYMGA001 .container-main .link-info-list ul:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.CMYMGA001 .container-main .membership-mycar-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;
}
.CMYMGA001 .container-main .membership-mycar-area .membership-mycar-info {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  padding-right: 1.6rem;
}
.CMYMGA001 .container-main .membership-mycar-area .membership-mycar-info strong {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA001 .container-main .membership-mycar-area .membership-mycar-img {
  width: 100%;
  max-width: 10rem;
}
.CMYMGA001 .container-main .membership-mycar-area .membership-mycar-img img {
  width: 100%;
}
.CMYMGA001 .container-main .membership-mycar-area + .btn-area {
  padding: 2.4rem 0 0rem;
}
.CMYMGA001 .container-main .thumb-image-area {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-image {
  font-size: 0;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-image img {
  width: 100%;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info {
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info > .tit {
  display: block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info > .txt {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info > .price {
  display: block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  font-weight: 700;
  margin-top: 0.4rem;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .box-caselist-area > ul {
  font-size: 0;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .box-caselist-area > ul > li {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.4rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .box-caselist-area > ul > li span {
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .box-caselist-area > ul > li span.color-blue {
  color: #2589ff;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .box-caselist-area > ul > li + li {
  margin-left: 0.8rem;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .box-caselist-area > ul > li + li:before {
  display: inline-block;
  content: "";
  width: 0.1rem;
  height: 1.2rem;
  background-color: #ddd;
  margin-right: 0.8rem;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .purchase-area {
  margin-top: 0.8rem;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .purchase-area .round-txt {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.1rem solid #222;
  padding: 0.3rem 0.8rem;
  border-radius: 1.2rem;
  text-align: center;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  color: #222;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .purchase-area .txt {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .purchase-area .txt span {
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  color: #666;
}
.CMYMGA001 .container-main .thumb-image-area .thumb-info .purchase-area .txt span.color-blue {
  color: #2589ff;
}
.CMYMGA001 .container-main .thumb-image-area .btn-area {
  padding: 1.6rem 0 0;
}
.CMYMGA001 .container-main .thumb-image-area .btn-area button {
  line-height: 4.8rem;
}
.CMYMGA001 .container-main .thumb-image-area .btn-area button span {
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA001 .container-main .thumb-image-area + .thumb-image-area {
  margin-top: 2.4rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .box-sub-txt {
  font-weight: 400;
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area {
  display: none;
  margin-top: 1.6rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-list ul {
  font-size: 0;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-list ul li .tit {
  display: block;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  text-align: left;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-list ul li .txt {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
  text-align: right;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-list ul li ~ li {
  margin-top: 0.4rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-bottom-list ul {
  font-size: 0;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-bottom-list ul li {
  font-size: 0;
  text-align: right;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-bottom-list ul li .tit {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #888;
  text-align: left;
  margin-right: 0.4rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-bottom-list ul li .txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #888;
  text-align: right;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-bottom-list ul li ~ li {
  margin-top: 0.4rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-box {
  margin-top: 1.6rem;
  padding: 1.6rem 0;
  background-color: #f6f8f9;
  border-radius: 1.2rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-box ul {
  font-size: 0;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-box ul li {
  float: left;
  width: 33.3333333%;
  position: relative;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-box ul li .tit {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666;
  text-align: center;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-box ul li .txt {
  font-size: 0;
  text-align: center;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-box ul li .txt strong {
  display: inline-block;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.4rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-box ul li .txt span {
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-box ul li ~ li:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  content: "";
  background-color: #eee;
  width: 0.1rem;
  height: 5.4rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .authentication-box ul:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area .bottom-txt {
  margin-top: 0.8rem;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  color: #888;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-info-area + .btn-area {
  padding: 2.4rem 0 0rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-box ~ .sub-button-box {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 0.1rem solid #eee;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-box ~ .sub-button-box .box-tit-area .box-tit {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-box ~ .sub-button-box .box-sub-txt {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA001 .container-main .mycar-license-penalties .authentication-box ~ .sub-button-box .btn-area {
  padding: 2rem 0 0;
}
.CMYMGA001 .container-main .mycar-license-penalties .box-thumb-icon-area {
  position: relative;
  padding-left: 7.2rem;
  min-height: 4.8rem;
}
.CMYMGA001 .container-main .mycar-license-penalties .box-thumb-icon-area .image-icon {
  position: absolute;
  top: 1.6rem;
  left: 0;
  font-size: 0;
  line-height: 0;
}
.CMYMGA001 .container-main .mycar-license-penalties .box-thumb-icon-area .image-icon img {
  width: 100%;
}
.CMYMGA001 .container-main .mycar-license-penalties .box-thumb-icon-area .txt {
  display: block;
  padding-top: 2rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.CMYMGA001 .container-main .mycar-license-penalties.authentication .authentication-info-area {
  display: block;
}
.CMYMGA001 .container-main .mycar-license-penalties.authentication .authentication-info-area ~ .btn-area {
  display: none;
}
.CMYMGA001 .container-main .tooltip {
  margin-top: 0.5rem;
}
.CMYMGA001 .container-main .estimated-selling-price .tooltip {
  margin-top: 0.5rem;
}
.CMYMGA001 .container-main .insurance-accident-history .tooltip {
  margin-top: 0.8rem;
}
.CMYMGA001 .container-main .mycar-insurance {
  position: relative;
}
.CMYMGA001 .container-main .mycar-insurance .btn-area ~ .btn-area {
  padding: 0.8rem 0 0;
}
.CMYMGA001 .container-main .mycar-insurance .tooltip {
  margin-right: 2.4rem;
}
.CMYMGA001 .container-main .mycar-periodic-inspection .tooltip {
  margin-right: 2.4rem;
}
.CMYMGA001 .container-main .mycar-periodic-inspection .btn-area ~ .btn-area {
  padding: 0.8rem 0 0;
}
.CMYMGA001 .container-main .mycar-recall-target.no-recall .roundbox-line-bottom {
  display: none;
}
.CMYMGA001 .container-main .mycar-recall-target.no-recall .roundbox-line-bottom ~ .btn-area {
  display: block;
}
.CMYMGA001 .container-main .mycar-recall-target .btn-area {
  display: none;
}
.CMYMGA001 .container-main .mycar-tire-info .tooltip .image {
  padding-bottom: 1.7rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tooltip .image img {
  width: 100%;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area {
  margin-top: 1.6rem;
  display: none;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  max-width: 29.5rem;
  margin-left: auto;
  margin-right: auto;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item {
  background-color: #ffffff;
  overflow: hidden;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item .action-banner-bg {
  display: block;
  position: relative;
  font-size: 0;
  padding: 1.2rem;
  text-align: center;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item .action-banner-bg::before {
  display: block;
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #ddebfb;
  border-radius: 1.2rem;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item .action-banner-bg .action-info {
  position: relative;
  z-index: 1;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item .action-banner-bg .action-info i {
  display: inline-block;
  margin-right: 0.5rem;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item .action-banner-bg .action-info .txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item:nth-child(1) {
  -webkit-transform: scale(0.8) translateY(0.8rem);
      -ms-transform: scale(0.8) translateY(0.8rem);
          transform: scale(0.8) translateY(0.8rem);
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item:nth-child(1) .action-banner-bg::before {
  background-color: #ddebfb;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item:nth-child(2) {
  -webkit-transform: scale(0.9) translateY(-0.8rem);
      -ms-transform: scale(0.9) translateY(-0.8rem);
          transform: scale(0.9) translateY(-0.8rem);
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item:nth-child(2) .action-banner-bg::before {
  background-color: #e6f2ff;
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item:nth-child(3) {
  -webkit-transform: scale(1) translateY(-1.8rem);
      -ms-transform: scale(1) translateY(-1.8rem);
          transform: scale(1) translateY(-1.8rem);
}
.CMYMGA001 .container-main .mycar-tire-info .action-banner-area .action-banner-item:nth-child(3) .action-banner-bg::before {
  background-color: #f2f8ff;
}
.CMYMGA001 .container-main .mycar-tire-info .bottom-tip-area {
  margin-top: 0.8rem;
  display: none;
}
.CMYMGA001 .container-main .mycar-tire-info .bottom-tip-area .tit {
  display: block;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: center;
}
.CMYMGA001 .container-main .mycar-tire-info .bottom-tip-area .txt {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-align: center;
  margin-top: 0.4rem;
}
.CMYMGA001 .container-main .mycar-tire-info .bottom-tip-area + .btn-area {
  padding: 2.4rem 0 0rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area {
  margin-top: 1.6rem;
  display: none;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information {
  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;
  font-size: 0;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-add:last-child {
  margin-top: 3.2rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .image img {
  width: 100%;
  max-width: 11.6rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-add {
  position: relative;
  width: 8rem;
  height: 8rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-add button {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #f8f8f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.1rem solid #ddd;
  border-radius: 1.2rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-add .tire-add-data {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: #888888;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 1.2rem;
  overflow: hidden;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-add .tire-add-data .tit {
  background-color: #222222;
  line-height: 2.8rem;
  padding: 0 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  color: #fff;
  text-align: center;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-add .tire-add-data .txt-area {
  text-align: center;
  padding: 0.1rem 0.5rem 0.5rem 0.5rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-add .tire-add-data .txt-area .txt-num {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: -0.04rem;
  color: #fff;
  text-align: center;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-add .tire-add-data .txt-area .txt-point {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
  color: #fff;
  text-align: center;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-info.left {
  padding-right: 1rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .tire-information .tire-info.right {
  padding-left: 1rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .action-banner-item {
  background-color: #ffffff;
  overflow: hidden;
  padding-top: 1.6rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .action-banner-item .action-banner-bg {
  position: relative;
  font-size: 0;
  padding: 1.2rem 1.8rem;
  text-align: left;
  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;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .action-banner-item .action-banner-bg::before {
  display: block;
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #2589ff;
  opacity: 0.1;
  border-radius: 1.2rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .action-banner-item .action-banner-bg .action-info {
  position: relative;
  z-index: 1;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .action-banner-item .action-banner-bg .action-info i {
  display: inline-block;
  margin-right: 0.8rem;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .action-banner-item .action-banner-bg .action-info .txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
}
.CMYMGA001 .container-main .mycar-tire-info .tire-information-area .action-banner-item .action-banner-bg .number-case {
  display: inline-block;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  vertical-align: middle;
  margin-right: 0.4rem;
}
.CMYMGA001 .container-main .mycar-tire-info .btn-area {
  display: none;
}
.CMYMGA001 .container-main .mycar-tire-info.data-true .tire-information-area {
  display: block;
}
.CMYMGA001 .container-main .mycar-tire-info.data-true .tire-information-area + .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CMYMGA001 .container-main .mycar-tire-info.data-false .action-banner-area {
  display: block;
}
.CMYMGA001 .container-main .mycar-tire-info.data-false .bottom-tip-area {
  display: block;
}
.CMYMGA001 .container-main .mycar-tire-info.data-false .bottom-tip-area + .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CMYMGA001 .container-main .padding-top16 {
  padding: 1.6rem 0 0 0;
}
.CMYMGA001 .container-main .padding-top24 {
  padding: 2.4rem 0 0 0;
}

.top-menu-mycar-area {
  background-color: #f6f8f9;
  position: fixed;
  top: -4.4rem;
  left: 0;
  right: 0;
  z-index: 999;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.top-menu-mycar-area .tab-underbar-area .tab-underbar {
  margin: 0;
  padding-left: 1.6rem;
}
.top-menu-mycar-area .tab-underbar-area .tab-underbar.type-scroll-x ul {
  padding: 0 1.6rem 0 0;
}
.top-menu-mycar-area .tab-underbar-area .tab-underbar.type-scroll-x ul li button {
  word-break: keep-all;
  white-space: nowrap;
}
.top-menu-mycar-area .tab-underbar-area .tab-underbar .button-top-arrow-area {
  position: absolute;
  top: 0;
  left: 0;
}
.top-menu-mycar-area .tab-underbar-area .tab-underbar .button-top-arrow-area .button-top-arrow {
  text-align: center;
  position: relative;
  width: 5.6rem;
  height: 4.7rem;
}
.top-menu-mycar-area .tab-underbar-area .tab-underbar .button-top-arrow-area .button-top-arrow button {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
}
.top-menu-mycar-area.active {
  -webkit-transform: translateY(8.8rem);
      -ms-transform: translateY(8.8rem);
          transform: translateY(8.8rem);
}

.btn-area button.btn-grayline {
  background-color: #ffffff;
  -webkit-box-shadow: border-box;
          box-shadow: border-box;
  border: 0.1rem solid #666;
}

.icon20 {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon22 {
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon40 {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}

.icon-arrow-right-white {
  background: url("/images/common/mycar/icon24-arrow-right-white.svg") no-repeat center/contain;
}

.icon-check-calendar {
  background: url("/images/common/mycar/icon-check-calendar.svg") no-repeat center/contain;
}

.icon-emergency-call {
  background: url("/images/common/mycar/icon-commphone.svg") no-repeat center/contain;
}

.icon-commicon-commnotice {
  background: url("/images/common/mycar/icon-commicon-commnotice.svg") no-repeat center/contain;
}

.icon-notice-yellow {
  background: url("/images/common/mycar/icon-notice-yellow.svg") no-repeat center/contain;
}

.icon-notice-blue {
  background: url("/images/common/mycar/icon-notice-blue.svg") no-repeat center/contain;
}

.icon-purchase-newcar {
  background: url("/images/common/mycar/icon24-purchase-newcar.svg") no-repeat center/contain;
}

.icon-graph-value {
  background: url("/images/common/mycar/icon24-graph-value.svg") no-repeat center/contain;
}

.icon-mycar-loan {
  background: url("/images/common/mycar/icon56-mycar-loan.svg") no-repeat center/contain;
}

.icon-mycar-collateral {
  background: url("/images/common/mycar/icon56-mycar-collateral.svg") no-repeat center/contain;
}

.icon-accidents-damage-my {
  background: url("/images/common/mycar/icon32-accidents-damage-my.svg") no-repeat center/contain;
}

.icon-accidents-damage-other {
  background: url("/images/common/mycar/icon32-accidents-damage-other.svg") no-repeat center/contain;
}

.icon-calendar-next {
  background: url("/images/common/mycar/icon-data-next.svg") no-repeat center/contain;
}

.icon-tire-summer {
  background: url("/images/common/mycar/icon40-tire-summer.svg") no-repeat center/contain;
}

.icon-tire-position-change {
  background: url("/images/common/mycar/icon40-tire-position-change.svg") no-repeat center/contain;
}

.icon-tire-replacement {
  background: url("/images/common/mycar/icon40-tire-replacement.svg") no-repeat center/contain;
}

.icon-recall-dafault {
  background: url("/images/common/mycar/icon40-recall-dafault.svg") no-repeat center/contain;
}

.icon-national-taxservice {
  background: url("/images/common/mycar/icon40-national-taxservice.svg") no-repeat center/contain;
}

.icon-comm-goback {
  background: url("/images/common/mycar/icon24-comm-goback.svg") no-repeat center/contain;
}

.icon-commIcon-add-gray {
  background: url("/images/common/mycar/icon24-commIcon-add-gray.svg") no-repeat center/contain;
}

.icon-tire-notice {
  background: url("/images/common/mycar/icon-tire-notice.svg") no-repeat center/contain;
}

.icon-mycar-drive-club {
  background: url("/images/common/mycar/icon40-mycar-drive-club.svg") no-repeat center/contain;
}

.icon-mycar-crown {
  background: url("/images/common/mycar/icon40-mycar-crown.svg") no-repeat center/contain;
}

.icon-calendar-notice {
  background: url("/images/common/mycar/icon24-calendar-notice.svg") no-repeat center/contain;
}

.icon-calendar-mileage {
  background: url("/images/common/mycar/icon24-calendar-mileage.svg") no-repeat center/contain;
}

.icon-flag-yellow {
  background: url("/images/common/mycar/icon-flag-yellow.svg") no-repeat center/contain;
}

.icon-comm-notice {
  background: url("/images/common/mycar/icon-comm-notice.svg") no-repeat center/contain;
}

.icon-garage-popular-color {
  background: url("/images/common/mycar/icon-garage-popular-color.svg") no-repeat center/contain;
}

.icon-garage-popular-mileage {
  background: url("/images/common/mycar/icon-garage-popular-mileage.svg") no-repeat center/contain;
}

.icon-garage-popular-sell {
  background: url("/images/common/mycar/icon-garage-popular-sell.svg") no-repeat center/contain;
}

.icon56-asset-demerit-laws {
  background: url("/images/common/mycar/icon56-asset-demerit-laws.svg") no-repeat center/contain;
}

.icon56-asset-demerit-mileage {
  background: url("/images/common/mycar/icon56-asset-demerit-mileage.svg") no-repeat center/contain;
}

.background-image-calendar {
  background: url("/images/common/mycar/background-date.svg") no-repeat center/contain;
}

.bgcolor-1d4783 {
  background-color: #1d4783;
}

.bgcolor-5c70ff {
  background-color: #5c70ff;
}

.bgcolor-5adcff {
  background-color: #5adcff;
}

.bgcolor-f6cb0a {
  background-color: #f6cb0a;
}

.bgcolor-39bdaf {
  background-color: #39bdaf;
}

.bgcolor-3981ff {
  background-color: #3981ff;
}

.bgcolor-1abcc4 {
  background-color: #1abcc4;
}

.bgcolor-434c53 {
  background-color: #434c53;
}

.bgcolor-44a5b7 {
  background-color: #44a5b7;
}

.bgcolor-003964 {
  background-color: #003964;
}

.CMYMGA003 .top-product-image-area {
  margin-top: -2.4rem;
  margin-left: -1.6rem;
  padding-top: 2.4rem;
  width: calc(100% + 3.2rem);
  text-align: center;
  background-image: url("/images/common/mycar/bgGarageTop02.png");
  background-repeat: no-repeat;
  background-size: 100% 75%;
  background-position: center top;
}
.CMYMGA003 .top-product-image-area .top-product-image {
  position: relative;
}
.CMYMGA003 .top-product-image-area .top-product-image .product {
  display: block;
  max-width: 20rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.CMYMGA003 .top-product-image-area .top-product-image .product img {
  width: 100%;
}
.CMYMGA003 .top-product-image-area .top-product-image .license-plate {
  width: 15.2rem;
  height: 4.4rem;
  position: absolute;
  top: 8.8rem;
  left: 50%;
  margin-left: -6rem;
  text-align: center;
  z-index: 1;
  background-image: url("/images/mycar/bg-license-plate.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.CMYMGA003 .top-product-image-area .top-product-image .license-plate .lp-number {
  display: inline-block;
  padding: 0.5rem 0 0.7rem;
  font-size: 2rem;
  text-align: center;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  font-weight: 700;
}
.CMYMGA003 .tab-underbar {
  margin-top: 3.2rem;
}
.CMYMGA003 .tab-content01 .inp-list-wrap ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CMYMGA003 .tab-content01 .inp-list-wrap ul > li > .select-box {
  width: 100%;
}
.CMYMGA003 .tab-content01 .inp-list-wrap ul > li > .select-box + .select-box {
  margin-left: 0.9rem;
}
.CMYMGA003 .tab-content01 .inp-list-wrap ul > li > .inp-box + .inp-box {
  margin-left: 0.9rem;
}
.CMYMGA003 .tab-content01 .part-01 dd .txt {
  font-weight: 400;
}
.CMYMGA003 .tab-content01 .part-04 .card-box {
  margin-bottom: 2.4rem;
  background: #f6f8f9;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.CMYMGA003 .tab-content01 .part-04 .card-box .card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA003 .tab-content01 .part-04 .card-box .card-header .img-wrap {
  margin-right: 0.8rem;
  width: 2.4rem;
  height: 2.4rem;
}
.CMYMGA003 .tab-content01 .part-04 .card-box .card-header .img-wrap img {
  width: 100%;
}
.CMYMGA003 .tab-content01 .part-04 .card-box .round-txt-wrap {
  margin-left: 0.4rem;
}
.CMYMGA003 .tab-content01 .part-04 .inp-list-wrap .inp-box {
  width: 100%;
}
.CMYMGA003 .tab-content01 .part-05 {
  position: relative;
  padding-top: 4rem;
}
.CMYMGA003 .tab-content01 .part-05:before {
  position: absolute;
  top: 0;
  left: -1.6rem;
  content: "";
  display: block;
  width: calc(100% + 3.2rem);
  height: 0.8rem;
  background: #f8f8f8;
}
.CMYMGA003 .tab-content02 .data-list {
  margin-top: 3.2rem;
}

/* ���� ����Ÿ�  */
.distance-driven-list li {
  font-size: 0;
}
.distance-driven-list li + li {
  margin-top: 1.6rem;
}
.distance-driven-list li > * {
  vertical-align: middle;
}
.distance-driven-list li .date {
  display: inline-block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-right: 2.4rem;
}
.distance-driven-list li .distance {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  margin-right: 0.8rem;
}
.distance-driven-list li .btn-txt {
  float: right;
}

/* option-list-wrap */
.option-list-wrap {
  padding-top: 1.6rem;
  clear: both;
}
.option-list-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: -0.8rem;
}
.option-list-wrap ul li {
  margin: 0;
  margin-bottom: 2.4rem;
  width: 25%;
  min-height: 7.6rem;
  text-align: center;
}
.option-list-wrap ul li .img-wrap {
  margin: 0 auto;
  width: 4rem;
  height: 4rem;
}
.option-list-wrap ul li .img-wrap img {
  width: 100%;
}
.option-list-wrap ul li .option-txt {
  margin-top: 0.4rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}

.hearder-right-icon-area {
  position: fixed;
  top: 1.2rem;
  right: 1.6rem;
}

.CMYMGA005 .top-car-info-area {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  padding-bottom: 2.4rem;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl {
  position: relative;
  padding: 0 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dt.top-product-txt {
  padding-right: 2.4rem;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dt .tit {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dt .txt {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dt .details-txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-align: right;
  margin-top: 0.8rem;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dt .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dd {
  position: relative;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dd .product {
  max-width: 14rem;
  min-width: 14rem;
  padding-bottom: 0.7rem;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dd .product img {
  width: 100%;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dd .license-plate {
  width: 13.6rem;
  height: 3.9rem;
  position: absolute;
  top: 6.2rem;
  left: 45%;
  margin-left: -6rem;
  text-align: center;
  z-index: 900;
  background-image: url("/images/common/mycar/bg-license-plate.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.CMYMGA005 .top-car-info-area .top-car-thumb dl dd .license-plate .lp-number {
  display: inline-block;
  padding: 0.6rem 0 0.7rem;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  font-weight: 700;
  color: #222;
}
.CMYMGA005 .top-car-info-area .driving-info-area {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}
.CMYMGA005 .mycar-comtent-bc {
  margin: 0 -1.6rem -3.2rem;
  padding: 3.2rem 1.6rem 4rem;
  min-height: calc(100vh - 16.2rem);
  background-color: #f6f8f9;
}
.CMYMGA005 .sub-main-data-box {
  position: relative;
  padding-top: 4.8rem;
}
.CMYMGA005 .sub-main-data-box:first-child {
  padding-top: 0;
}
.CMYMGA005 .sub-main-data-box:first-child .container-top-roundbox {
  margin-top: 0;
}
.CMYMGA005 .sub-tit {
  font-size: 0;
  position: relative;
}
.CMYMGA005 .sub-tit strong {
  display: inline-block;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
  vertical-align: middle;
  margin-right: 0.4rem;
}
.CMYMGA005 .sub-tit .btn-call {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  text-align: right;
}
.CMYMGA005 .sub-tit .btn-call .txt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
}
.CMYMGA005 .sub-tit-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA005 .sub-tit-right label {
  display: block;
}
.CMYMGA005 .sub-tit-right span {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  vertical-align: middle;
}
.CMYMGA005 .sub-tit-right .form-switch {
  margin-left: 0.8rem;
}
.CMYMGA005 .sub-tit-right .form-switch i {
  width: 3.6rem;
  height: 2rem;
  border-radius: 1rem;
}
.CMYMGA005 .sub-tit-right .form-switch i span {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0;
}
.CMYMGA005 .sub-tit-area .sub-tit-type2 strong {
  display: inline-block;
  font-size: 2rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
  vertical-align: middle;
}
.CMYMGA005 .box-icon-tit-area {
  font-size: 0;
}
.CMYMGA005 .box-icon-tit-area .tit-icon {
  display: inline-block;
  margin-right: 0.8rem;
  vertical-align: middle;
}
.CMYMGA005 .box-icon-tit-area .tit {
  display: inline-block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
  vertical-align: middle;
}
.CMYMGA005 .box-icon-sub-txt {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.CMYMGA005 .box-icon-sub-txt + .btn-area {
  padding: 1.6rem 0 0 0;
}
.CMYMGA005 .box-icon-sub-txt + .btn-area button {
  line-height: 4.8rem;
}
.CMYMGA005 .box-icon-sub-txt + .btn-area button span {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMGA005 .container-top-roundbox {
  position: relative;
  padding: 2.4rem;
  background-color: rgb(255, 255, 255);
  margin-top: 1.6rem;
  z-index: 1;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYMGA005 .driving-top-area .tit {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA005 .driving-top-area .tit .txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
}
.CMYMGA005 .driving-top-area .line-txt {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA005 .driving-top-area .line-txt:after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0.2rem;
  background-color: #ffde00;
  width: 100%;
  border-radius: 0.4rem;
  height: 0.8rem;
}
.CMYMGA005 .driving-info-area {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 0.1rem solid #eeeeee;
}
.CMYMGA005 .driving-info-area .driving-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA005 .driving-info-area .driving-info .tit {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666666;
}
.CMYMGA005 .driving-info-area .driving-info .txt {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: right;
}
.CMYMGA005 .driving-info-area .driving-info ~ .driving-info {
  margin-top: 0.4rem;
}
.CMYMGA005 .graph-area {
  margin-top: 2.4rem;
}
.CMYMGA005 .graph-area img {
  width: 100%;
}
.CMYMGA005 .driving-info-top-area {
  overflow: hidden;
}
.CMYMGA005 .driving-info-top-area .driving-info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA005 .driving-info-top-area .driving-info-top .tit {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA005 .driving-info-top-area .driving-info-top .txt {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: right;
}
.CMYMGA005 .progress-icon-bar-area {
  position: relative;
  margin-top: 1.6rem;
}
.CMYMGA005 .progress-icon-bar-area .progress-icon-bar {
  position: relative;
  z-index: 1;
  height: 6.4rem;
  border-radius: 1.2rem;
}
.CMYMGA005 .progress-icon-bar-area .progress-icon-bar:before {
  display: inline-block;
  content: "";
  width: 3.8rem;
  height: 2.1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url("/images/common/mycar/icon-car.svg");
  position: absolute;
  right: 0;
  bottom: 2.4rem;
}
.CMYMGA005 .progress-icon-bar-area .icon-car-area {
  position: relative;
  height: 2.1rem;
  /* width:calc(100% - 3.8rem); */
  width: 100%;
}
.CMYMGA005 .progress-icon-bar-area .icon-car-area .icon-car {
  position: absolute;
  right: 0;
  display: block;
  width: 3.8rem;
  height: 2.1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url("/images/common/mycar/icon-car.svg");
}
.CMYMGA005 .progress-icon-bar-area .progress-bar {
  overflow: hidden;
  background-color: #eee;
  width: 100%;
  height: 2.4rem;
  border-radius: 1.2rem;
}
.CMYMGA005 .progress-icon-bar-area .progress-bar .progress-color-bar {
  height: 2.4rem;
  overflow: hidden;
}
.CMYMGA005 .progress-icon-bar-area .progress-bar .progress-color-bar img {
  width: calc(100vw - 7.2rem);
  height: 100%;
}
.CMYMGA005 .progress-icon-bar-area .progress-bg-bar {
  margin-top: 4rem;
  background-color: #eee;
  height: 2.4rem;
  border-radius: 1.2rem;
}
.CMYMGA005 .progress-icon-bar-area .progress-txt-bar {
  position: relative;
  margin-top: -2.4rem;
  height: 4.8rem;
}
.CMYMGA005 .progress-icon-bar-area .progress-txt-bar .progress-txt-focus {
  position: absolute;
  top: 0;
  display: inline-block;
}
.CMYMGA005 .progress-icon-bar-area .progress-txt-bar .progress-txt-focus .bar {
  height: 3rem;
  border-left: 0.1rem dashed #ffcc00;
}
.CMYMGA005 .progress-icon-bar-area .progress-txt-bar .progress-txt-focus .txt {
  width: 2.4rem;
  margin-left: -50%;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.8rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA005 .bottom-line-txt {
  margin-top: 1.6rem;
  padding-top: 2.4rem;
  border-top: 0.1rem solid #eeeeee;
}
.CMYMGA005 .bottom-line-txt .txt {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: center;
}
.CMYMGA005 .bottom-line-txt .txt.color-blue {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
  text-align: center;
}
.CMYMGA005 .bottom-line-txt .txt.color-blue b {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.CMYMGA005 .alert-bottom-txt-area {
  position: relative;
  margin-top: 1.6rem;
  padding-left: 2rem;
}
.CMYMGA005 .alert-bottom-txt-area i {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 0.4rem;
  margin-top: 0.3rem;
}
.CMYMGA005 .alert-bottom-txt-area .txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA005 .bottom-logo-area {
  margin-top: 3.2rem;
  text-align: center;
}
.CMYMGA005 .bottom-logo-area img {
  width: 7.7rem;
}
.CMYMGA005 .page-calendar-area .icon-car-area {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
.CMYMGA005 .page-calendar-area .progress-color-bar {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}
.CMYMGA005 .page-calendar-area .progress-txt-focus {
  left: 60%;
}
.CMYMGA005 .page-calendar-area1 .icon-car-area {
  width: 14%;
}
.CMYMGA005 .page-calendar-area1 .progress-color-bar {
  width: 14%;
}
.CMYMGA005 .page-calendar-area2 .icon-car-area {
  width: 14%;
}
.CMYMGA005 .page-calendar-area2 .progress-color-bar {
  width: 14%;
}
.CMYMGA005 .page-calendar-area3 .icon-car-area {
  width: 14%;
}
.CMYMGA005 .page-calendar-area3 .progress-color-bar {
  width: 14%;
}
.CMYMGA005 .page-calendar-area1.active .icon-car-area {
  width: 100%;
}
.CMYMGA005 .page-calendar-area1.active .progress-color-bar {
  width: 100%;
}
.CMYMGA005 .page-calendar-area2.active .icon-car-area {
  width: 25%;
}
.CMYMGA005 .page-calendar-area2.active .progress-color-bar {
  width: 25%;
}
.CMYMGA005 .page-calendar-area3.active .icon-car-area {
  width: 60%;
}
.CMYMGA005 .page-calendar-area3.active .progress-color-bar {
  width: 60%;
}

.CMYMGA006 .top-car-info-area {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  padding-bottom: 2.4rem;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl {
  position: relative;
  padding: 0 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dt.top-product-txt {
  padding-right: 2.4rem;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dt .tit {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dt .txt {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dt .details-txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-align: right;
  margin-top: 0.8rem;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dt .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dd {
  position: relative;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dd .product {
  max-width: 14rem;
  min-width: 14rem;
  padding-bottom: 0.7rem;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dd .product img {
  width: 100%;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dd .license-plate {
  width: 13.6rem;
  height: 3.9rem;
  position: absolute;
  top: 6.2rem;
  left: 45%;
  margin-left: -6rem;
  text-align: center;
  z-index: 900;
  background-image: url("/images/common/mycar/bg-license-plate.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.CMYMGA006 .top-car-info-area .top-car-thumb dl dd .license-plate .lp-number {
  display: inline-block;
  padding: 0.6rem 0 0.7rem;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  font-weight: 700;
  color: #222;
}
.CMYMGA006 .top-car-info-area .driving-info-area {
  margin-left: 1.6rem;
  margin-right: 1.6rem;
  margin-top: 2.4rem;
}
.CMYMGA006 .mycar-comtent-bc {
  margin: 0 -1.6rem -3.2rem;
  padding: 3.2rem 1.6rem 4rem;
  background-color: #f6f8f9;
}
.CMYMGA006 .sub-main-data-box {
  position: relative;
  padding-top: 4.8rem;
}
.CMYMGA006 .sub-main-data-box:first-child {
  padding-top: 0;
}
.CMYMGA006 .sub-main-data-box:first-child .container-top-roundbox {
  margin-top: 0;
}
.CMYMGA006 .container-top-roundbox {
  position: relative;
  padding: 2.4rem;
  background-color: rgb(255, 255, 255);
  margin-top: 1.6rem;
  z-index: 1;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYMGA006 .driving-top-area .tit {
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA006 .driving-top-area .tit .txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
}
.CMYMGA006 .driving-top-area .line-txt {
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 3.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA006 .driving-top-area .line-txt:after {
  display: block;
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0.2rem;
  background-color: #ffde00;
  width: 100%;
  border-radius: 0.4rem;
  height: 0.8rem;
}
.CMYMGA006 .tooltip {
  margin-top: -2.2rem;
  margin-right: 2.4rem;
}
.CMYMGA006 .driving-info-area {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 0.1rem solid #eeeeee;
}
.CMYMGA006 .driving-info-area .driving-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA006 .driving-info-area .driving-info .tit {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666666;
}
.CMYMGA006 .driving-info-area .driving-info .txt {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: right;
}
.CMYMGA006 .driving-info-area .driving-info ~ .driving-info {
  margin-top: 0.4rem;
}
.CMYMGA006 .graph-area {
  margin-top: 2.4rem;
}
.CMYMGA006 .graph-area img {
  width: 100%;
}
.CMYMGA006 .driving-info-top-area {
  overflow: hidden;
}
.CMYMGA006 .driving-info-top-area .driving-info-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA006 .driving-info-top-area .driving-info-top .tit {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA006 .driving-info-top-area .driving-info-top .txt {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: right;
}
.CMYMGA006 .accidents-damage-list {
  margin-top: 2.4rem;
}
.CMYMGA006 .accidents-damage-list ul {
  margin-left: -0.9rem;
}
.CMYMGA006 .accidents-damage-list ul li {
  float: left;
  width: 50%;
}
.CMYMGA006 .accidents-damage-list ul li .ad-round-box {
  margin-left: 0.9rem;
  background-color: #f6f8f9;
  border-radius: 1.2rem;
  padding: 1.6rem;
  text-align: center;
}
.CMYMGA006 .accidents-damage-list ul li .ad-round-box em {
  margin-top: 1.2rem;
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-align: center;
}
.CMYMGA006 .accidents-damage-list ul li .ad-round-box strong {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: center;
}
.CMYMGA006 .accidents-damage-list ul:after {
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.CMYMGA006 .alert-bottom-txt-area {
  position: relative;
  margin-top: 1.6rem;
  padding-left: 2rem;
}
.CMYMGA006 .alert-bottom-txt-area i {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 0.4rem;
  margin-top: 0.3rem;
}
.CMYMGA006 .alert-bottom-txt-area .txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA006 .bottom-logo-area {
  margin-top: 3.2rem;
  text-align: center;
}
.CMYMGA006 .bottom-logo-area img {
  width: 7.7rem;
}

.CMYMGA008 .part-01 {
  margin-top: 0;
}
.CMYMGA008 .form-box {
  margin-top: 1.6rem;
}
.CMYMGA008 .info-txt {
  margin-top: 2.4rem;
}

.CMYMGA010 .part-list dt .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMGA010 .table-wrap table tbody td {
  vertical-align: middle;
}
.CMYMGA010 .bullet-list.sm {
  margin-top: 1.6rem;
}
.CMYMGA010 .terms-list .bullet-list.sm {
  margin-top: 0.8rem;
}
.CMYMGA010 .part-01 {
  margin-top: 1.6rem;
}
.CMYMGA010 .part-03 .table-wrap th, .CMYMGA010 .part-03 .table-wrap td, .CMYMGA010 .part-07 .table-wrap th, .CMYMGA010 .part-07 .table-wrap td {
  padding-right: 0;
}

/* accident-history-list */
.accident-history-list ul {
  margin: 0 -0.8rem;
  margin-bottom: -0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
}
.accident-history-list ul li {
  display: block;
  margin-bottom: 0.8rem;
  padding: 0 0.4rem;
  width: 50%;
}
.accident-history-list ul li .box {
  padding: 1.6rem;
  text-align: left;
  border-radius: 1.2rem;
  background: #f6f8f9;
}
.accident-history-list ul li .box .img-wrap {
  width: 3.2rem;
  height: 3.2rem;
}
.accident-history-list ul li .box .img-wrap img {
  width: 100%;
}
.accident-history-list ul li .box .data-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 2.4rem;
}
.accident-history-list ul li .box .data-num {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.4rem;
}
.accident-history-list .info-txt {
  margin-top: 1.6rem;
}

/* view-list */
.view-list {
  margin-top: 2.4rem;
}
.view-list li + li {
  margin-top: 1.6rem;
}
.view-list li .box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.2rem 0;
  width: 100%;
  height: 100%;
}
.view-list li .box-wrap .left-box {
  position: relative;
  padding-left: 6.4rem;
}
.view-list li .box-wrap .left-box .img-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 0.8rem;
  width: 4.8rem;
  height: 4.8rem;
}
.view-list li .box-wrap .left-box .img-wrap img {
  z-index: 20;
  position: relative;
  width: 100%;
}
.view-list li .box-wrap .left-box .img-wrap:after {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #f8f8f8;
}
.view-list li .box-wrap .left-box .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.view-list li .box-wrap .right-box .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

/* accident-card-list */
.accident-card-list {
  margin-top: 3.2rem;
  padding-top: 3.2rem;
  border-top: 1px solid #eee;
}
.accident-card-list > ul > li + li {
  margin-top: 3.2rem;
}
.accident-card-list > ul > li > .date {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.accident-card-list > ul > li > .tit {
  display: block;
  margin-top: 2.4rem;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.accident-card-list > ul > li .accident-card {
  margin-top: 1.6rem;
  padding: 2.4rem;
  border-radius: 1.2rem;
  border: 1px solid #eee;
}
.accident-card-list > ul > li .accident-card .accident-card-contents + .accident-card-contents {
  margin-top: 2.4rem;
}
.accident-card-list > ul > li .accident-card .accident-card-contents .round-txt-wrap {
  margin-bottom: 1.6rem;
}
.accident-card-list > ul > li .accident-card .accident-card-contents .price-wrap .price-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.accident-card-list > ul > li .accident-card .accident-card-contents .price-wrap .price {
  display: block;
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
}
.accident-card-list > ul > li .accident-card .accident-card-contents .price-wrap .data-list > ul > li {
  margin-top: 0.8rem;
}
.accident-card-list > ul > li .accident-card .accident-card-contents .no-price {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.accident-card-list .info-txt {
  margin-top: 1.6rem;
}

.CMYMGA013 .inquiry-wrap strong {
  display: block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA013 .inquiry-wrap span {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
}
.CMYMGA013 .round-pale-box {
  margin-top: 2.4rem;
  padding: 1.6rem 2.4rem;
  background: #f6f8f9;
  font-size: 0;
  border-radius: 1.2rem;
  text-align: center;
}
.CMYMGA013 .round-pale-box span {
  display: inline-block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMGA013 .round-pale-box em {
  display: block;
}
.CMYMGA013 .part-list + .part-list {
  position: relative;
  padding-top: 4rem;
}
.CMYMGA013 .part-list + .part-list:before {
  position: absolute;
  top: 0;
  left: -1.6rem;
  content: "";
  display: block;
  width: calc(100% + 3.2rem);
  height: 0.8rem;
  background: #f8f8f8;
}
.CMYMGA013 .part-list .table-wrap {
  margin-top: 2.4rem;
}
.CMYMGA013 .part-01 {
  margin-top: 2.4rem;
}
.CMYMGA013 .part-01 dt {
  display: none;
}
.CMYMGA013 .part-04 .table-wrap table thead th {
  padding-right: 0px;
}
.CMYMGA013 .part-04 .table-wrap table tbody td {
  padding-right: 0px;
}
.CMYMGA013 .part-06 .bullet-list {
  margin-top: 2.4rem;
}
.CMYMGA013 .part-07 .bg-gray-wrap {
  margin-top: 2.4rem;
}

.CMYMGA015 .info-txt {
  margin-top: 1.6rem;
  padding-left: 2rem;
}
.CMYMGA015 .tac {
  margin-top: 2.4rem;
}
.CMYMGA015 .form-checkbox .txt {
  margin-left: 0.4rem;
}

.CMYMGA101 .top-car-info-area {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  padding-bottom: 2.4rem;
}
.CMYMGA101 .top-car-info-area .top-car-info-tit {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  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;
}
.CMYMGA101 .top-car-info-area .top-car-info-tit .tit {
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
}
.CMYMGA101 .top-car-info-area .action-banner-item-area {
  margin-top: 1.6rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.CMYMGA101 .top-car-info-area .action-banner-item {
  background-color: #ffffff;
  border-radius: 1.2rem;
  overflow: hidden;
}
.CMYMGA101 .top-car-info-area .action-banner-item .action-banner-bg {
  position: relative;
  font-size: 0;
  padding: 1.2rem 1.8rem;
  text-align: left;
  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;
}
.CMYMGA101 .top-car-info-area .action-banner-item .action-banner-bg::before {
  display: block;
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #2589ff;
  opacity: 0.1;
}
.CMYMGA101 .top-car-info-area .action-banner-item .action-banner-bg .action-info {
  position: relative;
  z-index: 1;
}
.CMYMGA101 .top-car-info-area .action-banner-item .action-banner-bg .action-info i {
  display: inline-block;
  margin-right: 0.8rem;
}
.CMYMGA101 .top-car-info-area .action-banner-item .action-banner-bg .action-info .txt {
  display: inline-block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
}
.CMYMGA101 .top-car-info-area .action-banner-item .action-banner-bg .number-case {
  display: block;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA101 .top-car-info-area .action-banner-item ~ .action-banner-item {
  margin-top: 0.8rem;
}
.CMYMGA101 .mycar-comtent-bc {
  margin: 0 -1.6rem -3.2rem;
  padding: 3.2rem 1.6rem 4rem;
  min-height: calc(100vh - 16.2rem);
  background-color: #f6f8f9;
}
.CMYMGA101 .details-txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-align: right;
}
.CMYMGA101 .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA101 .sub-main-data-box {
  position: relative;
  padding-top: 4.8rem;
}
.CMYMGA101 .sub-main-data-box:first-child {
  padding-top: 0;
}
.CMYMGA101 .sub-main-data-box:first-child .container-top-roundbox {
  margin-top: 0;
}
.CMYMGA101 .sub-tit {
  font-size: 0;
  position: relative;
}
.CMYMGA101 .sub-tit strong {
  display: inline-block;
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
  vertical-align: middle;
  margin-right: 0.4rem;
}
.CMYMGA101 .sub-tit .btn-call {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  text-align: right;
}
.CMYMGA101 .sub-tit .btn-call .txt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMGA101 .sub-tit-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA101 .sub-tit-right label {
  display: block;
}
.CMYMGA101 .sub-tit-right span {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  vertical-align: middle;
}
.CMYMGA101 .sub-tit-right .form-switch {
  margin-left: 0.8rem;
}
.CMYMGA101 .sub-tit-right .form-switch i {
  width: 3.6rem;
  height: 2rem;
  border-radius: 1rem;
}
.CMYMGA101 .sub-tit-right .form-switch i span {
  width: 1.6rem;
  height: 1.6rem;
  font-size: 0;
}
.CMYMGA101 .container-top-roundbox {
  position: relative;
  padding: 2.4rem;
  background-color: rgb(255, 255, 255);
  margin-top: 1.6rem;
  z-index: 1;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYMGA101 .container-top-roundbox .btn-area {
  padding: 2.4rem 0 0;
}
.CMYMGA101 .container-top-roundbox .btn-area button {
  line-height: 4.8rem;
}
.CMYMGA101 .container-top-roundbox .btn-area + .roundbox-line-bottom {
  margin-top: 2.4rem;
}
.CMYMGA101 .container-top-roundbox ~ .container-top-roundbox {
  margin-top: 1.6rem;
}
.CMYMGA101 .progress-flag-bar-area {
  margin-top: 1.6rem;
}
.CMYMGA101 .progress-flag-bar-area .progress-flag-area {
  position: relative;
  height: 2.2rem;
  width: calc(100% - 2.2rem);
}
.CMYMGA101 .progress-flag-bar-area .progress-flag-area i {
  position: absolute;
  bottom: 0;
}
.CMYMGA101 .progress-flag-bar-area .progress-flag-bar {
  position: relative;
  height: 1rem;
  background-color: #eeeeee;
  border-radius: 0.5rem;
  margin-top: 0.7rem;
}
.CMYMGA101 .progress-flag-bar-area .progress-flag-bar .color-blue-bar {
  position: absolute;
  height: 1rem;
  left: 0;
  bottom: 0;
  background-color: #3790ff;
  border-radius: 0.5rem;
}
.CMYMGA101 .progress-flag-bar-area .progress-flag-txt-area {
  margin-top: 0.5rem;
  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;
}
.CMYMGA101 .progress-flag-bar-area .progress-flag-txt-area .txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA101 .progress-flag-bar-area .progress-flag-txt-area .txt.color-red {
  color: #ff0e0e;
}
.CMYMGA101 .roundbox-line-bottom {
  margin-top: 1.6rem;
  border-top: 0.1rem solid #eeeeee;
}
.CMYMGA101 .roundbox-line-bottom .top-account-wrap {
  margin-top: 2.4rem;
}
.CMYMGA101 .roundbox-line-bottom .price-txt-wrap {
  margin-top: 1.6rem;
}
.CMYMGA101 .roundbox-line-bottom + .btn-area {
  padding: 2.4rem 0 0 0;
}
.CMYMGA101 .roundbox-line-bottom .sub-tit {
  display: block;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  margin-top: 1.6rem;
}
.CMYMGA101 .roundbox-line-bottom .thumb-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;
  margin-top: 2.4rem;
}
.CMYMGA101 .roundbox-line-bottom .thumb-info .thumb-img img {
  max-width: 8rem;
}
.CMYMGA101 .roundbox-line-bottom .thumb-info .txt-area {
  padding-left: 1.6rem;
}
.CMYMGA101 .roundbox-line-bottom .thumb-info .txt-area .txt {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222222;
}
.CMYMGA101 .roundbox-line-bottom .thumb-info .txt-area .price {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA101 .roundbox-line-bottom .price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.6rem;
}
.CMYMGA101 .roundbox-line-bottom .price-area .tit {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA101 .roundbox-line-bottom .price-area .txt {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: right;
}
.CMYMGA101 .roundbox-line-bottom .price-area ~ .price-area {
  margin-top: 1rem;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area {
  margin-top: 1.6rem;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner {
  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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.1rem solid #dddddd;
  padding: 1.6rem;
  border-radius: 1.2rem;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner .txt-area .tit {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  text-align: left;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner .txt-area .address {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-align: left;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner .logo-link-area {
  padding-right: 2rem;
  position: relative;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner .logo-link-area .box-image {
  display: inline-block;
  vertical-align: middle;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner .logo-link-area .box-image.width88 {
  max-width: 8.8rem;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner .logo-link-area .box-image.width63 {
  max-width: 6.3rem;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner .logo-link-area .box-image img {
  width: 100%;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner .logo-link-area i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner ~ .price-link-banner {
  margin-top: 0.8rem;
}
.CMYMGA101 .roundbox-line-bottom .price-link-banner-area .price-link-banner.active {
  border: 0.1rem solid #f8f8f8;
  background-color: #f8f8f8;
}
.CMYMGA101 .top-thumb-wrap {
  padding-bottom: 0;
}
.CMYMGA101 .top-thumb-wrap .thumb-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.6rem;
  position: relative;
}
.CMYMGA101 .top-thumb-wrap .thumb-name i {
  padding-right: 1.6rem;
}
.CMYMGA101 .top-thumb-wrap .thumb-name .info li .tit {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA101 .top-thumb-wrap .thumb-name .info li .txt {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA101 .top-thumb-wrap .thumb-name .details-txt {
  position: absolute;
  right: 0;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA101 .top-thumb-wrap .thumb-name .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA101 .top-thumb-wrap:after {
  display: none;
}
.CMYMGA101 .box-flex-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYMGA101 .box-flex-tit .box-top-tit {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA101 .box-flex-tit .btn-call {
  text-align: right;
}
.CMYMGA101 .box-flex-tit .btn-call .txt {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.4rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMGA101 .box-flex-tit .details-txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
  text-align: right;
}
.CMYMGA101 .box-flex-tit .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA101 .box-flex-tit ~ .box-tit-area {
  margin-top: 1.6rem;
}
.CMYMGA101 .box-tit-area {
  position: relative;
}
.CMYMGA101 .box-tit-area .box-tit {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
  vertical-align: middle;
  margin-right: 0.4rem;
}
.CMYMGA101 .box-tit-area .box-top-txt {
  position: relative;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  font-weight: 400;
  color: #222222;
}
.CMYMGA101 .box-tit-area .box-top-txt b {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  font-weight: 700;
  color: #222222;
}
.CMYMGA101 .box-tit-area .box-top-txt .details-txt {
  position: absolute;
  right: 0;
  display: inline-block;
  top: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA101 .box-tit-area .box-top-txt .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA101 .box-tit-area .box-top-txt button {
  margin: 0 0 0.3rem 0.4rem;
}
.CMYMGA101 .box-tit-area .hash-tag {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: rgb(37, 137, 255);
  margin-top: 0.4rem;
}
.CMYMGA101 .box-tit-area .details-txt {
  position: absolute;
  right: 0;
  display: inline-block;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYMGA101 .box-tit-area .details-txt:after {
  display: block;
  content: "";
  clear: both;
  height: 0.1rem;
  background-color: #aaaaaa;
  margin-top: -0.3rem;
}
.CMYMGA101 .box-tit-area ~ .box-tit-area {
  margin-top: 1.8rem;
}
.CMYMGA101 .box-sub-txt {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 400;
}
.CMYMGA101 .box-sub-txt b {
  font-size: 1.6rem;
  letter-spacing: -0.04rem;
  color: #222222;
  font-weight: 700;
}
.CMYMGA101 .box-sub-txt .round-box {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.1rem solid #222222;
  border-radius: 1.2rem;
  padding: 0.3rem 0.8rem;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  color: #222222;
  margin-right: 0.8rem;
}
.CMYMGA101 .box-sub-txt .block-txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYMGA101 .box-sub-tip-txt {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0.02rem;
  color: #555555;
  font-weight: 400;
}
.CMYMGA101 .box-sub-tip-txt b {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #222222;
  font-weight: 700;
}
.CMYMGA101 .box-sub-roundbox-txt {
  margin-top: 1.6rem;
  font-size: 0;
}
.CMYMGA101 .box-sub-roundbox-txt .round-box {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.1rem solid #222222;
  border-radius: 1.2rem;
  padding: 0.3rem 0.8rem;
  font-weight: 400;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  letter-spacing: -0.02rem;
  color: #222222;
  margin-right: 0.8rem;
  vertical-align: middle;
}
.CMYMGA101 .box-sub-roundbox-txt .block-txt {
  display: inline-block;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
  vertical-align: middle;
}
.CMYMGA101 .tooltip {
  margin-top: 0.7rem;
  margin-right: 2.4rem;
}
.CMYMGA101 .btn-area button span {
  line-height: 2.4rem;
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: -0.04rem;
}

.CMYMGA102 .contents-title-200 {
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
}
.CMYMGA102 .item-area {
  margin: 0 -1.6rem -3.2rem;
  padding: 2.4rem 1.6rem 4rem;
  min-height: calc(100vh - 16.2rem);
  background-color: #f6f8f9;
}
.CMYMGA102 .item-area .item-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.CMYMGA102 .item-area .item-filter .body-210, .CMYMGA102 .item-area .item-filter .inp-list-wrap > ul > li .label, .inp-list-wrap > ul > li .CMYMGA102 .item-area .item-filter .label {
  margin-right: 0.8rem;
}
.CMYMGA102 .item-area .item-filter + .item-list {
  margin-top: 2.4rem;
}
.CMYMGA102 .item-area .item-list {
  font-size: 0;
}
.CMYMGA102 .item-area .item-list li {
  display: inline-block;
  margin-left: 0.8rem;
  width: calc((100% - 1.6rem) / 3);
  text-align: center;
  vertical-align: top;
  border-radius: 1.2rem;
  background: #fff;
}
.CMYMGA102 .item-area .item-list li:nth-child(3n+1) {
  margin-left: 0;
}
.CMYMGA102 .item-area .item-list li:nth-child(n+4) {
  margin-top: 0.8rem;
}
.CMYMGA102 .item-area .item-list li a {
  display: block;
  padding: 1.6rem 0;
}
.CMYMGA102 .item-area .item-list li .box {
  position: relative;
  margin: 0 auto;
  width: 5.6rem;
  height: 5.6rem;
}
.CMYMGA102 .item-area .item-list li .box .chart-area {
  width: 100%;
  height: 100%;
}
.CMYMGA102 .item-area .item-list li .box .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.2rem;
  height: 3.2rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.CMYMGA102 .item-area .item-list li .box .icon img {
  width: 100%;
}
.CMYMGA102 .item-area .item-list li .name {
  margin-top: 0.8rem;
  padding: 0 1.6rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.CMYMGA102 .item-area .item-list li .distance {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}

.CMYMGA103 .contents-title-300 {
  margin-bottom: 1.6rem;
}
.CMYMGA103 .bg-gray-info {
  position: relative;
  padding: 1.6rem;
  min-height: 8.8rem;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
}
.CMYMGA103 .bg-gray-info .icon {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background: #fff;
}
.CMYMGA103 .bg-gray-info .txt {
  padding-left: 7.2rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMGA103 .inp-list-wrap {
  margin-top: 3.2rem;
}

.CMYMGA201 .tab-contents-wrap {
  margin-top: 3.2rem;
}
.CMYMGA201 .tab-contents-wrap .contents-title-300 {
  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;
}
.CMYMGA201 .tab-contents-wrap .contents-title-300.top-line {
  margin: 3.2rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 0.8rem solid #f8f8f8;
}
.CMYMGA201 .tab-contents-wrap .tire-img {
  margin-top: 1.6rem;
}
.CMYMGA201 .tab-contents-wrap .tire-img img {
  width: 100%;
}
.CMYMGA201 .tab-contents-wrap .tire-img + .info-txt {
  margin-top: 1.6rem;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box {
  padding: 3.8rem 0;
  background: url(/images/common/mycar/bg-car.png) no-repeat center center;
  background-size: contain;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li {
  position: relative;
  margin-top: 2.8rem;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .img {
  position: absolute;
  top: 50%;
  width: 3.6rem;
  height: 9.2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .img img {
  width: 100%;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4.8rem 0 1.6rem;
  height: 8rem;
  border-radius: 1.2rem;
  background: rgba(34, 34, 34, 0.8);
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .type {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #ffcc00;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .type + .box {
  margin-left: 1.6rem;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .box .info {
  font-size: 0;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .box .info li {
  position: relative;
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #ddd;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .box .info li + li {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .box .info li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1rem;
  background: #aaa;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .box .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  color: #fff;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .box .distance {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #fff;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .box .distance strong {
  margin-right: 0.4rem;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li .link .icon24 {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li:first-child {
  margin-top: 0;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li:nth-child(odd) {
  padding-left: 5.2rem;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li:nth-child(odd) .img {
  left: 0;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li:nth-child(even) {
  padding-right: 5.2rem;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box > ul > li:nth-child(even) .img {
  right: 0;
}
.CMYMGA201 .tab-contents-wrap .tire-info-box + .info-txt {
  margin-top: 2.4rem;
}
.CMYMGA201 .tab-contents-wrap .history-list {
  margin-top: 1.6rem;
}
.CMYMGA201 .tab-contents-wrap .history-list .history-item {
  position: relative;
  background: #f6f8f9;
  padding: 1.4rem 1.6rem;
  border-radius: 1.2rem;
  margin-top: 0.8rem;
  border: 0.1rem solid transparent;
}
.CMYMGA201 .tab-contents-wrap .history-list .history-item:first-child {
  margin-top: 0;
}
.CMYMGA201 .tab-contents-wrap .history-list .history-item.type-now {
  background: #fff;
  border-color: #aaa;
}
.CMYMGA201 .tab-contents-wrap .history-list .history-item.type-now .txt {
  color: #2589ff;
}
.CMYMGA201 .tab-contents-wrap .history-list .history-item.type-now .txt .btn-txt {
  margin-left: 0.5rem;
}
.CMYMGA201 .tab-contents-wrap .history-list .history-item .date {
  display: block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMGA201 .tab-contents-wrap .history-list .history-item .txt {
  display: block;
  margin-top: 0.2rem;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMGA201 .tab-contents-wrap .history-list .history-item .btn-x {
  position: absolute;
  padding: 0.5rem;
  top: 0.8rem;
  right: 0.8rem;
}
.CMYMGA201 .tab-contents-wrap .history-list + .bullet-list {
  margin-top: 2.4rem;
}
.CMYMGA201 .tab-contents-wrap .inp-list-wrap {
  margin-top: 3.2rem;
}
.CMYMGA201 .tab-contents-wrap .inp-list-wrap .contents-title-300 {
  margin-bottom: 1.6rem;
}
.CMYMGA201 .tab-contents-wrap .inp-list-wrap > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CMYMGA201 .tab-contents-wrap .inp-list-wrap > ul > li > * + * {
  margin-left: 0.9rem;
}
.CMYMGA201 .tab-contents-wrap .inp-list-wrap > ul + .contents-title-300 {
  margin-top: 3.2rem;
}
.CMYMGA201 .tab-contents-wrap .info-content .info-box .info-top {
  padding-bottom: 0;
  border-bottom: none;
}
.CMYMGA201 .tab-contents-wrap .info-content ~ .tac {
  margin-top: 3.2rem;
}
.CMYMGA201 .tab-contents-wrap .info-list > li .icon ~ .tit {
  padding-right: 0;
  text-overflow: none;
  overflow: visible;
  white-space: normal;
}
.CMYMGA201 .tab-contents-wrap .info-list > li .txt {
  text-overflow: none;
  overflow: visible;
  white-space: normal;
}
.CMYMGA201 .tab-contents-wrap .btn-area {
  padding-bottom: 0;
}

.CMYMGA202 .inp-list-wrap ul li .date-box {
  margin-top: 0.8rem;
}
.CMYMGA202 .inp-list-wrap ul li .body-210, .CMYMGA202 .inp-list-wrap > ul > li ul li .label {
  color: #888;
}
.CMYMGA202 .check-list {
  margin-top: 2.4rem;
}
.CMYMGA202 .check-list li {
  position: relative;
  margin-top: 2.4rem;
}
.CMYMGA202 .check-list li .form-checkbox .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.CMYMGA202 .check-list li .form-checkbox .txt strong {
  font-weight: 500;
}

.CMYMGA203 .info-box-gray {
  padding: 2.4rem 1.6rem 0.8rem;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
}
.CMYMGA203 .info-box-gray .box {
  position: relative;
  padding-right: 10.4rem;
  text-align: left;
}
.CMYMGA203 .info-box-gray .box .img {
  position: absolute;
  top: 50%;
  right: 0;
  width: 9.6rem;
  height: 6.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYMGA203 .info-box-gray .box .img img {
  width: 100%;
}
.CMYMGA203 .info-box-gray .box .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMGA203 .info-box-gray .box .txt {
  margin-top: 0.4rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYMGA203 .info-box-gray dl {
  margin-top: 2.4rem;
  padding-top: 0.8rem;
  font-size: 0;
  border-top: 1px solid #eee;
}
.CMYMGA203 .info-box-gray dl dt {
  display: inline-block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.CMYMGA203 .info-box-gray dl dd {
  display: inline-block;
  margin-left: 0.8rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMGA203 .body-120 {
  margin-top: 1.6rem;
  color: #222;
}

.CMYMGA204 .info-list {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
}
.CMYMGA204 .info-list > li {
  margin-top: 0;
  padding: 0;
}
.CMYMGA204 .info-list > li input:checked ~ .tit, .CMYMGA204 .info-list > li .inp-box .ico-confirm:checked ~ .tit, .inp-box .CMYMGA204 .info-list > li .ico-confirm:checked ~ .tit {
  font-weight: 700;
}
.CMYMGA204 .info-list > li .form-radio {
  position: relative;
  left: auto;
  top: auto;
  margin: 0 -1.6rem;
  padding: 1.2rem 4.8rem 1.2rem 1.6rem;
}
.CMYMGA204 .info-list > li .icon {
  top: 50%;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYMGA901 .service-info-list {
  margin-top: 1.6rem;
}
.CMYMGA901 .service-info-list li {
  position: relative;
  padding: 1.6rem;
}
.CMYMGA901 .service-info-list li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100% + 1.6rem);
  height: 1px;
  background: #eee;
}
.CMYMGA901 .service-info-list li:first-child:before {
  display: none;
}
.CMYMGA901 .service-info-list li .icon48 + .tit {
  margin-left: 1.6rem;
}
.CMYMGA901 .service-info-list li .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}

/* ����ũ */
.CMYCTE001M {
  padding-top: 2.4rem;
  padding-bottom: 11.2rem;
}
.CMYCTE001M .line-block {
  display: inline-block;
  white-space: nowrap;
}
.CMYCTE001M .car-loan-banner {
  display: block;
  margin-top: 1.6rem;
}
.CMYCTE001M .car-loan-banner__link {
  display: block;
}
.CMYCTE001M .car-loan-banner__image {
  display: block;
  max-width: 100%;
}
.CMYCTE001M .my-loan {
  position: relative;
}
.CMYCTE001M .my-loan__money {
  margin: 0 -1.6rem -3.7rem -1.6rem;
  padding: 3.6rem 1.6rem 5.7rem 1.6rem;
  background: #FFCC00;
}
.CMYCTE001M .my-loan__header {
  font-size: 1.6rem;
}
.CMYCTE001M .my-loan__content {
  margin-top: 0.6rem;
}
.CMYCTE001M .my-loan__content-amount {
  font-size: 2.4rem;
  line-height: 3.4rem;
  font-weight: 700;
}
.CMYCTE001M .my-loan__content-amount strong, .CMYCTE001M .my-loan__content-amount span {
  font: inherit;
  color: inherit;
}
.CMYCTE001M .my-loan__content-amount strong[data-module=scrollStopNumbers] {
  margin-right: 0.2rem;
  text-align: center;
}
.CMYCTE001M .my-loan__content-amount strong[data-module=scrollStopNumbers] > span {
  margin-right: -0.05rem;
  font-family: -apple-system, "Roboto", "NotoSansKR", "Arial", sans-serif;
}
.CMYCTE001M .my-loan__content-number {
  font-size: 1.8rem;
  line-height: 3.4rem;
  font-weight: 400;
  margin-left: 0.4rem;
}
.CMYCTE001M .my-loan-bottom {
  position: relative;
  padding: 1.9rem;
  -webkit-box-shadow: 0 0.04rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.04rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 1.2rem;
  background: #fff;
  z-index: 2;
}
.CMYCTE001M .my-loan-bottom.no-record {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.CMYCTE001M .my-loan-bottom.no-record .no-record__text {
  font-size: 1.6rem;
  line-height: 2.4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.CMYCTE001M .my-loan-bottom.no-record .no-record__button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.CMYCTE001M .my-loan-bottom.no-record .size-l {
  font-size: 1.4rem;
}
.CMYCTE001M .my-loan-total {
  position: relative;
  padding-left: 9.5rem;
  overflow: hidden;
  line-height: 2.6rem;
}
.CMYCTE001M .my-loan-total__title,
.CMYCTE001M .my-loan-total__description {
  margin-top: 1rem;
}
.CMYCTE001M .my-loan-total__title:first-of-type,
.CMYCTE001M .my-loan-total__description:first-of-type {
  margin-top: 0;
}
.CMYCTE001M .my-loan-total__title {
  clear: left;
  float: left;
  position: relative;
  max-width: 9.5rem;
  margin-left: -9.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-size: 1.4rem;
}
.CMYCTE001M .my-loan-total__description {
  float: right;
  width: 100%;
  font-size: 0;
  font-weight: 700;
  text-align: right;
}
.CMYCTE001M .my-loan-total__description .number,
.CMYCTE001M .my-loan-total__description .unit {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.6rem;
  vertical-align: top;
}
.CMYCTE001M .car-loan {
  position: relative;
  margin-top: 4.3rem;
}
.CMYCTE001M .car-loan__header {
  font-size: 2rem;
  font-weight: 700;
  line-height: 3rem;
}
.CMYCTE001M .car-loan__content {
  margin-top: 1.2rem;
}
.CMYCTE001M .car-loan-item {
  margin-top: 1.6rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.04rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.04rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}
.CMYCTE001M .car-loan-item:first-of-type {
  margin-top: 0;
}
.CMYCTE001M .car-loan-item__link {
  position: relative;
  display: block;
  min-height: 8rem;
  padding: 2rem 2rem 2rem 7.6rem;
  color: #666;
  font-size: 1.4rem;
  line-height: 2rem;
  text-decoration: none;
}
.CMYCTE001M .car-loan-item__link .icon-arrow-right-black {
  position: absolute;
  top: 3.4rem;
  right: 1.6rem;
}
.CMYCTE001M .car-loan-item__logo {
  position: absolute;
  top: 2.2rem;
  left: 2rem;
  display: block;
  width: 4rem;
  height: 4rem;
}
.CMYCTE001M .car-loan-item__head {
  display: block;
  padding-right: 1.6rem;
  overflow: hidden;
}
.CMYCTE001M .car-loan-item__company {
  display: block;
  margin-bottom: -0.1rem;
  overflow: hidden;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.CMYCTE001M .car-loan-item__digit {
  display: block;
}
.CMYCTE001M .car-loan-item__description {
  display: block;
  margin-top: 0.6rem;
}
.CMYCTE001M .car-loan-tag {
  padding: 2rem 0 2.5rem 0;
  font-size: 0;
}
.CMYCTE001M .car-loan-tag__item {
  display: inline-block;
  margin-left: 0.4rem;
  color: #2589FF;
  font-size: 1.4rem;
}
.CMYCTE001M .car-loan-tag__item:first-of-type {
  margin-left: 0;
}
.CMYCTE001M .car-loan-item__link + .car-loan-detail {
  border-top: 0.1rem dashed #ddd;
  margin: 0 2.4rem;
}
.CMYCTE001M .car-mortgage {
  padding: 22px 24px 36px 24px;
  border-radius: 1.2rem;
  background: #FFF;
}
.CMYCTE001M .car-mortgage.car-loan-detail {
  padding: 0;
  background: transparent;
  padding: 2.7rem 0;
}
.CMYCTE001M .car-mortgage__header {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 3.4rem;
}
.CMYCTE001M .car-mortgage__header small {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.CMYCTE001M .car-mortgage__header .txt-highlight {
  display: inline-block;
  padding: 0 0.2rem;
}
.CMYCTE001M .car-mortgage__header .txt-highlight:before {
  position: absolute;
  bottom: 0.4rem;
  left: 0;
  width: 0;
  height: 1rem;
  border-radius: 0.4rem;
  background: #FFCC00;
  display: block;
  z-index: -1;
}
.CMYCTE001M .car-mortgage__header-text {
  margin-top: 3px;
  color: #666;
  font-size: 1.4rem;
  line-height: 2rem;
}
.CMYCTE001M .car-mortgage__point {
  margin: 1.9rem 0 2.4rem 0;
  font-size: 0;
  overflow: hidden;
}
.CMYCTE001M .car-mortgage__point-box {
  position: relative;
  display: inline-block;
  width: 48%;
  margin: 0 0 0 0.6rem;
  padding: 1.4rem 0 1.4rem 1.6rem;
  border-radius: 1.2rem;
  overflow: hidden;
  font-weight: 600;
  line-height: 2.5rem;
}
.CMYCTE001M .car-mortgage__point-box:first-of-type {
  margin-left: 0;
}
.CMYCTE001M .car-mortgage__point-box:first-of-type .point-icon {
  background: url("/images/common/icon/icon32_mortgage_point.svg");
}
.CMYCTE001M .car-mortgage__point-box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #FFCC00;
  opacity: 0.12;
}
.CMYCTE001M .car-mortgage__point-box dt {
  color: #666;
  font-size: 1.4rem;
}
.CMYCTE001M .car-mortgage__point-box dd {
  position: relative;
  margin-top: 0.7rem;
  padding-left: 4.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  white-space: nowrap;
}
.CMYCTE001M .car-mortgage__point-box .point-icon {
  position: absolute;
  left: 0;
  top: -0.6rem;
  display: block;
  width: 3.7rem;
  height: 3.2rem;
  background: url("/images/common/icon/icon32_mortgage_point_up.svg");
}
.CMYCTE001M .car-mortgage-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.CMYCTE001M .car-mortgage-list__item {
  position: relative;
  margin-top: 0.4rem;
  padding-left: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
}
.CMYCTE001M .car-mortgage-list__item:before {
  content: "";
  position: absolute;
  left: 0.1rem;
  top: 0.7rem;
  display: block;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 50%;
}
.CMYCTE001M .car-mortgage-list__item:first-of-type {
  margin-top: 0;
}
.CMYCTE001M .car-mortgage-list__item .additional-info {
  display: block;
  margin-top: 0.4rem;
  color: #999;
  font-size: 1.2rem;
}
.CMYCTE001M .car-loan-for-loan {
  padding: 5rem 0 3.2rem 0;
  text-align: center;
}
.CMYCTE001M .car-loan-for-loan__head-small {
  font-size: 1.6rem;
}
.CMYCTE001M .car-loan-for-loan__head-middle {
  font-size: 1.8rem;
}
.CMYCTE001M .car-loan-for-loan__head-big {
  font-size: 2rem;
}
.CMYCTE001M .car-loan-for-loan__head-bigger {
  font-size: 2.4rem;
}
.CMYCTE001M .car-loan-for-loan__head-top {
  margin: 0 0 1.5rem 0;
  line-height: 2.6rem;
}
.CMYCTE001M .car-loan-for-loan__section {
  position: relative;
  padding: 2.5rem 0;
}
.CMYCTE001M .car-loan-for-loan__section .car-loan-for-loan__head-middle {
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  opacity: 0;
  -webkit-transition-property: "opacity, transform";
  transition-property: "opacity, transform";
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.CMYCTE001M .car-loan-for-loan__section .car-loan-for-loan__head-big {
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  opacity: 0;
  -webkit-transition-property: "opacity, transform";
  transition-property: "opacity, transform";
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.CMYCTE001M .car-loan-for-loan__section .car-loan-for-loan__head-big .txt-highlight:before {
  -webkit-animation: none;
          animation: none;
}
.CMYCTE001M .car-loan-for-loan__section.section-has-bg {
  margin-top: 2.5rem;
  padding-top: 0;
  border-radius: 1.2rem;
  background: #FFF8E3;
}
.CMYCTE001M .car-loan-for-loan__section.screenon .car-loan-for-loan__section-finger {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.CMYCTE001M .car-loan-for-loan__section.screenon .car-loan-for-loan__head-middle {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.CMYCTE001M .car-loan-for-loan__section.screenon .car-loan-for-loan__compare {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.CMYCTE001M .car-loan-for-loan__section.screenon .car-loan-for-loan__compare-block:last-child {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.CMYCTE001M .car-loan-for-loan__section.screenon .car-loan-for-loan__head-big {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.CMYCTE001M .car-loan-for-loan__section.screenon .car-loan-for-loan__head-big .txt-highlight:before {
  -webkit-animation: aniHighlighting ease-in-out 1.2s both 2.5s;
          animation: aniHighlighting ease-in-out 1.2s both 2.5s;
}
.CMYCTE001M .car-loan-for-loan__section.screenon .compare-period__item:last-of-type {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.CMYCTE001M .car-loan-for-loan__section.screenon .compare-period__item:first-of-type {
  -webkit-animation: aniShowMyLoan ease-in-out 0.8s both 0.9s;
          animation: aniShowMyLoan ease-in-out 0.8s both 0.9s;
}
@-webkit-keyframes aniShowMyLoan {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.15) translateY(1.5rem);
            transform: scale(1.15) translateY(1.5rem);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.15) translateY(1.5rem);
            transform: scale(1.15) translateY(1.5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes aniShowMyLoan {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.15) translateY(1.5rem);
            transform: scale(1.15) translateY(1.5rem);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.15) translateY(1.5rem);
            transform: scale(1.15) translateY(1.5rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.CMYCTE001M .car-loan-for-loan__section-finger {
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  opacity: 0;
  -webkit-transition-property: "opacity, transform";
  transition-property: "opacity, transform";
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: relative;
  display: block;
  margin: 0 auto;
  width: 4.8rem;
  height: 4.8rem;
  text-indent: -9999em;
  overflow: hidden;
}
.CMYCTE001M .car-loan-for-loan__section-finger.finger-first {
  margin-bottom: 1.4rem;
  background: url("/images/common/te/icon_finger_1.svg");
  background-size: 4.8rem;
}
.CMYCTE001M .car-loan-for-loan__section-finger.finger-second {
  top: -2.25rem;
  background: url("/images/common/te/icon_finger_2.svg");
  background-size: 4.8rem;
}
.CMYCTE001M .car-loan-for-loan__compare {
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  opacity: 0;
  -webkit-transition-property: "opacity, transform";
  transition-property: "opacity, transform";
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  margin: 2rem 0 2.5rem 0;
  white-space: nowrap;
  font-size: 0;
  overflow: hidden;
}
.CMYCTE001M .car-loan-for-loan__compare-block {
  position: relative;
  display: block;
  width: calc(50% - 0.45rem);
  font-size: 1.2rem;
}
.CMYCTE001M .car-loan-for-loan__compare-block .compare-block-top {
  position: relative;
  margin-bottom: -1.5rem;
  padding: 0 1.4rem 0.5rem 1.4rem;
  border-radius: 1.2rem;
  z-index: 2;
}
.CMYCTE001M .car-loan-for-loan__compare-block .compare-block-top__item {
  border-width: 1px 0 0 0;
  border-style: dashed;
  padding-top: 1.3rem;
}
.CMYCTE001M .car-loan-for-loan__compare-block .compare-block-top__item:first-of-type {
  border-top: none;
}
.CMYCTE001M .car-loan-for-loan__compare-block .compare-block-top__title {
  text-align: left;
  margin-bottom: 0.5rem;
}
.CMYCTE001M .car-loan-for-loan__compare-block .compare-block-top__description {
  font-size: 0;
  font-weight: bold;
  text-align: right;
  padding: 0.5rem 0;
}
.CMYCTE001M .car-loan-for-loan__compare-block .compare-block-top__digit {
  font-size: 1.8rem;
}
.CMYCTE001M .car-loan-for-loan__compare-block .compare-block-top__unit {
  font-size: 1.2rem;
  margin-left: 0.2rem;
}
.CMYCTE001M .car-loan-for-loan__compare-block .compare-block-bottom {
  position: relative;
  display: block;
  padding-top: 1.5rem;
  font-size: 1.2rem;
  line-height: 3.2rem;
  text-align: center;
  border-bottom-right-radius: 1.2rem;
  border-bottom-left-radius: 1.2rem;
}
.CMYCTE001M .car-loan-for-loan__compare-block:first-child {
  float: left;
  color: #695B55;
  z-index: 3;
}
.CMYCTE001M .car-loan-for-loan__compare-block:first-child .compare-block-top {
  border: 1px solid #FFCC34;
  background: #FFF8E3;
}
.CMYCTE001M .car-loan-for-loan__compare-block:first-child .compare-block-top__item {
  border-color: #FFCC34;
}
.CMYCTE001M .car-loan-for-loan__compare-block:first-child .compare-block-bottom {
  background: #FFCC34;
}
.CMYCTE001M .car-loan-for-loan__compare-block:first-child:before {
  position: absolute;
  right: -1.9rem;
  top: 4.55rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 2rem;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #FFCC34;
  z-index: 3;
}
.CMYCTE001M .car-loan-for-loan__compare-block:first-child:after {
  position: absolute;
  right: -1.75rem;
  top: 4.55rem;
  display: block;
  width: 0;
  height: 0;
  border: inset 2rem;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #FFF8E3;
  z-index: 3;
}
.CMYCTE001M .car-loan-for-loan__compare-block:last-child {
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  opacity: 0;
  -webkit-transition-property: "opacity, transform";
  transition-property: "opacity, transform";
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  float: right;
  color: #000;
}
.CMYCTE001M .car-loan-for-loan__compare-block:last-child .compare-block-top {
  border: 1px solid #FFCC34;
  background: #FFCC34;
}
.CMYCTE001M .car-loan-for-loan__compare-block:last-child .compare-block-top__item {
  border-color: #FFF;
}
.CMYCTE001M .car-loan-for-loan__compare-block:last-child .compare-block-bottom {
  background: #695b55;
}
.CMYCTE001M .car-loan-for-loan__compare-block:last-child .compare-block-bottom img {
  vertical-align: middle;
}
.CMYCTE001M .car-loan-for-loan__compare-period {
  margin: 0 1.5rem;
  padding: 1.8rem 0 2.6rem 0;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item {
  display: block;
  padding: 0.8rem 2rem 0.7rem 2rem;
  -webkit-box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.2rem 1rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 11px;
  background: #FFF;
  overflow: hidden;
  color: #000;
  font-size: 1.4rem;
  text-align: left;
  opacity: 0;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item:first-of-type {
  line-height: 1.7rem;
  margin: 0 1.7rem -1rem 1.7rem;
  padding-top: 1.65rem;
  padding-bottom: 1.65rem;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item:last-of-type {
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  opacity: 0;
  -webkit-transition-property: "opacity, transform";
  transition-property: "opacity, transform";
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item-left {
  float: left;
  color: #000;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item-left img {
  display: block;
  width: 9rem;
  margin-top: 1.1rem;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item-right {
  color: #888;
  float: right;
  letter-spacing: -0.065rem;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item-right-top {
  display: block;
  padding-top: 0.1rem;
  color: #666;
  font-size: 1.2rem;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item-right-bottom {
  color: #000;
  font-size: 0;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item-right-bottom .digit,
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item-right-bottom .unit {
  display: inline-block;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item-right-bottom .digit {
  font-size: 2.4rem;
  font-weight: bold;
}
.CMYCTE001M .car-loan-for-loan__compare-period .compare-period__item-right-bottom .unit {
  position: relative;
  top: -2px;
  font-size: 1.4rem;
  padding: 0 2px;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail {
  display: none;
  line-height: 2.4rem;
  margin-top: 3rem;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail.is-showed {
  display: block;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__head-top {
  line-height: 2.6rem;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__middle {
  margin-top: 2.5rem;
  margin-bottom: 0.4rem;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__before {
  position: relative;
  color: #2589FF;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 3.4rem;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__before:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 0.1rem;
  margin-top: -0.3rem;
  background: #2589FF;
  content: "";
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow {
  position: relative;
  display: block;
  width: 2rem;
  height: 2.6rem;
  margin: 0 auto 0.9rem auto;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow:before, .CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow:after {
  content: "";
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow:before {
  display: block;
  width: 0.6rem;
  height: 2rem;
  margin: 0 auto;
  background: #666;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__arrow:after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  border: inset 1rem;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #666 transparent transparent;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__after {
  display: block;
  font-size: 3rem;
  line-height: 4rem;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__criteria {
  display: block;
  margin-top: 0.8rem;
  color: #666;
  font-size: 1.4rem;
  line-height: 2rem;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__list {
  margin-top: 3rem;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__list-item {
  position: relative;
  display: block;
  background: #F6F8F9;
  border: 1px solid #F6F8F9;
  border-radius: 0.8rem;
  margin-top: 0.4rem;
  padding: 0.9rem 2.25rem;
  overflow: hidden;
  color: #999;
  font-size: 0;
  line-height: 1rem;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__list-item:first-of-type {
  margin-top: 0;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__list-item.focus {
  border-color: #FFCC00;
  background: rgba(255, 204, 0, 0.2);
  color: #222;
}
.CMYCTE001M .car-loan-for-loan__compare-section-detail .compare-section-detail__list-block {
  display: inline-block;
  padding: 0 2.45rem;
  font-size: 1.4rem;
  line-height: 2rem;
  vertical-align: top;
  text-align: center;
}
.CMYCTE001M .btn-toggle-content {
  display: inline-block;
  margin: 1.5rem 0 -1.5rem 0;
  padding: 1.5rem;
  font-size: 1.4rem;
}
.CMYCTE001M .car-loan-for-loan__compare-bottom {
  display: block;
  width: 100%;
  padding: 0.8rem 0 0.9rem 0;
  font-size: 1.2rem;
  line-height: 1.5rem;
  text-align: center;
}
.CMYCTE001M .car-loan-for-loan__bottom {
  margin: 5rem 0 0 0;
  padding: 2rem 0;
  border-top: 1px solid #E7E7E7;
  font-size: 1.6rem;
}
.CMYCTE001M .car-loan-for-loan__bottom .top-text {
  display: block;
  line-height: 1.9rem;
}
.CMYCTE001M .car-loan-for-loan__bottom .car-loan-tag {
  padding: 0.8rem 0 2.4rem 0;
}

.CMYCTE001 {
  padding-bottom: 11.2rem;
  /* �Ⱦ��� ������ �ٷΰ���, ���ŷ� ������ �ٷΰ��� height�� �������� Ʋ���� ���� �ڵ� */
}
.CMYCTE001 .part {
  margin-top: 4.8rem;
}
.CMYCTE001 .part:first-child {
  margin-top: 0;
}
.CMYCTE001 .part .part-tit-wrap .reload-data {
  top: 0.3rem;
}
.CMYCTE001 .part .part-tit-wrap .reload-data .icon24-refresh-round-interaction {
  margin-left: 0.4rem;
}
.CMYCTE001 .part .part-tit-wrap + .part-content {
  margin-top: 1.6rem;
}
.CMYCTE001 .part.keep .part-tit-wrap .reload-data {
  top: 0;
}
.CMYCTE001 .part.keep .part-tit-wrap + .part-content {
  margin-top: 2.4rem;
}
.CMYCTE001 .part.keep .info-area {
  position: relative;
  padding: 2.4rem;
  font-size: 0;
  border-radius: 1.2rem;
  background: #ffcc00;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYCTE001 .part.keep .info-area .tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYCTE001 .part.keep .info-area .tit span {
  display: inline-block;
  margin: -0.4rem 0 0 0.4rem;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  vertical-align: middle;
  opacity: 0.5;
}
.CMYCTE001 .part.keep .info-area .txt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE001 .part.keep .info-area .txt em {
  display: inline-block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE001 .part.keep .info-area .icon {
  position: absolute;
  top: -2.4rem;
  right: -1.6rem;
  width: 12.4rem;
  height: 12.2rem;
}
.CMYCTE001 .part.keep .info-area .icon img {
  width: 100%;
}
.CMYCTE001 .part.keep .chart-area {
  margin-top: 2.4rem;
  padding: 2.4rem 2.4rem 0.8rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYCTE001 .part.keep .chart-area dl {
  font-size: 0;
}
.CMYCTE001 .part.keep .chart-area dl dt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE001 .part.keep .chart-area dl dd {
  margin-top: 0.4rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYCTE001 .part.keep .chart-area dl dd em {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYCTE001 .part.keep .chart-area .chart-box {
  margin-top: 1.2rem;
}
.CMYCTE001 .part.keep .chart-area .chart-box img {
  width: 100%;
}
.CMYCTE001 .part.keep .box-list {
  margin-top: 2.4rem;
}
.CMYCTE001 .part.keep .link-area {
  margin-top: 2.4rem;
  padding: 2.4rem 2.4rem 1.6rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYCTE001 .part.keep .link-area h4 {
  margin-bottom: 1.6rem;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE001 .part.keep .link-area .link-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 2rem 1.6rem 0;
}
.CMYCTE001 .part.keep .link-area .link-list li .tit {
  text-align: left;
}
.CMYCTE001 .part.keep .link-area .link-list li .icon16 {
  right: 0;
}
.CMYCTE001 .part.keep .card-area {
  margin: 4.8rem -1.6rem 0;
}
.CMYCTE001 .part.keep .card-area dl {
  padding: 0 1.6rem;
  font-size: 0;
}
.CMYCTE001 .part.keep .card-area dl dt {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE001 .part.keep .card-area dl dd {
  margin-top: 0.4rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYCTE001 .part.keep .card-area dl dd span {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYCTE001 .part.keep .card-area .card-slider {
  margin-top: 1.6rem;
  padding: 0 1.6rem;
  font-size: 0;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.CMYCTE001 .part.keep .card-area .card-slider::-webkit-scrollbar {
  display: none;
}
.CMYCTE001 .part.keep .card-area .card-slider li {
  display: inline-block;
  margin-left: 3.2rem;
  width: 12.4rem;
  vertical-align: top;
  white-space: normal;
}
.CMYCTE001 .part.keep .card-area .card-slider li:first-child {
  margin-left: 0;
}
.CMYCTE001 .part.keep .card-area .card-slider li .img {
  position: relative;
  display: block;
  width: 12.4rem;
  height: 12.4rem;
}
.CMYCTE001 .part.keep .card-area .card-slider li .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -webkit-box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.CMYCTE001 .part.keep .card-area .card-slider li .tit {
  display: block;
  margin-top: 0.8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYCTE001 .part.keep .card-area .card-slider li .txt {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYCTE001 .part.keep .card-area .card-slider li .price {
  display: block;
  margin-top: 0.4rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.CMYCTE001 .part.finance .part-content .box-area .detail-area .box {
  min-height: 4.6rem;
}
.CMYCTE001 .part.finance .part-content .box-area .detail-area .box .type {
  color: #2589ff;
}
.CMYCTE001 .part.insurance .part-content + .part-content {
  /* 2021-11-23 ���� 
  margin-top:2.4rem;
  */
}
.CMYCTE001 .part.sell .link-area {
  margin-top: 1.6rem;
  display: block;
  padding: 2.4rem;
  border-radius: 1.2rem;
  background: #29538d;
}
.CMYCTE001 .part.sell .link-area .tit {
  display: block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: rgba(255, 255, 255, 0.7);
}
.CMYCTE001 .part.sell .link-area .tit em {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: rgba(255, 255, 255, 0.7);
}
.CMYCTE001 .part.sell .link-area .txt {
  display: block;
  margin-top: 0.4rem;
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
}
.CMYCTE001 .part.sell .link-area .img {
  position: relative;
  display: block;
  margin: 4.4rem auto 0;
  width: 18rem;
  height: 10rem;
}
.CMYCTE001 .part.sell .link-area .img:before {
  content: "";
  display: block;
  position: absolute;
  top: -3.6rem;
  left: -2rem;
  width: calc(100% + 4rem);
  height: 8rem;
  background: url(/images/common/te/img-car-bg-1.svg) no-repeat;
  background-size: cover;
}
.CMYCTE001 .part.sell .link-area .img .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: -2rem;
  right: 1rem;
  width: 4.8rem;
  height: 4.8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #ffcc00;
  background: url(/images/common/te/icon-car-tag.svg) no-repeat;
  background-size: 4.8rem;
}
.CMYCTE001 .part.sell .link-area .img img {
  width: 100%;
}
.CMYCTE001 .part.sell .link-area .btn-area {
  margin-top: 1.6rem;
  padding: 0;
}
.CMYCTE001 .part.sell .link-area .btn-area a, .CMYCTE001 .part.sell .link-area .btn-area button {
  line-height: 4.8rem;
}
.CMYCTE001 .part.sell .link-area .btn-area a span, .CMYCTE001 .part.sell .link-area .btn-area button span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.CMYCTE001 .part.sell .link-area.none {
  background: #6a68db;
}
.CMYCTE001 .part.sell .link-area.none .img:before {
  background: url(/images/common/te/img-car-bg-2.svg) no-repeat;
  background-size: cover;
}
.CMYCTE001 .part.simulation .part-content + .part-content {
  margin-top: 2.4rem;
}
.CMYCTE001 .part.simulation .part-content .box-area .detail-area {
  margin-top: 2.4rem;
}
.CMYCTE001 .part.insurance .part-content + .part-content .box-area:first-child {
  margin-top: 2.4rem;
}
.CMYCTE001 .part-content .box-area .simulation-area .btn-round {
  height: unset;
}
.CMYCTE001 .part-tit-wrap > dl dd .price strong > span {
  text-align: center;
}

.CMYCTE002 {
  padding-bottom: 4rem;
}
.CMYCTE002 .part {
  margin: 3.2rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 0.8rem solid #f8f8f8;
}
.CMYCTE002 .part:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE002 .part .part-tit-wrap {
  padding-right: 0;
}
.CMYCTE002 .part .card-list {
  margin-top: 1.6rem;
}
.CMYCTE002 .part .card-list li {
  position: relative;
  margin-top: 0.8rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYCTE002 .part .card-list li:first-child {
  margin-top: 0;
}
.CMYCTE002 .part .card-list li a {
  display: block;
  padding: 1.6rem;
}
.CMYCTE002 .part .card-list li .img {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  width: 6.4rem;
  height: 6.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCTE002 .part .card-list li .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.CMYCTE002 .part .card-list li .tit {
  display: block;
  padding: 0 2.8rem 0 8rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.CMYCTE002 .part .card-list li .txt {
  display: block;
  padding: 0 2.8rem 0 8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.CMYCTE002 .part .card-list li .price {
  display: block;
  margin-top: 0.4rem;
  padding: 0 2.8rem 0 8rem;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.CMYCTE002 .part .card-list li .icon24 {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCTE002 .part.top + .part {
  margin-top: 2.4rem;
}
.CMYCTE002 .part.statistic .chart-area {
  margin-top: 2.4rem;
}
.CMYCTE002 .part.statistic .chart-area img {
  width: 100%;
}
.CMYCTE002 .part.statistic .chart-area + .info-list {
  padding-top: 2.4rem;
  border-top: 1px solid #eee;
}
.CMYCTE002 .part.statistic .info-list {
  margin-top: 2.4rem;
}
.CMYCTE002 .part.statistic .info-list > li .price {
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCTE002 .part.guide .icon140 {
  display: block;
  margin: 1.6rem auto 0;
  width: 14rem;
  height: 9.6rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  background-color: transparent;
  vertical-align: middle;
}
.CMYCTE002 .part.guide .icon140.icon-maintenance-2 {
  background: url("/images/common/te/icon-maintenance-2.svg") no-repeat center/contain;
}
.CMYCTE002 .part.guide .btn-border {
  display: block;
  margin-top: 2.4rem;
  width: 100%;
  line-height: 4.8rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.CMYCTE002 .part.guide .btn-border .icon16 {
  vertical-align: middle;
}
.CMYCTE002 .part.guide .btn-border .icon16 + span {
  margin-left: 0.4rem;
}
.CMYCTE002 .part.guide .btn-border span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.CMYCTE002 .part.recommend {
  padding-bottom: 3.2rem;
  background-color: #f8f8f8;
  border-top: none;
}
.CMYCTE002 .part.recommend + .part {
  margin-top: 0;
  border-top: none;
}
.CMYCTE002 .part.info .info-filter {
  margin-top: 2.4rem;
}
.CMYCTE002 .part .box-list {
  margin-top: 3.2rem;
}
.CMYCTE002 .part .box-list li {
  position: relative;
  margin-top: 0.8rem;
  border-radius: 1.2rem;
  background: #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.08);
}
.CMYCTE002 .part .box-list li:first-child {
  margin-top: 0;
}
.CMYCTE002 .part .box-list li .box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem 10rem 1.6rem 1.6rem;
}
.CMYCTE002 .part .box-list li .box img {
  width: 100%;
}
.CMYCTE002 .part .box-list li a.box {
  padding: 0;
}
.CMYCTE002 .btn-floating {
  position: fixed;
  right: 1.6rem;
  bottom: 1.6rem;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 50%;
  background: #ffcc00;
  -webkit-box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.08);
  z-index: 10;
}
.CMYCTE002 .btn-floating .hiding {
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
  text-indent: -9999px;
}
.CMYCTE002 .part-tit-wrap > dl dd .price strong > span {
  text-align: center;
}

.CMYCTE003 .modal-body {
  padding-bottom: 1.6rem;
}
.CMYCTE003 .modal-body .info-list {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  max-height: 24rem;
  overflow: hidden;
  overflow-y: auto;
}
.CMYCTE003 .modal-body .info-list > li {
  margin-top: 0;
  padding: 1.2rem 0;
}
.CMYCTE003 .modal-body .info-list > li .icon {
  top: 50%;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCTE003 .modal-body .info-list > li .icon ~ .tit {
  padding-left: 3.2rem;
}
.CMYCTE003 .modal-body .info-list > li a, .CMYCTE003 .modal-body .info-list > li button {
  margin: -1.2rem -1.6rem;
  padding: 1.2rem 1.6rem;
}

.CMYCTE004 .modal-body {
  padding-bottom: 1.6rem;
}
.CMYCTE004 .modal-body .info-list {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  max-height: 19.2rem;
  overflow: hidden;
  overflow-y: auto;
}
.CMYCTE004 .modal-body .info-list > li {
  margin-top: 0;
  padding: 1.2rem 0;
}
.CMYCTE004 .modal-body .info-list > li a, .CMYCTE004 .modal-body .info-list > li button {
  margin: -1.2rem -1.6rem;
  padding: 1.2rem 1.6rem;
}

.CMYCTE005 .part {
  margin: 3.2rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 0.8rem solid #f8f8f8;
}
.CMYCTE005 .part:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE005 .part.top + .part {
  margin-top: 2.4rem;
}
.CMYCTE005 .part .part-tit-wrap {
  padding-right: 0;
}
.CMYCTE005 .part .info-content .info-box .info-top {
  padding-bottom: 0;
  border-bottom: none;
}
.CMYCTE005 .info-list > li a, .CMYCTE005 .info-list > li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 6rem;
}
.CMYCTE005 .info-list > li a .tit, .CMYCTE005 .info-list > li button .tit {
  width: 100%;
}
.CMYCTE005 .info-list > li a .tit + .price, .CMYCTE005 .info-list > li button .tit + .price {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCTE005 .info-list > li a .info, .CMYCTE005 .info-list > li button .info {
  width: 100%;
}
.CMYCTE005 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYCTE006 .modal-header {
  height: 13rem;
  padding-bottom: 5.8rem;
}
.CMYCTE006 .modal-header:after {
  content: "";
  display: block;
  position: absolute;
  left: 1.6rem;
  bottom: 0;
  width: calc(100% - 3.2rem);
  height: 1px;
  background: #eee;
}
.CMYCTE006 .modal-body {
  padding-top: 13rem;
}
.CMYCTE006 .info-filter {
  position: absolute;
  top: 7.2rem;
  left: 0;
  padding: 1.6rem;
  width: 100%;
}
.CMYCTE006 .info-filter .total {
  margin-top: 0.1rem;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE006 .info-filter + .info-content {
  margin-top: 0;
}
.CMYCTE006 .info-content .info-box {
  margin: 0 -1.6rem;
  padding: 2.4rem 1.6rem 0;
  max-height: 28.4rem;
  overflow: hidden;
  overflow-y: auto;
}
.CMYCTE006 .info-content .info-box .info-top {
  margin-bottom: 2.4rem;
  padding-bottom: 0;
  border-bottom: none;
}
.CMYCTE006 .info-content .info-box .info-top .date {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYCTE006 .info-content .info-box .info-top .price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE006 .info-content .info-box .info-top .price .form-switch {
  margin-left: 0.8rem;
}

.CMYCTE007 .part {
  margin: 3.2rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 0.8rem solid #f8f8f8;
}
.CMYCTE007 .part:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE007 .part.top + .part {
  margin-top: 0.8rem;
}
.CMYCTE007 .part .part-tit-wrap {
  padding-right: 0;
}
.CMYCTE007 .part .part-tit-wrap dl dd {
  position: relative;
  display: inline-block;
  margin-top: 0.8rem;
}
.CMYCTE007 .part .link-list {
  margin-top: 2.4rem;
}
.CMYCTE007 .part .link-list > li {
  padding: 1.6rem 0;
}
.CMYCTE007 .part .link-list > li .txt span {
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-break: break-all;
}
.CMYCTE007 .part .data-list ul li div.txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYCTE007 .part .data-list ul li a.txt span {
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-break: break-all;
}
.CMYCTE007 .part .txt-input {
  font-size: 0;
}
.CMYCTE007 .part .txt-input .date-time-div {
  font-size: 0;
  white-space: nowrap;
}
.CMYCTE007 .part .txt-input label {
  position: relative;
  vertical-align: middle;
}
.CMYCTE007 .part .txt-input label ~ label {
  padding-left: 1.6rem;
}
.CMYCTE007 .part .txt-input label ~ label:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.8rem;
  display: block;
  content: "";
  clear: both;
  width: 1px;
  height: 1.4rem;
  border-left: 1px solid #ddd;
}
.CMYCTE007 .inp-box.type-price input, .CMYCTE007 .inp-box.type-price .ico-confirm {
  height: 4.8rem !important;
}

.CMYCTE008 .info-list {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  max-height: 24rem;
  overflow: hidden;
  overflow-y: auto;
}
.CMYCTE008 .info-list > li {
  margin-top: 0;
  padding: 1.2rem 0;
}
.CMYCTE008 .info-list > li .icon {
  top: 50%;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCTE008 .info-list > li .icon ~ .tit {
  padding-left: 3.2rem;
}
.CMYCTE008 .tac {
  margin-top: 2.4rem;
}
.CMYCTE008 .tac .form-checkbox .txt {
  margin-left: 0.4rem;
  text-align: left;
}
.CMYCTE008 .tac .form-checkbox .txt em {
  display: block;
  font-size: 1.2rem;
}
.CMYCTE008 .tac .tag-round {
  margin-top: 0.8rem;
}

.CMYCTE010 .modal-body {
  padding-bottom: 1.6rem;
}
.CMYCTE010 .modal-body .link-list li {
  margin-top: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.CMYCTE010 .modal-body .link-list li:first-child {
  margin-top: 0;
}

.CMYCTE011 .part {
  margin: 3.2rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 0.8rem solid #f8f8f8;
}
.CMYCTE011 .part:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE011 .part.top + .part {
  margin-top: 2.4rem;
}
.CMYCTE011 .part .accordion-wrap {
  margin: -0.8rem 0 3.2rem;
}

.CMYCTE012 .type-price .price-data-wrap {
  padding-top: 0;
  height: 4.8rem;
}
.CMYCTE012 .type-price input, .CMYCTE012 .type-price .inp-box .ico-confirm, .inp-box .CMYCTE012 .type-price .ico-confirm {
  padding-top: 0;
}
.CMYCTE012 .type-price .icon-close {
  top: calc(50% - 0.2rem) !important;
}
.CMYCTE012 .inp-box.type-price input, .CMYCTE012 .inp-box.type-price .ico-confirm {
  height: 4.8rem !important;
}
.CMYCTE012 .link-list {
  margin-top: 2.4rem;
}
.CMYCTE012 .link-list > li {
  padding: 1.6rem 0;
}
.CMYCTE012 .link-list > li .txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.CMYCTE012 .link-list > li .txt-input {
  font-size: 0;
}
.CMYCTE012 .link-list > li .txt-input .date-time-div {
  font-size: 0;
  white-space: nowrap;
}
.CMYCTE012 .link-list > li .txt-input label {
  position: relative;
  vertical-align: middle;
}
.CMYCTE012 .link-list > li .txt-input label ~ label {
  padding-left: 1.6rem;
}
.CMYCTE012 .link-list > li .txt-input label ~ label:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.8rem;
  display: block;
  content: "";
  clear: both;
  width: 1px;
  height: 1.4rem;
  border-left: 1px solid #ddd;
}

.CMYCTE013 .info-list {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  max-height: 24rem;
  overflow: hidden;
  overflow-y: auto;
}
.CMYCTE013 .info-list > li {
  margin-top: 0;
  padding: 1.2rem 0;
}
.CMYCTE013 .info-list > li .icon {
  top: 50%;
  width: 2.4rem;
  height: 2.4rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCTE013 .info-list > li .icon ~ .tit {
  padding-left: 3.2rem;
}
.CMYCTE013 .tac {
  margin-top: 2.4rem;
}
.CMYCTE013 .tac .form-checkbox .txt {
  margin-left: 0.4rem;
  text-align: left;
}
.CMYCTE013 .tac .form-checkbox .txt em {
  display: block;
  font-size: 1.2rem;
}
.CMYCTE013 .tac .tag-round {
  margin-top: 0.8rem;
}

.CMYCTE019 .bullet-list {
  margin-top: 1.6rem;
}
.CMYCTE019 .bullet-list li {
  text-align: left;
}

.CMYCTE014 .part {
  margin-top: 3.2rem;
}
.CMYCTE014 .part:first-child {
  margin-top: 0;
}
.CMYCTE014 .part .part-tit-wrap .reload-data {
  top: 0.3rem;
}
.CMYCTE014 .part .part-tit-wrap + .part-content {
  margin-top: 1.6rem;
}
.CMYCTE014 .part .part-content:first-child {
  margin-top: 0;
}
.CMYCTE014 .part .part-content .box-area {
  margin-top: 1.6rem;
}
.CMYCTE014 .part .part-content .box-area:first-child {
  margin-top: 0;
}
.CMYCTE014 .part .part-content .box-list {
  margin-top: 1.6rem;
}
.CMYCTE014 .part .part-content .box-list li {
  margin-top: 1.6rem;
}
.CMYCTE014 .part .part-content .box-list li:first-child {
  margin-top: 0;
}
.CMYCTE014 .part .part-content .box-list li.bg-sky {
  background: #f2fcfd;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.CMYCTE014 .part.top {
  margin: -2.4rem -1.6rem 0;
  padding: 2.4rem 1.6rem 3.2rem;
  background-color: #f6f8f9;
}

.CMYCTE015 .part {
  margin: 3.2rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 0.8rem solid #f8f8f8;
}
.CMYCTE015 .part:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE015 .part .part-tit-wrap {
  padding-right: 0;
}
.CMYCTE015 .part.info .info-content .info-box {
  margin: 3.2rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 1px solid #eee;
}
.CMYCTE015 .part.info .info-content .info-box:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE015 .part.info .info-content .info-box .info-top {
  margin-bottom: 2.4rem;
  padding-bottom: 0;
  border-bottom: none;
}
.CMYCTE015 .part.info .info-content .info-box .data-list .list-tit {
  margin-bottom: 0.8rem;
}
.CMYCTE015 .part.info .info-content .info-box .data-list .list-tit span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE015 .part.info .info-content .info-box .data-list ul li {
  margin-top: 0.4rem;
}
.CMYCTE015 .part.info .info-content .info-box .data-list ul li:first-child {
  margin-top: 0;
}

.CMYCTE016 .part {
  margin-top: 3.2rem;
}
.CMYCTE016 .part:first-child {
  margin-top: 0;
}
.CMYCTE016 .part .part-tit-wrap .reload-data {
  top: 0.3rem;
}
.CMYCTE016 .part .part-tit-wrap + .part-content {
  margin-top: 1.6rem;
}
.CMYCTE016 .part .part-content:first-child {
  margin-top: 0;
}
.CMYCTE016 .part .part-content .box-area {
  margin-top: 1.6rem;
}
.CMYCTE016 .part .part-content .box-area:first-child {
  margin-top: 0;
}
.CMYCTE016 .part .part-content .box-list {
  margin-top: 1.6rem;
}
.CMYCTE016 .part.top {
  margin: -2.4rem -1.6rem 0;
  padding: 2.4rem 1.6rem 3.2rem;
  background-color: #f6f8f9;
}

.CMYCTE018 .part {
  margin-top: 3.2rem;
}
.CMYCTE018 .part:first-child {
  margin-top: 0;
}
.CMYCTE018 .part .part-tit-wrap .reload-data {
  top: 0.3rem;
}
.CMYCTE018 .part .part-tit-wrap + .part-content {
  margin-top: 1.6rem;
}
.CMYCTE018 .part .part-content:first-child {
  margin-top: 0;
}
.CMYCTE018 .part .part-content .box-area {
  margin-top: 1.6rem;
}
.CMYCTE018 .part .part-content .box-area:first-child {
  margin-top: 0;
}
.CMYCTE018 .part .part-content .box-list {
  margin-top: 1.6rem;
}
.CMYCTE018 .part .part-content .box-list li {
  margin-top: 1.6rem;
}
.CMYCTE018 .part .part-content .box-list li:first-child {
  margin-top: 0;
}
.CMYCTE018 .part .part-content .box-list li.bg-pale {
  background: #fff8dc;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.CMYCTE018 .part .part-content .box-list li.bg-iceblue {
  background: #edf5ff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.CMYCTE018 .part .part-content .box-list li.hide {
  display: none;
}
.CMYCTE018 .part.top {
  margin: -2.4rem -1.6rem 0;
  padding: 2.4rem 1.6rem 3.2rem;
  background-color: #f6f8f9;
}

.CMYCTE019 .bullet-list {
  margin-top: 1.6rem;
}
.CMYCTE019 .bullet-list li {
  text-align: left;
}

.CMYCTE021 .accordion-wrap {
  margin: 0 0 3.2rem;
}

.CMYCTE022 .part {
  margin: 2.4rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 0.8rem solid #f8f8f8;
}
.CMYCTE022 .part:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE022 .part .part-tit-wrap {
  padding-right: 0;
}
.CMYCTE022 .part.info .info-content .info-box {
  margin: 3.2rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 1px solid #eee;
}
.CMYCTE022 .part.info .info-content .info-box:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE022 .part.info .info-content .info-box .info-top {
  margin-bottom: 2.4rem;
  padding-bottom: 0;
  border-bottom: none;
}
.CMYCTE022 .part.info .info-content .info-box .data-list .list-tit {
  margin-bottom: 0.8rem;
}
.CMYCTE022 .part.info .info-content .info-box .data-list .list-tit span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE022 .part.info .info-content .info-box .data-list ul li {
  margin-top: 0.4rem;
}
.CMYCTE022 .part.info .info-content .info-box .data-list ul li:first-child {
  margin-top: 0;
}

.CMYCTE023 .part {
  margin: 2.4rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 0.8rem solid #f8f8f8;
}
.CMYCTE023 .part:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE023 .part .part-tit-wrap {
  padding-right: 0;
}
.CMYCTE023 .part.info .info-content .info-box {
  margin: 3.2rem -1.6rem 0;
  padding: 3.2rem 1.6rem 0;
  border-top: 1px solid #eee;
}
.CMYCTE023 .part.info .info-content .info-box:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.CMYCTE023 .part.info .info-content .info-box .info-top {
  margin-bottom: 2.4rem;
  padding-bottom: 0;
  border-bottom: none;
}
.CMYCTE023 .part.info .info-content .info-box .data-list .list-tit {
  margin-bottom: 0.8rem;
}
.CMYCTE023 .part.info .info-content .info-box .data-list .list-tit span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCTE023 .part.info .info-content .info-box .data-list ul li {
  margin-top: 0.4rem;
}
.CMYCTE023 .part.info .info-content .info-box .data-list ul li:first-child {
  margin-top: 0;
}

.CMYCTE028 .result-box {
  padding: 0;
}
.CMYCTE028 .result-box .icon-car {
  display: inline-block;
  width: 14rem;
  height: 9.6rem;
  background: url("/images/common/te/icon-car-maintenancecost.svg") no-repeat center/contain;
}
.CMYCTE028 .result-box .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
}

.CMYCTE029 .modal-body .agree-box {
  margin-top: 1.6rem;
}
.CMYCTE029 .modal-body .agree-box .agree-top {
  padding: 1.6rem 4.3rem 1.6rem 4.8rem;
}
.CMYCTE029 .modal-body .agree-box .agree-top .icon16 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.6rem;
}
.CMYCTE029 .modal-body .agree-box ~ .body-120 {
  margin-top: 1.6rem;
}

/* ���� */
.CMYCMM001 .bullet-list {
  margin-top: 1.6rem;
}

.CMYCMM003 .contents-title-100 strong {
  position: relative;
  display: inline-block;
  font-size: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYCMM003 .contents-title-100 strong:after {
  display: block;
  content: "";
  clear: both;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  height: 0.9rem;
  border-radius: 0.55rem;
  background-color: #ffde00;
  z-index: -1;
}
.CMYCMM003 .slide-mydata-guide {
  padding-bottom: 3rem;
  position: relative;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item {
  text-align: center;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt {
  position: relative;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt .bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt .bg-img img {
  width: 100%;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt .bg-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt .item-dt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt .po-z1 {
  z-index: 1;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt .po-z2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt .po-z3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt .po-z4 {
  z-index: 4;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dt .bg-mydata-img {
  width: 100%;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dd .slide-tit {
  padding-top: 1.6rem;
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item dd .slide-txt {
  padding-top: 0.4rem;
  font-weight: 400;
  font-size: 1.4rem;
  text-align: center;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item.mydata-service01-block dl dt .bg-img {
  background-image: url("/images/common/cm/img-mydata-service01.png");
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item.mydata-service01-block dl dt .bg-shadow {
  background-image: url("/images/common/cm/bg-shadow.svg");
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item.mydata-service01-block dl dt .bg-shadow img {
  width: 100%;
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item.mydata-service02-block dl dt .bg-img {
  background-image: url("/images/common/cm/img-mydata-service02.svg");
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item.mydata-service03-block dl dt .bg-img {
  background-image: url("/images/common/cm/img-mydata-service03.svg");
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item.mydata-service04-block dl dt .bg-img {
  background-image: url("/images/common/cm/img-mydata-service04.svg");
}
.CMYCMM003 .slide-mydata-guide .slick-dots {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 0;
}
.CMYCMM003 .slide-mydata-guide .slick-dots > li {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #222222;
  opacity: 0.1;
  border-radius: 50%;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.CMYCMM003 .slide-mydata-guide .slick-dots > li > button {
  font-size: 0;
  text-indent: -999999rem;
  line-height: 0;
}
.CMYCMM003 .slide-mydata-guide .slick-dots > li.slick-active {
  opacity: 1;
}
.CMYCMM003 .mydata-service-item dt {
  opacity: 0;
  width: 0;
  overflow: hidden;
  min-height: 328px;
}
@media screen and (max-width: 375px) {
  .CMYCMM003 .mydata-service-item dt {
    min-height: 308px;
  }
}
@media screen and (max-width: 320px) {
  .CMYCMM003 .mydata-service-item dt {
    min-height: 255px;
  }
}
.CMYCMM003 .slick-slide .mydata-service-item dt {
  width: 100%;
  opacity: 1;
}
.CMYCMM003 .slick-slide .mydata-service01-block .coin1,
.CMYCMM003 .slick-slide .mydata-service01-block .coin2,
.CMYCMM003 .slick-slide .mydata-service01-block .coin3,
.CMYCMM003 .slick-slide .mydata-service01-block .coin4,
.CMYCMM003 .slick-slide .mydata-service01-block .coin5,
.CMYCMM003 .slick-slide .mydata-service01-block .coin6-inner,
.CMYCMM003 .slick-slide .mydata-service01-block .coin7-inner {
  opacity: 0;
}
.CMYCMM003 .slick-slide .mydata-service02-block .car2 {
  opacity: 0;
}
.CMYCMM003 .slick-slide .mydata-service03-block .service3-icon1-inner,
.CMYCMM003 .slick-slide .mydata-service03-block .service3-icon2-inner,
.CMYCMM003 .slick-slide .mydata-service03-block .service3-icon3-inner {
  opacity: 0;
}
.CMYCMM003 .slick-slide .mydata-service04-block .twinkle1-inner,
.CMYCMM003 .slick-slide .mydata-service04-block .twinkle2-inner,
.CMYCMM003 .slick-slide .mydata-service04-block .bell1-inner,
.CMYCMM003 .slick-slide .mydata-service04-block .bell2-inner,
.CMYCMM003 .slick-slide .mydata-service04-block .bell3-inner,
.CMYCMM003 .slick-slide .mydata-service04-block .bell4-inner {
  opacity: 0;
}
.CMYCMM003 .slick-slide.slick-current {
  /* Animation Area */
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin-wrap {
  -webkit-transform: translate(23.659608px, 236px);
      -ms-transform: translate(23.659608px, 236px);
          transform: translate(23.659608px, 236px);
  opacity: 1;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin1 {
  opacity: 0;
  -webkit-animation-name: coin1-action;
          animation-name: coin1-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin2 {
  opacity: 0;
  -webkit-animation-name: coin2-action;
          animation-name: coin2-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin3 {
  opacity: 0;
  -webkit-animation-name: coin3-action;
          animation-name: coin3-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin4 {
  opacity: 0;
  -webkit-animation-name: coin4-action;
          animation-name: coin4-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin5 {
  opacity: 0;
  -webkit-animation-name: coin5-action;
          animation-name: coin5-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin6 {
  -webkit-transform: translate(213.5px, 11.5px);
      -ms-transform: translate(213.5px, 11.5px);
          transform: translate(213.5px, 11.5px);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin6-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-27deg);
      -ms-transform: rotate(-27deg);
          transform: rotate(-27deg);
  -webkit-animation-name: coin6-action;
          animation-name: coin6-action;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin7 {
  -webkit-transform: translate(301.3px, 111.5px);
      -ms-transform: translate(301.3px, 111.5px);
          transform: translate(301.3px, 111.5px);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service01-block .coin7-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-name: coin7-action;
          animation-name: coin7-action;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service02-block .car-move {
  -webkit-transform: translate(237px, 251px);
      -ms-transform: translate(237px, 251px);
          transform: translate(237px, 251px);
  -webkit-animation-name: car-move;
          animation-name: car-move;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service02-block .car-top {
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  -webkit-animation-name: car-top;
          animation-name: car-top;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service02-block .car2 {
  opacity: 1;
  -webkit-transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
          transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
  -webkit-animation-name: car-move;
          animation-name: car-move;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service02-block .car2 .car-body {
  -webkit-animation: shake2 0.2s ease-in-out infinite alternate;
  animation: shake2 0.2s ease-in-out infinite alternate;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service02-block .car2 .car-line {
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
  stroke-dasharray: 22;
  -webkit-animation: line-car 0.8s ease-in-out infinite;
  animation: line-car 0.8s ease-in-out infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service02-block .car2 .car-line.car-line-top {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service02-block .car2 .car-line.car-line-bottom {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service03-block .service3-icon1 {
  -webkit-transform: translate(253px, 13px);
      -ms-transform: translate(253px, 13px);
          transform: translate(253px, 13px);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service03-block .service3-icon1-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: service3-icon1;
          animation-name: service3-icon1;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service03-block .service3-icon2 {
  -webkit-transform: translate(43.393939px, 205.545455px);
      -ms-transform: translate(43.393939px, 205.545455px);
          transform: translate(43.393939px, 205.545455px);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service03-block .service3-icon2-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: service3-icon2;
          animation-name: service3-icon2;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service03-block .service3-icon3 {
  -webkit-transform: translate(238.181818px, 84.181818px);
      -ms-transform: translate(238.181818px, 84.181818px);
          transform: translate(238.181818px, 84.181818px);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service03-block .service3-icon3-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: service3-icon3;
          animation-name: service3-icon3;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .twinkle1 {
  -webkit-transform: translate(238.922764px, 19.52439px) scale(-1, 1);
      -ms-transform: translate(238.922764px, 19.52439px) scale(-1, 1);
          transform: translate(238.922764px, 19.52439px) scale(-1, 1);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .twinkle2 {
  -webkit-transform: translate(271.256098px, 6.191057px);
      -ms-transform: translate(271.256098px, 6.191057px);
          transform: translate(271.256098px, 6.191057px);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .bell1 {
  position: relative;
  z-index: 1;
  -webkit-transform: translate(239px, 31px);
      -ms-transform: translate(239px, 31px);
          transform: translate(239px, 31px);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .bell2 {
  display: none;
  position: relative;
  z-index: 2;
  -webkit-transform: translate(247px, 32px);
      -ms-transform: translate(247px, 32px);
          transform: translate(247px, 32px);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .bell3 {
  position: relative;
  z-index: 3;
  -webkit-transform: translate(247px, 32px);
      -ms-transform: translate(247px, 32px);
          transform: translate(247px, 32px);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .bell4 {
  display: none;
  -webkit-transform: translate(248px, 25px) rotate(15deg);
      -ms-transform: translate(248px, 25px) rotate(15deg);
          transform: translate(248px, 25px) rotate(15deg);
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .twinkle1-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: twinkle1;
          animation-name: twinkle1;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .twinkle2-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: twinkle2;
          animation-name: twinkle2;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .bell1-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-animation-name: bell1;
          animation-name: bell1;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .bell2-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-animation-name: bell2;
          animation-name: bell2;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003 .slick-slide.slick-current .mydata-service04-block .bell3-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-animation-name: bell3;
          animation-name: bell3;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes car-move {
  0% {
    -webkit-transform: translate(460px, 251px) rotateY(180deg) scale(0.95, 0.95);
            transform: translate(460px, 251px) rotateY(180deg) scale(0.95, 0.95);
  }
  100% {
    -webkit-transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
            transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
  }
}
@keyframes car-move {
  0% {
    -webkit-transform: translate(460px, 251px) rotateY(180deg) scale(0.95, 0.95);
            transform: translate(460px, 251px) rotateY(180deg) scale(0.95, 0.95);
  }
  100% {
    -webkit-transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
            transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
  }
}
@-webkit-keyframes shake2 {
  0% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(-0.3%);
            transform: translateY(-0.3%);
  }
}
@keyframes shake2 {
  0% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(-0.3%);
            transform: translateY(-0.3%);
  }
}
@-webkit-keyframes line-car {
  0% {
    stroke-dashoffset: -22;
  }
  25% {
    stroke-dashoffset: -22;
  }
  50% {
    stroke-dashoffset: 0;
  }
  51% {
    stroke-dashoffset: 0;
  }
  80% {
    stroke-dashoffset: 22;
  }
  100% {
    stroke-dashoffset: 22;
  }
}
@keyframes line-car {
  0% {
    stroke-dashoffset: -22;
  }
  25% {
    stroke-dashoffset: -22;
  }
  50% {
    stroke-dashoffset: 0;
  }
  51% {
    stroke-dashoffset: 0;
  }
  80% {
    stroke-dashoffset: 22;
  }
  100% {
    stroke-dashoffset: 22;
  }
}
@-webkit-keyframes coin1-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 263.015251px) rotate(-5deg);
            transform: translate(30.5px, 263.015251px) rotate(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 263.015251px) rotate(0deg);
            transform: translate(30.5px, 263.015251px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin1-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 263.015251px) rotate(-5deg);
            transform: translate(30.5px, 263.015251px) rotate(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 263.015251px) rotate(0deg);
            transform: translate(30.5px, 263.015251px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin2-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 255.753086px) rotate(-6deg);
            transform: translate(30.5px, 255.753086px) rotate(-6deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 255.753086px) rotate(0deg);
            transform: translate(30.5px, 255.753086px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin2-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 255.753086px) rotate(-6deg);
            transform: translate(30.5px, 255.753086px) rotate(-6deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 255.753086px) rotate(0deg);
            transform: translate(30.5px, 255.753086px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin3-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-8deg);
            transform: translate(30.5px, 100px) rotate(-8deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-8deg);
            transform: translate(30.5px, 100px) rotate(-8deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 249px) rotate(-8deg);
            transform: translate(30.5px, 249px) rotate(-8deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 249px) rotate(0deg);
            transform: translate(30.5px, 249px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin3-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-8deg);
            transform: translate(30.5px, 100px) rotate(-8deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-8deg);
            transform: translate(30.5px, 100px) rotate(-8deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 249px) rotate(-8deg);
            transform: translate(30.5px, 249px) rotate(-8deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 249px) rotate(0deg);
            transform: translate(30.5px, 249px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin4-action {
  0% {
    -webkit-transform: translate(30.5px, 100px);
            transform: translate(30.5px, 100px);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px);
            transform: translate(30.5px, 100px);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 242.5px) rotate(-10deg);
            transform: translate(30.5px, 242.5px) rotate(-10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(23.5px, 242.5px) rotate(0deg);
            transform: translate(23.5px, 242.5px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin4-action {
  0% {
    -webkit-transform: translate(30.5px, 100px);
            transform: translate(30.5px, 100px);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px);
            transform: translate(30.5px, 100px);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 242.5px) rotate(-10deg);
            transform: translate(30.5px, 242.5px) rotate(-10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(23.5px, 242.5px) rotate(0deg);
            transform: translate(23.5px, 242.5px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin5-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-15deg);
            transform: translate(30.5px, 100px) rotate(-15deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-15deg);
            transform: translate(30.5px, 100px) rotate(-15deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 236px) rotate(-15deg);
            transform: translate(30.5px, 236px) rotate(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 236px) rotate(0deg);
            transform: translate(30.5px, 236px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin5-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-15deg);
            transform: translate(30.5px, 100px) rotate(-15deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-15deg);
            transform: translate(30.5px, 100px) rotate(-15deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 236px) rotate(-15deg);
            transform: translate(30.5px, 236px) rotate(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 236px) rotate(0deg);
            transform: translate(30.5px, 236px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin6-action {
  0% {
    -webkit-transform: rotate(-27deg) scale(0.1, 0.1);
            transform: rotate(-27deg) scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(-27deg) scale(1.2, 1.2);
            transform: rotate(-27deg) scale(1.2, 1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-27deg) scale(1, 1);
            transform: rotate(-27deg) scale(1, 1);
    opacity: 1;
  }
}
@keyframes coin6-action {
  0% {
    -webkit-transform: rotate(-27deg) scale(0.1, 0.1);
            transform: rotate(-27deg) scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(-27deg) scale(1.2, 1.2);
            transform: rotate(-27deg) scale(1.2, 1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-27deg) scale(1, 1);
            transform: rotate(-27deg) scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes coin7-action {
  0% {
    -webkit-transform: rotate(30deg) scale(0.5, 0.5);
            transform: rotate(30deg) scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(30deg) scale(1.2, 1.2);
            transform: rotate(30deg) scale(1.2, 1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(30deg) scale(1, 1);
            transform: rotate(30deg) scale(1, 1);
    opacity: 1;
  }
}
@keyframes coin7-action {
  0% {
    -webkit-transform: rotate(30deg) scale(0.5, 0.5);
            transform: rotate(30deg) scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(30deg) scale(1.2, 1.2);
            transform: rotate(30deg) scale(1.2, 1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(30deg) scale(1, 1);
            transform: rotate(30deg) scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes service3-icon1 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes service3-icon1 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes service3-icon2 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes service3-icon2 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes service3-icon3 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes service3-icon3 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes bell1 {
  0% {
    -webkit-transform: rotate(15deg) scale(0, 0);
            transform: rotate(15deg) scale(0, 0);
    opacity: 0;
  }
  1% {
    -webkit-transform: rotate(15deg) scale(0, 0);
            transform: rotate(15deg) scale(0, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(15deg) scale(1.1, 1.1);
            transform: rotate(15deg) scale(1.1, 1.1);
    opacity: 1;
  }
  80% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  90% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    display: none;
  }
}
@-webkit-keyframes bell1 {
  0% {
    -webkit-transform: rotate(15deg) scale(0, 0);
            transform: rotate(15deg) scale(0, 0);
    opacity: 0;
  }
  1% {
    -webkit-transform: rotate(15deg) scale(0, 0);
            transform: rotate(15deg) scale(0, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(15deg) scale(1.1, 1.1);
            transform: rotate(15deg) scale(1.1, 1.1);
    opacity: 1;
  }
  90% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    display: none;
  }
}
@keyframes bell2 {
  0% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  90% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  99% {
    -webkit-transform: rotate(10deg) scale(1, 1);
            transform: rotate(10deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(10deg) scale(1, 1);
            transform: rotate(10deg) scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes bell2 {
  0% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  90% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  99% {
    -webkit-transform: rotate(10deg) scale(1, 1);
            transform: rotate(10deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(10deg) scale(1, 1);
            transform: rotate(10deg) scale(1, 1);
    opacity: 0;
  }
}
@keyframes bell3 {
  0% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-15deg) scale(1, 1);
            transform: rotate(-15deg) scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes bell3 {
  0% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-15deg) scale(1, 1);
            transform: rotate(-15deg) scale(1, 1);
    opacity: 1;
  }
}
@keyframes twinkle1 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes twinkle1 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
@keyframes twinkle2 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes twinkle2 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}

.CMYCMM003-1 {
  margin-top: -2.4rem;
}
.CMYCMM003-1 .mydata-guide-top {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  background-color: #f6f8f9;
  padding: 2.4rem 1.6rem 3.2rem;
}
.CMYCMM003-1 .mydata-guide-top h4 {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYCMM003-1 .mydata-guide-top .con-txt {
  display: block;
  padding-top: 1.6rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.CMYCMM003-1 .mydata-guide-top .btn-area {
  padding: 1.6rem 0 0;
}
.CMYCMM003-1 .mydata-guide-top .btn-area button {
  line-height: 4.8rem;
}
.CMYCMM003-1 .mydata-guide-top .btn-area button span {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: -0.04rem;
  color: #fff;
}
.CMYCMM003-1 .mydata-guide-top .btn-area button.btn-skyblue {
  background: #2589ff;
}
.CMYCMM003-1 .contents-title-100 {
  padding-top: 4rem;
}
.CMYCMM003-1 .contents-title-100 strong {
  position: relative;
  display: inline-block;
  font-size: 2.4rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYCMM003-1 .contents-title-100 strong:after {
  display: block;
  content: "";
  clear: both;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  width: 100%;
  height: 0.9rem;
  border-radius: 0.55rem;
  background-color: #ffde00;
  z-index: -1;
}
.CMYCMM003-1 .slide-mydata-guide {
  position: relative;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item {
  text-align: center;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dt {
  padding-top: 3.2rem;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dt .slide-tit {
  font-weight: 700;
  font-size: 2rem;
  text-align: left;
  line-height: 3rem;
  letter-spacing: -0.04rem;
  color: #222222;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dt .slide-txt {
  display: block;
  padding-top: 0.4rem;
  font-weight: 400;
  font-size: 1.4rem;
  text-align: left;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd {
  position: relative;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd .bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd .bg-img img {
  width: 100%;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd .bg-shadow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd .item-dt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd .po-z1 {
  z-index: 1;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd .po-z2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd .po-z3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd .po-z4 {
  z-index: 4;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item dd .bg-mydata-img {
  width: 100%;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item.mydata-service01-block dl dd .bg-img {
  background-image: url("/images/common/cm/img-mydata-service01-scroll.png");
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item.mydata-service01-block dl dd .bg-shadow {
  background-image: url("/images/common/cm/bg-shadow.svg");
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item.mydata-service01-block dl dd .bg-shadow img {
  width: 100%;
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item.mydata-service02-block dl dd .bg-img {
  background-image: url("/images/common/cm/img-mydata-service02-scroll.png");
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item.mydata-service03-block dl dd .bg-img {
  background-image: url("/images/common/cm/img-mydata-service03-scroll.png");
}
.CMYCMM003-1 .slide-mydata-guide .mydata-service-item.mydata-service04-block dl dd .bg-img {
  background-image: url("/images/common/cm/img-mydata-service04-scroll.png");
}
.CMYCMM003-1 .slide-mydata-guide .slick-dots {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 0;
}
.CMYCMM003-1 .slide-mydata-guide .slick-dots > li {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #222222;
  opacity: 0.1;
  border-radius: 50%;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.CMYCMM003-1 .slide-mydata-guide .slick-dots > li > button {
  font-size: 0;
  text-indent: -999999rem;
  line-height: 0;
}
.CMYCMM003-1 .slide-mydata-guide .slick-dots > li.slick-active {
  opacity: 1;
}
.CMYCMM003-1 .mydata-service-item dd {
  opacity: 0;
  width: 0;
  overflow: hidden;
  min-height: 328px;
}
@media screen and (max-width: 375px) {
  .CMYCMM003-1 .mydata-service-item dd {
    min-height: 308px;
  }
}
@media screen and (max-width: 320px) {
  .CMYCMM003-1 .mydata-service-item dd {
    min-height: 255px;
  }
}
.CMYCMM003-1 .mydata-scroll-wrap ~ .mydata-scroll-wrap .mydata-service-item dl dt {
  padding-top: 6.4rem;
}
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service-item dd {
  width: 100%;
  opacity: 1;
}
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service01-block .coin1,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service01-block .coin2,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service01-block .coin3,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service01-block .coin4,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service01-block .coin5,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service01-block .coin6-inner,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service01-block .coin7-inner {
  opacity: 0;
}
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service02-block .car2 {
  opacity: 0;
}
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service03-block .service3-icon1-inner,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service03-block .service3-icon2-inner,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service03-block .service3-icon3-inner {
  opacity: 0;
}
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service04-block .twinkle1-inner,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service04-block .twinkle2-inner,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service04-block .bell1-inner,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service04-block .bell2-inner,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service04-block .bell3-inner,
.CMYCMM003-1 .mydata-scroll-wrap .mydata-service04-block .bell4-inner {
  opacity: 0;
}
.CMYCMM003-1 .mydata-scroll-wrap.active {
  /* Animation Area */
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin-wrap {
  -webkit-transform: translate(23.659608px, 236px);
      -ms-transform: translate(23.659608px, 236px);
          transform: translate(23.659608px, 236px);
  opacity: 1;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin1 {
  opacity: 0;
  -webkit-animation-name: coin1-action;
          animation-name: coin1-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin2 {
  opacity: 0;
  -webkit-animation-name: coin2-action;
          animation-name: coin2-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin3 {
  opacity: 0;
  -webkit-animation-name: coin3-action;
          animation-name: coin3-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin4 {
  opacity: 0;
  -webkit-animation-name: coin4-action;
          animation-name: coin4-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin5 {
  opacity: 0;
  -webkit-animation-name: coin5-action;
          animation-name: coin5-action;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin6 {
  -webkit-transform: translate(213.5px, 11.5px);
      -ms-transform: translate(213.5px, 11.5px);
          transform: translate(213.5px, 11.5px);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin6-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(-27deg);
      -ms-transform: rotate(-27deg);
          transform: rotate(-27deg);
  -webkit-animation-name: coin6-action;
          animation-name: coin6-action;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin7 {
  -webkit-transform: translate(301.3px, 111.5px);
      -ms-transform: translate(301.3px, 111.5px);
          transform: translate(301.3px, 111.5px);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service01-block .coin7-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-name: coin7-action;
          animation-name: coin7-action;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service02-block .car-move {
  -webkit-transform: translate(237px, 251px);
      -ms-transform: translate(237px, 251px);
          transform: translate(237px, 251px);
  -webkit-animation-name: car-move;
          animation-name: car-move;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service02-block .car-top {
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
  -webkit-animation-name: car-top;
          animation-name: car-top;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service02-block .car2 {
  opacity: 1;
  -webkit-transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
          transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
  -webkit-animation-name: car-move;
          animation-name: car-move;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service02-block .car2 .car-body {
  -webkit-animation: shake2 0.2s ease-in-out infinite alternate;
  animation: shake2 0.2s ease-in-out infinite alternate;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service02-block .car2 .car-line {
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
  stroke-dasharray: 22;
  -webkit-animation: line-car 0.8s ease-in-out infinite;
  animation: line-car 0.8s ease-in-out infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service02-block .car2 .car-line.car-line-top {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service02-block .car2 .car-line.car-line-bottom {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service03-block .service3-icon1 {
  -webkit-transform: translate(253px, 13px);
      -ms-transform: translate(253px, 13px);
          transform: translate(253px, 13px);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service03-block .service3-icon1-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: service3-icon1;
          animation-name: service3-icon1;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service03-block .service3-icon2 {
  -webkit-transform: translate(43.393939px, 205.545455px);
      -ms-transform: translate(43.393939px, 205.545455px);
          transform: translate(43.393939px, 205.545455px);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service03-block .service3-icon2-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: service3-icon2;
          animation-name: service3-icon2;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service03-block .service3-icon3 {
  -webkit-transform: translate(238.181818px, 84.181818px);
      -ms-transform: translate(238.181818px, 84.181818px);
          transform: translate(238.181818px, 84.181818px);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service03-block .service3-icon3-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: service3-icon3;
          animation-name: service3-icon3;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .twinkle1 {
  -webkit-transform: translate(238.922764px, 19.52439px) scale(-1, 1);
      -ms-transform: translate(238.922764px, 19.52439px) scale(-1, 1);
          transform: translate(238.922764px, 19.52439px) scale(-1, 1);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .twinkle2 {
  -webkit-transform: translate(271.256098px, 6.191057px);
      -ms-transform: translate(271.256098px, 6.191057px);
          transform: translate(271.256098px, 6.191057px);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .bell1 {
  position: relative;
  z-index: 1;
  -webkit-transform: translate(239px, 31px);
      -ms-transform: translate(239px, 31px);
          transform: translate(239px, 31px);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .bell2 {
  display: none;
  position: relative;
  z-index: 2;
  -webkit-transform: translate(247px, 32px);
      -ms-transform: translate(247px, 32px);
          transform: translate(247px, 32px);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .bell3 {
  position: relative;
  z-index: 3;
  -webkit-transform: translate(247px, 32px);
      -ms-transform: translate(247px, 32px);
          transform: translate(247px, 32px);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .bell4 {
  display: none;
  -webkit-transform: translate(248px, 25px) rotate(15deg);
      -ms-transform: translate(248px, 25px) rotate(15deg);
          transform: translate(248px, 25px) rotate(15deg);
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .twinkle1-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: twinkle1;
          animation-name: twinkle1;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .twinkle2-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-animation-name: twinkle2;
          animation-name: twinkle2;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .bell1-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-animation-name: bell1;
          animation-name: bell1;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .bell2-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-animation-name: bell2;
          animation-name: bell2;
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.CMYCMM003-1 .mydata-scroll-wrap.active .mydata-service04-block .bell3-inner {
  opacity: 0;
  transform-box: fill-box;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
  -webkit-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
          transform: rotate(15deg);
  -webkit-animation-name: bell3;
          animation-name: bell3;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes car-move {
  0% {
    -webkit-transform: translate(460px, 251px) rotateY(180deg) scale(0.95, 0.95);
            transform: translate(460px, 251px) rotateY(180deg) scale(0.95, 0.95);
  }
  100% {
    -webkit-transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
            transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
  }
}
@keyframes car-move {
  0% {
    -webkit-transform: translate(460px, 251px) rotateY(180deg) scale(0.95, 0.95);
            transform: translate(460px, 251px) rotateY(180deg) scale(0.95, 0.95);
  }
  100% {
    -webkit-transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
            transform: translate(332px, 251px) rotateY(180deg) scale(0.95, 0.95);
  }
}
@-webkit-keyframes shake2 {
  0% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(-0.3%);
            transform: translateY(-0.3%);
  }
}
@keyframes shake2 {
  0% {
    -webkit-transform: translateY(-1%);
            transform: translateY(-1%);
  }
  100% {
    -webkit-transform: translateY(-0.3%);
            transform: translateY(-0.3%);
  }
}
@-webkit-keyframes line-car {
  0% {
    stroke-dashoffset: -22;
  }
  25% {
    stroke-dashoffset: -22;
  }
  50% {
    stroke-dashoffset: 0;
  }
  51% {
    stroke-dashoffset: 0;
  }
  80% {
    stroke-dashoffset: 22;
  }
  100% {
    stroke-dashoffset: 22;
  }
}
@keyframes line-car {
  0% {
    stroke-dashoffset: -22;
  }
  25% {
    stroke-dashoffset: -22;
  }
  50% {
    stroke-dashoffset: 0;
  }
  51% {
    stroke-dashoffset: 0;
  }
  80% {
    stroke-dashoffset: 22;
  }
  100% {
    stroke-dashoffset: 22;
  }
}
@-webkit-keyframes coin1-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 263.015251px) rotate(-5deg);
            transform: translate(30.5px, 263.015251px) rotate(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 263.015251px) rotate(0deg);
            transform: translate(30.5px, 263.015251px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin1-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 263.015251px) rotate(-5deg);
            transform: translate(30.5px, 263.015251px) rotate(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 263.015251px) rotate(0deg);
            transform: translate(30.5px, 263.015251px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin2-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 255.753086px) rotate(-6deg);
            transform: translate(30.5px, 255.753086px) rotate(-6deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 255.753086px) rotate(0deg);
            transform: translate(30.5px, 255.753086px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin2-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-20deg);
            transform: translate(30.5px, 100px) rotate(-20deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 255.753086px) rotate(-6deg);
            transform: translate(30.5px, 255.753086px) rotate(-6deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 255.753086px) rotate(0deg);
            transform: translate(30.5px, 255.753086px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin3-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-8deg);
            transform: translate(30.5px, 100px) rotate(-8deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-8deg);
            transform: translate(30.5px, 100px) rotate(-8deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 249px) rotate(-8deg);
            transform: translate(30.5px, 249px) rotate(-8deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 249px) rotate(0deg);
            transform: translate(30.5px, 249px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin3-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-8deg);
            transform: translate(30.5px, 100px) rotate(-8deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-8deg);
            transform: translate(30.5px, 100px) rotate(-8deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 249px) rotate(-8deg);
            transform: translate(30.5px, 249px) rotate(-8deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 249px) rotate(0deg);
            transform: translate(30.5px, 249px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin4-action {
  0% {
    -webkit-transform: translate(30.5px, 100px);
            transform: translate(30.5px, 100px);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px);
            transform: translate(30.5px, 100px);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 242.5px) rotate(-10deg);
            transform: translate(30.5px, 242.5px) rotate(-10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(23.5px, 242.5px) rotate(0deg);
            transform: translate(23.5px, 242.5px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin4-action {
  0% {
    -webkit-transform: translate(30.5px, 100px);
            transform: translate(30.5px, 100px);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px);
            transform: translate(30.5px, 100px);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 242.5px) rotate(-10deg);
            transform: translate(30.5px, 242.5px) rotate(-10deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(23.5px, 242.5px) rotate(0deg);
            transform: translate(23.5px, 242.5px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin5-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-15deg);
            transform: translate(30.5px, 100px) rotate(-15deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-15deg);
            transform: translate(30.5px, 100px) rotate(-15deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 236px) rotate(-15deg);
            transform: translate(30.5px, 236px) rotate(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 236px) rotate(0deg);
            transform: translate(30.5px, 236px) rotate(0deg);
    opacity: 1;
  }
}
@keyframes coin5-action {
  0% {
    -webkit-transform: translate(30.5px, 100px) rotate(-15deg);
            transform: translate(30.5px, 100px) rotate(-15deg);
  }
  1% {
    -webkit-transform: translate(30.5px, 100px) rotate(-15deg);
            transform: translate(30.5px, 100px) rotate(-15deg);
    opacity: 1;
  }
  90% {
    -webkit-transform: translate(30.5px, 236px) rotate(-15deg);
            transform: translate(30.5px, 236px) rotate(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(30.5px, 236px) rotate(0deg);
            transform: translate(30.5px, 236px) rotate(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes coin6-action {
  0% {
    -webkit-transform: rotate(-27deg) scale(0.1, 0.1);
            transform: rotate(-27deg) scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(-27deg) scale(1.2, 1.2);
            transform: rotate(-27deg) scale(1.2, 1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-27deg) scale(1, 1);
            transform: rotate(-27deg) scale(1, 1);
    opacity: 1;
  }
}
@keyframes coin6-action {
  0% {
    -webkit-transform: rotate(-27deg) scale(0.1, 0.1);
            transform: rotate(-27deg) scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(-27deg) scale(1.2, 1.2);
            transform: rotate(-27deg) scale(1.2, 1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-27deg) scale(1, 1);
            transform: rotate(-27deg) scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes coin7-action {
  0% {
    -webkit-transform: rotate(30deg) scale(0.5, 0.5);
            transform: rotate(30deg) scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(30deg) scale(1.2, 1.2);
            transform: rotate(30deg) scale(1.2, 1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(30deg) scale(1, 1);
            transform: rotate(30deg) scale(1, 1);
    opacity: 1;
  }
}
@keyframes coin7-action {
  0% {
    -webkit-transform: rotate(30deg) scale(0.5, 0.5);
            transform: rotate(30deg) scale(0.5, 0.5);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(30deg) scale(1.2, 1.2);
            transform: rotate(30deg) scale(1.2, 1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(30deg) scale(1, 1);
            transform: rotate(30deg) scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes service3-icon1 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes service3-icon1 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes service3-icon2 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes service3-icon2 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes service3-icon3 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes service3-icon3 {
  0% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes bell1 {
  0% {
    -webkit-transform: rotate(15deg) scale(0, 0);
            transform: rotate(15deg) scale(0, 0);
    opacity: 0;
  }
  1% {
    -webkit-transform: rotate(15deg) scale(0, 0);
            transform: rotate(15deg) scale(0, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(15deg) scale(1.1, 1.1);
            transform: rotate(15deg) scale(1.1, 1.1);
    opacity: 1;
  }
  80% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  90% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    display: none;
  }
}
@-webkit-keyframes bell1 {
  0% {
    -webkit-transform: rotate(15deg) scale(0, 0);
            transform: rotate(15deg) scale(0, 0);
    opacity: 0;
  }
  1% {
    -webkit-transform: rotate(15deg) scale(0, 0);
            transform: rotate(15deg) scale(0, 0);
    opacity: 0;
  }
  50% {
    -webkit-transform: rotate(15deg) scale(1.1, 1.1);
            transform: rotate(15deg) scale(1.1, 1.1);
    opacity: 1;
  }
  90% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    display: none;
  }
}
@keyframes bell2 {
  0% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  90% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  99% {
    -webkit-transform: rotate(10deg) scale(1, 1);
            transform: rotate(10deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(10deg) scale(1, 1);
            transform: rotate(10deg) scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes bell2 {
  0% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  90% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  99% {
    -webkit-transform: rotate(10deg) scale(1, 1);
            transform: rotate(10deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(10deg) scale(1, 1);
            transform: rotate(10deg) scale(1, 1);
    opacity: 0;
  }
}
@keyframes bell3 {
  0% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-15deg) scale(1, 1);
            transform: rotate(-15deg) scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes bell3 {
  0% {
    -webkit-transform: rotate(15deg) scale(1, 1);
            transform: rotate(15deg) scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-15deg) scale(1, 1);
            transform: rotate(-15deg) scale(1, 1);
    opacity: 1;
  }
}
@keyframes twinkle1 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes twinkle1 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
@keyframes twinkle2 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes twinkle2 {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
  75% {
    -webkit-transform: scale(0.6, 0.6);
            transform: scale(0.6, 0.6);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    opacity: 0;
  }
}
.CMYCMM003-1 .line-sortation {
  width: calc(100% + 3.2rem);
  margin-left: -1.6rem;
  margin-top: 4rem;
  margin-right: 0;
  margin-bottom: 0;
  border: 0;
  height: 0.8rem;
  background-color: #f8f8f8;
}
.CMYCMM003-1 .qna-area {
  padding-top: 3.2rem;
}
.CMYCMM003-1 .qna-area h4 {
  font-weight: 700;
  font-size: 1.68em;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYCMM003-1 .qna-area .qna-item {
  padding-top: 1.6rem;
}
.CMYCMM003-1 .qna-area .qna-item dt {
  position: relative;
  padding-left: 3.3rem;
  line-height: 2.4rem;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYCMM003-1 .qna-area .qna-item dt .icon-txt {
  position: absolute;
  top: 0.2rem;
  left: 0;
  display: inline-block;
  border-radius: 1.2rem;
  width: 2.5rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
  color: #222;
  background-color: #ffcc00;
}
.CMYCMM003-1 .qna-area .qna-item dd {
  position: relative;
  margin-top: 0.8rem;
  padding-left: 3.3rem;
  line-height: 2.4rem;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: -0.04rem;
  color: #666;
}
.CMYCMM003-1 .qna-area .qna-item dd .icon-txt {
  position: absolute;
  top: 0.2rem;
  left: 0;
  display: inline-block;
  border-radius: 1.2rem;
  width: 2.5rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
  color: #666;
  background-color: #f6f8f9;
}
.CMYCMM003-1 .qna-area .qna-item ~ .qna-item {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px solid #eee;
}

.CMYCMM004 .contents-title-100 + * {
  margin-top: 3.2rem;
}
.CMYCMM004 .agree-box {
  margin-top: 3.2rem;
}
.CMYCMM004 .bullet-list {
  margin-top: 3.2rem;
}

.CMYCMM004-1 .modal-body {
  padding-bottom: 1.6rem;
}
.CMYCMM004-1 .modal-body .link-list {
  margin: 0 -1.6rem;
}

.CMYCMM006 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYCMM007 .img-area {
  margin-top: 3.2rem;
  text-align: center;
}
.CMYCMM007 .bullet-list {
  margin-top: 3.2rem;
}

.CMYCMM009 .tab-underbar:first-child {
  margin-top: -0.8rem;
}
.CMYCMM009 .tab-contents-wrap {
  margin-top: 3.2rem;
}
.CMYCMM009 .inp-list-wrap > ul > li {
  margin-top: 1.6rem;
}
.CMYCMM009 .form-box {
  margin-top: 1.6rem;
}
.CMYCMM009 .link-area {
  text-align: center;
  font-size: 0;
}
.CMYCMM009 .link-area li {
  position: relative;
  display: inline-block;
}
.CMYCMM009 .link-area li + li {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.CMYCMM009 .link-area li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCMM009 .link-area li a {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYCMM009 .sns-area {
  margin-top: 4rem;
  text-align: center;
}
.CMYCMM009 .sns-area .sns-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCMM009 .sns-area .sns-link {
  margin-top: 1.6rem;
  font-size: 0;
}
.CMYCMM009 .sns-area .sns-link li {
  display: inline-block;
  margin-left: 1.6rem;
}
.CMYCMM009 .sns-area .sns-link li:first-child {
  margin-left: 0;
}
.CMYCMM009 .sns-area .sns-link li .icon {
  width: 4rem;
  height: 4rem;
}
.CMYCMM009 .sns-area .sns-link li .icon img {
  width: 100%;
}
.CMYCMM009 .sns-area .sns-link li .txt {
  font-size: 0;
  text-indent: -9999px;
}
.CMYCMM009 .tac {
  margin-top: 4rem;
}
.CMYCMM009 .tac .btn-txt-arrow .icon16 {
  margin-left: 0.4rem;
}

.section-sign-in {
  position: relative;
  margin-bottom: -3.2rem;
}
.section-sign-in .tab-underbar:first-child {
  margin-top: -0.8rem;
}
.section-sign-in .tab-contents-wrap {
  margin-top: 0;
}
.section-sign-in .tab-contents {
  position: relative;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100 - 6.8rem);
  min-height: 53.2rem;
}
.section-sign-in .form-box {
  margin-top: 1.6rem;
}

.sign-in-find {
  float: right;
  text-align: center;
  font-size: 0;
}
.sign-in-find .sign-in-find__item {
  position: relative;
  display: inline-block;
}
.sign-in-find .sign-in-find__item + .sign-in-find__item {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.sign-in-find .sign-in-find__item + .sign-in-find__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sign-in-find .sign-in-find__link {
  display: block;
  padding: 0.4rem 0;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}

.sign-in-sns-join {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 -1.6rem;
  padding: 0 0 1.7rem 0;
  background: #F8F8F8;
  text-align: center;
}

.sign-in-sns-area {
  margin-top: 4rem;
  text-align: center;
}
.sign-in-sns-area .sns-area__tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.sign-in-sns-area .sns-area__link {
  margin-top: 1.6rem;
  font-size: 0;
}
.sign-in-sns-area .sns-area__item {
  display: inline-block;
  margin-left: 1.6rem;
}
.sign-in-sns-area .sns-area__item:first-child {
  margin-left: 0;
}
.sign-in-sns-area .sns-area__icon {
  width: 4rem;
  height: 4rem;
}
.sign-in-sns-area .sns-area__icon img {
  width: 100%;
}
.sign-in-sns-area .sns-area__text {
  font-size: 0;
  text-indent: -9999px;
}

.sign-in-join-area {
  margin-top: 4rem;
  font-size: 0;
  text-align: center;
}
.sign-in-join-area .join-area__text {
  display: inline-block;
  color: #666;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.sign-in-join-area a.join-area__link {
  display: inline-block;
  margin-left: 2.4rem;
  color: #2589FF;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
}

.CMYCMM010 .modal-body {
  padding-bottom: 1.6rem;
}
.CMYCMM010 .modal-body .link-list li {
  margin-top: 0.8rem;
  border: 1px solid #ddd;
  border-radius: 1.2rem;
}
.CMYCMM010 .modal-body .link-list li:first-child {
  margin-top: 0;
}

.CMYCMM013 .tab-underbar:first-child {
  margin-top: -0.8rem;
}
.CMYCMM013 .tab-contents-wrap {
  margin-top: 3.2rem;
}
.CMYCMM013 .inp-list-wrap > ul > li {
  margin-top: 1.6rem;
}
.CMYCMM013 .form-box {
  margin-top: 1.6rem;
}
.CMYCMM013 .link-area {
  text-align: center;
  font-size: 0;
}
.CMYCMM013 .link-area li {
  position: relative;
  display: inline-block;
}
.CMYCMM013 .link-area li + li {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
.CMYCMM013 .link-area li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.CMYCMM013 .link-area li a {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.CMYCMM013 .sns-area {
  margin-top: 4rem;
  text-align: center;
}
.CMYCMM013 .sns-area .sns-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCMM013 .sns-area .sns-link {
  margin-top: 1.6rem;
  font-size: 0;
}
.CMYCMM013 .sns-area .sns-link li {
  display: inline-block;
  margin-left: 1.6rem;
}
.CMYCMM013 .sns-area .sns-link li:first-child {
  margin-left: 0;
}
.CMYCMM013 .sns-area .sns-link li .icon {
  width: 4rem;
  height: 4rem;
}
.CMYCMM013 .sns-area .sns-link li .icon img {
  width: 100%;
}
.CMYCMM013 .sns-area .sns-link li .txt {
  font-size: 0;
  text-indent: -9999px;
}
.CMYCMM013 .tac {
  margin-top: 4rem;
}
.CMYCMM013 .tac .btn-txt-arrow .icon16 {
  margin-left: 0.4rem;
}

.CMYCMM015 .result-box {
  padding: 0 0 3.2rem;
}
.CMYCMM015 .data-list ul li .tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYCMM015 .data-list ul li .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}

.CMYCMM017 .result-box {
  padding: 0 0 3.2rem;
}
.CMYCMM017 .result-box .tit {
  position: relative;
}
.CMYCMM017 .result-box .tit .btn-tooltip span {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCMM017 .result-box .tit .tooltip {
  top: calc(100% + 0.4rem);
  width: 100%;
  text-align: left;
}

.CMYCMM018 .result-box {
  padding: 0 0 2.4rem;
}
.CMYCMM018 .btn-area {
  display: block;
  padding: 0;
  font-size: 0;
}
.CMYCMM018 .btn-area button {
  display: inline-block;
}
.CMYCMM018 .btn-area .btn-yellow + .btn-border {
  margin-left: 0;
}
.CMYCMM018 .btn-area .btn-border {
  margin-top: 0.8rem;
  width: calc(50% - 0.45rem);
  line-height: 4.8rem;
}
.CMYCMM018 .btn-area .btn-border span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.CMYCMM018 .sns-area {
  margin-top: 4rem;
  text-align: center;
}
.CMYCMM018 .sns-area .sns-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYCMM018 .sns-area .sns-link {
  margin-top: 1.6rem;
  font-size: 0;
}
.CMYCMM018 .sns-area .sns-link li {
  display: inline-block;
  margin-left: 1.6rem;
}
.CMYCMM018 .sns-area .sns-link li:first-child {
  margin-left: 0;
}
.CMYCMM018 .sns-area .sns-link li .icon {
  width: 4rem;
  height: 4rem;
}
.CMYCMM018 .sns-area .sns-link li .icon img {
  width: 100%;
}
.CMYCMM018 .sns-area .sns-link li .txt {
  font-size: 0;
  text-indent: -9999px;
}

.CMYCMM019 .certificate-list {
  margin-top: 3.2rem;
}
.CMYCMM019 .tac {
  margin-top: 3.2rem;
}
.CMYCMM019 .result-box {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYCMM020 .certificate-list {
  margin-top: 3.2rem;
}
.CMYCMM020 .inp-box {
  margin-top: 3.2rem;
}

.CMYCMM025 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYCMM026 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* etc */
.CMYETC003 .result-box {
  position: fixed;
  top: calc(50% - 4.8rem);
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.CMYETC004 .contents-title-100 {
  word-break: keep-all;
}
.CMYETC004 .btn-area {
  padding-bottom: 0;
}
.CMYETC004 .btn-area button {
  line-height: 4.8rem;
}
.CMYETC004 .btn-area button span {
  font-size: 1.6rem;
}
.CMYETC004 .step-info {
  margin-top: 3.2rem;
}
.CMYETC004 .inp-list-wrap {
  margin-top: 3.2rem;
}

/* �ӽ�ȭ�� ���̵� */
/* page */
.CMYCMM_PERIOD .search-period {
  margin-top: -1.2rem;
}

/***** Add *****/
.CMYCMM000 {
  padding-bottom: 0.7rem;
  /* main
  ================= */
}
.CMYCMM000 .main-header {
  background: #ffcc00;
  padding: 2rem 1.6rem;
  border-radius: 0 0 1rem 1rem;
  margin: -6.8rem -1.6rem 0 -1.6rem;
  overflow: hidden;
}
.CMYCMM000 .main-header.type2 .main-intro-img:before {
  display: none;
}
.CMYCMM000 .main-header.type2 .main-intro-txt .num.initiate span.dummy-num {
  display: none;
}
.CMYCMM000 .main-header.type-slide {
  position: relative;
  border-radius: 0;
  padding-bottom: 4.2rem;
  overflow: visible;
  margin-bottom: 5.4rem;
  padding: 0;
}
.CMYCMM000 .main-header.type-card {
  position: relative;
  background: #f8f8f8;
  padding: 0;
  overflow: visible;
  margin-bottom: 5rem;
}
.CMYCMM000 .main-header.type-card .main-intro {
  height: auto;
  margin-bottom: 3.4rem;
}
.CMYCMM000 .main-header.type-card .main-intro-search {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: -4.1rem;
}
.CMYCMM000 .main-header .main-intro {
  position: relative;
  height: 12.5rem;
}
.CMYCMM000 .main-header .main-intro.is-gradient {
  margin-bottom: 3.8rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffcc00), to(#ff9d83));
  background-image: linear-gradient(to right, #ffcc00, #ff9d83);
}
.CMYCMM000 .main-header .main-intro.is-gradient .main-slide-item {
  overflow: hidden;
}
.CMYCMM000 .main-header .main-intro.is-gradient .main-slide-item::before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: var(--gradient-position);
  display: block;
  width: var(--swiper-width);
  height: 100%;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(#ffcc00), to(#ff9d83));
  background-image: linear-gradient(to right, #ffcc00, #ff9d83);
}
.CMYCMM000 .main-header .main-intro.is-gradient .main-slide-item.has-first-slide::before {
  left: 0;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#ffe66d), to(#ffcc00));
  background-image: linear-gradient(to right, #ffe66d, #ffcc00);
}
.CMYCMM000 .main-header .main-intro-txt {
  position: absolute;
  top: 2rem;
  left: 0;
  width: calc(100% - 15rem);
  color: #222;
}
.CMYCMM000 .main-header .main-intro-txt .main-intro-desc {
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  font-weight: bold;
  word-break: keep-all;
}
.CMYCMM000 .main-header .main-intro-txt .main-intro-desc span {
  display: inline-block;
  font: inherit;
}
.CMYCMM000 .main-header .main-intro-txt strong {
  font-size: 3rem;
  font-weight: bold;
}
.CMYCMM000 .main-header .main-intro-txt strong span {
  font-family: -apple-system, "Roboto", "NotoSansKR", "Arial", sans-serif;
  font-weight: bold;
}
.CMYCMM000 .main-header .main-intro-img.imageloaded:before {
  opacity: 0;
}
.CMYCMM000 .main-header .main-intro-img.imageloaded .main-intro-tag {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.CMYCMM000 .main-header.onload .main-intro-img img.ready {
  opacity: 0.4;
  transition-name: opacity, transform;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}
.CMYCMM000 .main-header.onload .main-intro-img img.show {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}
.CMYCMM000 .main-header .main-intro-img {
  position: absolute;
  right: -2rem;
  bottom: -0.8rem;
  display: block;
  width: 17rem;
  height: 16rem;
  overflow: hidden;
}
.CMYCMM000 .main-header .main-intro-img:before {
  position: absolute;
  left: 0;
  top: 2.5rem;
  background: url("/images/common/cm/bg-car-loading.svg") 0 0/contain no-repeat;
  display: block;
  width: 21rem;
  height: 12em;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
  content: "";
}
.CMYCMM000 .main-header .main-intro-img img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 22rem;
  height: auto;
  opacity: 0;
  -webkit-transform: translate(6rem, -1.4rem);
      -ms-transform: translate(6rem, -1.4rem);
          transform: translate(6rem, -1.4rem);
  will-change: transform, opacity;
}
.CMYCMM000 .main-header .main-intro-img .main-intro-tag {
  position: absolute;
  display: inline-block;
  bottom: 2.4rem;
  right: 1.6rem;
  padding: 0 1rem;
  font-size: 1.2rem;
  color: #7cff15;
  border: 0.1rem solid #7cff15;
  height: 2.8rem;
  line-height: 2.8rem;
  border-radius: 1.4rem;
  background: #111;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transform: translateY(-0.6rem);
      -ms-transform: translateY(-0.6rem);
          transform: translateY(-0.6rem);
  transition-name: opacity, transform;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.CMYCMM000 .main-header .main-intro-loading {
  position: absolute;
  top: 50%;
  right: 4rem;
  display: block;
  margin-top: -1rem;
  white-space: nowrap;
}
.CMYCMM000 .main-header .main-intro-loading .loading-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 3px;
  background: #222;
  opacity: 0.6;
  -webkit-animation: aniWave 1s linear infinite;
          animation: aniWave 1s linear infinite;
}
.CMYCMM000 .main-header .main-intro-loading .loading-dot:nth-child(2) {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.CMYCMM000 .main-header .main-intro-loading .loading-dot:nth-child(3) {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
@-webkit-keyframes aniWave {
  0%, 60%, 100% {
    -webkit-transform: initial;
            transform: initial;
  }
  30% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
}
@keyframes aniWave {
  0%, 60%, 100% {
    -webkit-transform: initial;
            transform: initial;
  }
  30% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
}
.CMYCMM000 .main-header .main-intro-links {
  margin-top: -0.4rem;
}
.CMYCMM000 .main-header .main-intro-links:after {
  display: block;
  clear: both;
  content: "";
}
.CMYCMM000 .main-header .main-intro-links .btn-base {
  float: left;
  width: calc(25% - 0.6rem);
  margin-left: 0.8rem;
}
.CMYCMM000 .main-header .main-intro-links .btn-base:first-child {
  margin-left: 0;
}
.CMYCMM000 .main-header .recommend-tags.is-tags-white {
  position: relative;
}
.CMYCMM000 .main-header .recommend-tags.is-tags-white .tit {
  z-index: 1;
  position: relative;
  white-space: nowrap;
  margin-right: -0.8rem;
  background: -webkit-gradient(linear, right top, left top, from(rgba(248, 248, 248, 0)), color-stop(0.8rem, rgb(248, 248, 248)), to(rgb(248, 248, 248)));
  background: linear-gradient(to left, rgba(248, 248, 248, 0) 0%, rgb(248, 248, 248) 0.8rem, rgb(248, 248, 248) 100%);
}
.CMYCMM000 .main-header .recommend-tags.is-tags-white .inner-track {
  width: calc(100% - 6.8rem);
  padding: 0 0 0 0.8rem;
}
.CMYCMM000 .main-header .recommend-tags.is-tags-white .tag-rank-list > li:last-child {
  margin-right: 1.6rem;
}
.CMYCMM000 .main-header .recommend-tags.is-tags-white .btn-rank {
  line-height: 1;
  border: 1.5px solid #434c53;
  background-color: #fff;
}
.CMYCMM000 .main-header .recommend-tags.is-tags-white .btn-rank .txt {
  letter-spacing: -0.23px;
  color: #222;
}
.CMYCMM000 .main-intro-search {
  padding: 1.6rem;
  margin: 0 -1.6rem;
}
.CMYCMM000 .main-intro-search .floating-inner {
  will-change: scroll-position, position;
}
.CMYCMM000 .main-intro-search.type-flat {
  z-index: 99;
  padding: 0;
  margin: 0;
}
.CMYCMM000 .main-intro-search.type-flat .floating-inner {
  padding: 1.6rem;
  -webkit-transition: background-color ease-in-out 0.1s, -webkit-box-shadow ease-in-out 0.1s;
  transition: background-color ease-in-out 0.1s, -webkit-box-shadow ease-in-out 0.1s;
  transition: background-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s;
  transition: background-color ease-in-out 0.1s, box-shadow ease-in-out 0.1s, -webkit-box-shadow ease-in-out 0.1s;
}
.CMYCMM000 .main-intro-search.type-flat .main-searchbox {
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
}
.CMYCMM000 .main-intro-search.type-flat .main-searchbox .inp {
  color: #222;
}
.CMYCMM000 .main-intro-search.type-flat.is-floating .main-searchbox {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.CMYCMM000 .main-intro-search .main-intro {
  height: auto;
}
.CMYCMM000 .main-intro-search.is-floating .floating-inner {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffcc00;
  padding: 1.6rem;
  border-radius: 0 0 1rem 1rem;
}
.CMYCMM000 .main-searchbox {
  background: #fff;
}
.CMYCMM000 .searchbox-inp .inp::-webkit-input-placeholder {
  color: #888;
}
.CMYCMM000 .searchbox-inp .inp::-moz-placeholder {
  color: #888;
}
.CMYCMM000 .searchbox-inp .inp:-ms-input-placeholder {
  color: #888;
}
.CMYCMM000 .searchbox-inp .inp::-ms-input-placeholder {
  color: #888;
}
.CMYCMM000 .searchbox-inp span.inp,
.CMYCMM000 .searchbox-inp .inp::placeholder {
  color: #888;
}
.CMYCMM000 .direct-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: -0.6rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.CMYCMM000 .direct-links .link {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  transition-name: background-color;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(50% - 1.2rem);
  margin: 0.6rem;
  padding: 2rem;
}
.CMYCMM000 .direct-links .link:focus, .CMYCMM000 .direct-links .link:active {
  background-color: #f5f5f5;
}
.CMYCMM000 .direct-links .name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.CMYCMM000 .direct-links .icon-arrow-right-black {
  position: relative;
  top: -0.1rem;
}
.CMYCMM000 .direct-links .desc {
  color: #666;
  display: block;
  font-size: 1.2rem;
  margin: 0.2rem 1.6rem 0 0;
}
.CMYCMM000 .direct-links .icon38 {
  margin-bottom: 0.8rem;
}
.CMYCMM000 .direct-links.direct-links--no-icon .link {
  padding: 1.9rem 0 1.9rem 2rem;
}
.CMYCMM000 .direct-links.direct-links--no-icon .name {
  line-height: 1.9rem;
  white-space: nowrap;
}
.CMYCMM000 .direct-links.direct-links--no-icon .desc {
  margin-top: 0.6rem;
  line-height: 1.4rem;
}
.CMYCMM000 .direct-links.direct-links--no-icon .desc:first-child {
  margin: 0 0 0.6rem;
}
.CMYCMM000 .main-garage {
  position: relative;
}
.CMYCMM000 .main-garage > .item {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  position: relative;
  padding: 2rem;
}
.CMYCMM000 .main-garage .thumb,
.CMYCMM000 .main-garage .balloon-box {
  will-change: transform, opacity;
}
.CMYCMM000 .main-garage.screenon .balloon-box {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.CMYCMM000 .main-garage .btn-wrap {
  position: relative;
  z-index: 1;
  margin: 2rem 0 0;
}
.CMYCMM000 .main-garage.type-nodata .name-area {
  margin-top: 0.4rem;
}
.CMYCMM000 .main-garage.type-nodata .name {
  display: block;
  max-height: 100%;
  -webkit-line-clamp: none;
  -webkit-box-orient: initial;
}
.CMYCMM000 .main-garage.type-nodata:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: 0.9rem;
  display: block;
  width: 9.8rem;
  height: 6.5rem;
  background: url("/images/common/cm/bg_garage_blank@2x.png") center center/contain no-repeat;
}
.CMYCMM000 .main-garage.type-nodata2 {
  position: relative;
}
.CMYCMM000 .main-garage.type-nodata2 > .item {
  padding: 2.3rem 2rem;
}
.CMYCMM000 .main-garage.type-nodata2 .name-area {
  padding-right: 8rem;
}
.CMYCMM000 .main-garage.type-nodata2 .sub-name {
  margin-top: 0.9rem;
}
.CMYCMM000 .main-garage.type-nodata2 .btn-round {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}
.CMYCMM000 .main-garage.type-nodata2:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  margin-top: -3.4rem;
  width: 9.8rem;
  height: 6.5rem;
  background: url("/images/common/cm/bg_garage_blank@2x.png") center center/contain no-repeat;
}
.CMYCMM000 .main-garage.type-model:after {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  width: 14.2rem;
  height: 19.6rem;
  background: url("/images/common/cm/bg_garage_model.png") bottom right/contain no-repeat;
  content: "";
}
.CMYCMM000 .main-garage .name-area {
  position: relative;
  padding-right: 13rem;
}
.CMYCMM000 .main-garage .num {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #2589ff;
}
.CMYCMM000 .main-garage .name {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
}
.CMYCMM000 .main-garage .sub-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 2.8em;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  color: #666;
}
.CMYCMM000 .main-garage .thumb {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -2rem;
  width: 14rem;
  height: 9rem;
  border-radius: 0 1.2rem 0 0;
  overflow: hidden;
}
.CMYCMM000 .main-garage .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: 12.2rem;
}
.CMYCMM000 .main-garage dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5rem;
  background: #f6f8f9;
  border-radius: 0.8rem;
  padding: 0 1.5rem 0 0;
}
.CMYCMM000 .main-garage dl:after {
  content: "";
  display: block;
  clear: both;
}
.CMYCMM000 .main-garage dl > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  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: 1.3rem 0 1.3rem 1.5rem;
}
.CMYCMM000 .main-garage dl > div:after:after {
  content: "";
  display: block;
  clear: both;
}
.CMYCMM000 .main-garage dl dt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 5.5rem;
  color: #888;
  font-size: 1.4rem;
  line-height: 1.6;
}
.CMYCMM000 .main-garage dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: calc(100% - 5.5rem);
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.4;
}
.CMYCMM000 .main-credit {
  position: relative;
  display: block;
  margin-top: 1.2rem;
  border-radius: 1.2rem;
  background: #FFCC00;
  overflow: hidden;
  z-index: 1;
}
.CMYCMM000 .main-credit:before {
  content: "";
  position: absolute;
  right: 1.2rem;
  top: 50%;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  background: url("/images/common/icon/icon16-arrow-right-white.svg") no-repeat center/contain;
}
@-webkit-keyframes bounceX {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(-5%, 0, 0);
            transform: translate3d(-5%, 0, 0);
  }
  20% {
    -webkit-transform: translate3d(2.5%, 0, 0);
            transform: translate3d(2.5%, 0, 0);
  }
  35% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceX {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10% {
    -webkit-transform: translate3d(-5%, 0, 0);
            transform: translate3d(-5%, 0, 0);
  }
  20% {
    -webkit-transform: translate3d(2.5%, 0, 0);
            transform: translate3d(2.5%, 0, 0);
  }
  35% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.CMYCMM000 .main-credit__content {
  position: relative;
  left: -4rem;
  display: block;
  margin: 0;
  padding: 0.7rem 0;
  border-radius: 1.2rem;
  background: #FFF;
  text-align: center;
  -webkit-box-shadow: 1rem 0 0.8rem 0 rgba(0, 0, 0, 0.04);
          box-shadow: 1rem 0 0.8rem 0 rgba(0, 0, 0, 0.04);
  -webkit-animation-name: bounceX;
          animation-name: bounceX;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  overflow: hidden;
}
.CMYCMM000 .main-credit__text {
  position: relative;
  display: inline-block;
  padding: 1.4rem 0 1.1rem 8rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.9rem;
  vertical-align: top;
}
.CMYCMM000 .main-credit__text:before {
  content: "";
  position: absolute;
  left: 1.5rem;
  top: 0;
  display: block;
  width: 6.72rem;
  height: 5.23rem;
  background: url("/images/common/cm/bg-my-credit@2x.png") no-repeat;
  background-size: 100%;
}
.CMYCMM000 .main-credit__desc {
  display: block;
  margin-top: 0.6rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7rem;
}
.CMYCMM000 .main-credit__number {
  color: #222;
  position: relative;
  z-index: 0;
}
.CMYCMM000 .main-credit__number:before {
  z-index: -1;
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  width: 0;
  height: 0.4rem;
  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;
  border-radius: 0.2rem;
  content: "";
}
@keyframes aniHighlighting {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.CMYCMM000 .main-credit__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
  z-index: 3;
}
.CMYCMM000 .main-credit2 {
  position: relative;
  display: block;
  margin: 1.6rem -1.6rem 0;
  padding-right: 1.6rem;
}
.CMYCMM000 .main-credit2.screenon .main-credit2__content {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.CMYCMM000 .main-credit2.screenon .main-credit2__content:after {
  -webkit-animation: aniCreditArrowShow ease-in-out 0.4s 1s both;
          animation: aniCreditArrowShow ease-in-out 0.4s 1s both;
}
@-webkit-keyframes aniCreditArrowShow {
  0% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
  80% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes aniCreditArrowShow {
  0% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
  80% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.CMYCMM000 .main-credit2.screenon .main-credit2__ribbon {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.CMYCMM000 .main-credit2__content {
  position: relative;
  min-height: 10rem;
  border-radius: 0 5rem 5rem 0;
  background: linear-gradient(105deg, #ffcc00 0%, #ffc738 74%);
  padding: 2rem 7rem 1.8rem 10rem;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all ease-in-out 0.6s 0.2s;
  transition: all ease-in-out 0.6s 0.2s;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.CMYCMM000 .main-credit2__content:after {
  position: absolute;
  top: 50%;
  right: 2rem;
  display: block;
  width: 4rem;
  height: 4rem;
  margin-top: -2rem;
  border-radius: 50%;
  background: url("/images/common/main/icon-maincredit-arrow.svg") center/auto no-repeat, #fff;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
  content: "";
}
.CMYCMM000 .main-credit2__content.before-check {
  padding-left: 4.5rem;
}
.CMYCMM000 .main-credit2__tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  position: relative;
  display: block;
  color: #222;
  word-break: keep-all;
}
.CMYCMM000 .main-credit2__tit:before, .CMYCMM000 .main-credit2__tit:after {
  display: inline-block;
  vertical-align: middle;
  width: 1.2rem;
  height: 1.1rem;
  margin: -1.5rem 0.2rem 0 -1.4rem;
  background: url("/images/common/main/icon-maincredit-quotes.svg") top left/auto no-repeat;
  content: "";
}
.CMYCMM000 .main-credit2__tit:after {
  margin-right: 0;
  margin-left: 0.3rem;
  margin-top: -1rem;
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
.CMYCMM000 .main-credit2__tit strong {
  z-index: 0;
  position: relative;
}
.CMYCMM000 .main-credit2__tit strong:before {
  z-index: -1;
  position: absolute;
  display: block;
  bottom: 0.1rem;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background: #fff;
  opacity: 0.5;
  content: "";
}
.CMYCMM000 .main-credit2__desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.5rem;
  color: #222;
  font-weight: 500;
}
.CMYCMM000 .main-credit2__ribbon {
  position: absolute;
  top: 0;
  left: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 6.1rem;
  height: 9.8rem;
  padding: 0 1rem 1rem 0.2rem;
  background: url("/images/common/main/bg-maincredit-ribbon.svg") top left/auto no-repeat;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(-10%);
      -ms-transform: translateY(-10%);
          transform: translateY(-10%);
  -webkit-transition: all ease-in-out 0.4s 0.6s;
  transition: all ease-in-out 0.4s 0.6s;
}
.CMYCMM000 .main-credit2__ribbon > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
  word-break: keep-all;
}
.CMYCMM000 .main-credit2__ribbon > div:before {
  display: block;
  margin: 0.3rem 0.6rem 0.6rem;
  height: 0.1rem;
  background: #eee;
  content: "";
}
.CMYCMM000 .main-credit2__ribbon > div:first-child:before {
  display: none;
}
.CMYCMM000 .main-credit2__ribbon > div:only-child dd {
  font-size: 1.2rem;
}
.CMYCMM000 .main-credit2__ribbon > div dt {
  line-height: 1.2;
  font-size: 1rem;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  color: #222;
  margin-bottom: 0.1rem;
}
.CMYCMM000 .main-credit2__ribbon > div dd {
  line-height: 1.2;
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
}
.CMYCMM000 .main-credit2__ribbon > div dd strong {
  display: inline;
  word-break: break-all;
}
.CMYCMM000 .main-credit2__link {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.CMYCMM000 .balloon-box {
  position: absolute;
  top: -1rem;
  right: 0;
}
.CMYCMM000 .main-notice {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  display: block;
  margin: 1.5rem 0 0;
  padding: 1.4rem 1.6rem 1.4rem 3.8rem;
  font-size: 1.4rem;
  color: #222;
  font-weight: 700;
}
.CMYCMM000 .main-notice p {
  font: inherit;
  line-height: 1.4;
}
.CMYCMM000 .main-notice .icon16 {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
}
.CMYCMM000 .main-price-banner {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  position: relative;
  display: block;
  padding: 1.8rem 16.6rem 1.8rem 2rem;
}
.CMYCMM000 .main-price-banner .banner-bg {
  position: absolute;
  display: block;
  right: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 14.6rem;
  height: 7.2rem;
}
.CMYCMM000 .main-price-banner .date {
  color: #666;
  display: block;
  font-size: 1.2rem;
}
.CMYCMM000 .main-price-banner strong {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin-top: 0.5rem;
  line-height: 2.2rem;
}
.CMYCMM000 .info-list2 {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  padding: 0.5rem 2rem;
}
.CMYCMM000 .info-list2 > li {
  z-index: 2;
  position: relative;
  width: calc(100% + 4rem);
  margin: 0 -2rem;
  padding: 0 2rem;
  background: #fff;
  border: 0;
}
.CMYCMM000 .info-list2 > li:before {
  position: absolute;
  display: block;
  top: 0;
  left: 2rem;
  right: 2rem;
  height: 0.1rem;
  background: #efefef;
  content: "";
}
.CMYCMM000 .info-list2 > li:first-child {
  border-radius: 1.2rem 1.2rem 0 0;
}
.CMYCMM000 .info-list2 > li:first-child:before {
  display: none;
}
.CMYCMM000 .info-list2 > li:last-child {
  border-radius: 0 0 1.2rem 1.2rem;
}
.CMYCMM000 .info-list2 > li.item-mycredit {
  z-index: 0;
  position: relative;
  width: calc(100% + 4rem);
  margin: -0.5rem -2rem -2.2rem;
  background: #695b55;
  padding: 0.4rem 3rem 2rem;
  border-radius: 1.2rem 1.2rem 0 0;
  -webkit-transition: -webkit-transform ease-in-out 0.3s;
  transition: -webkit-transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s;
  transition: transform ease-in-out 0.3s, -webkit-transform ease-in-out 0.3s;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
  -webkit-transform: translate3d(0, -14%, 0);
          transform: translate3d(0, -14%, 0);
}
.CMYCMM000 .info-list2 > li.item-mycredit + li {
  border-radius: 1.2rem 1.2rem 0 0;
}
.CMYCMM000 .info-list2 > li.item-mycredit .list-item {
  text-align: center;
  color: #fff;
}
.CMYCMM000 .info-list2 > li.item-mycredit .list-item:before, .CMYCMM000 .info-list2 > li.item-mycredit .list-item:after {
  z-index: 1;
  position: absolute;
  display: block;
  background: url("/images/common/bu/bg-coin-left.png") center/contain no-repeat;
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
  -webkit-transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.CMYCMM000 .info-list2 > li.item-mycredit .list-item:before {
  right: 100%;
  top: 50%;
  width: 11.2rem;
  height: 10rem;
  margin-right: -2rem;
  opacity: 0;
  -webkit-transform: scale(0.8) translateX(50%) translateY(-50%);
      -ms-transform: scale(0.8) translateX(50%) translateY(-50%);
          transform: scale(0.8) translateX(50%) translateY(-50%);
}
.CMYCMM000 .info-list2 > li.item-mycredit .list-item:after {
  left: 100%;
  top: 50%;
  width: 8.2rem;
  height: 14.5rem;
  margin-left: -2rem;
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  background-image: url("/images/common/bu/bg-coin-right.png");
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
  -webkit-transform: scale(0.8) translateX(-50%) translateY(-50%);
      -ms-transform: scale(0.8) translateX(-50%) translateY(-50%);
          transform: scale(0.8) translateX(-50%) translateY(-50%);
}
.CMYCMM000 .info-list2 > li.item-mycredit .btn-txt-arrow {
  display: block;
  margin-top: 0.2rem;
}
.CMYCMM000 .info-list2 > li.item-mycredit .btn-txt-arrow span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  color: #fff;
}
.CMYCMM000 .info-list2 > li.item-mycredit.screenon {
  -webkit-animation: aniCardShow ease-in-out 1.5s both;
          animation: aniCardShow ease-in-out 1.5s both;
}
.CMYCMM000 .info-list2 > li.item-mycredit.screenon .list-item:before {
  opacity: 0.8;
  -webkit-transform: scale(0.8) translateX(50%) translateY(-50%);
      -ms-transform: scale(0.8) translateX(50%) translateY(-50%);
          transform: scale(0.8) translateX(50%) translateY(-50%);
}
.CMYCMM000 .info-list2 > li.item-mycredit.screenon .list-item:after {
  opacity: 1;
  -webkit-transform: scale(0.8) translateX(-50%) translateY(-50%);
      -ms-transform: scale(0.8) translateX(-50%) translateY(-50%);
          transform: scale(0.8) translateX(-50%) translateY(-50%);
}
@-webkit-keyframes aniCardShow {
  from {
    -webkit-transform: translate3d(0, -14%, 0);
    transform: translate3d(0, -14%, 0);
  }
  10% {
    -webkit-transform: translate3d(0, 2.5%, 0);
            transform: translate3d(0, 2.5%, 0);
  }
  20% {
    -webkit-transform: translate3d(0, 0%, 0);
            transform: translate3d(0, 0%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes aniCardShow {
  from {
    -webkit-transform: translate3d(0, -14%, 0);
    transform: translate3d(0, -14%, 0);
  }
  10% {
    -webkit-transform: translate3d(0, 2.5%, 0);
            transform: translate3d(0, 2.5%, 0);
  }
  20% {
    -webkit-transform: translate3d(0, 0%, 0);
            transform: translate3d(0, 0%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.CMYCMM000 .info-list2 > li .list-cont {
  color: inherit;
}
.CMYCMM000 .info-list2 > li .list-cont .txt-highlight {
  padding: 0 1px;
  color: #fff535;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.4rem;
}
.CMYCMM000 .info-list2 > li .list-cont .txt-highlight:before {
  bottom: 0.1rem;
  height: 0.4rem;
  background: rgba(0, 0, 0, 0.35);
}
.CMYCMM000 .info-list2 > li .list-cont .icon-new-tag {
  position: relative;
  top: -0.15rem;
  display: inline-block;
  width: auto;
  height: 1.6rem;
  min-width: 1.6rem;
  max-height: 1.6rem;
  margin-left: 0.2rem;
  vertical-align: middle;
  border-radius: 0.8rem;
  background: #ff0000;
  font-size: 0;
  line-height: 1;
}
.CMYCMM000 .info-list2 > li .list-cont .icon-new-tag__text {
  position: relative;
  display: block;
  min-width: 1.6rem;
  padding: 0 0.6rem;
  color: #FFF;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.6rem;
  text-align: center;
}
.CMYCMM000 .info-list2 a.list-item:focus .btn-round.bg-yellow,
.CMYCMM000 .info-list2 a.list-item:active .btn-round.bg-yellow {
  background-color: #e6b800;
}
.CMYCMM000 .info-list2 .txt-desc {
  color: #666;
  display: block;
  font-size: 1.2rem;
}
.CMYCMM000 .info-list2.type-notice a.list-cont {
  padding: 1.6rem 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.CMYCMM000 .info-list2.type-notice a.list-cont .subject {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  font-size: 1.4rem;
  color: #222;
}
.CMYCMM000 .info-list2.type-notice a.list-cont .subject__text {
  max-width: calc(100% - 2.2rem);
  margin-right: 0.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.CMYCMM000 .info-list2.type-notice a.list-cont .txt-xs {
  display: block;
  font-size: 1.2rem;
  color: #666;
  line-height: 1.4;
  margin: 0;
}
.CMYCMM000 .info-list2.type-notice a.list-cont .new-tag--square {
  margin: 0.4rem 0 0 0;
}
.CMYCMM000 .banner-box {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
  margin-top: 1.6rem;
  line-height: 0;
  overflow: hidden;
  border: 0.1rem solid rgba(0, 0, 0, 0.05);
}
.CMYCMM000 .banner-box img {
  display: block;
  width: 100%;
}
.CMYCMM000 .banner-area {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.CMYCMM000 .banner-area img {
  display: block;
  width: 100%;
}
.CMYCMM000 .card-slider-area {
  overflow: hidden;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.CMYCMM000 .card-slider-area.swiper-css-mode .swiper-wrapper {
  overflow-x: auto;
}
.CMYCMM000 .card-slider-area .swiper-wrapper {
  overflow: visible;
}
.CMYCMM000 .card-slider {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.CMYCMM000 .recomm-theme-area {
  overflow: hidden;
}
.CMYCMM000 .recomm-theme-area.swiper-css-mode .swiper-wrapper {
  overflow-x: auto;
}
.CMYCMM000 .recomm-theme-area .swiper-wrapper {
  overflow: visible;
}
.CMYCMM000 .recomm-theme-list {
  padding: 0 0 0 0.8rem;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  scroll-padding-left: 1.6rem;
  scroll-padding-right: 1.6rem;
  -webkit-overflow-scrolling: touch;
}
.CMYCMM000 .recomm-theme-list::-webkit-scrollbar {
  display: none;
}
.CMYCMM000 .recomm-theme-list:after {
  display: block;
  width: 0.5rem;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: "";
}
.CMYCMM000 .recomm-theme-list .recomm-theme-item {
  position: relative;
  width: 26.2rem !important;
  min-width: 26.2rem;
  height: 100%;
  padding: 2rem 2rem 9.6rem;
  margin: 0 0.8rem;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}
.CMYCMM000 .recomm-theme-list .recomm-theme-item:last-child {
  margin-right: 1.6rem;
}
.CMYCMM000 .recomm-theme-list .recomm-theme-item > a {
  display: block;
}
.CMYCMM000 .recomm-theme-list .recomm-theme-item .inner-card {
  position: relative;
}
.CMYCMM000 .recomm-theme-list .recomm-theme-item .name {
  display: block;
  margin-bottom: 0.3rem;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.4;
}
.CMYCMM000 .recomm-theme-list .recomm-theme-item .desc {
  color: #e0e0e0;
  font-size: 1.2rem;
  line-height: 1.4;
}
.CMYCMM000 .recomm-theme-list .recomm-theme-item .img-area {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 2.4rem;
  width: 100%;
  display: block;
  border-radius: 1.2rem;
}
.CMYCMM000 .recomm-theme-list .recomm-theme-item .img-area .icon {
  position: absolute;
  right: 2rem;
  bottom: -1.7rem;
  display: block;
  width: 4rem;
  height: 4rem;
  background: url("/images/common/cm/icon-arrow.svg") center center/1.8rem auto no-repeat #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.2rem 1.2rem 0 rgba(0, 0, 0, 0.06);
}
.CMYCMM000 .recomm-theme-list .recomm-theme-item img {
  z-index: 1;
  left: 2rem;
  bottom: -2.4rem;
  position: absolute;
  width: 16rem;
  height: auto;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span {
  -webkit-animation: ease-in-out aniThumbShow 0.3s both;
          animation: ease-in-out aniThumbShow 0.3s both;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(1) strong {
  opacity: 1;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(2) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(2) strong {
  opacity: 1;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(3) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(3) strong {
  opacity: 1;
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(4) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(4) strong {
  opacity: 1;
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(5) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.CMYCMM000 .main-dealer.screenon .car-thumbs span:nth-child(5) strong {
  opacity: 1;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.CMYCMM000 .main-dealer .dealer-visual {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 19rem;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 1.2rem 1.2rem 0 0;
  color: #fff;
  padding: 2rem;
}
.CMYCMM000 .main-dealer .dealer-visual .dealer-desc {
  display: block;
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
}
.CMYCMM000 .main-dealer .dealer-visual .dealer-name {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.CMYCMM000 .main-dealer .dealer-visual .friend-tag {
  position: absolute;
  top: 1.3rem;
  right: -2.3rem;
  display: block;
  background: #ffcc00;
  color: #222;
  font-size: 1rem;
  font-weight: 700;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  padding: 0.4rem 2rem 0.3rem;
}
.CMYCMM000 .main-dealer .more-view {
  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;
  background: #fff;
  padding: 1.8rem 2rem;
  border-radius: 0 0 1.2rem 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
}
.CMYCMM000 .main-dealer .more-view .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 1.6rem;
}
.CMYCMM000 .main-dealer .more-view .txt span {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  color: #666;
}
.CMYCMM000 .main-dealer .more-view .car-thumbs {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
}
.CMYCMM000 .main-dealer .more-view .car-thumbs span {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  margin-left: -2rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(255, 255, 255, 0.7);
  overflow: hidden;
}
.CMYCMM000 .main-dealer .more-view .car-thumbs span strong {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.4rem;
  line-height: 3.6rem;
  letter-spacing: -0.025em;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.4s;
  transition: opacity ease-in-out 0.4s;
}
@keyframes aniThumbShow {
  0% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.CMYCMM000 .main-review-area {
  overflow: hidden;
  margin-top: -1rem;
  margin-bottom: -2rem;
}
.CMYCMM000 .main-review-area.swiper-css-mode .swiper-wrapper {
  overflow-x: auto;
}
.CMYCMM000 .main-review-area .swiper-wrapper {
  overflow: visible;
}
.CMYCMM000 .main-review-area .main-review .review-item {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.CMYCMM000 .main-review {
  padding: 0 0 0 0.8rem;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  scroll-padding-left: 1.6rem;
  scroll-padding-right: 1.6rem;
  -webkit-overflow-scrolling: touch;
}
.CMYCMM000 .main-review::-webkit-scrollbar {
  display: none;
}
.CMYCMM000 .main-review:after {
  display: block;
  width: 0.5rem;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: "";
}
.CMYCMM000 .main-review .review-item {
  scroll-snap-align: start;
  scroll-snap-stop: normal;
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  width: 30rem !important;
  height: auto;
  margin: 0 0.8rem;
}
.CMYCMM000 .main-review .review-item:last-child {
  margin-right: 1.6rem;
}
.CMYCMM000 .main-review .review-item > a {
  display: block;
  padding: 2rem;
}
.CMYCMM000 .main-review .review-item .review-header {
  position: relative;
  padding-bottom: 1.3rem;
  padding-right: 6.7rem;
  border-bottom: 0.1rem solid #efefef;
  margin-bottom: 1.3rem;
}
.CMYCMM000 .main-review .review-item .tag-area {
  margin-left: -0.3rem;
}
.CMYCMM000 .main-review .review-item .car-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: block;
}
.CMYCMM000 .main-review .review-item .car-thumb {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 1.3rem;
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #f6f8f9;
}
.CMYCMM000 .main-review .review-item .review-comment {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 4.2rem;
  font-size: 1.4rem;
  color: #888;
  line-height: 1.5;
  white-space: normal;
}
.CMYCMM000 .main-review .review-item .car-price {
  margin-top: 0.3rem;
  font-size: 1.2rem;
  color: #666;
}
.CMYCMM000 .main-review .review-item .car-price .benefit {
  color: #ff0e0e;
}
.CMYCMM000 .main-review .review-item .review-added {
  margin-bottom: 0.5rem;
}
.CMYCMM000 .main-review .review-item .review-added:after {
  content: "";
  display: block;
  clear: both;
}
.CMYCMM000 .main-review .review-item .review-added .star-area {
  float: left;
}
.CMYCMM000 .main-review .review-item .review-added .date {
  float: right;
  color: #888;
  font-size: 1.2rem;
}
.CMYCMM000 .star-area {
  position: relative;
  display: block;
  width: 6.1rem;
  height: 1.2rem;
  background: url("/images/common/cm/icon-star-bg.png") 0 0/6.1rem auto no-repeat;
}
.CMYCMM000 .star-area .star-score {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  background: url("/images/common/cm/icon-star-score.png") 0 0/6.1rem auto no-repeat #fff;
}
.CMYCMM000 .star-area .star-score.n0 {
  width: 0%;
}
.CMYCMM000 .star-area .star-score.n1 {
  width: 20%;
}
.CMYCMM000 .star-area .star-score.n2 {
  width: 40%;
}
.CMYCMM000 .star-area .star-score.n3 {
  width: 60%;
}
.CMYCMM000 .star-area .star-score.n4 {
  width: 80%;
}
.CMYCMM000 .star-area .star-score.n5 {
  width: 100%;
}
.CMYCMM000 .star-area .star-score.n0-half {
  width: 10%;
}
.CMYCMM000 .star-area .star-score.n1-half {
  width: 30%;
}
.CMYCMM000 .star-area .star-score.n2-half {
  width: 50%;
}
.CMYCMM000 .star-area .star-score.n3-half {
  width: 70%;
}
.CMYCMM000 .star-area .star-score.n4-half {
  width: 90%;
}
.CMYCMM000 .vod-list {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  background: #fff;
  display: block;
  padding: 1rem 2rem;
}
.CMYCMM000 .vod-list .list-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;
  padding: 1rem 0;
  font-size: 1.4rem;
  color: #222;
}
.CMYCMM000 .vod-list .thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  width: 9.2rem;
  height: 6.9rem;
  margin-right: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem;
  background-color: #f6f8f9;
}
.CMYCMM000 .vod-list .list-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.CMYCMM000 .vod-list .desc {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  color: #666;
}
.CMYCMM000 .vod-list .new-tag--square {
  width: 1.4rem;
  height: 1.4rem;
  margin: -0.2rem 0 0 0.2rem;
}
.CMYCMM000 .vod-list .new-tag--square__text {
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.CMYCMM000 .vod-list .subject {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.4rem;
  color: #222;
  line-height: 1.6;
}
.CMYCMM000 .main-car-rental {
  position: relative;
}
.CMYCMM000 .car-rental-slider {
  margin: 0 -1.6rem;
  overflow: hidden;
}
.CMYCMM000 .car-rental-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 3.2rem) !important;
  margin: 0;
  padding: 3rem 1.85rem 6rem 1.85rem;
  border-radius: 1.6rem;
  background: #FFF;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.06);
  font-size: 1.6rem;
}
.CMYCMM000 .car-rental-item {
  position: relative;
  width: calc(50% - 2.3rem);
  margin: 0 1.15rem;
}
.CMYCMM000 .car-rental-item__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999em;
  overflow: hidden;
}
.CMYCMM000 .car-rental-thumb {
  position: relative;
  display: block;
  padding-top: 50%;
}
.CMYCMM000 .car-rental-thumb__box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.CMYCMM000 .car-rental-thumb__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.CMYCMM000 .car-rental-info {
  height: 13.2rem;
  margin-top: 0.9rem;
}
.CMYCMM000 .car-rental-remain {
  color: #2589ff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4rem;
}
.CMYCMM000 .car-rental-name {
  margin-top: 1.8rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.2rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.CMYCMM000 .car-rental-model {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4rem;
}
.CMYCMM000 .car-rental-amount {
  margin-top: 2.2rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.CMYCMM000 .car-rental-amount__month {
  font-size: 1.2rem;
}
.CMYCMM000 .car-rental-pagination {
  width: auto;
  bottom: 2.2rem;
  left: 2.8rem;
  text-align: left;
}
.CMYCMM000 .car-rental-pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 0.2rem;
  border-radius: 0.3rem;
  background-color: #E1E1E1;
  opacity: 1;
}
.CMYCMM000 .car-rental-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 2rem;
  background: #FFCC00;
}

.content-footer {
  padding: 3rem 1.6rem 10.5rem 1.6rem;
  background: #ebeeef;
}
.content-footer .footer-detail {
  position: relative;
}
.content-footer .footer-detail .logo-area .capital-logo {
  margin-left: -0.5rem;
}
.content-footer .footer-detail .logo-area .capital-logo img {
  vertical-align: middle;
}
.content-footer .footer-detail .logo-area .capital-logo:after {
  display: inline-block;
  vertical-align: middle;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 0.1rem solid #8d8f8f;
  border-right: 0.1rem solid #8d8f8f;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  margin: -0.5rem 0 0 0.5rem;
  transition-name: transform, margin;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  content: "";
}
.content-footer .footer-detail .logo-area.open .capital-logo:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-top: 0.3rem;
}
.content-footer .footer-detail .logo-area.open .detail-info {
  display: blcok;
}
.content-footer .footer-detail .footer-sns {
  position: absolute;
  top: 0;
  right: 0;
}
.content-footer .detail-info {
  display: none;
  clear: both;
  border-bottom: 0.1rem solid #e1e1e1;
  margin-top: 2rem;
  padding: 0 0 2rem;
  width: 100%;
  color: #888;
  font-size: 1.2rem;
  line-height: 1.6;
}
.content-footer .detail-info > div {
  display: table;
  width: 100%;
}
.content-footer .detail-info > div > dt {
  display: table-cell;
  width: 25%;
  vertical-align: top;
  padding: 0.3rem 0.5rem 0.3rem 0;
}
.content-footer .detail-info > div > dd {
  display: table-cell;
  width: 75%;
  vertical-align: top;
  padding: 0.3rem 0 0.3rem 0.5rem;
}
.content-footer .detail-info > div > dd a {
  font: inherit;
  color: inherit;
  text-decoration: underline;
}
.content-footer .footer-links {
  margin-top: 3.2rem;
}
.content-footer .footer-links > span:after {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  margin: -0.5rem 0.3rem 0;
  background: #666;
  border-radius: 50%;
  content: "";
}
.content-footer .footer-links > span:last-child:after {
  display: none;
}
.content-footer .footer-links > span a {
  font-size: 1.4rem;
  color: #444;
}
.content-footer .footer-copy {
  margin-top: 1.6rem;
  font-size: 1rem;
  color: #888;
  line-height: 1.8;
}
.content-footer .footer-copy .num {
  margin-top: 2rem;
}
.content-footer .footer-certify {
  margin-top: 2rem;
}
.content-footer .footer-certify-item {
  font-size: 0;
}
.content-footer .footer-certify-item .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.6rem;
  color: #888;
}

.main-slider {
  position: relative;
  overflow: hidden;
}
.main-slider .main-slide-blink {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 18rem;
  background: #fc0;
  display: block;
  overflow: hidden;
}
.main-slider .main-slide-blink:before {
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 200%;
  height: 50%;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255));
  -webkit-transform: rotate(-45deg) translate3d(-50%, 0, 0);
          transform: rotate(-45deg) translate3d(-50%, 0, 0);
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  margin-top: -3rem;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  opacity: 0.2;
  -webkit-animation: aniBlinkCard cubic-bezier(1, 0.25, 0.64, 1.08) infinite 2s forwards;
          animation: aniBlinkCard cubic-bezier(1, 0.25, 0.64, 1.08) infinite 2s forwards;
  content: "";
}
@-webkit-keyframes aniBlinkCard {
  0% {
    -webkit-transform: rotate(-45deg) translate3d(-50%, 0, 0);
            transform: rotate(-45deg) translate3d(-50%, 0, 0);
  }
  25% {
    opacity: 0.2;
  }
  50%, to {
    -webkit-transform: rotate(-45deg) translate3d(-50%, 100vw, 0);
            transform: rotate(-45deg) translate3d(-50%, 100vw, 0);
    opacity: 0;
  }
}
@keyframes aniBlinkCard {
  0% {
    -webkit-transform: rotate(-45deg) translate3d(-50%, 0, 0);
            transform: rotate(-45deg) translate3d(-50%, 0, 0);
  }
  25% {
    opacity: 0.2;
  }
  50%, to {
    -webkit-transform: rotate(-45deg) translate3d(-50%, 100vw, 0);
            transform: rotate(-45deg) translate3d(-50%, 100vw, 0);
    opacity: 0;
  }
}
.main-slider .swiper-pagination {
  position: absolute;
  bottom: 4rem;
  left: 0;
  width: 100%;
  text-align: left;
}
.main-slider .main-slide-item {
  opacity: 0;
}
.main-slider.swiper-initialized .main-slide-blink {
  opacity: 0;
}
.main-slider.swiper-initialized .main-slide-item {
  opacity: 1;
}
@-webkit-keyframes aniShakeCard {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 80% {
    -webkit-transform: translate3d(0.2rem, 0, 0);
    transform: translate3d(0.2rem, 0, 0);
  }
  20%, 60% {
    -webkit-transform: translate3d(-0.6rem, 0, 0);
    transform: translate3d(-0.6rem, 0, 0);
  }
}
@keyframes aniShakeCard {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 80% {
    -webkit-transform: translate3d(0.2rem, 0, 0);
    transform: translate3d(0.2rem, 0, 0);
  }
  20%, 60% {
    -webkit-transform: translate3d(-0.6rem, 0, 0);
    transform: translate3d(-0.6rem, 0, 0);
  }
}

.main-slide-item {
  z-index: 0;
  position: relative;
  width: 100%;
  height: 18rem;
  background: #fc0;
  padding: 2.4rem 2.4rem 5rem;
}
.main-slide-item .inner-link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-slide-item .main-slide-desc {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin-bottom: 0.8rem;
}
.main-slide-item .main-slide-desc.size-l {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.main-slide-item .main-slide-sub {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
  margin-top: 0.2rem;
}
.main-slide-item .main-slide-tit {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.main-slide-item .main-rolling-num {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  text-align: center;
}
.main-slide-item .main-rolling-num * {
  font: inherit;
  font-family: -apple-system, "Roboto", "NotoSansKR", "Arial", sans-serif;
}
.main-slide-item .main-slide-img {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0;
  width: 18rem;
}
.main-slide-item .main-slide-img img {
  width: 100%;
}
.main-slide-item.type-main .main-slide-img {
  position: absolute;
  bottom: 2.2rem;
  right: 0;
  font-size: 0;
  width: 15.5rem;
}
.main-slide-item.type-main .main-slide-img img {
  width: 100%;
}
.main-slide-item.type-community {
  background: #ffe65f;
}
.main-slide-item.type-community .main-slide-img {
  position: absolute;
  bottom: 2.2rem;
  right: 0;
  font-size: 0;
  width: 15.5rem;
}
.main-slide-item.type-community .main-slide-img img {
  width: 100%;
}
.main-slide-item.type-kbcare {
  background: #ffcc00;
}
.main-slide-item.type-community2 {
  background: #ffba33;
}
.main-slide-item.type-theme {
  background: #ffac57;
}
.main-slide-item.type-coupon {
  background: #ff9d83;
}

.main-ribbon {
  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: 0.2rem 1.6rem;
  background: #434c53;
  max-height: 5.8rem;
}
.main-ribbon .inner-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  padding: 0.6rem 1.2rem 0.6rem 0;
}
.main-ribbon .inner-cont:after {
  content: "";
  display: block;
  clear: both;
}
.main-ribbon .inner-cont .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  float: left;
  width: calc(100% - 6rem);
  font-weight: 400;
  font-size: 1.2rem;
  color: #fff;
}
.main-ribbon .inner-cont .txt .rolling-txt {
  margin-top: -0.2rem;
}
.main-ribbon .inner-cont .txt.hide {
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
  opacity: 0;
}
.main-ribbon .inner-cont .num-diff {
  font-size: 1.2rem;
}
.main-ribbon .inner-cont .tag-chatech,
.main-ribbon .inner-cont .tag-mywallet {
  float: left;
  margin-right: 0.6rem;
}
.main-ribbon > .icon-arrow-right-black-bold {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  margin-top: -0.8rem;
}
.main-ribbon .inner-util {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  padding: 0.3rem 0;
}
.main-ribbon .form-switch {
  position: relative;
}
.main-ribbon .form-switch input:checked ~ .balloon-box, .main-ribbon .form-switch .inp-box .ico-confirm:checked ~ .balloon-box, .inp-box .main-ribbon .form-switch .ico-confirm:checked ~ .balloon-box {
  opacity: 0;
  -webkit-transform: translateY(-0.4rem);
      -ms-transform: translateY(-0.4rem);
          transform: translateY(-0.4rem);
}
.main-ribbon .form-switch .balloon-box {
  z-index: 10;
  top: 100%;
  margin-right: -0.4rem;
  margin-top: 0.8rem;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.main-ribbon .form-switch .balloon-box:before {
  right: 0.8rem;
}
.main-ribbon .form-switch .balloon-box.hide {
  opacity: 0;
  -webkit-transform: translateY(-0.4rem);
      -ms-transform: translateY(-0.4rem);
          transform: translateY(-0.4rem);
}
.main-ribbon.is-connected {
  background: #ffd737;
}
.main-ribbon.is-connected .inner-cont .txt {
  color: #222;
}
.main-ribbon.is-connected-white {
  background: #fff;
}
.main-ribbon.is-connected-white .tag-mywallet {
  background: url("/images/common/icon/tag-mywallet-230814.svg") 0 0/contain no-repeat;
}
.main-ribbon.is-connected-white .inner-cont .txt {
  color: #222;
}

.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image {
  text-align: center;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .info-size {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 5rem;
  font-size: 1.2rem;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .info-size.front {
  padding-right: 10%;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .info-size img {
  width: auto;
  height: 7.7rem;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .info-size dd {
  position: absolute;
  width: 100%;
  text-align: center;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-ver, .CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-hor {
  position: absolute;
  display: block;
  height: 1rem;
  width: 6.5rem;
  border-style: solid;
  border-width: 0 0.1rem;
  border-color: #ffcc00;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-ver:after, .CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-hor:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: #fc0;
  content: "";
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-hor dd {
  top: 1rem;
  left: 0;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-hor.front-out {
  left: 1.2rem;
  width: 8rem;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-hor.side-in {
  left: 3.5rem;
  width: 9.8rem;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-hor.side-out {
  left: 0.7rem;
  bottom: 1.5rem;
  width: 15.5rem;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-ver {
  width: 6.5rem;
  bottom: 5.8rem;
  left: 3.5rem;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
}
.CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-ver dd {
  bottom: 1rem;
  left: 0;
}
.CMYMGA001 .container-main .sellcar-wrap .banner-bottom-box-area .banner-bottom-box {
  display: block;
  width: 100%;
}

.CMYMGA016 .modal-body {
  padding-bottom: 2rem;
}
.CMYMGA016 .info-list2 {
  position: relative;
}
.CMYMGA016 .info-list2 > li:first-child .list-cont, .CMYMGA016 .info-list2 > li:first-child .list-util {
  padding-top: 0;
}
.CMYMGA016 .btn-tooltip span + .icon-tooltip {
  margin-top: -0.3rem;
}
.CMYMGA016 .price {
  display: block;
  margin-top: 0.2rem;
  font-size: 1.4rem;
  color: #666;
}
.CMYMGA016 .price strong {
  font-size: 1.6rem;
  margin-right: 0.2rem;
}

.CMYMGA301 .btn-wrap {
  margin-top: 4.8rem;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.CMYMGA301 .btn-wrap[data-step-group] {
  -webkit-animation: none;
          animation: none;
}
.CMYMGA301 .inp-list-wrap > ul > li:first-child {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

.CMYMGA302 .btn-area.bottom-fixed {
  z-index: 1003;
}
.CMYMGA302 .bg-registcar {
  z-index: -1;
  top: 1rem;
  right: 0;
  position: absolute;
  width: 18rem;
  opacity: 0.35;
  overflow: hidden;
}
.CMYMGA302 .bg-registcar img {
  position: absol;
  top: 0;
  left: 0;
  -webkit-animation: aniCarShow ease-in-out 2.5s both;
          animation: aniCarShow ease-in-out 2.5s both;
  height: 20rem;
}
.CMYMGA302 .data-list2 {
  table-layout: fixed;
}
@-webkit-keyframes aniCarShow {
  0% {
    -webkit-transform: translate(100%, -4rem);
            transform: translate(100%, -4rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes aniCarShow {
  0% {
    -webkit-transform: translate(100%, -4rem);
            transform: translate(100%, -4rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.CMYMGA001_submain {
  position: relative;
}
.CMYMGA001_submain .notice-anchor-area {
  background: #fc0;
  padding: 0.4rem 1.6rem;
  margin: 0 -1.6rem;
}
.CMYMGA001_submain .notice-anchor-area .btn-notice-anchor {
  opacity: 0;
  -webkit-transform: translateY(0.5rem);
      -ms-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
  -webkit-transition: opacity ease-in-out 0.4s 0.2s, -webkit-transform ease-in-out 0.4s 0.2s;
  transition: opacity ease-in-out 0.4s 0.2s, -webkit-transform ease-in-out 0.4s 0.2s;
  transition: opacity ease-in-out 0.4s 0.2s, transform ease-in-out 0.4s 0.2s;
  transition: opacity ease-in-out 0.4s 0.2s, transform ease-in-out 0.4s 0.2s, -webkit-transform ease-in-out 0.4s 0.2s;
}
.CMYMGA001_submain .notice-anchor-area:nth-child(2) .btn-notice-anchor {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.CMYMGA001_submain .point-box, .CMYMGA001_submain .search-result-box {
  margin-top: 1.6rem;
}
.CMYMGA001_submain .tooltip .image img {
  width: 100%;
}
.CMYMGA001_submain .subcont-area[data-content-name=carPrice] .subcont-util {
  z-index: 2;
}
.CMYMGA001_submain .subcont-box {
  position: relative;
  z-index: 1;
}
.CMYMGA001_submain .subcont-box.bg-ts {
  background: url("//images/common/mycar/bg-ts.png") right 2.4rem/16.8rem auto no-repeat #fff;
}
.CMYMGA001_submain .subcont-box.bg-tire {
  position: relative;
  z-index: 2;
  background: url("//images/common/mycar/bg-tire.png") right bottom/34.3rem auto no-repeat #fff;
}
.CMYMGA001_submain .subcont-box.membership-area {
  background: url("//images/common/mycar/image_membership.png") right 2.4rem top 2.4rem/9.9rem auto no-repeat #fff;
}
.CMYMGA001_submain .submain-summary {
  margin-top: -6.8rem;
  padding-top: 6.8rem;
  position: relative;
}
.CMYMGA001_submain .submain-summary.screenon .notice-anchor-area .btn-notice-anchor {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.CMYMGA001_submain .submain-summary .notice-anchor-area + .subcont-inner {
  padding-top: 5.5rem;
}
.CMYMGA001_submain .submain-summary:before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: -1.6rem;
  right: -1.6rem;
  height: 9.2rem;
  display: block;
  background: #ffcc00;
  content: "";
}
.CMYMGA001_submain .submain-summary .subcont-inner {
  position: relative;
  padding-top: 2.3rem;
}
.CMYMGA001_submain .submain-summary .subcont-inner:before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: -1.6rem;
  right: -1.6rem;
  height: 13.5rem;
  display: block;
  background: #ffcc00;
  content: "";
}
.CMYMGA001_submain .submain-summary .subcont-box {
  position: relative;
}
.CMYMGA001_submain .submain-summary .subcont-box:first-child {
  width: 100%;
  z-index: 10;
}
.CMYMGA001_submain .submain-summary .cont-util {
  position: relative;
}
.CMYMGA001_submain .submain-summary .balloon-box {
  position: absolute;
  bottom: 100%;
  right: -1rem;
  margin-bottom: 0.5rem;
}
.CMYMGA001_submain .submain-summary .car-info {
  margin-bottom: 2.4rem;
}
.CMYMGA001_submain .submain-summary .car-num {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMGA001_submain .submain-summary .car-desc {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.CMYMGA001_submain .submain-summary .car-thumb {
  right: 0.5rem;
  top: 0;
  -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
          transform: translateY(-40%);
  position: absolute;
  height: 11rem;
  width: auto;
}
.CMYMGA001_submain .submain-summary .car-thumb img {
  height: 100%;
  width: auto;
}
.CMYMGA001_submain .submain-summary.type-new .notice-anchor-area {
  background: none;
}
.CMYMGA001_submain .submain-summary.type-new:before {
  display: none;
}
.CMYMGA001_submain .submain-summary.type-new .subcont-inner:before {
  display: none;
}
.CMYMGA001_submain .submain-summary.type-new .subcont-box {
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
}
.CMYMGA001_submain .submain-summary.type-new .notice-anchor-area + .subcont-inner {
  padding-top: 4.5rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .notice-anchor-area {
  background: none;
}
.CMYMGA001_submain .submain-summary.type-new2:before {
  display: none;
}
.CMYMGA001_submain .submain-summary.type-new2 .subcont-inner:before {
  display: none;
}
.CMYMGA001_submain .submain-summary.type-new2 .summary-inner.type-nodata .car-num {
  display: block;
  text-align: left;
}
.CMYMGA001_submain .submain-summary.type-new2 .summary-inner.type-nodata .car-desc {
  text-align: left;
}
.CMYMGA001_submain .submain-summary.type-new2 .subcont-box {
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
}
.CMYMGA001_submain .submain-summary.type-new2 .notice-anchor-area + .subcont-inner {
  padding-top: 4.5rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .subcont-box.my-car-box {
  padding: 4.5rem 1.6rem 2rem 1.6rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-edit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0.5rem;
  padding-right: 1.6rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-info {
  font-size: 0;
  line-height: normal;
  text-align: center;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-info .car-desc {
  word-break: break-all;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-num {
  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: 2rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-num .icon16 {
  margin-top: 0.1rem;
  margin-left: 0.4rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-desc {
  margin-top: 0.5rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: -0.023rem;
  text-align: center;
  color: #222;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-thumb {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12rem;
  height: auto;
  right: initial;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-sell {
  margin-top: 1.6rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-sell .inner-link {
  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;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-sell .text {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: -0.23px;
  color: #666;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail {
  position: relative;
  border-radius: 1.2rem;
  background-color: #f6f8f9;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail ~ .car-detail {
  margin-top: 1rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .inner-link {
  display: block;
  padding: 1.2rem 2rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .status {
  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;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .subject {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: -0.02rem;
  color: #222;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: -0.4rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .txt-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.8rem;
  line-height: normal;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .txt-rate.type-default {
  color: #888;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .txt-rate.type-default .icon::before {
  margin-top: -0.2rem;
  border: none;
  width: 0.6rem;
  height: 0.3rem;
  background-color: #888;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .txt-rate .icon {
  margin: 0.4rem 0.4rem 0 0;
  width: 0.6rem;
  height: 0.8rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .value {
  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: 1.8rem;
  line-height: 1.44;
  font-weight: bold;
  letter-spacing: -0.04rem;
  color: #222;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .value .icon16 {
  margin-top: 0.2rem;
  margin-left: 0.4rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .additional {
  margin-top: 1.2rem;
  text-align: center;
  font-size: 0;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .additional .price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2rem;
  line-height: 2rem;
  color: #666;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .additional .price ~ .price {
  margin-left: 1.7rem;
  padding-left: 1.6rem;
  border-left: 1px solid #ddd;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .additional .price dt {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: -0.02rem;
  vertical-align: middle;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .additional .price dd {
  display: inline-block;
  margin-left: 0.8rem;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: -0.023rem;
  vertical-align: middle;
}
.CMYMGA001_submain .submain-summary.type-new2 .car-detail .balloon-box {
  top: -1.8rem;
  bottom: initial;
  right: 1.3rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .summary-banner {
  padding: 2.8rem 2.4rem 1.6rem 2.4rem;
}
.CMYMGA001_submain .submain-summary.type-new2 .summary-banner .desc {
  font-size: 14px;
  line-height: normal;
  letter-spacing: -0.28px;
}
.CMYMGA001_submain .submain-summary.type-new2 .summary-banner .tit {
  margin-top: 0.4rem;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.28px;
}
.CMYMGA001_submain .submain-summary.type-new2 .summary-banner .tit .highlight {
  z-index: 0;
  position: relative;
}
.CMYMGA001_submain .submain-summary.type-new2 .summary-banner .tit .highlight:before {
  bottom: 0;
  height: 0.6rem;
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}
.CMYMGA001_submain .submain-summary.type-new2 .summary-banner .inner-link {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: xx-small;
  color: transparent;
  content: "";
}
.CMYMGA001_submain .submain-summary .summary-inner.type-nodata:after {
  z-index: 2;
  position: absolute;
  top: -3.9rem;
  right: 0;
  width: 11.7rem;
  height: 7.8rem;
  background: url("/images/common/mycar/mycar-summary-nodata.svg") 0 0/contain no-repeat;
  content: "";
}
.CMYMGA001_submain .submain-summary .summary-inner.type-nodata .car-num {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMGA001_submain .submain-summary .summary-inner.type-nodata .car-desc {
  font-weight: 400;
}
.CMYMGA001_submain .submain-summary .summary-inner.type-nodata .car-info {
  margin-bottom: 1.6rem;
}
.CMYMGA001_submain .submain-summary .summary-banner {
  position: relative;
  background: #434c53;
  margin-top: -1.2rem;
  padding: 3.2rem 2.4rem 2rem;
  color: #fff;
  border-radius: 0 0 1.2rem 1.2rem;
}
.CMYMGA001_submain .submain-summary .summary-banner .desc {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  color: #fff;
  margin-bottom: 0.4rem;
  opacity: 0.5;
}
.CMYMGA001_submain .submain-summary .summary-banner .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  color: #fff;
}
.CMYMGA001_submain .submain-summary .summary-banner .tit .highlight {
  z-index: 0;
  position: relative;
}
.CMYMGA001_submain .submain-summary .summary-banner .tit .highlight:before {
  z-index: -1;
  position: absolute;
  bottom: 0.2rem;
  left: 0;
  right: 0;
  display: block;
  height: 0.8rem;
  background: #0f1921;
  content: "";
}
.CMYMGA001_submain .submain-summary .summary-banner .inner-link {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: xx-small;
  color: transparent;
  content: "";
}
.CMYMGA001_submain .graph-area2:before {
  display: block;
  text-align: center;
  color: #2589ff;
  content: "�׷��� ���� �߰� ����";
}
.CMYMGA001_submain .fraction-area {
  font-size: 0;
}
.CMYMGA001_submain .fraction-area strong {
  font-size: 2.4rem;
  font-weight: 700;
  display: inline-block;
  color: #2589ff;
  vertical-align: middle;
}
.CMYMGA001_submain .fraction-area span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
  vertical-align: middle;
  margin: 0.2rem 0 0 0.2rem;
}
.CMYMGA001_submain .score-info:after {
  content: "";
  display: block;
  clear: both;
}
.CMYMGA001_submain .score-info .score-thumb {
  float: left;
  position: relative;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 1.8rem;
  background-color: #fc0;
}
.CMYMGA001_submain .score-info .score-thumb img {
  width: 100%;
  height: auto;
}
.CMYMGA001_submain .score-info .score-desc {
  float: left;
  width: calc(100% - 5.6rem);
  padding: 0.5rem 0 0 1.6rem;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.CMYMGA001_submain .screenon .tire-info-area:before {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 1;
}
.CMYMGA001_submain .tire-info-area {
  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: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1.2rem -2.4rem;
  overflow: hidden;
}
.CMYMGA001_submain .tire-info-area:after {
  position: absolute;
  display: block;
  top: 1.2rem;
  bottom: 1.2rem;
  left: 50%;
  margin-left: -0.1rem;
  width: 0.3rem;
  background: url("/images/common/mycar/bg-car-line.svg") center/0.3rem auto repeat-y;
  content: "";
}
.CMYMGA001_submain .tire-info-area:before {
  z-index: 5;
  position: absolute;
  width: 6.2rem;
  height: 14rem;
  display: block;
  left: 50%;
  margin-left: -3.1rem;
  opacity: 0;
  top: 100%;
  background: url("/images/common/mycar/img-car-tire.png") center/contain no-repeat;
  -webkit-transition: opacity 0.7s ease-in-out 0.3s, top 1.1s ease-in-out 0.3s, -webkit-transform 1.1s ease-in-out 0.3s;
  transition: opacity 0.7s ease-in-out 0.3s, top 1.1s ease-in-out 0.3s, -webkit-transform 1.1s ease-in-out 0.3s;
  transition: transform 1.1s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s, top 1.1s ease-in-out 0.3s;
  transition: transform 1.1s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s, top 1.1s ease-in-out 0.3s, -webkit-transform 1.1s ease-in-out 0.3s;
  content: "";
}
.CMYMGA001_submain .tire-info-area .tire-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding: 1.2rem 2.4rem;
}
.CMYMGA001_submain .tire-info-area .tire-item:after {
  content: "";
  display: block;
  clear: both;
}
.CMYMGA001_submain .tire-info-area .tire-item:nth-child(odd) .tire-inner {
  float: right;
}
.CMYMGA001_submain .tire-info-area .tire-item:nth-child(odd) .tire-tit {
  text-align: left;
}
.CMYMGA001_submain .tire-info-area .tire-item:nth-child(odd) .tire-cont {
  text-align: left;
}
.CMYMGA001_submain .tire-info-area .tire-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 12.4rem;
  width: 100%;
  height: 100%;
  min-height: 12rem;
  background-color: #f6f8f9;
  border: 0.1rem solid transparent;
  border-radius: 1.2rem;
  padding: 1.6rem 1.6rem 1.4rem;
}
.CMYMGA001_submain .tire-info-area .tire-inner.type-nodata {
  position: relative;
  background-color: #fff;
  border: 0.1rem solid #aaa;
}
.CMYMGA001_submain .tire-info-area .tire-inner.type-nodata .tire-tit {
  opacity: 0.7;
}
.CMYMGA001_submain .tire-info-area .tire-inner.type-nodata .tire-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin-top: 1rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.CMYMGA001_submain .tire-info-area .tire-tit {
  margin-bottom: 1.4rem;
  text-align: right;
}
.CMYMGA001_submain .tire-info-area .tire-tit span {
  display: inline-block;
  font-size: 1.2rem;
  color: #666;
  line-height: 2rem;
  height: 2rem;
  border: 0.1rem solid #666;
  border-radius: 1rem;
  padding: 0 0.5rem;
}
.CMYMGA001_submain .tire-info-area .tire-cont {
  display: block;
  text-align: right;
}
.CMYMGA001_submain .tire-info-area .tire-cont .name {
  display: block;
  font-size: 1.4rem;
  color: #666;
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
}
.CMYMGA001_submain .tire-info-area .tire-cont .km {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  color: #222;
  word-break: break-all;
}
.CMYMGA001_submain .tire-info-area .tire-cont .km strong {
  font-size: 1.8rem;
}
.CMYMGA001_submain .price-compare-area {
  position: relative;
  padding-bottom: 13rem;
  margin-bottom: 2rem;
}
.CMYMGA001_submain .price-compare-area .price-label {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-bottom: 0.2rem;
}
.CMYMGA001_submain .price-compare-area .price-result {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMGA001_submain .price-compare-area.screenon .type-decrease .price-gauge.type-average {
  height: 7.6rem;
}
.CMYMGA001_submain .price-compare-area.screenon .type-decrease .price-gauge.type-average:after {
  width: 15rem;
}
.CMYMGA001_submain .price-compare-area.screenon .type-decrease .price-gauge.type-mine {
  height: 7.6rem;
}
.CMYMGA001_submain .price-compare-area.screenon .type-decrease .price-gauge.type-mine.result {
  height: 5.1rem;
}
.CMYMGA001_submain .price-compare-area.screenon .type-increase .price-gauge.type-average {
  height: 7.6rem;
}
.CMYMGA001_submain .price-compare-area.screenon .type-increase .price-gauge.type-average:after {
  width: 15rem;
}
.CMYMGA001_submain .price-compare-area.screenon .type-increase .price-gauge.type-mine.result {
  height: 10rem;
  overflow: hidden;
}
.CMYMGA001_submain .price-compare-area.screenon .type-increase .price-gauge.type-mine.result:after {
  position: absolute;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.4rem;
  background: #0672f2;
  -webkit-animation: aniFadeIn ease-in 0.5s both;
          animation: aniFadeIn ease-in 0.5s both;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  opacity: 0;
  content: "";
}
@-webkit-keyframes aniFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes aniFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.CMYMGA001_submain .price-compare-area.screenon .type-nodata .price-gauge:before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 100%;
  text-align: center;
  font-size: 3.5rem;
  font-weight: 700;
  color: #fff;
  opacity: 0;
  -webkit-animation: aniFadeIn ease-in 0.5s both;
          animation: aniFadeIn ease-in 0.5s both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  content: "?";
}
.CMYMGA001_submain .price-compare-area.screenon .type-nodata .price-gauge.type-average {
  height: 10.2rem;
}
.CMYMGA001_submain .price-compare-area.screenon .type-nodata .price-gauge.type-mine.result {
  height: 10.2rem;
  background: #a2cbfb;
}
.CMYMGA001_submain .price-compare-area .price-graph {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.CMYMGA001_submain .price-compare-area .price-graph.type-increase .price-gauge.type-mine {
  display: none;
}
.CMYMGA001_submain .price-compare-area .price-graph.type-increase .price-gauge.type-mine.result {
  display: block;
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}
.CMYMGA001_submain .price-compare-area .price-graph.type-decrease .price-gauge.type-mine {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
.CMYMGA001_submain .price-compare-area .price-graph.type-decrease .price-gauge.type-mine.result {
  display: block;
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}
.CMYMGA001_submain .price-compare-area .price-gauge {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -9rem;
  display: block;
  width: 6.5rem;
  height: 0;
  -webkit-transition: height ease-in-out 1s;
  transition: height ease-in-out 1s;
  border-radius: 0.8rem 0.8rem 0 0;
}
.CMYMGA001_submain .price-compare-area .price-gauge.type-average {
  background-color: #ddd;
}
.CMYMGA001_submain .price-compare-area .price-gauge.type-average:after {
  z-index: 1;
  position: absolute;
  left: 100%;
  top: 0;
  display: block;
  width: 0;
  border-bottom: 0.1rem dashed #aaa;
  -webkit-transition: width ease-out 0.7s;
  transition: width ease-out 0.7s;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
  content: "";
}
.CMYMGA001_submain .price-compare-area .price-gauge.type-mine.result {
  background-color: #2589ff;
  margin-left: 2.5rem;
}
.CMYMGA001_submain .price-compare-area .price-gauge.type-mine {
  background-color: #d1e6ff;
  margin-left: 2.5rem;
}
.CMYMGA001_submain .btn-wrap[data-module=ScrollPositionController] {
  position: relative;
}
.CMYMGA001_submain .btn-wrap[data-module=ScrollPositionController] .icon-touch {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation: aniTouch ease-in-out 1.5s infinite;
          animation: aniTouch ease-in-out 1.5s infinite;
  pointer-events: none;
}
@-webkit-keyframes aniTouch {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
}
@keyframes aniTouch {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
}
.CMYMGA001_submain .btn-tooltip.type-warn {
  font: inherit;
  color: inherit;
  text-align: left;
}
.CMYMGA001_submain .btn-tooltip.type-warn .icon-error {
  margin-top: -0.3rem;
}
.CMYMGA001_submain .btn-tooltip.type-warn > span {
  display: inline;
  vertical-align: middle;
}
.CMYMGA001_submain .tooltip.type-warn {
  z-index: 0;
  position: relative;
  background: url("/images/common/mycar/bg-warn.svg") bottom right 1rem/4.3rem auto no-repeat #ffebeb;
  border: none;
  border-radius: 0 1.2rem 1.2rem 1.2rem;
  padding: 1.4rem 4.5rem 1.4rem 1.4rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.CMYMGA001_submain .tooltip.type-warn .txt {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.035rem;
  color: #222;
}
.CMYMGA001_submain .tooltip.type-warn .icon-close {
  top: 1.4rem;
  right: 1.4rem;
  background-color: transparent;
}
.CMYMGA001_submain .chart-area2 .chart {
  width: 100%;
  height: 15.4rem;
}
.CMYMGA001_submain .chart-area2 .chart.screenon foreignObject {
  -webkit-animation: aniTooltip ease-in-out 0.5s 1.2s both;
          animation: aniTooltip ease-in-out 0.5s 1.2s both;
}
.CMYMGA001_submain .chart-area2 .chart .chart-tooltip > span {
  line-height: 23px !important;
}
.CMYMGA001_submain .chart-area2 foreignObject {
  opacity: 0;
}
@-webkit-keyframes aniTooltip {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes aniTooltip {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.CMYMGA001_submain .amcharts-balloon-div-priceGraph {
  height: 2.5rem;
  line-height: 2.8rem;
}
.CMYMGA001_submain .amcharts-balloon-div-priceGraph strong {
  margin-right: 0.2rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.membership-collection {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  z-index: 0;
  position: relative;
  display: block;
  padding: 3rem 2rem 2rem;
  background: url("/images/common/mycar/bg-membership-default.jpg") center center/cover no-repeat;
}
.membership-collection .membership-collection-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 1.2rem;
  overflow: hidden;
}
.membership-collection .membership-collection-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.membership-collection .tag-round {
  margin-bottom: 1rem;
}
.membership-collection .subcont-tit-area {
  margin-bottom: 0.8rem;
}
.membership-collection .subcont-tit-area .subcont-tit {
  color: #fff;
}
.membership-collection .subcont-desc {
  color: #fff;
  margin: 0;
}
.membership-collection .membership-collection-bg:after, .membership-collection:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.15)), color-stop(80%, rgba(0, 0, 0, 0.15)), to(rgb(0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 80%, rgb(0, 0, 0) 100%);
  border-radius: 1.2rem;
  pointer-events: none;
  content: "";
}
.membership-collection .membership-slider {
  margin-left: -2rem;
  margin-right: -2rem;
  padding: 0 2rem;
}

.membership-slider {
  margin-top: 5.2rem;
  overflow: hidden;
}
.membership-slider .inner-item {
  width: 16rem;
}
.membership-slider .inner-item .thumb {
  display: block;
  width: 16rem;
  height: 12rem;
  border-radius: 1.2rem;
  overflow: hidden;
  border: 0.1rem solid #eee;
}
.membership-slider .inner-item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.membership-slider .inner-link {
  display: block;
}
.membership-slider .name {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  margin-top: 1rem;
  color: #fff;
  opacity: 0.8;
}
.membership-slider .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
}

.screenon .link-intro-mydata .visual .particle {
  -webkit-animation: aniParticleShow cubic-bezier(0.42, 0, 0.02, 1.34) 0.5s 1.5s both;
          animation: aniParticleShow cubic-bezier(0.42, 0, 0.02, 1.34) 0.5s 1.5s both;
}
.screenon .link-intro-mydata .visual .hand {
  -webkit-animation: aniHandMove linear 0.6s 0.3s both;
          animation: aniHandMove linear 0.6s 0.3s both;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  opacity: 1;
}

.link-intro-mydata {
  position: relative;
}
.link-intro-mydata .visual {
  right: 1.6rem;
  bottom: 0;
}
.link-intro-mydata .visual > span {
  display: block;
}
.link-intro-mydata .visual .particle {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 4.8rem;
  height: 1.9rem;
  opacity: 0;
  background: url("/images/common/mycar/banner-mydata-particle.png") center/contain no-repeat;
}
.link-intro-mydata .visual .hand {
  width: 6.8rem;
  height: 7.9rem;
  background: url("/images/common/mycar/banner-mydata-hand.png") center/contain no-repeat;
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.3s;
  transition: opacity ease-in-out 0.3s;
  margin-bottom: -0.6rem;
}
@-webkit-keyframes aniParticleShow {
  0% {
    -webkit-transform: scale(0.3) translateY(2rem);
            transform: scale(0.3) translateY(2rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@keyframes aniParticleShow {
  0% {
    -webkit-transform: scale(0.3) translateY(2rem);
            transform: scale(0.3) translateY(2rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes aniHandMove {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes aniHandMove {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}

.comment-result {
  position: relative;
  text-align: center;
  margin: 0 -2.4rem;
}
.comment-result .comment-num {
  display: block;
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.comment-result .comment-txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.5rem;
}
.comment-result .comment-bg1 {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 6.8rem;
}
.comment-result .comment-bg2 {
  bottom: 0;
  right: 0;
  position: absolute;
  width: 6.8rem;
}
.comment-result .comment-bg2 span {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0.8;
}
.comment-result .comment-bg2 span:first-child {
  opacity: 0.3;
}

.size-info-image {
  margin-top: 5rem;
  margin-bottom: 1.6rem;
  text-align: center;
  font-size: 0;
}
.size-info-image .info-size {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 3.7rem;
  font-size: 1.2rem;
  color: #222;
  width: 55%;
  text-align: center;
}
.size-info-image .info-size.front {
  width: 45%;
  padding-right: 3rem;
}
.size-info-image .info-size img {
  width: auto;
  height: 7.4rem;
}
.size-info-image .info-size dd {
  z-index: 1;
  position: absolute;
  left: 50%;
  background: #f6f8f9;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  padding: 0 0.3rem;
}
.size-info-image .line-ver, .size-info-image .line-hor {
  position: absolute;
  display: block;
  height: 1.2rem;
  width: 7rem;
  border-style: solid;
  border-width: 0 0.1rem;
  border-color: #222;
}
.size-info-image .line-ver:after, .size-info-image .line-hor:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: #222;
  content: "";
}
.size-info-image .line-hor.front-out {
  left: 50%;
  bottom: 1.7rem;
  margin-left: -5.3rem;
  width: 7.8rem;
}
.size-info-image .line-hor.side-in {
  left: 50%;
  bottom: 2rem;
  margin-left: -5.2rem;
  width: 9.8rem;
}
.size-info-image .line-hor.side-out {
  left: 50%;
  margin-left: -6.5em;
  bottom: 0;
  width: 15.8rem;
}
.size-info-image .line-ver {
  width: 7rem;
  bottom: 4rem;
  left: 50%;
  margin-left: -3rem;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
}

.CMYMGA005_detail .data-item.size-l {
  margin-bottom: 2.4rem;
}
.CMYMGA005_detail .distance-graph-area .txt {
  margin-bottom: 3rem;
  text-align: center;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
}
.CMYMGA005_detail .distance-graph-area .txt span {
  color: #2589ff;
}
.CMYMGA005_detail .distance-graph {
  position: relative;
  padding-top: 4.5rem;
  margin-bottom: 2.4rem;
  overflow: hidden;
}
.CMYMGA005_detail .distance-graph.screenon .dot {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.CMYMGA005_detail .distance-graph.screenon .mark:before {
  top: 2.6rem;
}
.CMYMGA005_detail .distance-graph.screenon .mark span {
  opacity: 1;
  margin-top: 0;
}
.CMYMGA005_detail .distance-graph .graph-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -0.8rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
}
.CMYMGA005_detail .distance-graph .graph-grid .zeropoint {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #666;
  font-size: 1.2rem;
  text-align: center;
}
.CMYMGA005_detail .distance-graph .graph-grid .zeropoint:before {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: #fff;
  border-radius: 50%;
  content: "";
  margin: 0.2rem auto 0.7rem;
}
.CMYMGA005_detail .distance-graph .graph-bar {
  position: relative;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(24%, #2589ff), color-stop(50%, #49b5c4), color-stop(75%, #69da92));
  background: linear-gradient(to right, #2589ff 24%, #49b5c4 50%, #69da92 75%);
  overflow: hidden;
}
.CMYMGA005_detail .distance-graph .graph-marks {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  top: 0;
  bottom: 1.5rem;
}
.CMYMGA005_detail .distance-graph .dot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
  border: 0.2rem solid #fff;
  background: #888;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.CMYMGA005_detail .distance-graph .mark {
  z-index: 5;
  position: absolute;
  bottom: 0;
  width: 7.6rem;
  height: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
.CMYMGA005_detail .distance-graph .mark:before {
  position: absolute;
  top: 100%;
  left: 50%;
  bottom: 1rem;
  width: 0.1rem;
  margin-left: -0.2rem;
  border-right: 0.2rem dotted #888;
  -webkit-transition-property: opacity, top;
  transition-property: opacity, top;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  content: "";
}
.CMYMGA005_detail .distance-graph .mark span {
  z-index: 1;
  position: relative;
  display: inline-block;
  height: 2.6rem;
  line-height: 2.8rem;
  padding: 0 1rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #222;
  border-radius: 1.3rem;
  margin-top: -0.5rem;
  opacity: 0;
  -webkit-transition-property: opacity, margin;
  transition-property: opacity, margin;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.CMYMGA005_detail .distance-graph .mark span:before {
  display: inline-block;
  width: 2.2rem;
  height: 1.8rem;
  vertical-align: middle;
  margin: -0.2rem 0.3rem 0 0;
  content: "";
}
.CMYMGA005_detail .distance-graph .mark.type-short:before {
  border-color: #2589ff;
}
.CMYMGA005_detail .distance-graph .mark.type-short .dot {
  background-color: #2589ff;
}
.CMYMGA005_detail .distance-graph .mark.type-short span {
  background: #e9f3ff;
}
.CMYMGA005_detail .distance-graph .mark.type-short span:before {
  background: url("/images/common/mycar/icon-car-short.svg") center/contain no-repeat;
}
.CMYMGA005_detail .distance-graph .mark.type-medium:before {
  border-color: #26b1e2;
}
.CMYMGA005_detail .distance-graph .mark.type-medium .dot {
  background-color: #26b1e2;
}
.CMYMGA005_detail .distance-graph .mark.type-medium span {
  background: #d4eff9;
}
.CMYMGA005_detail .distance-graph .mark.type-medium span:before {
  background: url("/images/common/mycar/icon-car-medium.svg") center/contain no-repeat;
}
.CMYMGA005_detail .distance-graph .mark.type-long:before {
  border-color: #a1da69;
}
.CMYMGA005_detail .distance-graph .mark.type-long .dot {
  background-color: #a1da69;
}
.CMYMGA005_detail .distance-graph .mark.type-long span {
  background: #ecf8e1;
}
.CMYMGA005_detail .distance-graph .mark.type-long span:before {
  background: url("/images/common/mycar/icon-car-long.svg") center/contain no-repeat;
}
.CMYMGA005_detail .info-image {
  margin-bottom: 1.6rem;
  text-align: center;
}
.CMYMGA005_detail .info-image .info-size {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  padding-bottom: 5.4rem;
  font-size: 1.2rem;
  color: #222;
}
.CMYMGA005_detail .info-image .info-size.front {
  padding-right: 10%;
}
.CMYMGA005_detail .info-image .info-size img {
  width: auto;
  height: 7.7rem;
}
.CMYMGA005_detail .info-image .info-size dd {
  position: absolute;
  width: 100%;
  text-align: center;
}
.CMYMGA005_detail .info-image .line-ver, .CMYMGA005_detail .info-image .line-hor, .CMYMGA005_detail .CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-hor, .CMYMGA001 .container-main .specification-info .info-layer-wrap .CMYMGA005_detail .info-image .line-hor, .CMYMGA005_detail .CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-ver, .CMYMGA001 .container-main .specification-info .info-layer-wrap .CMYMGA005_detail .info-image .line-ver {
  position: absolute;
  display: block;
  height: 1.2rem;
  width: 6.5rem;
  border-style: solid;
  border-width: 0 0.1rem;
  border-color: #ffcc00;
}
.CMYMGA005_detail .info-image .line-ver:after, .CMYMGA005_detail .info-image .line-hor:after, .CMYMGA005_detail .CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-hor:after, .CMYMGA001 .container-main .specification-info .info-layer-wrap .CMYMGA005_detail .info-image .line-hor:after, .CMYMGA005_detail .CMYMGA001 .container-main .specification-info .info-layer-wrap .info-image .line-ver:after, .CMYMGA001 .container-main .specification-info .info-layer-wrap .CMYMGA005_detail .info-image .line-ver:after {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background: #fc0;
  content: "";
}
.CMYMGA005_detail .info-image .line-hor dd {
  top: 1rem;
  left: 0;
}
.CMYMGA005_detail .info-image .line-hor.front-out {
  left: 1rem;
  width: 8.4rem;
}
.CMYMGA005_detail .info-image .line-hor.side-in {
  left: 3.5rem;
  width: 9.8rem;
}
.CMYMGA005_detail .info-image .line-hor.side-out {
  left: 0.7rem;
  bottom: 1.5rem;
  width: 15.5rem;
}
.CMYMGA005_detail .info-image .line-ver {
  width: 6.5rem;
  bottom: 6.4rem;
  left: 3.5rem;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
}
.CMYMGA005_detail .info-image .line-ver dd {
  bottom: 1rem;
  left: 0;
}
.CMYMGA005_detail .link-tit-area {
  font-size: 0;
}
.CMYMGA005_detail .link-tit-area .link-tit {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 3.2rem);
  padding-left: 1.2rem;
}
.CMYMGA005_detail .link-tit-area .link-tit strong {
  display: block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.CMYMGA005_detail .link-tit-area .link-tit span {
  display: block;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  margin-top: 0.2rem;
}
.CMYMGA005_detail .chart-area2 #chartKM {
  position: relative;
  height: 20rem;
}
.CMYMGA005_detail .chart-area2 #chartKM:after {
  position: absolute;
  left: 37px;
  right: 10px;
  bottom: 35px;
  display: block;
  height: 1px;
  background: #ccc;
  content: "";
}
.CMYMGA005_detail .chart-area2.ready .chart-gauge {
  height: 0 !important;
}
.CMYMGA005_detail .chart-area2.screenon .chart-gauge {
  min-height: 0.5rem;
}
.CMYMGA005_detail .chart-area2.screenon .chart-gauge.active {
  background-color: #ffcc00;
}
.CMYMGA005_detail .chart-area2.screenon .active .data-label {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0);
      -ms-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}
.CMYMGA005_detail .chart-help-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
  text-align: center;
  margin-bottom: 0.5rem;
}

.CMYMGA003_edit .mycar-head:after {
  content: "";
  display: block;
  clear: both;
}
.CMYMGA003_edit .mycar-head .page-intro-100 {
  float: left;
  margin-top: 2.5rem;
}
.CMYMGA003_edit .mycar-thumb {
  float: right;
  width: 14.8rem;
  height: auto;
  opacity: 0.4;
}
.CMYMGA003_edit .mycar-thumb img {
  width: 100%;
  height: auto;
}
.CMYMGA003_edit .row-item {
  margin-bottom: 1.6rem;
}
.CMYMGA003_edit .row-item .txt-km {
  margin-right: 1.5rem;
}
.CMYMGA003_edit .row-item .row-tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-right: 2.4rem;
}
.CMYMGA003_edit .row-item .tag-round {
  vertical-align: middle;
}

.CMYCMM900 .subcont-area {
  padding-bottom: 0;
}

.allmenu-intro {
  padding: 2.4rem 1.6rem 1.4rem;
  margin: -2.4rem -1.6rem 0;
}
.allmenu-intro.type-login {
  padding-bottom: 2.4rem;
  background: #fc0;
}
.allmenu-intro .btn-area {
  padding: 0;
}
.allmenu-intro .page-intro-100 {
  margin-bottom: 2.4rem;
}
.allmenu-intro .subcont-box.type-link {
  margin-top: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.allmenu-intro .subcont-box.type-link .subcont-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  word-break: keep-all;
}
.allmenu-intro .subcont-box.type-link .btn-txt-arrow {
  position: relative;
  display: block;
  padding: 0 2rem 0 0;
  word-break: break-all;
  line-height: 1rem;
}
.allmenu-intro .subcont-box.type-link .btn-txt-arrow > span {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  line-height: 1.2rem;
}
.allmenu-intro .subcont-box.type-link .btn-txt-arrow .icon-arrow-right-black {
  position: absolute;
  top: 50%;
  margin-top: -1rem;
  right: 0;
}
.allmenu-intro .subcont-box.type-link .btn-txt-arrow .icon-kbcoin {
  margin: 0 0.5rem 0 0;
}
.allmenu-intro .subcont-box.type-link .subcont-util {
  max-width: 50%;
}

.allmenu-summary {
  display: inline-block;
  background: #fff;
  border-radius: 1.2rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
  display: block;
}
.allmenu-summary:after {
  content: "";
  display: block;
  clear: both;
}
.allmenu-summary .allmenu-link {
  position: relative;
  display: block;
  float: left;
  width: 25%;
  text-align: center;
  padding: 2.4rem 0.5rem 2rem;
}
.allmenu-summary .allmenu-link:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 0.1rem;
  height: 5.2rem;
  margin-top: -2.6rem;
  background: #eee;
  content: "";
}
.allmenu-summary .allmenu-link:first-child:before {
  display: none;
}
.allmenu-summary .allmenu-link > .tit {
  display: block;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 0.8rem;
}
.allmenu-summary .allmenu-link > .cont {
  display: block;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #666;
  font-weight: 400;
}
.allmenu-summary .allmenu-link.has-item > .cont {
  color: #2589ff;
  font-weight: 700;
}

.mymenu-link-area {
  display: table;
  width: calc(100% + 3.2rem);
  margin: 0 -1.6rem;
}
.mymenu-link-area .mymenu-link {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  display: table-cell;
  width: 33.333%;
  position: relative;
  padding: 1.6rem 0.5rem 1.4rem;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
}
.mymenu-link-area .mymenu-link .icon-new-tag {
  margin: -0.3rem 0 0 0.3rem;
}
.mymenu-link-area .mymenu-link span {
  font: inherit;
}
.mymenu-link-area .mymenu-link:first-child:after {
  display: none;
}
.mymenu-link-area .mymenu-link:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 2.4rem;
  width: 0.1rem;
  margin-top: -1.2rem;
  background: #eee;
  content: "";
}
.mymenu-link-area .mymenu-link:before {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin: -0.2rem 0.3rem 0 0;
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: center;
  content: "";
}
.mymenu-link-area .mymenu-link.type-mycar:before {
  background-image: url("/images/common/icon/icon20-mycar.svg");
}
.mymenu-link-area .mymenu-link.type-membership:before {
  background-image: url("/images/common/icon/icon20-gift.svg");
}
.mymenu-link-area .mymenu-link.type-event:before {
  background-image: url("/images/common/icon/icon20-event.svg");
}

[data-page-name=searchFilter] {
  padding-top: 8.6rem;
}

[data-page-name=searchNewcar] {
  padding-top: 2.8rem;
}
[data-page-name=searchNewcar] .result-box-area {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background: #f6f8f9;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9.6rem 0 15rem;
  height: 100vh;
}
[data-page-name=searchNewcar] .result-box-area .result-box {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.newcar-governing {
  position: relative;
  min-height: 14rem;
  background: url("/images/common/search/bg-governing.svg") right bottom 0.8rem/10rem auto no-repeat, #6666dd;
  padding: 2.4rem 10rem 2.4rem 1.6rem;
  margin: 0 -1.6rem;
  color: #fff;
}
.newcar-governing .newcar-governing-tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
}
.newcar-governing .newcar-governing-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
  color: #fff;
}
.newcar-governing .logo-cardong-light {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}

.logo-cardong-light {
  display: inline-block;
  width: 4.3rem;
  height: 1.8rem;
  vertical-align: middle;
  background: url("/images/common/search/logo-cardong.png") center center/contain no-repeat;
}

[data-page-name=searchList] {
  padding-top: 6.6rem;
}
[data-page-name=searchList] .subcont-area.cert-diag-car {
  padding-top: 0;
}

[data-page-name=pSearchKeyword] .modal.type-full .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  height: 100%;
}
[data-page-name=pSearchKeyword] .modal.type-full .modal-body.no-footer {
  padding-bottom: 0 !important;
}
[data-page-name=pSearchKeyword] .is-keyword {
  display: none;
}
[data-page-name=pSearchKeyword] .searching .search-header {
  -webkit-box-shadow: none;
          box-shadow: none;
}
[data-page-name=pSearchKeyword] .searching .search-body {
  padding-top: 0.8rem;
  background: #fff;
}
[data-page-name=pSearchKeyword] .searching .is-keyword {
  display: block;
}
[data-page-name=pSearchKeyword] .searching .no-keyword {
  display: none;
}
[data-page-name=pSearchKeyword] .search-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background: #f6f8f9;
  padding: 3rem 1.6rem 4rem;
  overflow: auto;
}
[data-page-name=pSearchKeyword] .carthumb-list {
  overflow-x: auto;
  margin: 0 -1.6rem;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  scroll-padding-left: 1.6rem;
  scroll-padding-right: 1.6rem;
  -webkit-overflow-scrolling: touch;
}
[data-page-name=pSearchKeyword] .carthumb-list ul {
  white-space: nowrap;
}
[data-page-name=pSearchKeyword] .carthumb-list ul > li {
  display: inline-block;
  width: 8rem;
  margin: 0 0.8rem;
  vertical-align: top;
  scroll-snap-align: start;
  scroll-snap-stop: normal;
}
[data-page-name=pSearchKeyword] .carthumb-list ul > li:first-child {
  margin-left: 1.6rem;
}
[data-page-name=pSearchKeyword] .carthumb-list ul > li:last-child {
  margin-right: 1.6rem;
}
[data-page-name=pSearchKeyword] .carthumb-list ul > li .thumb {
  height: 8rem;
  overflow: hidden;
  border-radius: 50%;
  background-color: #e8eaeb;
}
[data-page-name=pSearchKeyword] .carthumb-list ul > li .thumb img {
  display: block;
  height: 10rem;
  margin-top: -1.4rem;
}
[data-page-name=pSearchKeyword] .carthumb-list ul > li strong {
  display: block;
  font-size: 1.4rem;
  margin-top: 1rem;
  text-align: center;
  white-space: normal;
  font-weight: 400;
}

[data-page-name=bridgeNewcar] {
  /* ���� ���޻���Ʈ �̵� �긴�� */
}
[data-page-name=bridgeNewcar] .bridge-area {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 6rem 1.6rem 9rem;
  -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;
}
[data-page-name=bridgeNewcar] .bridge-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
[data-page-name=bridgeNewcar] .bridge-count-area {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-top: 2rem;
}
[data-page-name=bridgeNewcar] .point-box, [data-page-name=bridgeNewcar] .search-result-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
[data-page-name=bridgeNewcar] .point-box .contents-title-300, [data-page-name=bridgeNewcar] .search-result-box .contents-title-300 {
  text-align: center;
}
[data-page-name=bridgeNewcar] .bridge-logo {
  height: 5rem;
  margin-bottom: 1.6rem;
}
[data-page-name=bridgeNewcar] .bridge-logo img {
  height: 100%;
}
[data-page-name=bridgeNewcar] .bridge-logo.type-auto {
  height: auto;
}
[data-page-name=bridgeNewcar] .bridge-logo.type-auto img {
  max-width: 80%;
}
[data-page-name=bridgeNewcar] .bridge-tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
[data-page-name=bridgeNewcar] .bridge-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
}
[data-page-name=bridgeNewcar] .bridge-category {
  margin-top: 1.3rem;
}
[data-page-name=bridgeNewcar] .bridge-category-tag {
  position: relative;
  display: inline-block;
  background: #eaeafa;
  padding: 0 0 0 1.6rem;
  line-height: 2.8rem;
  height: 2.8rem;
  border-radius: 1.4rem;
  font-size: 0;
}
[data-page-name=bridgeNewcar] .bridge-category-tag > span {
  vertical-align: middle;
  font-size: 1.4rem;
  color: #222;
}
[data-page-name=bridgeNewcar] .bridge-category-tag > img {
  display: inline-block;
  min-width: 3.2rem;
  vertical-align: middle;
  height: 3.2rem;
  margin: 0 -1.6rem 0 0.4rem;
}
[data-page-name=bridgeNewcar] .bridge-count-num {
  display: block;
  font-size: 7rem;
  font-weight: 800;
  line-height: 0.5;
}
[data-page-name=bridgeNewcar] .bridge-count-util {
  margin-top: 1.6rem;
}
[data-page-name=bridgeNewcar] .point-box, [data-page-name=bridgeNewcar] .search-result-box {
  text-align: left;
}

[data-page-name=pFilterOption] .balloon-box {
  z-index: 10;
  position: absolute;
  right: 0;
  top: -1.8rem;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  pointer-events: none;
}

[data-page-name=pFilterModelBrand] .bullet-point {
  margin: 2.4rem 0 1.6rem;
}
[data-page-name=pFilterModelBrand] .bullet-point:first-of-type {
  margin-top: 0.8rem;
}

.CMYMPH024 .car-list.type-list .car-thumb:after {
  display: none;
}

[data-page-name=mycarManageInfo] .chart-area2 .chart {
  width: 100%;
  height: 15.4rem;
}
[data-page-name=mycarManageInfo] .chart-area2 .chart.screenon foreignObject {
  -webkit-animation: aniTooltip ease-in-out 0.5s 1.2s both;
          animation: aniTooltip ease-in-out 0.5s 1.2s both;
}
[data-page-name=mycarManageInfo] .chart-area2 .chart .chart-tooltip > span {
  line-height: 23px !important;
}
[data-page-name=mycarManageInfo] .chart-area2 foreignObject {
  opacity: 0;
}
@keyframes aniTooltip {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-page-name=mycarManageInfo] .banner-wrap {
  border: 0.1rem solid #ddd;
}
[data-page-name=mycarManageInfo] .banner-wrap a {
  margin: -0.2rem;
}

[data-page-name=tireParts] .tire-info-box {
  margin-top: -1.4rem;
  padding: 3.8rem 0;
  background: url(/images/common/mycar/bg-car.png) no-repeat center center;
  background-size: contain;
}
[data-page-name=tireParts] .tire-info-box > ul > li {
  position: relative;
  margin-top: 2.8rem;
}
[data-page-name=tireParts] .tire-info-box > ul > li .img {
  position: absolute;
  top: 50%;
  width: 3.6rem;
  height: 9.2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
[data-page-name=tireParts] .tire-info-box > ul > li .img img {
  width: 100%;
}
[data-page-name=tireParts] .tire-info-box > ul > li .link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4.8rem 0 1.6rem;
  height: 8rem;
  border-radius: 1.2rem;
  background: rgba(34, 34, 34, 0.8);
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .type {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #ffcc00;
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .type + .box {
  margin-left: 1.6rem;
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .box .info {
  font-size: 0;
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .box .info li {
  position: relative;
  display: inline-block;
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #ddd;
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .box .info li + li {
  margin-left: 0.8rem;
  padding-left: 0.9rem;
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .box .info li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1rem;
  background: #aaa;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .box .txt {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  color: #fff;
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .box .distance {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #fff;
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .box .distance strong {
  margin-right: 0.4rem;
}
[data-page-name=tireParts] .tire-info-box > ul > li .link .icon24 {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
[data-page-name=tireParts] .tire-info-box > ul > li:first-child {
  margin-top: 0;
}
[data-page-name=tireParts] .tire-info-box > ul > li:nth-child(odd) {
  padding-left: 5.2rem;
}
[data-page-name=tireParts] .tire-info-box > ul > li:nth-child(odd) .img {
  left: 0;
}
[data-page-name=tireParts] .tire-info-box > ul > li:nth-child(even) {
  padding-right: 5.2rem;
}
[data-page-name=tireParts] .tire-info-box > ul > li:nth-child(even) .img {
  right: 0;
}
[data-page-name=tireParts] .tire-info-box + .info-txt {
  margin-top: 2.4rem;
}
[data-page-name=tireParts] .history-list {
  margin-top: 1.6rem;
}
[data-page-name=tireParts] .history-list .history-item {
  position: relative;
  background: #f6f8f9;
  padding: 1.4rem 1.6rem;
  border-radius: 1.2rem;
  margin-top: 0.8rem;
  border: 0.1rem solid transparent;
}
[data-page-name=tireParts] .history-list .history-item:first-child {
  margin-top: 0;
}
[data-page-name=tireParts] .history-list .history-item.type-now {
  background: #fff;
  border-color: #aaa;
}
[data-page-name=tireParts] .history-list .history-item.type-now .txt {
  color: #2589ff;
}
[data-page-name=tireParts] .history-list .history-item.type-now .txt .btn-txt {
  margin-left: 0.5rem;
}
[data-page-name=tireParts] .history-list .history-item .date {
  display: block;
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
[data-page-name=tireParts] .history-list .history-item .txt {
  display: block;
  margin-top: 0.2rem;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
[data-page-name=tireParts] .history-list .history-item .btn-x {
  position: absolute;
  padding: 0.5rem;
  top: 0.8rem;
  right: 0.8rem;
}
[data-page-name=tireParts] .history-list + .bullet-list {
  margin-top: 2.4rem;
}

.lifemenu-slider {
  padding: 0 2.6rem;
}
.lifemenu-slider .swiper-wrapper {
  z-index: 2;
  position: relative;
  height: auto;
}
.lifemenu-slider .swiper-slide-active {
  background: #fc0;
}
.lifemenu-slider .swiper-pagination {
  margin: 0 0 2.5rem;
}
.lifemenu-slider .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
}

.lifemenu-item {
  height: 42rem;
  padding: 3rem 0.2rem 0.2rem;
  background: #fff;
  border-radius: 2rem;
  -webkit-transition: background ease-in-out 0.3s;
  transition: background ease-in-out 0.3s;
}
.lifemenu-item .lifemenu-item-inner {
  height: 100%;
  background: #fff;
  border-radius: 0 0 2rem 2rem;
  padding: 2.4rem;
}
.lifemenu-item .lifemenu-tit-area {
  margin-bottom: 1.6rem;
}
.lifemenu-item .lifemenu-tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
}
.lifemenu-item .lifemenu-tit-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.6rem;
  color: #222;
}
.lifemenu-item .lifemenu-visul {
  position: absolute;
  display: block;
  bottom: 0;
  right: 2rem;
}
.lifemenu-item .lifemenu-visul > div {
  position: absolute;
  bottom: 0;
  right: 0;
}
.lifemenu-item .lifemenu-visul.n1 {
  bottom: -1rem;
}
.lifemenu-item .lifemenu-visul.n2 {
  bottom: -0.5rem;
}
.lifemenu-item .lifemenu-visul.n3 {
  bottom: -1.5rem;
  right: 0;
}
.lifemenu-item .lifemenu-visul.n4 {
  bottom: -1.3rem;
}
.lifemenu-item .lifemenu-visul .key-ring {
  width: 15.5rem;
  height: 15.4rem;
  background: url("/images/common/mycar/carlife-step1-keyring.svg") 0 0/15.5rem auto no-repeat;
}
.lifemenu-item .lifemenu-visul .key-ring:after {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0rem;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/common/mycar/carlife-step1-ring.svg") 0 0/15.5rem auto no-repeat;
  content: "";
}
.lifemenu-item .lifemenu-visul .key {
  width: 15.5rem;
  height: 15.4rem;
  background: url("/images/common/mycar/carlife-step1-key.svg") 0 0/15.5rem auto no-repeat;
}
.lifemenu-item .lifemenu-visul .hand {
  width: 14.4rem;
  height: 16.3rem;
  background: url("/images/common/mycar/carlife-step2-hand.svg") 0 0/14.4rem auto no-repeat;
}
.lifemenu-item .lifemenu-visul .coin {
  width: 4.5rem;
  height: 4.5rem;
  background: url("/images/common/mycar/carlife-step2-coin.svg") 0 0/4.5rem auto no-repeat;
  opacity: 0;
}
.lifemenu-item .lifemenu-visul .tire {
  right: 8rem;
  bottom: 1rem;
  width: 10rem;
  height: 10rem;
  background: url("/images/common/mycar/carlife-step3-tire.svg") 0 0/10rem auto no-repeat;
  opacity: 0;
}
.lifemenu-item .lifemenu-visul .con {
  width: 17.7rem;
  height: 14.6rem;
  background: url("/images/common/mycar/carlife-step3-con.svg") 0 0/17.7rem auto no-repeat;
  -webkit-transition: opacity ease-in 0.2s;
  transition: opacity ease-in 0.2s;
}
.lifemenu-item .lifemenu-visul .searching-person {
  width: 20.2rem;
  height: 16.8rem;
  background: url("/images/common/mycar/carlife-step4-person.svg") 0 0/20.2rem auto no-repeat;
}
.lifemenu-item .lifemenu-visul .searching-person:after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/common/mycar/carlife-step4-magnifier.svg") 0 0/20.2rem auto no-repeat;
  content: "";
}
.lifemenu-item.swiper-slide-active .lifemenu-visul .key {
  -webkit-animation: aniKeyMoving ease-in-out 0.8s both 2;
          animation: aniKeyMoving ease-in-out 0.8s both 2;
  -webkit-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;
}
.lifemenu-item.swiper-slide-active .lifemenu-visul .hand {
  -webkit-animation: aniKeyMoving ease-in-out 0.6s both 2;
          animation: aniKeyMoving ease-in-out 0.6s both 2;
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
}
.lifemenu-item.swiper-slide-active .lifemenu-visul .coin {
  -webkit-animation: aniCoinDrop ease-in-out 0.3s both 1.2s;
          animation: aniCoinDrop ease-in-out 0.3s both 1.2s;
}
.lifemenu-item.swiper-slide-active .lifemenu-visul .tire {
  -webkit-animation: aniTireShow ease-in-out 1s both;
          animation: aniTireShow ease-in-out 1s both;
}
.lifemenu-item.swiper-slide-active .lifemenu-visul .searching-person:after {
  -webkit-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-animation: aniMagnifierSwing ease-in-out 0.7s both 2;
          animation: aniMagnifierSwing ease-in-out 0.7s both 2;
}
@-webkit-keyframes aniKeyMoving {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: translateY(-0.5rem) rotate(-10deg);
            transform: translateY(-0.5rem) rotate(-10deg);
  }
}
@keyframes aniKeyMoving {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: translateY(-0.5rem) rotate(-10deg);
            transform: translateY(-0.5rem) rotate(-10deg);
  }
}
@-webkit-keyframes aniCoinDrop {
  0% {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes aniCoinDrop {
  0% {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes aniTireShow {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-180deg);
            transform: translateX(-100%) rotate(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) rotate(0deg);
            transform: translateX(0%) rotate(0deg);
  }
}
@keyframes aniTireShow {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-180deg);
            transform: translateX(-100%) rotate(-180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) rotate(0deg);
            transform: translateX(0%) rotate(0deg);
  }
}
@-webkit-keyframes aniMagnifierSwing {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: rotate(8deg) translateY(0.8rem) translateX(-0.8rem);
            transform: rotate(8deg) translateY(0.8rem) translateX(-0.8rem);
  }
}
@keyframes aniMagnifierSwing {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: rotate(8deg) translateY(0.8rem) translateX(-0.8rem);
            transform: rotate(8deg) translateY(0.8rem) translateX(-0.8rem);
  }
}

.lifemenu-added {
  padding-top: 3rem;
}
.lifemenu-added .lifemenu-added-tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 1.6rem;
  color: #fff;
  text-align: center;
}
.lifemenu-added .lifemenu-added-tit.size-s {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-top: 1rem;
  color: #fff;
}
.lifemenu-added .btn-tag-area {
  margin-bottom: 0;
}

.allmenu-list {
  margin-top: 0.8rem;
}
.allmenu-list > div {
  margin-top: 3.6rem;
}
.allmenu-list > div:first-child {
  margin-top: 0;
}
.allmenu-list .allmenu-list-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
  padding-bottom: 1.5rem;
  margin-bottom: 1.2rem;
  border-bottom: 0.1rem solid #ddd;
}
.allmenu-list .allmenu-list-tit .icon20 {
  margin-right: 0.2rem;
}
.allmenu-list .allmenu-list-link {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  padding: 1.2rem 0;
}
.allmenu-list .allmenu-list-link span {
  z-index: 0;
  position: relative;
  display: inline-block;
  font: inherit;
}
.allmenu-list .allmenu-list-link span:before {
  z-index: -1;
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  display: none;
  width: 100%;
  height: 1.2rem;
  background: #ffde00;
  content: "";
}
.allmenu-list .allmenu-list-link.active span:before {
  display: block;
}

.photo-file-area {
  overflow-x: auto;
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
}
.photo-file-area .photo-file-track {
  font-size: 0;
  white-space: nowrap;
}
.photo-file-area .photo-file-track:after {
  display: inline-block;
  width: 0.8rem;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.photo-file-area .photo-file-item {
  position: relative;
  display: inline-block;
  width: 12.6rem;
  height: 8.4rem;
  background: #f8f8f8;
  border-radius: 1.2rem;
  text-align: center;
  margin-right: 0.8rem;
  vertical-align: top;
  overflow: hidden;
}
.photo-file-area .photo-file-item .photo-file-thumb {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photo-file-area .photo-file-item .txt {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
}
.photo-file-area .photo-file-item.type-add:before {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin: 1.6rem auto 0.6rem;
  background: url("/images/common/icon/icon24-gallery.svg") center/2.4rem auto no-repeat;
  content: "";
}
.photo-file-area .photo-file-item .btn-photo-file {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.photo-file-area .photo-file-item .btn-photo-file span {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.photo-file-area .photo-file-item .btn-round-x {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
}
.photo-file-area.type-carlist {
  min-height: 7.1rem;
}
.photo-file-area.type-carlist .photo-file-track {
  padding: 1.5rem 0 0;
}
.photo-file-area.type-carlist .photo-file-item {
  width: 7.6rem;
  height: 5.6rem;
  border-radius: 0.6rem;
  overflow: visible;
  margin-right: 2.2rem;
  -webkit-animation: aniFadeIn ease-in-out 0.2s both;
          animation: aniFadeIn ease-in-out 0.2s both;
}
.photo-file-area.type-carlist .photo-file-item img {
  border-radius: 0.6rem;
}
.photo-file-area.type-carlist .btn-round-x {
  top: -1.5rem;
  right: -1.5rem;
}

.modal-added-footer .photo-file-area.type-carlist {
  margin-top: -1rem;
}

[data-page-name=mycarManageLaw] .btn-wrap[data-module=ScrollPositionControllerInPage] {
  position: relative;
}
[data-page-name=mycarManageLaw] .btn-wrap[data-module=ScrollPositionControllerInPage] .icon-touch {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation: aniTouch ease-in-out 1.5s infinite;
          animation: aniTouch ease-in-out 1.5s infinite;
  pointer-events: none;
}
@keyframes aniTouch {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-1rem);
            transform: translateY(-1rem);
  }
}

[data-page-name=mycarManageDrive] .dark-box .grid-cont {
  word-break: keep-all;
}
[data-page-name=mycarManageDrive] .dark-box .logo-tmap-rect {
  margin-right: 1rem;
}
[data-page-name=mycarManageDrive] .subcont-box .chart-area2 {
  margin: 0 -1rem -1rem;
}
[data-page-name=mycarManageDrive] .subcont-box.type-chart .chart-area2 {
  margin: 0;
}
[data-page-name=mycarManageDrive] .distance-graph-area .txt {
  margin-bottom: 3rem;
  text-align: center;
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
}
[data-page-name=mycarManageDrive] .distance-graph-area .txt span {
  color: #2589ff;
}
[data-page-name=mycarManageDrive] .distance-graph {
  position: relative;
  padding-top: 4.5rem;
  margin-bottom: 2.4rem;
  overflow: hidden;
}
[data-page-name=mycarManageDrive] .distance-graph.screenon .dot {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
[data-page-name=mycarManageDrive] .distance-graph.screenon .mark:before {
  top: 2.6rem;
}
[data-page-name=mycarManageDrive] .distance-graph.screenon .mark span {
  opacity: 1;
  margin-top: 0;
}
[data-page-name=mycarManageDrive] .distance-graph .graph-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -0.8rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
}
[data-page-name=mycarManageDrive] .distance-graph .graph-grid .zeropoint {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #666;
  font-size: 1.2rem;
  text-align: center;
}
[data-page-name=mycarManageDrive] .distance-graph .graph-grid .zeropoint:before {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: #fff;
  border-radius: 50%;
  content: "";
  margin: 0.2rem auto 0.7rem;
}
[data-page-name=mycarManageDrive] .distance-graph .graph-bar {
  position: relative;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: -webkit-gradient(linear, left top, right top, color-stop(24%, #2589ff), color-stop(50%, #49b5c4), color-stop(75%, #69da92));
  background: linear-gradient(to right, #2589ff 24%, #49b5c4 50%, #69da92 75%);
  overflow: hidden;
}
[data-page-name=mycarManageDrive] .distance-graph .graph-marks {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  top: 0;
  bottom: 1.5rem;
}
[data-page-name=mycarManageDrive] .distance-graph .dot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
  border: 0.2rem solid #fff;
  background: #888;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
[data-page-name=mycarManageDrive] .distance-graph .mark {
  z-index: 5;
  position: absolute;
  bottom: 0;
  width: 7.6rem;
  height: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
[data-page-name=mycarManageDrive] .distance-graph .mark:before {
  position: absolute;
  top: 100%;
  left: 50%;
  bottom: 1rem;
  width: 0.1rem;
  margin-left: -0.2rem;
  border-right: 0.2rem dotted #888;
  -webkit-transition-property: opacity, top;
  transition-property: opacity, top;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  content: "";
}
[data-page-name=mycarManageDrive] .distance-graph .mark span {
  z-index: 1;
  position: relative;
  display: inline-block;
  height: 2.6rem;
  line-height: 2.8rem;
  padding: 0 1rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #222;
  border-radius: 1.3rem;
  margin-top: -0.5rem;
  opacity: 0;
  -webkit-transition-property: opacity, margin;
  transition-property: opacity, margin;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
[data-page-name=mycarManageDrive] .distance-graph .mark span:before {
  display: inline-block;
  width: 2.2rem;
  height: 1.8rem;
  vertical-align: middle;
  margin: -0.2rem 0.3rem 0 0;
  content: "";
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-short:before {
  border-color: #2589ff;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-short .dot {
  background-color: #2589ff;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-short span {
  background: #e9f3ff;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-short span:before {
  background: url("/images/common/mycar/icon-car-short.svg") center/contain no-repeat;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-medium:before {
  border-color: #26b1e2;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-medium .dot {
  background-color: #26b1e2;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-medium span {
  background: #d4eff9;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-medium span:before {
  background: url("/images/common/mycar/icon-car-medium.svg") center/contain no-repeat;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-long:before {
  border-color: #a1da69;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-long .dot {
  background-color: #a1da69;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-long span {
  background: #ecf8e1;
}
[data-page-name=mycarManageDrive] .distance-graph .mark.type-long span:before {
  background: url("/images/common/mycar/icon-car-long.svg") center/contain no-repeat;
}
[data-page-name=mycarManageDrive] .subcont-box .sub-box {
  border-radius: 1.2rem;
}
[data-page-name=mycarManageDrive] .tmap-score-ani {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1rem;
  height: 12rem;
  margin-top: 6rem;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: url("/images/common/mycar/tmap-score-road.svg") left bottom/auto 100% repeat-x;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .balloon-box {
  display: none;
  position: absolute;
  bottom: 15rem;
  left: 1rem;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .balloon-box.type-yellow, [data-page-name=mycarManageDrive] .tmap-score-ani .balloon-box.type-orange {
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-0.5rem);
      -ms-transform: translateX(-50%) translateY(-0.5rem);
          transform: translateX(-50%) translateY(-0.5rem);
}
[data-page-name=mycarManageDrive] .tmap-score-ani .item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  margin: 0 1.5rem;
  min-width: 4.2rem;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .item.no-reward {
  display: none;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .item.current {
  margin: 0;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .item.current.no-reward {
  display: block;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .item.current .balloon-box {
  display: inline-block;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .item.current .current-score {
  display: block;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .item.current .trophy {
  display: none;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .item.current ~ .item .trophy {
  background-image: url("/images/common/mycar/tmap-score-trophy-off.svg");
}
[data-page-name=mycarManageDrive] .tmap-score-ani .item.current ~ .item .tag-round {
  display: none;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .label {
  position: relative;
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #222;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .trophy {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  display: block;
  width: 4.2rem;
  height: 4.5rem;
  margin-left: -2.1rem;
  background: url("/images/common/mycar/tmap-score-trophy-on.svg") center bottom/contain repeat-x;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .tag-round {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -0.4rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .current-score {
  z-index: 1;
  position: relative;
  display: none;
  width: 12.8rem;
  height: 9.4rem;
  margin: 0 auto;
  -webkit-transform: translateX(-1rem);
      -ms-transform: translateX(-1rem);
          transform: translateX(-1rem);
}
[data-page-name=mycarManageDrive] .tmap-score-ani .current-score > span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .current-score .cloud {
  background: url("/images/common/mycar/tmap-score-cloud.svg") center/contain no-repeat;
  opacity: 0;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .current-score .car {
  background: url("/images/common/mycar/tmap-score-car.svg") center/contain no-repeat;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .current-score .score {
  position: absolute;
  bottom: 1.1rem;
  left: 4.4rem;
  display: block;
  width: 4.7rem;
  height: 1.8rem;
  line-height: 1.8rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .current-score .character {
  z-index: 2;
  position: absolute;
  bottom: 2.8rem;
  left: 4.4rem;
  display: block;
  width: 4.6rem;
  height: 0;
  -webkit-transition: opacity linear 0.2s 0.4s, height ease-in-out 0.3s 0.4s;
  transition: opacity linear 0.2s 0.4s, height ease-in-out 0.3s 0.4s;
  opacity: 0;
  background: url("/images/common/mycar/tmap-score-character.svg") top center/auto 6.5rem no-repeat;
}
[data-page-name=mycarManageDrive] .tmap-score-ani.screenon .current-score .car {
  -webkit-animation: aniShowCar ease-in-out 0.6s both 0.3s, aniCarBurung ease-in-out 0.4s infinite 0.9s;
          animation: aniShowCar ease-in-out 0.6s both 0.3s, aniCarBurung ease-in-out 0.4s infinite 0.9s;
}
[data-page-name=mycarManageDrive] .tmap-score-ani.screenon .current-score .character {
  height: 6.6rem;
  opacity: 1;
}
[data-page-name=mycarManageDrive] .tmap-score-ani.screenon .current-score .cloud {
  -webkit-animation: aniCloudDongDong linear 3.5s infinite 0.2s;
          animation: aniCloudDongDong linear 3.5s infinite 0.2s;
}
[data-page-name=mycarManageDrive] .tmap-score-ani.screenon .balloon-box.type-yellow,
[data-page-name=mycarManageDrive] .tmap-score-ani.screenon .balloon-box.type-orange {
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@-webkit-keyframes aniShowCar {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes aniShowCar {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  40% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes aniCarBurung {
  0%, 100% {
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes aniCarBurung {
  0%, 100% {
    -webkit-transform: translateY(-0.1rem);
            transform: translateY(-0.1rem);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes aniCloudDongDong {
  0% {
    opacity: 0;
    margin-top: -0.2rem;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  12% {
    opacity: 1;
    margin-top: 0.2rem;
  }
  24% {
    margin-top: -0.2rem;
  }
  36% {
    margin-top: 0.2rem;
  }
  48% {
    opacity: 1;
    margin-top: -0.2rem;
  }
  60%, 100% {
    opacity: 0;
    margin-top: 0.2rem;
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
}
@keyframes aniCloudDongDong {
  0% {
    opacity: 0;
    margin-top: -0.2rem;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  12% {
    opacity: 1;
    margin-top: 0.2rem;
  }
  24% {
    margin-top: -0.2rem;
  }
  36% {
    margin-top: 0.2rem;
  }
  48% {
    opacity: 1;
    margin-top: -0.2rem;
  }
  60%, 100% {
    opacity: 0;
    margin-top: 0.2rem;
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
}

.img-no-score {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 9.2rem;
  height: 19rem;
  background: url("/images/common/icon/no-score-bg.svg") center bottom/9.2rem auto no-repeat;
}
.img-no-score .question {
  position: absolute;
  top: 0;
  right: 50%;
  width: 3.4rem;
  height: 4.9rem;
  margin-right: -1.5rem;
  background: url("/images/common/icon/no-score-question.svg") center/contain no-repeat;
  -webkit-animation: aniQuestionMove ease-in-out 1.6s infinite;
          animation: aniQuestionMove ease-in-out 1.6s infinite;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
@-webkit-keyframes aniQuestionMove {
  0%, 100% {
    -webkit-transform: rotate(10deg) translateX(50%) translateY(-10%);
            transform: rotate(10deg) translateX(50%) translateY(-10%);
  }
  50% {
    -webkit-transform: rotate(30deg) translateX(40%) translateY(-20%);
            transform: rotate(30deg) translateX(40%) translateY(-20%);
  }
}
@keyframes aniQuestionMove {
  0%, 100% {
    -webkit-transform: rotate(10deg) translateX(50%) translateY(-10%);
            transform: rotate(10deg) translateX(50%) translateY(-10%);
  }
  50% {
    -webkit-transform: rotate(30deg) translateX(40%) translateY(-20%);
            transform: rotate(30deg) translateX(40%) translateY(-20%);
  }
}

[data-page-name=tmapScore] .tmap-score-intro {
  position: relative;
  padding: 2.8rem 1.6rem 4.6rem;
  margin: -2.4rem -1.6rem 0;
  background: #fc0;
  border-bottom-right-radius: 4rem;
}
[data-page-name=tmapScore] .tmap-score-intro:after, [data-page-name=tmapScore] .tmap-score-intro:before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 2rem;
  height: 2rem;
  display: block;
  background: #fc0;
  content: "";
}
[data-page-name=tmapScore] .tmap-score-intro:after {
  background: #fff;
  border-top-left-radius: 2rem;
}
[data-page-name=tmapScore] .tmap-score-intro .desc {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  font-weight: 400;
  text-align: center;
  word-break: keep-all;
}
[data-page-name=tmapScore] .tmap-score-intro .desc p {
  margin-top: 1.2rem;
}
[data-page-name=tmapScore] .collabo-bi-area {
  position: relative;
  height: 10rem;
  margin-bottom: 2.6rem;
  text-align: center;
}
[data-page-name=tmapScore] .collabo-bi-area .bi-item {
  top: 50%;
  left: 50%;
  position: absolute;
  display: block;
  width: 10rem;
  height: 10rem;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
[data-page-name=tmapScore] .collabo-bi-area .bi-item.main-logo-chachacha {
  background-size: 8rem auto;
  background-position: center 2.3rem;
  -webkit-animation: collaboLeft 1s ease-in-out both;
          animation: collaboLeft 1s ease-in-out both;
}
[data-page-name=tmapScore] .collabo-bi-area .bi-item.logo-tmap {
  background-size: 6.4rem auto;
  background-position: center;
  -webkit-animation: collaboRight 1s ease-in-out both;
          animation: collaboRight 1s ease-in-out both;
}
[data-page-name=tmapScore] .collabo-bi-area .bi-item.logo-tmap-rect {
  background-size: 2.2rem auto;
  background-position: center;
  -webkit-animation: collaboRight 1s ease-in-out both;
          animation: collaboRight 1s ease-in-out both;
}
@-webkit-keyframes collaboLeft {
  0% {
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
  }
  30%, 50% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(-120%, -50%);
            transform: translate(-120%, -50%);
  }
}
@keyframes collaboLeft {
  0% {
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
  }
  30%, 50% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(-120%, -50%);
            transform: translate(-120%, -50%);
  }
}
@-webkit-keyframes collaboRight {
  0% {
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
  }
  30%, 50% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(20%, -50%);
            transform: translate(20%, -50%);
  }
}
@keyframes collaboRight {
  0% {
    -webkit-transform: translate(-50%, -70%);
            transform: translate(-50%, -70%);
  }
  30%, 50% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  100% {
    -webkit-transform: translate(20%, -50%);
            transform: translate(20%, -50%);
  }
}
[data-page-name=tmapScore] .collabo-bi-area .collabo-x {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 2rem;
  height: 2rem;
  margin: -1rem 0 0 -1rem;
}
[data-page-name=tmapScore] .collabo-bi-area .collabo-x:before, [data-page-name=tmapScore] .collabo-bi-area .collabo-x:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 2rem;
  height: 0.4rem;
  background: #fff;
  border-radius: 0.2rem;
  margin-top: 1rem;
  -webkit-animation: aniCollaboX1 ease-in-out 0.3s 0.8s both;
          animation: aniCollaboX1 ease-in-out 0.3s 0.8s both;
  opacity: 0.2;
  content: "";
}
[data-page-name=tmapScore] .collabo-bi-area .collabo-x:after {
  opacity: 0.5;
  -webkit-animation: aniCollaboX2 ease-in-out 0.3s 0.8s both;
          animation: aniCollaboX2 ease-in-out 0.3s 0.8s both;
}
@-webkit-keyframes aniCollaboX1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@keyframes aniCollaboX1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@-webkit-keyframes aniCollaboX2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@keyframes aniCollaboX2 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}

[data-page-name=mycarManageVehicle] .link-manage-supplies {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #efeee9;
}
[data-page-name=mycarManageVehicle] .link-manage-supplies .subject {
  font-size: 1.6rem;
  color: #222;
}
[data-page-name=mycarManageVehicle] .link-manage-supplies .desc {
  font-size: 1.4rem;
  color: #222;
}
[data-page-name=mycarManageVehicle] .link-manage-supplies .visual {
  width: 5.6rem;
  height: 3.9rem;
  top: 50%;
  bottom: auto;
  right: 2.8rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("/images/common/mycar/banner-supplies-visual.svg") bottom right/contain no-repeat;
}

[data-page-name=marketMain] {
  position: relative;
}
[data-page-name=marketMain] .notice-anchor-area {
  background: #fc0;
  padding: 0.4rem 1.6rem;
  margin: 0 -1.6rem;
}
[data-page-name=marketMain] .notice-anchor-area .btn-notice-anchor {
  opacity: 0;
  -webkit-transform: translateY(0.5rem);
      -ms-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
  -webkit-transition: opacity ease-in-out 0.4s 0.2s, -webkit-transform ease-in-out 0.4s 0.2s;
  transition: opacity ease-in-out 0.4s 0.2s, -webkit-transform ease-in-out 0.4s 0.2s;
  transition: opacity ease-in-out 0.4s 0.2s, transform ease-in-out 0.4s 0.2s;
  transition: opacity ease-in-out 0.4s 0.2s, transform ease-in-out 0.4s 0.2s, -webkit-transform ease-in-out 0.4s 0.2s;
}
[data-page-name=marketMain] .notice-anchor-area:nth-child(2) .btn-notice-anchor {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
[data-page-name=marketMain] .point-box, [data-page-name=marketMain] .search-result-box {
  margin-top: 1.6rem;
}
[data-page-name=marketMain] .tooltip .image img {
  width: 100%;
}
[data-page-name=marketMain] .submain-summary {
  margin-top: -6.8rem;
  padding-top: 6.8rem;
  position: relative;
}
[data-page-name=marketMain] .submain-summary.screenon .notice-anchor-area .btn-notice-anchor {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
[data-page-name=marketMain] .submain-summary .notice-anchor-area + .subcont-inner {
  padding-top: 5.5rem;
}
[data-page-name=marketMain] .submain-summary:before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: -1.6rem;
  right: -1.6rem;
  height: 9.2rem;
  display: block;
  background: #ffcc00;
  content: "";
}
[data-page-name=marketMain] .submain-summary .subcont-inner {
  position: relative;
  padding-top: 2.3rem;
}
[data-page-name=marketMain] .submain-summary .subcont-inner:before {
  z-index: 0;
  position: absolute;
  top: 0;
  left: -1.6rem;
  right: -1.6rem;
  height: 13.5rem;
  display: block;
  background: #ffcc00;
  content: "";
}
[data-page-name=marketMain] .submain-summary .subcont-box {
  position: relative;
}
[data-page-name=marketMain] .submain-summary .subcont-box:first-child {
  width: 100%;
  z-index: 10;
}
[data-page-name=marketMain] .submain-summary .cont-util {
  position: relative;
}
[data-page-name=marketMain] .submain-summary .balloon-box {
  position: absolute;
  bottom: 100%;
  right: -1rem;
  margin-bottom: 0.5rem;
}
[data-page-name=marketMain] .submain-summary .car-info {
  margin-bottom: 2.4rem;
}
[data-page-name=marketMain] .submain-summary .car-num {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
[data-page-name=marketMain] .submain-summary .car-desc {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 500;
  word-break: keep-all;
  padding-right: 12rem;
}
[data-page-name=marketMain] .submain-summary .car-thumb {
  right: 0.5rem;
  top: 0;
  -webkit-transform: translateY(-40%);
      -ms-transform: translateY(-40%);
          transform: translateY(-40%);
  position: absolute;
  height: 11rem;
  width: auto;
}
[data-page-name=marketMain] .submain-summary .car-thumb img {
  height: 100%;
  width: auto;
}
[data-page-name=marketMain] .submain-summary.type-new .notice-anchor-area {
  background: none;
}
[data-page-name=marketMain] .submain-summary.type-new:before {
  display: none;
}
[data-page-name=marketMain] .submain-summary.type-new .subcont-inner:before {
  display: none;
}
[data-page-name=marketMain] .submain-summary.type-new .subcont-box {
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12);
}
[data-page-name=marketMain] .submain-summary.type-new .notice-anchor-area + .subcont-inner {
  padding-top: 4.5rem;
}
[data-page-name=marketMain] .submain-summary .summary-inner.type-nodata:after {
  z-index: 2;
  position: absolute;
  top: -3.9rem;
  right: 0;
  width: 11.7rem;
  height: 7.8rem;
  background: url("/images/common/mycar/mycar-summary-nodata.svg") 0 0/contain no-repeat;
  content: "";
}
[data-page-name=marketMain] .submain-summary .summary-inner.type-nodata .car-num {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
[data-page-name=marketMain] .submain-summary .summary-inner.type-nodata .car-desc {
  font-weight: 400;
}
[data-page-name=marketMain] .submain-summary .summary-inner.type-nodata .car-info {
  margin-bottom: 1.6rem;
}
[data-page-name=marketMain] .marketprice-cost {
  text-align: center;
  margin-bottom: 1.5rem;
}
[data-page-name=marketMain] .marketprice-cost .marketprice-cost__name {
  display: block;
  font-size: 1.4rem;
  color: #666;
}
[data-page-name=marketMain] .marketprice-cost .marketprice-cost__num {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #222;
}
[data-page-name=marketMain] .marketprice-graph {
  position: relative;
  padding-top: 4.5rem;
}
[data-page-name=marketMain] .marketprice-graph.ready .marketprice-graph__safe-bar {
  width: 0 !important;
}
[data-page-name=marketMain] .marketprice-graph.screenon .marketprice-graph__dot {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
[data-page-name=marketMain] .marketprice-graph.screenon .marketprice-graph__mark:before {
  top: 2.6rem;
}
[data-page-name=marketMain] .marketprice-graph.screenon .marketprice-graph__mark span {
  opacity: 1;
  margin-top: 0;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.8rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__grid li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #666;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.4;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__bar {
  position: relative;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #eee;
  overflow: hidden;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__safe-bar {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  border-radius: 0.4rem;
  background: #2589ff;
  -webkit-transition: width ease-in-out 1s 0.6s;
  transition: width ease-in-out 1s 0.6s;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark-grid {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  top: 0;
  bottom: 1.9rem;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__dot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0 auto;
  border: 0.2rem solid #fff;
  background: #888;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark {
  position: absolute;
  bottom: 0;
  width: 7.6rem;
  height: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark:before {
  position: absolute;
  top: 100%;
  left: 50%;
  bottom: 1rem;
  width: 0.1rem;
  margin-left: -0.2rem;
  border-right: 0.2rem dotted #888;
  -webkit-transition-property: opacity, top;
  transition-property: opacity, top;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
  content: "";
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark span {
  z-index: 1;
  position: relative;
  display: inline-block;
  height: 2.6rem;
  line-height: 2.8rem;
  padding: 0 1rem;
  font-size: 1.6rem;
  font-weight: normal;
  color: #222;
  border-radius: 1.3rem;
  margin-top: -0.5rem;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition-property: opacity, margin;
  transition-property: opacity, margin;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark span:before {
  display: inline-block;
  width: 2.2rem;
  height: 1.8rem;
  vertical-align: middle;
  margin: -0.2rem 0.3rem 0 0;
  content: "";
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low:before {
  border-color: #888;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low .marketprice-graph__dot {
  background-color: #888;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low span {
  background: #e8e8e8;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low span:before {
  background: url("/images/common/market/icon-price-low.svg") center/contain no-repeat;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal:before {
  border-color: #26b1e2;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal .marketprice-graph__dot {
  background-color: #26b1e2;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal span {
  background: #d4eff9;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal span:before {
  background: url("/images/common/market/icon-price-normal.svg") center/contain no-repeat;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high:before {
  border-color: #2589ff;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high .marketprice-graph__dot {
  background-color: #2589ff;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high span {
  background: #e9f3ff;
}
[data-page-name=marketMain] .marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high span:before {
  background: url("/images/common/market/icon-price-high.svg") center/contain no-repeat;
}
[data-page-name=marketMain] .market-info .grid-justify, [data-page-name=marketMain] .market-info .model-select-item, [data-page-name=marketMain] .market-info .search-result-tit, [data-page-name=marketMain] .market-info .search-result-list > li, [data-page-name=marketMain] .market-info .filter-list-item {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #000;
}
[data-page-name=marketMain] .market-info .grid-justify > .txt, [data-page-name=marketMain] .market-info .model-select-item > .txt, [data-page-name=marketMain] .market-info .search-result-tit > .txt, [data-page-name=marketMain] .market-info .search-result-list > li > .txt, [data-page-name=marketMain] .market-info .filter-list-item > .txt {
  padding: 0 0.7rem;
}
[data-page-name=marketMain] .market-info .grid-justify .year, [data-page-name=marketMain] .market-info .model-select-item .year, [data-page-name=marketMain] .market-info .search-result-tit .year, [data-page-name=marketMain] .market-info .search-result-list > li .year, [data-page-name=marketMain] .market-info .filter-list-item .year, [data-page-name=marketMain] .market-info .grid-justify .color, [data-page-name=marketMain] .market-info .model-select-item .color, [data-page-name=marketMain] .market-info .search-result-tit .color, [data-page-name=marketMain] .market-info .search-result-list > li .color, [data-page-name=marketMain] .market-info .filter-list-item .color {
  max-width: 15rem;
}
[data-page-name=marketMain] .market-info .grid-justify .inp-box, [data-page-name=marketMain] .market-info .model-select-item .inp-box, [data-page-name=marketMain] .market-info .search-result-tit .inp-box, [data-page-name=marketMain] .market-info .search-result-list > li .inp-box, [data-page-name=marketMain] .market-info .filter-list-item .inp-box {
  max-width: 15rem;
}
[data-page-name=marketMain] .market-info .grid-justify .btn-select, [data-page-name=marketMain] .market-info .model-select-item .btn-select, [data-page-name=marketMain] .market-info .search-result-tit .btn-select, [data-page-name=marketMain] .market-info .search-result-list > li .btn-select, [data-page-name=marketMain] .market-info .filter-list-item .btn-select {
  min-width: 11rem;
}
[data-page-name=marketMain] .chart-area2 .chart {
  width: 100%;
  height: 15.4rem;
}
[data-page-name=marketMain] .chart-area2 .chart.screenon foreignObject {
  -webkit-animation: aniTooltip ease-in-out 0.5s 1.2s both;
          animation: aniTooltip ease-in-out 0.5s 1.2s both;
}
[data-page-name=marketMain] .chart-area2 .chart .chart-tooltip > span {
  line-height: 23px !important;
}
[data-page-name=marketMain] .chart-area2 foreignObject {
  opacity: 0;
}
@keyframes aniTooltip {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

[data-page-name=sellCarDone] .btn-area.bottom-fixed {
  z-index: 1003;
}
[data-page-name=sellCarDone] .bg-registcar {
  z-index: -1;
  top: 1rem;
  right: 0;
  position: absolute;
  width: 18rem;
  opacity: 0.35;
  overflow: hidden;
}
[data-page-name=sellCarDone] .bg-registcar img {
  position: absol;
  top: 0;
  left: 0;
  -webkit-animation: aniCarShow ease-in-out 2.5s both;
          animation: aniCarShow ease-in-out 2.5s both;
  height: 20rem;
}
[data-page-name=sellCarDone] .data-list2 {
  table-layout: fixed;
}
[data-page-name=sellCarDone] .data-list2 .btn-txt-arrow {
  float: right;
}
[data-page-name=sellCarDone] .data-list2 .btn-txt-arrow span {
  border-bottom: 0.1rem solid #888;
}
[data-page-name=sellCarDone] .data-list2 dd:after {
  display: block;
  clear: both;
  content: "";
}
[data-page-name=sellCarDone] .data-list2 > div > dt {
  width: 9rem;
}
[data-page-name=sellCarDone] .btn-footer-txt {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
  display: block;
  margin-top: 3.2rem;
  margin-bottom: -1rem;
  text-align: center;
}
@keyframes aniCarShow {
  0% {
    -webkit-transform: translate(100%, -4rem);
            transform: translate(100%, -4rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

[data-page-name=financialServiceIntro] .service-icon-list {
  margin: 0 -2rem;
}

[data-page-name=pCommTagCar] .modal {
  height: 90%;
}

[data-page-name=pCommTagModel] .modal {
  height: 90%;
}

.link-chatech-wrap {
  margin: 3.6rem 0 0;
}
.link-chatech-wrap img {
  display: block;
  width: 100%;
}

.car-model-list {
  overflow-y: hidden;
  overflow-x: auto;
  min-height: 12rem;
  margin: 0 -1.6rem 0;
  padding: 0 1.6rem;
}
.car-model-list > ul {
  font-size: 0;
  white-space: nowrap;
}
.car-model-list .item {
  display: inline-block;
  vertical-align: bottom;
  width: 10rem;
  -webkit-transition: width ease-in-out 0.1s;
  transition: width ease-in-out 0.1s;
  overflow: hidden;
}
.car-model-list .item.active {
  width: 15rem;
}
.car-model-list .item.active .thumb:before {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.car-model-list .item.active .thumb > span {
  font-size: 1.4rem;
}
.car-model-list .item.active img {
  -webkit-transform: scale(1.2) translateY(0);
      -ms-transform: scale(1.2) translateY(0);
          transform: scale(1.2) translateY(0);
}
.car-model-list .thumb {
  z-index: 0;
  position: relative;
  display: block;
  padding: 3rem 0 0 0;
}
.car-model-list .thumb img {
  display: block;
  position: relative;
  width: 10rem;
  height: auto;
  -webkit-transform: translateY(-0.6rem);
      -ms-transform: translateY(-0.6rem);
          transform: translateY(-0.6rem);
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
}
.car-model-list .thumb > span {
  display: block;
  font-size: 1.2rem;
  padding-left: 1rem;
  text-align: left;
}
.car-model-list .thumb:before {
  z-index: -1;
  position: absolute;
  left: 4.6rem;
  top: 0;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  background-image: linear-gradient(135deg, #ffe800 19%, #fc0 80%);
  display: block;
  opacity: 0;
  -webkit-transform: translate(30%) scale(0.8);
      -ms-transform: translate(30%) scale(0.8);
          transform: translate(30%) scale(0.8);
  -webkit-transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  content: "";
}
.car-model-list.type-only {
  text-align: center;
}

.simulation-result.point-box, .simulation-result.search-result-box {
  text-align: center;
}
.simulation-result.point-box .name, .simulation-result.search-result-box .name,
.simulation-result.point-box .price,
.simulation-result.search-result-box .price {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.simulation-result.point-box .name span, .simulation-result.search-result-box .name span,
.simulation-result.point-box .price span,
.simulation-result.search-result-box .price span {
  font: inherit;
}
.simulation-result.point-box .name, .simulation-result.search-result-box .name {
  word-break: keep-all;
}
.simulation-result.point-box .form-area, .simulation-result.search-result-box .form-area {
  margin-top: 1rem;
}
.simulation-result.point-box .form-area span, .simulation-result.search-result-box .form-area span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  margin-left: 0.5rem;
  vertical-align: middle;
}
.simulation-result.point-box .form-area .underline, .simulation-result.search-result-box .form-area .underline {
  display: inline-block;
  font-weight: 700;
  border-bottom: 0.1rem solid #222;
  line-height: 1.2;
}
.simulation-result.point-box .price-area, .simulation-result.search-result-box .price-area {
  margin-top: 1rem;
}
.simulation-result.point-box .price-area .price, .simulation-result.search-result-box .price-area .price {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #2589ff;
}
.simulation-result.point-box .price-area .price small, .simulation-result.search-result-box .price-area .price small {
  font-weight: 400;
  font-size: 1.6rem;
  vertical-align: bottom;
}
.simulation-result.point-box .price-area .price strong, .simulation-result.search-result-box .price-area .price strong {
  margin: 0 0.8rem;
  vertical-align: bottom;
}
.simulation-result.point-box .price-area .price .unit, .simulation-result.search-result-box .price-area .price .unit {
  vertical-align: bottom;
  font-weight: 400;
  font-size: 2rem;
}
.simulation-result.point-box .price-area .desc, .simulation-result.search-result-box .price-area .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.4rem;
}

.roadmap-bar-area {
  position: relative;
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 2rem 0 6rem;
}
.roadmap-bar-area:before {
  position: absolute;
  bottom: 0.8rem;
  left: 12%;
  right: 12%;
  height: 0.1rem;
  background: #c3c3c3;
  display: block;
  content: "";
}

.roadmap-bar-step {
  position: relative;
  display: table-cell;
  vertical-align: bottom;
  width: 25%;
  text-align: center;
}
.roadmap-bar-step:after {
  -webkit-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: 0.2rem solid #888;
  background: #f8f8f8;
  content: "";
}
.roadmap-bar-step .balloon-box {
  position: absolute;
  opacity: 0;
  top: 100%;
  left: 50%;
  margin-top: 1.4rem;
  line-height: 1.4;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  text-align: left;
  -webkit-transform: translateX(-50%) translateY(-1rem);
      -ms-transform: translateX(-50%) translateY(-1rem);
          transform: translateX(-50%) translateY(-1rem);
  pointer-events: none;
}
.roadmap-bar-step .balloon-box:before {
  left: 50%;
}
.roadmap-bar-step .roadmap-bar-name {
  display: block;
  line-height: 1;
  font-size: 1.2rem;
  color: #222;
  margin-bottom: 0.6rem;
}
.roadmap-bar-step.is-done:after {
  background: url("/images/common/icon/icon-check-black-sm.svg") center/contain no-repeat #c3c3c3;
  border-color: #c3c3c3;
}
.roadmap-bar-step.is-active:after {
  border-color: #fc0;
}
.roadmap-bar-step.is-active.is-done:after {
  background-color: #fc0;
}
.roadmap-bar-step.is-active .balloon-box {
  opacity: 1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  pointer-events: all;
}
.roadmap-bar-step.is-active.n1 .balloon-box, .roadmap-bar-step.is-active.n4 .balloon-box {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.roadmap-bar-step.n1 .balloon-box {
  left: 50%;
  margin-left: -2.6rem;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
.roadmap-bar-step.n1 .balloon-box:before {
  left: 2.4rem;
  right: auto;
}
.roadmap-bar-step.n4 .balloon-box {
  left: auto;
  right: 50%;
  margin-right: -2.6rem;
  -webkit-transform: translateY(-1rem);
      -ms-transform: translateY(-1rem);
          transform: translateY(-1rem);
}
.roadmap-bar-step.n4 .balloon-box:before {
  left: auto;
  right: 1.4rem;
}

.chatech-slider {
  margin: 0 -1.6rem;
  overflow: hidden;
  padding: 0 1.6rem;
}
.chatech-card {
  z-index: 0;
  position: relative;
  height: 18rem;
  border-radius: 2.4rem;
  padding: 2.4rem 3rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.08);
}
.chatech-card.step1 {
  background-image: linear-gradient(131deg, #ffd8cc 15%, #ff808f 94%);
}
.chatech-card.step1.after {
  background-image: linear-gradient(116deg, #e9d2ff 9%, #a98bff 83%);
}
.chatech-card.step2 {
  background-image: linear-gradient(148deg, #ffe79c 10%, #ffad7e 78%);
}
.chatech-card.step3 {
  background-image: linear-gradient(148deg, #80ffd9 10%, #78c5f1 78%);
}
.chatech-card.step4 {
  background-image: linear-gradient(128deg, #a3b7ff 16%, #7884f1 94%);
}
.chatech-card .tit-upper {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  display: block;
}
.chatech-card .tit-upper small {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.6rem;
}
.chatech-card .tit-upper small strong {
  font-size: 1.3rem;
}
.chatech-card .tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 400;
  margin-bottom: 1rem;
}
.chatech-card .tag-round {
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 1.2rem;
  font-size: 1.2rem;
  padding: 0 1rem;
  vertical-align: middle;
  margin: -0.2rem 0 0 0;
}
.chatech-card .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.chatech-card .bottom-info {
  position: absolute;
  bottom: 2.5rem;
  right: 3rem;
  text-align: right;
}
.chatech-card .bottom-info .desc {
  display: block;
  margin-top: 0.2rem;
  font-size: 1rem;
  color: #666;
}
.chatech-card .bottom-info .price-area .price-upper {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: absolute;
  bottom: 100%;
  right: 0;
  display: block;
  margin-bottom: 0.2rem;
  color: #666;
}
.chatech-card .bottom-info .price-area .price-upper img {
  width: 8rem;
  margin-bottom: -0.4rem;
}
.chatech-card .bottom-info .price-area .price-num {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.chatech-card .bottom-info .price-area .price {
  margin-bottom: -0.4rem;
  font-size: 3.6rem;
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}
.chatech-card .bottom-info .price-area .price > span {
  margin-left: -0.2rem;
}
.chatech-card .bottom-info .price-area .unit {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0.8rem 0 0 0.2rem;
}
.chatech-card .bottom-info .price-area span,
.chatech-card .bottom-info .price-area strong {
  font: inherit;
}
.chatech-card.after {
  background: #fff;
}
.chatech-card.after .tit-upper {
  font-weight: 700;
  font-size: 1.8rem;
}
.chatech-card.after .tit-upper.size-s {
  font-weight: 400;
  font-size: 1.4rem;
}

.chatech-card-visual {
  z-index: -1;
  position: absolute;
  bottom: 0;
  right: -1rem;
  width: 18rem;
  height: 18rem;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  overflow: hidden;
}
.chatech-card-visual > div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 18rem auto;
}
.chatech-card-visual.n1 .inner-bg {
  background-image: url("/images/common/hm/chatech-card1-bg.png");
}
.chatech-card-visual.n1 .inner-car {
  background-image: url("/images/common/hm/chatech-card1-car.png");
  -webkit-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
          transform-origin: left bottom;
}
.chatech-card-visual.n1 .inner-bell {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  background-image: url("/images/common/hm/chatech-card1-bell.png");
}
.chatech-card-visual.n2 .inner-bg {
  background-image: url("/images/common/hm/chatech-card2-bg.png");
}
.chatech-card-visual.n2 .inner-chart {
  background-image: url("/images/common/hm/chatech-card2-chart.png");
}
.chatech-card-visual.n2 .inner-arrow {
  background-image: url("/images/common/hm/chatech-card2-arrow.png");
}
.chatech-card-visual.n2 .inner-blink {
  background-image: url("/images/common/hm/chatech-card2-blink.png");
}
.chatech-card-visual.n3 .inner-wallet1 {
  background-image: url("/images/common/hm/chatech-card3-wallet1.png");
}
.chatech-card-visual.n3 .inner-wallet2 {
  background-image: url("/images/common/hm/chatech-card3-wallet2.png");
}
.chatech-card-visual.n3 .inner-money {
  background-image: url("/images/common/hm/chatech-card3-money.png");
}
.chatech-card-visual.n4 .inner-bg {
  background-image: url("/images/common/hm/chatech-card4-bg.png");
}
.chatech-card-visual.n4 .inner-card1 {
  background-image: url("/images/common/hm/chatech-card4-card1.png");
}
.chatech-card-visual.n4 .inner-card2 {
  background-image: url("/images/common/hm/chatech-card4-card2.png");
}
.chatech-card-visual.n4 .inner-money {
  display: none !important;
  background-image: url("/images/common/hm/chatech-card4-money.png");
}
.chatech-card-visual.n5 {
  bottom: -1.4rem;
  -webkit-transform: scale(0.9) rotate(1deg);
      -ms-transform: scale(0.9) rotate(1deg);
          transform: scale(0.9) rotate(1deg);
  background: url("/images/common/hm/chatech-card5-clap1.png") 0 0/18rem auto no-repeat;
}
.chatech-card-visual.n5 .inner-clap2 {
  background-image: url("/images/common/hm/chatech-card5-clap2.png");
}

.swiper-slide-active .chatech-card-visual {
  opacity: 1;
}
.swiper-slide-active .chatech-card-visual.n1 .inner-bell {
  opacity: 0;
  -webkit-animation: aniPopShow ease-in-out 0.4s both 0.4s, aniCard1Bell ease-in-out 2s both infinite 1s;
          animation: aniPopShow ease-in-out 0.4s both 0.4s, aniCard1Bell ease-in-out 2s both infinite 1s;
}
.swiper-slide-active .chatech-card-visual.n1 .inner-bg {
  opacity: 0;
  -webkit-animation: aniPhoneUp ease-in-out 0.4s both;
          animation: aniPhoneUp ease-in-out 0.4s both;
}
.swiper-slide-active .chatech-card-visual.n1 .inner-car {
  opacity: 0;
  -webkit-animation: aniCard1Car ease-in-out 0.6s forwards, aniDongDong ease-in-out 1.6s forwards infinite 0.7s;
          animation: aniCard1Car ease-in-out 0.6s forwards, aniDongDong ease-in-out 1.6s forwards infinite 0.7s;
}
.swiper-slide-active .chatech-card-visual.n2 {
  -webkit-animation: aniPhoneShake ease-in-out 1s both infinite 0.4s;
          animation: aniPhoneShake ease-in-out 1s both infinite 0.4s;
}
.swiper-slide-active .chatech-card-visual.n2 .inner-bg {
  opacity: 0;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation: aniPhoneUp ease-in-out 0.4s both;
          animation: aniPhoneUp ease-in-out 0.4s both;
}
.swiper-slide-active .chatech-card-visual.n2 .inner-chart {
  opacity: 0;
  -webkit-animation: aniShowChart ease-in-out 0.8s both;
          animation: aniShowChart ease-in-out 0.8s both;
}
.swiper-slide-active .chatech-card-visual.n2 .inner-arrow {
  opacity: 0;
  -webkit-animation: aniChartArrowUp ease-in-out 1s both infinite 0.7s;
          animation: aniChartArrowUp ease-in-out 1s both infinite 0.7s;
}
.swiper-slide-active .chatech-card-visual.n2 .inner-blink {
  opacity: 0;
  -webkit-animation: aniChartBlink ease-in-out 2s both infinite 0.4s;
          animation: aniChartBlink ease-in-out 2s both infinite 0.4s;
}
.swiper-slide-active .chatech-card-visual.n3 .inner-wallet1,
.swiper-slide-active .chatech-card-visual.n3 .inner-wallet2 {
  opacity: 0;
  -webkit-animation: aniWalletShow ease-in-out 0.3s both;
          animation: aniWalletShow ease-in-out 0.3s both;
}
.swiper-slide-active .chatech-card-visual.n3 .inner-money {
  opacity: 0;
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-animation: aniWalletMoney ease-in-out 0.4s forwards 0.3s, aniMoneyShake ease-in-out 1.2s forwards infinite 0.9s;
          animation: aniWalletMoney ease-in-out 0.4s forwards 0.3s, aniMoneyShake ease-in-out 1.2s forwards infinite 0.9s;
}
.swiper-slide-active .chatech-card-visual.n4 .inner-bg {
  opacity: 0;
  -webkit-animation: aniPhoneUp ease-in-out 0.4s both;
          animation: aniPhoneUp ease-in-out 0.4s both;
}
.swiper-slide-active .chatech-card-visual.n4 .inner-card1 {
  opacity: 0;
  -webkit-animation: aniCard4Show ease-in-out 0.2s forwards 0.3s, aniDongDong ease-in-out 1.4s forwards infinite 0.6s;
          animation: aniCard4Show ease-in-out 0.2s forwards 0.3s, aniDongDong ease-in-out 1.4s forwards infinite 0.6s;
}
.swiper-slide-active .chatech-card-visual.n4 .inner-card2 {
  opacity: 0;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  -webkit-animation: aniShowChart ease-in-out 0.4s forwards 0.4s, aniDongDong ease-in-out 1.4s forwards infinite 0.6s;
          animation: aniShowChart ease-in-out 0.4s forwards 0.4s, aniDongDong ease-in-out 1.4s forwards infinite 0.6s;
}
.swiper-slide-active .chatech-card-visual.n4 .inner-money {
  -webkit-animation: aniCard4Show ease-in-out 0.3s both 0.4s, aniDongDong ease-in-out 1.4s both infinite 0.9s;
          animation: aniCard4Show ease-in-out 0.3s both 0.4s, aniDongDong ease-in-out 1.4s both infinite 0.9s;
}
.swiper-slide-active .chatech-card-visual.n5 {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 100px;
          perspective: 100px;
  -webkit-animation: aniPhoneShake ease-in-out 1.4s both infinite 0.4s;
          animation: aniPhoneShake ease-in-out 1.4s both infinite 0.4s;
}
.swiper-slide-active .chatech-card-visual.n5 .inner-clap2 {
  z-index: 2;
  -webkit-transform-origin: right bottom;
      -ms-transform-origin: right bottom;
          transform-origin: right bottom;
  -webkit-animation: aniCard5Clap2 linear 2.4s both infinite;
          animation: aniCard5Clap2 linear 2.4s both infinite;
}
@-webkit-keyframes aniCard5Clap2 {
  0%, 5%, 15%, 20%, 35%, 45%, 100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  12%, 27%, 42% {
    -webkit-transform: rotateX(-2deg);
            transform: rotateX(-2deg);
  }
}
@keyframes aniCard5Clap2 {
  0%, 5%, 15%, 20%, 35%, 45%, 100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  12%, 27%, 42% {
    -webkit-transform: rotateX(-2deg);
            transform: rotateX(-2deg);
  }
}
@-webkit-keyframes aniCard4Show {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateX(-1rem) skewX(2deg);
            transform: scale(0.8) translateX(-1rem) skewX(2deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes aniCard4Show {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateX(-1rem) skewX(2deg);
            transform: scale(0.8) translateX(-1rem) skewX(2deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes aniMoneyShake {
  0%, 100% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(-1deg) translateY(0.2rem);
            transform: rotate(-1deg) translateY(0.2rem);
  }
}
@keyframes aniMoneyShake {
  0%, 100% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  50% {
    -webkit-transform: rotate(-1deg) translateY(0.2rem);
            transform: rotate(-1deg) translateY(0.2rem);
  }
}
@-webkit-keyframes aniWalletMoney {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4rem) translateX(2rem) rotate(5deg);
            transform: translateY(-4rem) translateX(2rem) rotate(5deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@keyframes aniWalletMoney {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-4rem) translateX(2rem) rotate(5deg);
            transform: translateY(-4rem) translateX(2rem) rotate(5deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
}
@-webkit-keyframes aniWalletShow {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3rem);
            transform: translateX(3rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes aniWalletShow {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3rem);
            transform: translateX(3rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes aniPhoneShake {
  0%, 100% {
    -webkit-transform: scale(0.9) rotate(1deg);
            transform: scale(0.9) rotate(1deg);
  }
  50% {
    -webkit-transform: scale(0.9) rotate(-1deg);
            transform: scale(0.9) rotate(-1deg);
  }
}
@keyframes aniPhoneShake {
  0%, 100% {
    -webkit-transform: scale(0.9) rotate(1deg);
            transform: scale(0.9) rotate(1deg);
  }
  50% {
    -webkit-transform: scale(0.9) rotate(-1deg);
            transform: scale(0.9) rotate(-1deg);
  }
}
@-webkit-keyframes aniChartArrowUp {
  0%, 80%, 100% {
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
  40% {
    -webkit-transform: translateY(-0.5rem);
            transform: translateY(-0.5rem);
  }
}
@keyframes aniChartArrowUp {
  0%, 80%, 100% {
    -webkit-transform: translateY(0.5rem);
            transform: translateY(0.5rem);
  }
  40% {
    -webkit-transform: translateY(-0.5rem);
            transform: translateY(-0.5rem);
  }
}
@-webkit-keyframes aniChartBlink {
  0%, 10%, 30% {
    opacity: 0;
  }
  20%, 40%, 70%, 100% {
    opacity: 1;
  }
}
@keyframes aniChartBlink {
  0%, 10%, 30% {
    opacity: 0;
  }
  20%, 40%, 70%, 100% {
    opacity: 1;
  }
}
@-webkit-keyframes aniShowChart {
  0% {
    opacity: 0;
    width: 0;
    -webkit-transform: translateY(-1.6rem);
            transform: translateY(-1.6rem);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes aniShowChart {
  0% {
    opacity: 0;
    width: 0;
    -webkit-transform: translateY(-1.6rem);
            transform: translateY(-1.6rem);
  }
  100% {
    opacity: 1;
    width: 100%;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes aniCard1Bell {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  8% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  16% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  24% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  30% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  36% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  46% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  55% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes aniCard1Bell {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  8% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
  16% {
    -webkit-transform: rotate(-4deg);
            transform: rotate(-4deg);
  }
  24% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  30% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  36% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  46% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  55% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes aniPhoneUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes aniPhoneUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2rem);
            transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes aniCard1Car {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateX(-1rem) translateY(1rem);
            transform: scale(0.5) translateX(-1rem) translateY(1rem);
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    will-change: auto;
  }
}
@keyframes aniCard1Car {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5) translateX(-1rem) translateY(1rem);
            transform: scale(0.5) translateX(-1rem) translateY(1rem);
  }
  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    will-change: auto;
  }
}
@-webkit-keyframes aniPopShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  90% {
    transfrom: scale(1.2);
  }
  100% {
    opacity: 1;
    transfrom: scale(1);
  }
}
@keyframes aniPopShow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  90% {
    transfrom: scale(1.2);
  }
  100% {
    opacity: 1;
    transfrom: scale(1);
  }
}

.chatech-finance {
  position: relative;
  margin: 2.6rem 0 2rem;
}
.chatech-finance .chatech-finance-tit {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-bottom: 1.2rem;
  color: #222;
}
.chatech-finance .chatech-finance-tit strong {
  font-weight: 400;
}
.chatech-finance .chatech-finance-img {
  width: 20rem;
  display: block;
  min-height: 13.2rem;
  margin: 2rem auto 0;
  font-size: 0;
}
.chatech-finance .chatech-finance-img img {
  width: 100%;
}
.chatech-finance .chatech-finance-txt {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  margin-top: 1rem;
}
.chatech-finance .chatech-finance-txt strong {
  font-weight: 700;
  color: #f00;
}
.chatech-finance .chatech-finance-txt2 {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  margin: 1rem 0;
}
.chatech-finance .chatech-finance-txt2 .number {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  color: #2589ff;
  line-height: 1;
  margin: 0.4rem 0 0;
}
.chatech-finance .chatech-finance-txt2 .number strong,
.chatech-finance .chatech-finance-txt2 .number span {
  font: inherit;
}
.chatech-finance .chatech-finance-txt2 .number > strong > span {
  margin-left: -0.1rem;
}
.chatech-finance .chatech-finance-txt2 .number .unit {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 -0.4rem;
  font-size: 1.4rem;
}
.chatech-finance .chatech-finance-txt2 .emoji {
  font-size: 2rem;
}

.banner-item .link-intro-chatech {
  z-index: 0;
  position: relative;
  height: 7.6rem;
  padding: 2.6rem 2.5rem;
  background: #695b55;
  overflow: visible;
}
.banner-item .link-intro-chatech .subject {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
}
.banner-item .link-intro-chatech .visual-car {
  z-index: -1;
  position: absolute;
  bottom: -1.2rem;
  right: 1.6rem;
  width: 9rem;
  height: 8.2rem;
}
.banner-item .link-intro-chatech .visual-car > div {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all ease-in-out 0.4s;
  transition: all ease-in-out 0.4s;
}
.banner-item .link-intro-chatech .visual-car .inner-car {
  background: url("/images/common/hm/banner-chatech2-car.png") bottom right/9rem auto no-repeat;
  -webkit-transform: translateY(-1rem) translateX(1.6rem);
      -ms-transform: translateY(-1rem) translateX(1.6rem);
          transform: translateY(-1rem) translateX(1.6rem);
}
.banner-item .link-intro-chatech .visual-car .inner-coin {
  background: url("/images/common/hm/banner-chatech2-coin.png") bottom right/9rem auto no-repeat;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.banner-item .link-intro-chatech.screenon .inner-car {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
.banner-item .link-intro-chatech.screenon .inner-coin {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}