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

strong {
  font-weight: bold;
}

html,
body {
  font-family: "Pretendard", ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  color: #222;
  -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;
  font-family: inherit;
}

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: inherit;
  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);
}

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

@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../font/Pretendard-Bold.woff2") format("woff2"), url("../font/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../font/Pretendard-SemiBold.woff2") format("woff2"), url("../font/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../font/Pretendard-Medium.woff2") format("woff2"), url("../font/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../font/Pretendard-Regular.woff2") format("woff2"), url("../font/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../font/Pretendard-Light.woff2") format("woff2"), url("../font/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard Thin"), url("../font/Pretendard-Thin.woff2") format("woff2"), url("../font/Pretendard-Thin.woff") format("woff");
}
/*
 * 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;
}

.spacer {
  height: calc(var(--space) * 0.1rem);
}

.spacer-8 {
  height: 0.8rem;
}

.spacer-12 {
  height: 1.2rem;
}

.spacer-18 {
  height: 1.8rem;
}

.spacer-20 {
  height: 2rem;
}

.spacer-24 {
  height: 2.4rem;
}

.spacer-30 {
  height: 3rem;
}

.spacer-50 {
  height: 50px;
}

.c-spacer {
  --spacer-height: 1;
  --spacer-color: #eee;
  width: 100%;
  height: calc(var(--spacer-height) * 1px);
  background-color: var(--spacer-color, #eee);
}

.fz-10 {
  font-size: 1rem !important;
}

.fz-12 {
  font-size: 1.2rem !important;
}

.fz-13 {
  font-size: 1.3rem !important;
}

.fz-14 {
  font-size: 1.4rem !important;
}

.fz-15 {
  font-size: 1.5rem !important;
}

.fz-16 {
  font-size: 1.6rem !important;
}

.fz-17 {
  font-size: 1.7rem !important;
}

.fz-18 {
  font-size: 1.8rem !important;
}

.fz-19 {
  font-size: 1.9rem !important;
}

.fz-20 {
  font-size: 2rem !important;
  height: 5rem;
}

.bottom-space {
  height: 7.2rem;
}

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

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

.space-mt-0 {
  margin-top: 0 !important;
}

.space-mt-8 {
  margin-top: 0.8rem !important;
}

.space-mt-10 {
  margin-top: 1rem !important;
}

.space-mt-16 {
  margin-top: 1.6rem !important;
}

.space-mt-24 {
  margin-top: 2.4rem !important;
}

.space-mt-32 {
  margin-top: 3.2rem !important;
}

.space-mt-40 {
  margin-top: 4rem !important;
}

.space-mt-56 {
  margin-top: 5.6rem !important;
}

.space-pt-0 {
  padding-top: 0rem !important;
}

.space-pb-0 {
  padding-bottom: 0rem !important;
}

.default-txt {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}

.default-txt-s {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}

.space-title-pl {
  padding-left: 0.4rem;
}

@media (min-width: 376px) {
  .break-mq {
    display: none;
  }
}
.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;
}

.fc-gray {
  color: #888 !important;
}

.fc-green {
  color: #30dc63 !important;
}

.fc-red {
  color: #ff6666 !important;
}

.fc-lightgray {
  color: #eee !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-10 {
  margin-bottom: 1rem !important;
}

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

.mgb-l {
  margin-bottom: 2.4rem !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/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/as/intro-balloon-tip.svg?ver=202205") bottom right/contain no-repeat;
}
.balloon-box.type-black {
  background-color: #222;
  color: #fff;
}
.balloon-box.type-black:before {
  background: url("../images/as/intro-balloon-tip-black2.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/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/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/icon/intro-balloon-tip-white.png") 0 0 no-repeat;
  background-size: 100%;
}
.balloon-box.type-line-brown {
  background: #fff;
  border: 0.1rem solid #ad7e45;
  -webkit-box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.06);
  color: #ad7e45;
}
.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.c-black {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.btn-txt.c-black::after {
  background-color: #222;
}

/* 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 span.txt {
  font-weight: 700;
}
.btn-txt-arrow span.txt-save {
  color: #666;
}
.btn-txt-arrow span.txt-deposit {
  color: #222;
  font-weight: 700;
}
.btn-txt-arrow span.txt-ing {
  color: #287eff;
}
.btn-txt-arrow .icon16 {
  vertical-align: middle;
}

/* btn-rectangle */
.btn-rectangle {
  position: relative;
  display: inline-block;
  padding: 0.6rem 0.8rem;
  height: 2.8rem;
  border: 0.1rem solid #666;
  border-radius: 0.4rem;
  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-ml {
  height: 4.2rem;
  line-height: 4.2rem;
  font-size: 1.4rem;
  padding: 0 1.6rem;
  border-radius: 0.6rem;
}
.btn-rectangle.size-mm {
  height: 4.8rem;
  line-height: 4.8rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  padding: 0 1.6rem;
  border-radius: 0.4rem;
}
.btn-rectangle.size-mm:disabled {
  font-weight: 300;
}
.btn-rectangle.size-m {
  height: 3.2rem;
  line-height: 3.2rem;
  border-radius: 0.8rem;
  font-size: 1.2rem;
  padding: 0 1rem;
  border: 0.1rem solid transparent;
}
.btn-rectangle.size-r {
  height: 3.2rem;
  line-height: 3.2rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  padding: 0 1.3rem;
}
.btn-rectangle.type-line {
  border: 0.1rem solid #666;
}
.btn-rectangle.type-line.size-m {
  line-height: 3rem;
}
.btn-rectangle.type-line-2 {
  border: 0.1rem solid #222;
  height: 3.6rem;
  line-height: 3.5rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
}
.btn-rectangle.type-line-2 {
  border: 0.1rem solid #222;
  height: 3.6rem;
  line-height: 3.5rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
}
.btn-rectangle.type-line-primary {
  border: 0.1rem solid #fc0;
}
.btn-rectangle.bg-yellow {
  border: 1px solid #ffcc00;
  background: #ffcc00;
  color: #222;
}
.btn-rectangle.bg-yellow:disabled {
  border-color: #ddd;
  background: #ddd;
  color: #aaa;
}
.btn-rectangle .icon16:last-child {
  margin-right: -0.4rem;
}
.btn-rectangle .icon16:first-child {
  margin-left: -0.4rem;
}
.btn-rectangle .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: xx-small;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
  display: block;
}
.btn-rectangle .icon-close {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-rectangle .icon16 {
  margin-top: -0.2rem;
}
.btn-rectangle .icon16.icon-arrow-right-black-bold:last-of-type {
  margin-left: 0rem;
  margin-right: -0.6rem;
}

/* 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/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.6rem;
  height: 2.8rem;
  text-align: center;
  border-radius: 1.4rem;
}
.btn-round > .tit {
  font-size: 1.2rem;
  font-weight: 700;
}
.btn-round > .tit:after {
  display: inline-block;
  width: 0.1rem;
  height: 1.6rem;
  background: #fc0;
  vertical-align: middle;
  margin: -0.1rem 0.5rem 0 0.6rem;
  content: "";
}
.btn-round > .txt {
  vertical-align: middle;
}
.btn-round.bg-yellow {
  background: #ffd338;
  border: 0.1rem solid #ffd338;
  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[class*=type-line]:disabled {
  background: #ddd;
  border-color: #ddd;
  color: #aaa !important;
}
.btn-round[class*=type-line]:disabled .num {
  color: inherit;
}
.btn-round[class*=type-line]:disabled .icon-bookmark-s {
  opacity: 0.5;
}
.btn-round.type-line {
  border: 0.1rem solid #ddd;
}
.btn-round.type-line .num {
  margin-left: 0.4rem;
  font-weight: 500;
  color: #2589ff;
}
.btn-round.type-line.size-l {
  color: #222;
}
.btn-round.type-line-primary {
  border: 0.1rem solid #fc0;
  line-height: 2.5rem;
}
.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.type-gray-line {
  height: 3.2rem;
  line-height: 3rem;
  padding: 0 1.2rem;
  border: 0.1rem solid #ddd;
  background-color: #f8f8f8;
  font-weight: 300;
  border-radius: 3.2rem;
}
.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-s {
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.6rem;
}
.btn-round.size-m {
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  padding: 0 1rem;
  border-radius: 1.6rem;
}
.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;
}

.btn-round-area {
  margin: -0.4rem;
}
.btn-round-area .btn-round,
.btn-round-area .btn-rectangle {
  margin: 0.3rem;
}
.btn-round-area.type-scroll {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  white-space: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  line-height: 3rem;
}
.btn-round-area.type-scroll::-webkit-scrollbar {
  display: none;
}
.btn-round-area.type-scroll .btn-round,
.btn-round-area.type-scroll .btn-rectangle {
  margin: 0 0.3rem;
}
.btn-round-area.type-scroll .btn-round:first-child,
.btn-round-area.type-scroll .btn-rectangle:first-child {
  margin-left: 0;
}
.btn-round-area.type-scroll .btn-round:last-child,
.btn-round-area.type-scroll .btn-rectangle:last-child {
  margin-right: 0;
}

.btn-scroll-area {
  margin: 0 -1.6rem;
}
.btn-scroll-area:after {
  content: "";
  display: block;
  clear: both;
}
.btn-scroll-area > .tit {
  float: left;
  width: 6rem;
  color: #666;
  margin-left: 1.6rem;
  font-size: 1.4rem;
  line-height: 3rem;
}
.btn-scroll-area > .btn-round-area.type-scroll {
  float: left;
  width: calc(100% - 7.6rem);
  overflow: auto;
  margin: 0;
  padding: 0 1.2rem 0 0;
  white-space: nowrap;
}
.btn-scroll-area > .btn-round-area.type-scroll::-webkit-scrollbar {
  display: none;
}

.btn-round-area {
  margin: -0.4rem;
}
.btn-round-area.type-scroll {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  white-space: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  line-height: 3rem;
}
.btn-round-area.type-scroll::-webkit-scrollbar {
  display: none;
}
.btn-round-area.type-scroll .btn-round {
  margin: 0 0.4rem;
}
.btn-round-area.type-scroll .btn-round:first-child {
  margin-left: 0;
}
.btn-round-area.type-scroll .btn-round:last-child {
  margin-right: 0;
}
.added-footer .btn-round-area.type-scroll {
  margin-bottom: -0.6rem;
}

.btn-scroll-area {
  margin: 0 -1.6rem;
}
.btn-scroll-area:after {
  content: "";
  display: block;
  clear: both;
}
.btn-scroll-area > .tit {
  float: left;
  width: 6rem;
  color: #666;
  margin-left: 1.6rem;
  font-size: 1.4rem;
  line-height: 3.2rem;
}
.btn-scroll-area > .btn-round-area.type-scroll {
  float: left;
  width: calc(100% - 7.6rem);
  overflow: auto;
  margin: 0;
  padding: 0 1.2rem 0 0;
  white-space: nowrap;
}
.btn-scroll-area > .btn-round-area.type-scroll::-webkit-scrollbar {
  display: none;
}

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

/* 버튼 높이 - 48 */
.btn-wrap a,
.btn-wrap button {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  border-radius: 0.4rem;
  text-align: center;
  padding: 1.1rem 0.4rem;
}
.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;
  letter-spacing: 0;
}
.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-transparent {
  border: 1px solid transparent;
  background: transparent;
  color: #222;
}
.btn-wrap .btn-bg-white {
  border: 1px solid #fff;
  background: #fff;
  color: #222;
}
.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-wrap.size-s a,
.btn-wrap.size-s button {
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  line-height: 1;
  height: 4rem;
}
.btn-wrap.size-s a span,
.btn-wrap.size-s button span {
  font-size: 1.4rem;
  font-weight: 700;
}
.btn-wrap.size-s a.btn-border-gray,
.btn-wrap.size-s button.btn-border-gray {
  line-height: 3.8rem;
}

/* 플루팅 버튼 */
.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/icon/icon-group.svg") center/contain no-repeat;
  line-height: 3.8rem;
  font-size: 1.4rem;
  color: #222;
  font-weight: bolder;
  font-family: inherit;
  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/icon/icon-bookmark.svg") center/2.4rem auto no-repeat #fff;
}
.btn-bookmark.active {
  background-image: url("../images/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: transparent;
  font-size: xx-small;
  overflow: hidden;
}
.btn-icon .dot-new {
  top: 0.6rem;
  right: 0.6rem;
}

/* 비교하기, 관심차 */
.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/icon/sp-icon16-compare.svg");
}

.btn-like:after {
  background-image: url("../images/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;
}

.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%;
  line-height: 5.6rem;
  text-align: center;
  border-radius: 0.6rem;
}
.btn-area a span,
.btn-area a .btn-tit,
.btn-area button span,
.btn-area button .btn-tit {
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: middle;
}
.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-light,
.btn-area button.btn-light {
  background: #eee;
}
.btn-area a.btn-orange,
.btn-area button.btn-orange {
  background-color: #ff5d16;
}
.btn-area a.btn-orange span,
.btn-area button.btn-orange span {
  color: #fff;
}
.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 .show-disabled,
.btn-area button .show-disabled {
  display: none;
}
.btn-area a[disabled],
.btn-area button[disabled] {
  background: #ddd;
}
.btn-area a[disabled] span,
.btn-area button[disabled] span {
  color: #aaa !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.6rem;
}
.btn-area a.is-checked,
.btn-area button.is-checked {
  position: relative;
}
.btn-area a.is-checked span,
.btn-area button.is-checked span {
  font-weight: 700 !important;
}
.btn-area a.is-checked:after,
.btn-area button.is-checked:after {
  position: absolute;
  display: block;
  top: 0.8rem;
  right: 0.8rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #f00;
  content: "";
}
.btn-area .c-new-btn {
  border-radius: 0.6rem;
  height: 5.6rem;
  line-height: 5.6rem;
}
.btn-area .c-new-btn > span {
  font-size: 1.8rem;
}
.btn-area .c-new-btn.btn-yellow {
  background-color: #ffd338;
}
.btn-area .c-new-btn:disabled {
  color: #aaa;
  background-color: #ddd;
}
.btn-area.s-small a,
.btn-area.s-small button {
  line-height: 4.8rem;
}
.btn-area.s-small a span,
.btn-area.s-small a .btn-tit,
.btn-area.s-small button span,
.btn-area.s-small button .btn-tit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}

.btn-arrow {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
  position: relative;
  padding-right: 1.421rem;
}
.btn-arrow:after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icon/icon12-arrow-black.svg") no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.btn-arrow.type-sort {
  font-weight: 500;
  padding-right: 2.4rem;
}
.btn-arrow.type-sort::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  width: 1.6rem;
  height: 1.6rem;
  right: 0.4rem;
}

/* 아이콘 */
.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;
}

.icon36 {
  display: inline-block;
  width: 3.6rem;
  height: 3.6rem;
  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;
}

.icon50 {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-url {
  background: url("../images/icon/icon-url.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/icon/icon24-reload-black.svg") no-repeat center/contain;
}
.icon-refresh-round.refresh-loding {
  background: url(../images/icon/icon24-reload-black-interaction.svg) no-repeat center/contain;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-new-home {
  background: url("../images/icon/icon24-new-home.svg?v=202505") no-repeat center/contain;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*********
 * 마이데이터 리뉴얼
 *********/
.icon-scrolldown {
  background: url("../images/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/icon/icon-tip.png") center/contain no-repeat;
}

.icon-tooltip-light {
  vertical-align: middle;
  margin-top: -0.3rem;
  background: url("../images/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/icon/icon-bookmark-s.svg") center/1.6rem auto no-repeat;
}

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

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

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

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

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

.icon-sync-complete {
  display: inline-block;
  width: 5.85rem;
  height: 5.116rem;
  background: url("../images/icon/icon-sync-complete.svg") 0 0 no-repeat;
  background-size: 100%;
}

.icon-star::before {
  display: inline-block;
  vertical-align: text-bottom;
  content: "";
  width: 2rem;
  height: 2rem;
  background: url("../images/icon/icon-star.svg") 0 0 no-repeat;
  background-size: 100%;
}

.icon-arrow-right-black {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  overflow: hidden;
  text-indent: -9999px;
  font-size: 0;
  vertical-align: middle;
  background: url("../images/icon/icon16-arrow-right-black.svg") no-repeat center/contain;
}

.icon-news::before {
  content: "";
  display: inline-block;
  width: 4rem;
  height: 2.2rem;
  vertical-align: middle;
  margin-right: 0.6rem;
  background: url("../images/icon/icon-news.svg") no-repeat center/contain;
}

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

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

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

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

/* 아이콘 - 로고*/
.icon40-bank-bidv {
  background: url("../images/logo/icon40-bank-bidv.svg") no-repeat center/contain;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.logo-joinsauto {
  background: url("../images/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/logo/logo-ismsp.png");
}
.logo-certify.logo-certify--kcsi {
  background-image: url("../images/logo/logo-kcsi.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;
}

/* 인풋 변환폼 */
.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: inherit;
  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/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: inherit;
  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/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/icon/date-empty.svg");
}
.inp-box.type-mix .inp-num.inactive {
  background-image: url("../images/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/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: inherit;
  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/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: inherit;
  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/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/icon/date-empty.svg");
}
.select-box.type-mix .inp-num.inactive {
  background-image: url("../images/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/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/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/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;
      align-self: center;
  font-weight: 500;
}
.form-grid > .form-connector.has-title {
  margin-top: 2.8rem;
}
.form-grid > .form-connector > .form-area.size-s ~ .form-grid > .form-connector {
  margin-top: 2rem;
}

.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-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.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.size-m {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 1rem;
}

.form-tit > strong,
.form-tit > span {
  vertical-align: middle;
}

.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;
}
.form-item .btn-area {
  padding: 0;
}

.form-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.17px;
  color: #666;
}
.form-text::before {
  content: "∙";
  margin-right: 4px;
}

.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: 0.8rem;
  font-size: 1.2rem;
}
.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 {
  font-size: 1rem;
}
.inp-box.type-new.type-unit.single.size-m input, .inp-box.type-new.type-unit.single.size-m .ico-confirm {
  padding-right: 2.2rem;
}
.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: inherit;
}
.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,
.selection-list-item .form-checkbox strong {
  font: inherit;
}
.selection-list-item .form-radio .icon,
.selection-list-item .form-checkbox .icon {
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.selection-list-item .form-radio .txt,
.selection-list-item .form-checkbox .txt {
  font-weight: 400;
}
.selection-list-item .form-radio .txt-sub,
.selection-list-item .form-checkbox .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,
.selection-list-item .form-checkbox input:checked ~ .txt strong,
.selection-list-item .form-checkbox .inp-box .ico-confirm:checked ~ .txt strong,
.inp-box .selection-list-item .form-checkbox .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;
}

.c-new-input .title {
  margin: 0 4px 8px;
  font-weight: 500;
  color: #222;
}
.c-new-input .title .form-tit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.c-new-input .title .form-tit.small {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.theme-dealer .c-new-input .title .form-tit {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.c-new-input input, .c-new-input .inp-box .ico-confirm, .inp-box .c-new-input .ico-confirm,
.c-new-input .c-input-unit {
  display: inline-block;
  width: 100%;
  height: 48px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 4px;
  text-decoration: none;
  padding: 0 16px;
  line-height: 46px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  /* Chrome, Safari, Edge */
}
.c-new-input input:disabled, .c-new-input .inp-box .ico-confirm:disabled, .inp-box .c-new-input .ico-confirm:disabled,
.c-new-input .c-input-unit:disabled {
  border: 1px solid #ddd;
  color: #888;
  background-color: #eee;
  font-weight: 500;
}
.c-new-input input::-webkit-input-placeholder, .c-new-input .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input .c-input-unit::-webkit-input-placeholder {
  color: #888;
  font-size: 16px;
  font-weight: 300;
}
.c-new-input input::-webkit-input-placeholder, .c-new-input .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input input::placeholder, .c-new-input .inp-box .ico-confirm::placeholder, .inp-box .c-new-input .ico-confirm::placeholder,
.c-new-input .c-input-unit::-webkit-input-placeholder,
.c-new-input .c-input-unit::placeholder {
  color: #888;
  font-size: 16px;
  font-weight: 300;
}
.c-new-input input::-webkit-input-placeholder, .c-new-input .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input .c-input-unit::-webkit-input-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input::-moz-placeholder, .c-new-input .inp-box .ico-confirm::-moz-placeholder, .inp-box .c-new-input .ico-confirm::-moz-placeholder, .c-new-input .c-input-unit::-moz-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input:-ms-input-placeholder, .c-new-input .inp-box .ico-confirm:-ms-input-placeholder, .inp-box .c-new-input .ico-confirm:-ms-input-placeholder, .c-new-input .c-input-unit:-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input::-ms-input-placeholder, .c-new-input .inp-box .ico-confirm::-ms-input-placeholder, .inp-box .c-new-input .ico-confirm::-ms-input-placeholder, .c-new-input .c-input-unit::-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input::placeholder, .c-new-input .inp-box .ico-confirm::placeholder, .inp-box .c-new-input .ico-confirm::placeholder,
.c-new-input .c-input-unit::placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input[type=number], .c-new-input .inp-box [type=number].ico-confirm, .inp-box .c-new-input [type=number].ico-confirm,
.c-new-input .c-input-unit[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.c-new-input input[type=number]::-webkit-outer-spin-button, .c-new-input .inp-box [type=number].ico-confirm::-webkit-outer-spin-button, .inp-box .c-new-input [type=number].ico-confirm::-webkit-outer-spin-button, .c-new-input input[type=number]::-webkit-inner-spin-button, .c-new-input .inp-box [type=number].ico-confirm::-webkit-inner-spin-button, .inp-box .c-new-input [type=number].ico-confirm::-webkit-inner-spin-button,
.c-new-input .c-input-unit[type=number]::-webkit-outer-spin-button,
.c-new-input .c-input-unit[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.c-new-input input .c-input-control, .c-new-input .inp-box .ico-confirm .c-input-control, .inp-box .c-new-input .ico-confirm .c-input-control,
.c-new-input .c-input-unit .c-input-control {
  display: block;
  text-align: right;
  font-weight: 700;
}
.c-new-input input .c-input-control.disabled, .c-new-input .inp-box .ico-confirm .c-input-control.disabled, .inp-box .c-new-input .ico-confirm .c-input-control.disabled,
.c-new-input .c-input-unit .c-input-control.disabled {
  color: #888;
  font-weight: 300;
}
.c-new-input.type-search input, .c-new-input.type-search .inp-box .ico-confirm, .inp-box .c-new-input.type-search .ico-confirm {
  padding-right: 4.6rem;
  background: url(../images/icon/icon_input_search.svg) no-repeat calc(100% - 1.2rem) 50%;
}
.c-new-input.type-search input[readonly], .c-new-input.type-search .inp-box [readonly].ico-confirm, .inp-box .c-new-input.type-search [readonly].ico-confirm {
  background-color: #fff;
}
.c-new-input.has-error input, .c-new-input.has-error .inp-box .ico-confirm, .inp-box .c-new-input.has-error .ico-confirm {
  border-color: #f23f3f;
}
.c-new-input.has-error .error-message {
  display: block;
  margin-top: 0.4rem;
}
.c-new-input .error-message {
  display: none;
}
.c-new-input + .c-new-input {
  margin-top: 2rem;
}
.c-new-input .type-single-unit {
  position: relative;
}
.c-new-input .type-single-unit .inp-unit {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 2rem;
  display: block;
  max-width: 100%;
  padding: 0 0 0 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
  font-family: inherit;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-new-input .type-single-unit .inp-unit span {
  display: inline-block;
  max-width: calc(100vw - 9rem);
  opacity: 0;
  font-size: 1.6rem;
  font-weight: 500;
  vertical-align: middle;
  overflow-x: auto;
  margin-right: 0.5rem;
}
.c-new-input .type-single-unit.unfilled .inp-unit {
  opacity: 0;
}
.c-new-input .type-single-unit.txt-ar > input, .c-new-input .inp-box .type-single-unit.txt-ar > .ico-confirm, .inp-box .c-new-input .type-single-unit.txt-ar > .ico-confirm {
  padding-right: 4.8rem;
}
.c-new-input .type-single-unit.unit-location .c-input-unit {
  position: relative;
  padding-right: 1.6rem;
}
.c-new-input .type-single-unit.unit-location .inp-unit {
  position: relative;
  display: inline-block;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
      -ms-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  padding: 0;
  top: auto;
  right: auto;
}
.c-new-input.s-large input, .c-new-input.s-large .inp-box .ico-confirm, .inp-box .c-new-input.s-large .ico-confirm {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  height: 5.6rem;
  line-height: 5.6rem;
  border-radius: 0.6rem;
}
.c-new-input.s-large .type-single-unit input, .c-new-input.s-large .type-single-unit .inp-box .ico-confirm, .inp-box .c-new-input.s-large .type-single-unit .ico-confirm {
  line-height: 1;
  padding-right: 4.8rem;
}
.c-new-input.s-large .type-single-unit span {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.c-new-input.s-large.font-s input, .c-new-input.s-large.font-s .inp-box .ico-confirm, .inp-box .c-new-input.s-large.font-s .ico-confirm {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.c-new-input.s-large.font-s .type-single-unit .inp-unit {
  right: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.c-new-input.s-large.font-w-b input, .c-new-input.s-large.font-w-b .inp-box .ico-confirm, .inp-box .c-new-input.s-large.font-w-b .ico-confirm {
  font-weight: 700;
}
.c-new-input.s-large.font-w-b .type-single-unit .inp-unit {
  font-weight: 700;
}

.masked-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.masked-form input, .masked-form .inp-box .ico-confirm, .inp-box .masked-form .ico-confirm {
  width: 162px;
}
.masked-form .dash {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  font-weight: 300;
  margin: 0 6px;
}
.masked-form .dash + input, .masked-form .inp-box .dash + .ico-confirm, .inp-box .masked-form .dash + .ico-confirm {
  width: 48px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.masked-form .masked-dot {
  display: inline-block;
  margin-left: 5px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
@media (max-width: 359px) {
  .masked-form .input-base {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
  }
}

.cert-form {
  position: relative;
}
.cert-form input, .cert-form .inp-box .ico-confirm, .inp-box .cert-form .ico-confirm {
  padding-right: 52px;
}
.cert-form .timer {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #f23f3f;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.cert-form .timer.over {
  color: #888;
  font-weight: 300;
}

input[type=text].is-invalid, .inp-box [type=text].is-invalid.ico-confirm,
input[type=password].is-invalid,
.inp-box [type=password].is-invalid.ico-confirm,
input[type=number].is-invalid,
.inp-box [type=number].is-invalid.ico-confirm,
input[type=tel].is-invalid,
.inp-box [type=tel].is-invalid.ico-confirm,
button.is-invalid,
select.ui-select-base.is-invalid {
  border-color: #f23f3f !important;
}

.invalid-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 300;
  color: #f23f3f;
  line-height: 20px;
  margin-top: 4px;
}
.invalid-txt::before {
  content: "";
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  background: url("../../images/icon/icon_exclamation_circle.svg") no-repeat 0 0/100% auto;
}
.invalid-txt .text {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  line-height: 20px;
}
.invalid-txt.no-in {
  color: #287eff;
}
.invalid-txt.no-in::before {
  background: url("../../images/icon/icon_valid_circle.svg") no-repeat 0 0/100% auto;
}

.form-tit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.form-tit + input, .inp-box .form-tit + .ico-confirm {
  margin-top: 0.8rem;
}

input.txt-ar > input, .inp-box .txt-ar.ico-confirm > input,
.txt-ar > input,
.inp-box .txt-ar > .ico-confirm {
  text-align: right;
}

.field-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 2.4rem;
}
.field-container .c-new-input--line + .c-new-input--line {
  margin-top: 0;
}

.c-new-input--line {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;
}
.c-new-input--line .form-input {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  width: 100%;
  padding: 0 0.4rem 0.9rem;
  height: auto;
  border-radius: 0;
  border: none;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#222));
  background-image: linear-gradient(#222, #222);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: 50% 100%;
  -webkit-transition: background-size 0.35s ease, border-color 0.2s;
  transition: background-size 0.35s ease, border-color 0.2s;
}
.c-new-input--line .form-input::-webkit-input-placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input::-moz-placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input:-ms-input-placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input::-ms-input-placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input::placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input:focus {
  outline: none;
  border-bottom-color: transparent;
  background-size: 100% 1px;
}
.c-new-input--line .cert-form .form-input {
  padding-right: 4rem;
}
.c-new-input--line .cert-form .timer {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: 0.25rem;
  right: 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.c-new-input--line .cert-form .timer.over {
  color: #aaa;
}
.c-new-input--line.hidden {
  display: none;
}
.c-new-input--line.show {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.c-new-input--line.anim-start {
  opacity: 0;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}

/* 체크박스 */
.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 {
  background: url(../images/icon/icon-check-light-gray.svg) center/contain no-repeat #fff;
  border-color: #eee;
}
.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 {
  border-color: #ddd !important;
  background: url(../images/icon/icon-check-white.svg) center/contain no-repeat #ddd;
  opacity: 1;
}
.form-checkbox input:checked ~ .added, .form-checkbox .inp-box .ico-confirm:checked ~ .added, .inp-box .form-checkbox .ico-confirm:checked ~ .added {
  font-weight: 700;
}
.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(../images/icon/icon-check-gray.svg) no-repeat;
  background-size: cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-checkbox .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/icon/icon-check-black.svg) no-repeat;
  background-size: cover;
}
.form-checkbox .txt {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  margin-left: 0.8rem;
  vertical-align: middle;
  word-break: keep-all;
  white-space: normal;
}
.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/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 .txt.c-body-18 {
  font-size: 1.8rem !important;
  line-height: 2.5rem !important;
}
.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/icon/icon-check-gray-sm.svg) no-repeat transparent;
}
.form-checkbox.sm .icon {
  border: none;
}
.form-checkbox.sm .icon:before {
  background: url(../images/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-checkbox.full {
  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;
}
.form-checkbox.full > .icon,
.form-checkbox.full > .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.form-checkbox.full .added {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 0.4rem;
  text-align: right;
}

.c-new-form-checkbox input:checked ~ .icon, .c-new-form-checkbox .inp-box .ico-confirm:checked ~ .icon, .inp-box .c-new-form-checkbox .ico-confirm:checked ~ .icon {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.c-new-form-checkbox .icon:before {
  background: url(../images/icon/icon-check-on.svg) no-repeat;
  background-size: cover;
}

/* 체크,라디오 - 공통 */
.form-chk-radio {
  position: relative;
  display: inline-block;
  padding-left: 2.6rem;
  min-height: 2.4rem;
  font-size: 0;
  vertical-align: middle;
}
.form-chk-radio input, .form-chk-radio .inp-box .ico-confirm, .inp-box .form-chk-radio .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.form-chk-radio input:checked ~ .icon, .form-chk-radio .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-chk-radio .ico-confirm:checked ~ .icon {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.form-chk-radio input:checked ~ .icon:before, .form-chk-radio .inp-box .ico-confirm:checked ~ .icon:before, .inp-box .form-chk-radio .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.theme-dealer .form-chk-radio input:checked ~ .icon, .theme-dealer .form-chk-radio .inp-box .ico-confirm:checked ~ .icon, .inp-box .theme-dealer .form-chk-radio .ico-confirm:checked ~ .icon {
  border-color: #222;
  background-color: #222;
}
.form-chk-radio input[disabled] ~ .icon, .form-chk-radio .inp-box [disabled].ico-confirm ~ .icon, .inp-box .form-chk-radio [disabled].ico-confirm ~ .icon, .form-chk-radio input:disabled ~ .icon, .form-chk-radio .inp-box .ico-confirm:disabled ~ .icon, .inp-box .form-chk-radio .ico-confirm:disabled ~ .icon {
  background: #eee;
  border-color: #ddd;
}
.form-chk-radio input[disabled] ~ .icon:before, .form-chk-radio .inp-box [disabled].ico-confirm ~ .icon:before, .inp-box .form-chk-radio [disabled].ico-confirm ~ .icon:before, .form-chk-radio input:disabled ~ .icon:before, .form-chk-radio .inp-box .ico-confirm:disabled ~ .icon:before, .inp-box .form-chk-radio .ico-confirm:disabled ~ .icon:before {
  display: none;
}
.form-chk-radio input[disabled] ~ .txt, .form-chk-radio .inp-box [disabled].ico-confirm ~ .txt, .inp-box .form-chk-radio [disabled].ico-confirm ~ .txt, .form-chk-radio input:disabled ~ .txt, .form-chk-radio .inp-box .ico-confirm:disabled ~ .txt, .inp-box .form-chk-radio .ico-confirm:disabled ~ .txt, .form-chk-radio input[disabled] ~ .small-info, .form-chk-radio .inp-box [disabled].ico-confirm ~ .small-info, .inp-box .form-chk-radio [disabled].ico-confirm ~ .small-info, .form-chk-radio input:disabled ~ .small-info, .form-chk-radio .inp-box .ico-confirm:disabled ~ .small-info, .inp-box .form-chk-radio .ico-confirm:disabled ~ .small-info, .form-chk-radio input[disabled] ~ .small-info-full, .form-chk-radio .inp-box [disabled].ico-confirm ~ .small-info-full, .inp-box .form-chk-radio [disabled].ico-confirm ~ .small-info-full, .form-chk-radio input:disabled ~ .small-info-full, .form-chk-radio .inp-box .ico-confirm:disabled ~ .small-info-full, .inp-box .form-chk-radio .ico-confirm:disabled ~ .small-info-full {
  color: #aaa;
}
.form-chk-radio input:checked[disabled] ~ .icon, .form-chk-radio .inp-box .ico-confirm:checked[disabled] ~ .icon, .inp-box .form-chk-radio .ico-confirm:checked[disabled] ~ .icon, .form-chk-radio input:checked:disabled ~ .icon, .form-chk-radio .inp-box .ico-confirm:checked:disabled ~ .icon, .inp-box .form-chk-radio .ico-confirm:checked:disabled ~ .icon {
  border-color: #ddd !important;
  background: url(../images/icon/icon-check-gray.svg) center/contain no-repeat #ddd;
  opacity: 1;
}
.form-chk-radio input:checked ~ .added, .form-chk-radio .inp-box .ico-confirm:checked ~ .added, .inp-box .form-chk-radio .ico-confirm:checked ~ .added {
  font-weight: 700;
}
.form-chk-radio .icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: middle;
  background: url(../images/icon/icon-check-ddd.svg) no-repeat;
  background-color: #fff;
  background-size: cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-chk-radio .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/icon/icon-check-on.svg) no-repeat;
  background-size: cover;
}
.form-chk-radio .txt {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  vertical-align: middle;
}
.form-chk-radio .txt.depth {
  position: relative;
  padding-left: 2rem;
}
.form-chk-radio .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/icon/icon16-depth.svg") no-repeat center/contain;
}
.form-chk-radio .txt .icon-depth {
  vertical-align: middle;
  margin-right: 3px;
}
.form-chk-radio .txt.size-s {
  font-size: 1.4rem;
}
.form-chk-radio .small-info {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio .small-info-full {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 0.2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio.big {
  padding-left: 3.2rem;
}
.form-chk-radio.big .icon {
  width: 2.4rem;
  height: 2.4rem;
}
.form-chk-radio.big .txt {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.form-chk-radio.form-dealer input:checked ~ .icon, .form-chk-radio.form-dealer .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-chk-radio.form-dealer .ico-confirm:checked ~ .icon {
  border-color: #222;
  background-color: #222;
}
.form-chk-radio.form-dealer input:checked[disabled] ~ .icon, .form-chk-radio.form-dealer .inp-box .ico-confirm:checked[disabled] ~ .icon, .inp-box .form-chk-radio.form-dealer .ico-confirm:checked[disabled] ~ .icon, .form-chk-radio.form-dealer input:checked:disabled ~ .icon, .form-chk-radio.form-dealer .inp-box .ico-confirm:checked:disabled ~ .icon, .inp-box .form-chk-radio.form-dealer .ico-confirm:checked:disabled ~ .icon {
  border-color: #ddd !important;
  background: url(../images/icon/icon-check-gray.svg) center/contain no-repeat #ddd;
  opacity: 1;
}
.form-chk-radio.form-dealer input:checked ~ .added, .form-chk-radio.form-dealer .inp-box .ico-confirm:checked ~ .added, .inp-box .form-chk-radio.form-dealer .ico-confirm:checked ~ .added {
  font-weight: 700;
}
.top .form-chk-radio .icon, .form-chk-radio.top .icon {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: 1.5px;
}
.top .form-chk-radio.big .icon, .form-chk-radio.top.big .icon {
  top: 0.5px;
}
.align-col .form-chk-radio, .form-chk-radio.align-col {
  padding: 2.4rem 0 0;
}
.align-col .form-chk-radio .icon, .form-chk-radio.align-col .icon {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.align-col .form-chk-radio .txt, .form-chk-radio.align-col .txt {
  display: block;
  text-align: center;
}
.align-col .form-chk-radio .txt > small, .form-chk-radio.align-col .txt > small {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.align-col .form-chk-radio.big, .form-chk-radio.align-col.big {
  padding: 2.8rem 0 0;
}
.form-chk-radio.simple {
  padding-left: 24px;
}
.form-chk-radio.simple .icon {
  top: 1.5px;
  background-image: url(../../images/icon/icon-check-simple.svg);
  border: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  background-size: 20px 20px;
}
.form-chk-radio.simple .txt {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio.simple input:checked ~ .icon, .form-chk-radio.simple .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-chk-radio.simple .ico-confirm:checked ~ .icon {
  border: none;
  background-color: #fff;
}
.form-chk-radio.simple input:checked ~ .icon::before, .form-chk-radio.simple .inp-box .ico-confirm:checked ~ .icon::before, .inp-box .form-chk-radio.simple .ico-confirm:checked ~ .icon::before {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}
.form-chk-radio.simple input:disabled ~ .icon, .form-chk-radio.simple .inp-box .ico-confirm:disabled ~ .icon, .inp-box .form-chk-radio.simple .ico-confirm:disabled ~ .icon {
  background-image: url(../../images/icon/icon-check-simple.svg);
  background-color: #fff;
}

.form-radio-round input[type=radio], .form-radio-round .inp-box [type=radio].ico-confirm, .inp-box .form-radio-round [type=radio].ico-confirm {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.form-radio-round input[type=radio] + label, .form-radio-round .inp-box [type=radio].ico-confirm + label, .inp-box .form-radio-round [type=radio].ico-confirm + label {
  position: relative;
  padding-left: 2.6rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.form-radio-round input[type=radio] + label::before, .form-radio-round .inp-box [type=radio].ico-confirm + label::before, .inp-box .form-radio-round [type=radio].ico-confirm + label::before {
  width: 2.4rem;
  height: 2.4rem;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2rem;
  height: 2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-radio-round input[type=radio]:checked + label::before, .form-radio-round .inp-box [type=radio].ico-confirm:checked + label::before, .inp-box .form-radio-round [type=radio].ico-confirm:checked + label::before {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.theme-dealer .form-radio-round input[type=radio]:checked + label::before, .theme-dealer .form-radio-round .inp-box [type=radio].ico-confirm:checked + label::before, .inp-box .theme-dealer .form-radio-round [type=radio].ico-confirm:checked + label::before {
  border-color: #222;
  background-color: #222;
}
.form-radio-round input[type=radio]:checked + label::after, .form-radio-round .inp-box [type=radio].ico-confirm:checked + label::after, .inp-box .form-radio-round [type=radio].ico-confirm:checked + label::after {
  background-color: #fff;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  position: absolute;
  left: 0.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
}
.form-radio-round input[type=radio]:checked:disabled + label::before, .form-radio-round .inp-box [type=radio].ico-confirm:checked:disabled + label::before, .inp-box .form-radio-round [type=radio].ico-confirm:checked:disabled + label::before {
  border-color: #ddd;
  background-color: #ddd;
}
.form-radio-round input[type=radio]:checked:disabled + label::after, .form-radio-round .inp-box [type=radio].ico-confirm:checked:disabled + label::after, .inp-box .form-radio-round [type=radio].ico-confirm:checked:disabled + label::after {
  background-color: #fff;
}
.form-radio-round input[type=radio]:disabled + label::before, .form-radio-round .inp-box [type=radio].ico-confirm:disabled + label::before, .inp-box .form-radio-round [type=radio].ico-confirm:disabled + label::before {
  border-color: #ddd;
  background-color: #eee;
}
.form-radio-round input[type=radio]:disabled + label:after, .form-radio-round .inp-box [type=radio].ico-confirm:disabled + label:after, .inp-box .form-radio-round [type=radio].ico-confirm:disabled + label:after {
  background-color: #eee;
}

/* 라디오 */
.form-radio {
  position: relative;
  display: inline-block;
  padding-left: 2.2rem;
  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-color: #7d6c59;
  background: #7d6c59;
}
.form-radio input:checked ~ .icon:before, .form-radio .inp-box .ico-confirm:checked ~ .icon:before, .inp-box .form-radio .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  background: url(../images/icon/icon-check-on.svg) no-repeat;
  background-size: cover;
}
.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/icon/icon-check-gray-sm.svg") center/contain no-repeat #fff;
  border-radius: 50%;
  border: 1px solid #ddd;
  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: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/icon/icon-check-on.svg) no-repeat !important;
  background-size: cover !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.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: #7d6c59;
  background: #7d6c59;
}
.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/icon/icon-check-on.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;
}

.check-square-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.check-square-list .check-square-item .check-square {
  position: relative;
}
.check-square-list .check-square-item .check-square-control {
  margin: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.check-square-list .check-square-item .check-square-control + .check-square-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.check-square-list .check-square-item .check-square-control:checked + .check-square-label {
  border-color: #222;
  font-weight: 700;
}
.check-square-list .check-square-item .check-square-control:disabled + .check-square-label {
  color: #aaa;
  background: #eee;
  border: 1px solid #ddd;
}

/* 스위치 */
.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: inherit;
  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/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/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/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.tab-w {
  margin: 0;
}
.tab-underbar.tab-w ul {
  padding: 0;
}
.tab-underbar.tab-w-2 {
  margin: 0 0.8rem 0 !important;
  width: calc(100% - 1.6rem) !important;
  max-width: calc(100% - 1.6rem) !important;
}
.tab-underbar.tab-w-2 ul {
  padding: 0;
}
.tab-underbar.type-scroll-x ul {
  overflow-x: auto;
}
.tab-underbar.type-scroll-x ul li {
  width: auto;
}
.tab-underbar.type-scroll-x ul li + li {
  margin-left: 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: 5.6rem;
}
.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: 5.6rem;
  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: 5.6rem;
}
.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.pd {
  padding: 1.6rem 0.4rem 2.4rem;
}
.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-wrap .tooltip-title {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}

.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/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/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.type-small {
  padding: 1.6rem 4rem 1.6rem 1.6rem;
}
.tooltip.ps-right {
  right: 0;
}
.tooltip.ps-top {
  bottom: 100%;
  margin-bottom: 0.5rem;
}
.tooltip.type-full {
  width: calc(100vw - 3.2rem);
}
.tooltip.type-new-tolltip {
  z-index: 3;
  top: 2.4rem;
  border-radius: 4px;
  padding: 2rem 5.6rem 2rem 2rem;
  max-width: 29.5rem;
}
.tooltip.type-new-tolltip .txt {
  font-weight: 300;
  color: #222;
}
.tooltip.type-new-tolltip .icon-close {
  top: 2rem;
  right: 2rem;
  width: 2rem;
  height: 2rem;
  background: url("../images/icon/icon_tooltip_close_black.svg") no-repeat 50% 50%;
  background-size: 1.3rem;
}
.tooltip.type-new-tolltip.bottom {
  bottom: 2.4rem;
  top: auto;
}

.point-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;
}
.btn-tooltip.type-new {
  vertical-align: middle;
}

.btn-new-tooltip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.btn-new-tooltip .subject {
  margin-right: 0.4rem;
}
.btn-new-tooltip .icon-tooltip {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon_tooltip_gray.svg") no-repeat center/contain;
  margin-left: 0.4rem;
}

.tooltip-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 셀렉트-인라인-폼 */
.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/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-list.type-upper {
  margin: 1.2rem -1.6rem -3.2rem;
  padding: 0 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 0;
}
.box-select-list.type-upper .box-select {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 90px;
  max-width: 40%;
}
.box-select-list.type-upper .box-select select {
  width: 100%;
  text-overflow: ellipsis;
}

.box-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.box-select:after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.5rem;
  border-top: 0.1rem solid #222;
  border-right: 0.1rem solid #222;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  content: "";
}
.box-select select {
  line-height: 4rem;
  height: 4rem;
  padding: 0 2.8rem 0 1.4rem;
  border-radius: 2rem;
  background-color: #fff;
  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;
}
.box-select.size-m select {
  line-height: 36px;
  height: 36px;
}
.box-select.type-shadow select {
  border: 1px solid transparent;
  color: #666;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.box-select.type-shadow select:disabled {
  color: #ccc;
}
.box-select.type-shadow.selected select {
  border-color: #fc0;
  color: #222;
}
.box-select.disabled:after {
  opacity: 0.25;
}

/** 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/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-light-yellow {
  background: rgba(255, 204, 0, 0.16);
  color: #222;
  padding: 0 0.7rem;
}
.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 {
  height: 2.6rem;
  line-height: 2.6rem;
  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.type-main {
  padding: 0 0.2rem;
  background: #fff3d3;
  color: #c97612;
  border-color: transparent;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.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-round-xs.bg-red {
  padding: 0 0.3rem;
  border-radius: 0.4rem;
  font-weight: 400;
  background: #ff5d18;
}
.tag-round-xs.bg-green {
  padding: 0 0.3rem;
  border-radius: 0.4rem;
  font-weight: 400;
  background: #bbad4c;
}

/* 우측상단 노란띠 */
.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/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/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/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: inherit;
  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-weight: bold;
}
.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/icon/badge-kb-diag.svg");
}
.bbadge-category--vertical-img.badge-cert {
  background-image: url("../images/icon/badge-kb-cert.svg");
}
.bbadge-category--vertical-img.badge-diag-normal {
  background-image: url("../images/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/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/icon/badge-kb-diag-list-md.svg");
}
.bbadge-category .bbadge-category__prefix {
  font-weight: bold;
}

.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/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/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);
  }
}
.tag-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: middle;
}
.tag-txt > strong,
.tag-txt > span {
  font: inherit;
  vertical-align: middle;
}

.tag-txt-area {
  margin: -0.4rem -1.6rem -0.4rem 0;
}
.tag-txt-area .tag-txt-item {
  display: inline-block;
  margin: 0.4rem 1.6rem 0.4rem 0;
}

/* 라운드태그 */
.tag-s-round {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  display: inline-block;
  padding: 0.25rem 0.6rem;
  text-align: center;
  border-radius: 0.2rem;
  background: #ffcc00;
  color: #222;
}

.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;
  opacity: 0;
}
.toast.type-default.hide {
  -webkit-animation: aniHideToastDefault ease-in-out 0.2s both;
          animation: aniHideToastDefault ease-in-out 0.2s both;
}
@-webkit-keyframes aniShowToastDefault {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes aniShowToastDefault {
  0% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes aniHideToastDefault {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
}
@keyframes aniHideToastDefault {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(1rem);
            transform: translateY(1rem);
    opacity: 0;
  }
}
.toast.show {
  opacity: 1;
}
.toast.hide {
  opacity: 0;
}
.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;
}
.toast.no-gnb {
  bottom: 3.2rem;
}

.ani-compare {
  position: relative;
  display: block;
  width: 6rem;
  height: 5.8rem;
  margin: 0.6rem auto 0;
  background: url("../images/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/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/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/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/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/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/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;
  }
}
/* 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.c-black {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.btn-txt.c-black::after {
  background-color: #222;
}

/* 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 span.txt {
  font-weight: 700;
}
.btn-txt-arrow span.txt-save {
  color: #666;
}
.btn-txt-arrow span.txt-deposit {
  color: #222;
  font-weight: 700;
}
.btn-txt-arrow span.txt-ing {
  color: #287eff;
}
.btn-txt-arrow .icon16 {
  vertical-align: middle;
}

/* btn-rectangle */
.btn-rectangle {
  position: relative;
  display: inline-block;
  padding: 0.6rem 0.8rem;
  height: 2.8rem;
  border: 0.1rem solid #666;
  border-radius: 0.4rem;
  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-ml {
  height: 4.2rem;
  line-height: 4.2rem;
  font-size: 1.4rem;
  padding: 0 1.6rem;
  border-radius: 0.6rem;
}
.btn-rectangle.size-mm {
  height: 4.8rem;
  line-height: 4.8rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  padding: 0 1.6rem;
  border-radius: 0.4rem;
}
.btn-rectangle.size-mm:disabled {
  font-weight: 300;
}
.btn-rectangle.size-m {
  height: 3.2rem;
  line-height: 3.2rem;
  border-radius: 0.8rem;
  font-size: 1.2rem;
  padding: 0 1rem;
  border: 0.1rem solid transparent;
}
.btn-rectangle.size-r {
  height: 3.2rem;
  line-height: 3.2rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  padding: 0 1.3rem;
}
.btn-rectangle.type-line {
  border: 0.1rem solid #666;
}
.btn-rectangle.type-line.size-m {
  line-height: 3rem;
}
.btn-rectangle.type-line-2 {
  border: 0.1rem solid #222;
  height: 3.6rem;
  line-height: 3.5rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
}
.btn-rectangle.type-line-2 {
  border: 0.1rem solid #222;
  height: 3.6rem;
  line-height: 3.5rem;
  padding: 0 1.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
}
.btn-rectangle.type-line-primary {
  border: 0.1rem solid #fc0;
}
.btn-rectangle.bg-yellow {
  border: 1px solid #ffcc00;
  background: #ffcc00;
  color: #222;
}
.btn-rectangle.bg-yellow:disabled {
  border-color: #ddd;
  background: #ddd;
  color: #aaa;
}
.btn-rectangle .icon16:last-child {
  margin-right: -0.4rem;
}
.btn-rectangle .icon16:first-child {
  margin-left: -0.4rem;
}
.btn-rectangle .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: xx-small;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
  display: block;
}
.btn-rectangle .icon-close {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-rectangle .icon16 {
  margin-top: -0.2rem;
}
.btn-rectangle .icon16.icon-arrow-right-black-bold:last-of-type {
  margin-left: 0rem;
  margin-right: -0.6rem;
}

/* 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/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.6rem;
  height: 2.8rem;
  text-align: center;
  border-radius: 1.4rem;
}
.btn-round > .tit {
  font-size: 1.2rem;
  font-weight: 700;
}
.btn-round > .tit:after {
  display: inline-block;
  width: 0.1rem;
  height: 1.6rem;
  background: #fc0;
  vertical-align: middle;
  margin: -0.1rem 0.5rem 0 0.6rem;
  content: "";
}
.btn-round > .txt {
  vertical-align: middle;
}
.btn-round.bg-yellow {
  background: #ffd338;
  border: 0.1rem solid #ffd338;
  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[class*=type-line]:disabled {
  background: #ddd;
  border-color: #ddd;
  color: #aaa !important;
}
.btn-round[class*=type-line]:disabled .num {
  color: inherit;
}
.btn-round[class*=type-line]:disabled .icon-bookmark-s {
  opacity: 0.5;
}
.btn-round.type-line {
  border: 0.1rem solid #ddd;
}
.btn-round.type-line .num {
  margin-left: 0.4rem;
  font-weight: 500;
  color: #2589ff;
}
.btn-round.type-line.size-l {
  color: #222;
}
.btn-round.type-line-primary {
  border: 0.1rem solid #fc0;
  line-height: 2.5rem;
}
.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.type-gray-line {
  height: 3.2rem;
  line-height: 3rem;
  padding: 0 1.2rem;
  border: 0.1rem solid #ddd;
  background-color: #f8f8f8;
  font-weight: 300;
  border-radius: 3.2rem;
}
.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-s {
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.6rem;
}
.btn-round.size-m {
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  padding: 0 1rem;
  border-radius: 1.6rem;
}
.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;
}

.btn-round-area {
  margin: -0.4rem;
}
.btn-round-area .btn-round,
.btn-round-area .btn-rectangle {
  margin: 0.3rem;
}
.btn-round-area.type-scroll {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  white-space: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  line-height: 3rem;
}
.btn-round-area.type-scroll::-webkit-scrollbar {
  display: none;
}
.btn-round-area.type-scroll .btn-round,
.btn-round-area.type-scroll .btn-rectangle {
  margin: 0 0.3rem;
}
.btn-round-area.type-scroll .btn-round:first-child,
.btn-round-area.type-scroll .btn-rectangle:first-child {
  margin-left: 0;
}
.btn-round-area.type-scroll .btn-round:last-child,
.btn-round-area.type-scroll .btn-rectangle:last-child {
  margin-right: 0;
}

.btn-scroll-area {
  margin: 0 -1.6rem;
}
.btn-scroll-area:after {
  content: "";
  display: block;
  clear: both;
}
.btn-scroll-area > .tit {
  float: left;
  width: 6rem;
  color: #666;
  margin-left: 1.6rem;
  font-size: 1.4rem;
  line-height: 3rem;
}
.btn-scroll-area > .btn-round-area.type-scroll {
  float: left;
  width: calc(100% - 7.6rem);
  overflow: auto;
  margin: 0;
  padding: 0 1.2rem 0 0;
  white-space: nowrap;
}
.btn-scroll-area > .btn-round-area.type-scroll::-webkit-scrollbar {
  display: none;
}

.btn-round-area {
  margin: -0.4rem;
}
.btn-round-area.type-scroll {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  white-space: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  line-height: 3rem;
}
.btn-round-area.type-scroll::-webkit-scrollbar {
  display: none;
}
.btn-round-area.type-scroll .btn-round {
  margin: 0 0.4rem;
}
.btn-round-area.type-scroll .btn-round:first-child {
  margin-left: 0;
}
.btn-round-area.type-scroll .btn-round:last-child {
  margin-right: 0;
}
.added-footer .btn-round-area.type-scroll {
  margin-bottom: -0.6rem;
}

.btn-scroll-area {
  margin: 0 -1.6rem;
}
.btn-scroll-area:after {
  content: "";
  display: block;
  clear: both;
}
.btn-scroll-area > .tit {
  float: left;
  width: 6rem;
  color: #666;
  margin-left: 1.6rem;
  font-size: 1.4rem;
  line-height: 3.2rem;
}
.btn-scroll-area > .btn-round-area.type-scroll {
  float: left;
  width: calc(100% - 7.6rem);
  overflow: auto;
  margin: 0;
  padding: 0 1.2rem 0 0;
  white-space: nowrap;
}
.btn-scroll-area > .btn-round-area.type-scroll::-webkit-scrollbar {
  display: none;
}

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

/* 버튼 높이 - 48 */
.btn-wrap a,
.btn-wrap button {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  border-radius: 0.4rem;
  text-align: center;
  padding: 1.1rem 0.4rem;
}
.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;
  letter-spacing: 0;
}
.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-transparent {
  border: 1px solid transparent;
  background: transparent;
  color: #222;
}
.btn-wrap .btn-bg-white {
  border: 1px solid #fff;
  background: #fff;
  color: #222;
}
.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-wrap.size-s a,
.btn-wrap.size-s button {
  padding: 0 1.2rem;
  border-radius: 0.8rem;
  line-height: 1;
  height: 4rem;
}
.btn-wrap.size-s a span,
.btn-wrap.size-s button span {
  font-size: 1.4rem;
  font-weight: 700;
}
.btn-wrap.size-s a.btn-border-gray,
.btn-wrap.size-s button.btn-border-gray {
  line-height: 3.8rem;
}

/* 플루팅 버튼 */
.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/icon/icon-group.svg") center/contain no-repeat;
  line-height: 3.8rem;
  font-size: 1.4rem;
  color: #222;
  font-weight: bolder;
  font-family: inherit;
  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/icon/icon-bookmark.svg") center/2.4rem auto no-repeat #fff;
}
.btn-bookmark.active {
  background-image: url("../images/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: transparent;
  font-size: xx-small;
  overflow: hidden;
}
.btn-icon .dot-new {
  top: 0.6rem;
  right: 0.6rem;
}

/* 비교하기, 관심차 */
.btn-compare, .btn-like {
  z-index: 2;
  position: relative;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 0.4rem;
  vertical-align: middle;
}
.btn-compare > span:not(.garage-register-number), .btn-like > 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-compare:after, .btn-like: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-compare:after, .active.btn-like:after {
  background-position: 0 -1.6rem;
}
.btn-compare .balloon-box, .btn-like .balloon-box {
  z-index: 2;
  position: absolute;
  bottom: 100%;
  right: -3rem;
  margin-bottom: 1rem;
}
.btn-compare .balloon-box.show, .btn-like .balloon-box.show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

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

.btn-like:after {
  background-image: url("../images/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;
}

.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%;
  line-height: 5.6rem;
  text-align: center;
  border-radius: 0.6rem;
}
.btn-area a span,
.btn-area a .btn-tit,
.btn-area button span,
.btn-area button .btn-tit {
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: middle;
}
.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-light,
.btn-area button.btn-light {
  background: #eee;
}
.btn-area a.btn-orange,
.btn-area button.btn-orange {
  background-color: #ff5d16;
}
.btn-area a.btn-orange span,
.btn-area button.btn-orange span {
  color: #fff;
}
.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 .show-disabled,
.btn-area button .show-disabled {
  display: none;
}
.btn-area a[disabled],
.btn-area button[disabled] {
  background: #ddd;
}
.btn-area a[disabled] span,
.btn-area button[disabled] span {
  color: #aaa !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.6rem;
}
.btn-area a.is-checked,
.btn-area button.is-checked {
  position: relative;
}
.btn-area a.is-checked span,
.btn-area button.is-checked span {
  font-weight: 700 !important;
}
.btn-area a.is-checked:after,
.btn-area button.is-checked:after {
  position: absolute;
  display: block;
  top: 0.8rem;
  right: 0.8rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #f00;
  content: "";
}
.btn-area .c-new-btn {
  border-radius: 0.6rem;
  height: 5.6rem;
  line-height: 5.6rem;
}
.btn-area .c-new-btn > span {
  font-size: 1.8rem;
}
.btn-area .c-new-btn.btn-yellow {
  background-color: #ffd338;
}
.btn-area .c-new-btn:disabled {
  color: #aaa;
  background-color: #ddd;
}
.btn-area.s-small a,
.btn-area.s-small button {
  line-height: 4.8rem;
}
.btn-area.s-small a span,
.btn-area.s-small a .btn-tit,
.btn-area.s-small button span,
.btn-area.s-small button .btn-tit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}

.btn-arrow {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
  position: relative;
  padding-right: 1.421rem;
}
.btn-arrow:after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icon/icon12-arrow-black.svg") no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
}
.btn-arrow.type-sort {
  font-weight: 500;
  padding-right: 2.4rem;
}
.btn-arrow.type-sort::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  width: 1.6rem;
  height: 1.6rem;
  right: 0.4rem;
}

/* 체크박스 */
.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 {
  background: url(../images/icon/icon-check-light-gray.svg) center/contain no-repeat #fff;
  border-color: #eee;
}
.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 {
  border-color: #ddd !important;
  background: url(../images/icon/icon-check-white.svg) center/contain no-repeat #ddd;
  opacity: 1;
}
.form-checkbox input:checked ~ .added, .form-checkbox .inp-box .ico-confirm:checked ~ .added, .inp-box .form-checkbox .ico-confirm:checked ~ .added {
  font-weight: 700;
}
.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(../images/icon/icon-check-gray.svg) no-repeat;
  background-size: cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-checkbox .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/icon/icon-check-black.svg) no-repeat;
  background-size: cover;
}
.form-checkbox .txt {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  margin-left: 0.8rem;
  vertical-align: middle;
  word-break: keep-all;
  white-space: normal;
}
.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/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 .txt.c-body-18 {
  font-size: 1.8rem !important;
  line-height: 2.5rem !important;
}
.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/icon/icon-check-gray-sm.svg) no-repeat transparent;
}
.form-checkbox.sm .icon {
  border: none;
}
.form-checkbox.sm .icon:before {
  background: url(../images/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-checkbox.full {
  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;
}
.form-checkbox.full > .icon,
.form-checkbox.full > .txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.form-checkbox.full .added {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding-left: 0.4rem;
  text-align: right;
}

.c-new-form-checkbox input:checked ~ .icon, .c-new-form-checkbox .inp-box .ico-confirm:checked ~ .icon, .inp-box .c-new-form-checkbox .ico-confirm:checked ~ .icon {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.c-new-form-checkbox .icon:before {
  background: url(../images/icon/icon-check-on.svg) no-repeat;
  background-size: cover;
}

/* 체크,라디오 - 공통 */
.form-chk-radio {
  position: relative;
  display: inline-block;
  padding-left: 2.6rem;
  min-height: 2.4rem;
  font-size: 0;
  vertical-align: middle;
}
.form-chk-radio input, .form-chk-radio .inp-box .ico-confirm, .inp-box .form-chk-radio .ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.form-chk-radio input:checked ~ .icon, .form-chk-radio .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-chk-radio .ico-confirm:checked ~ .icon {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.form-chk-radio input:checked ~ .icon:before, .form-chk-radio .inp-box .ico-confirm:checked ~ .icon:before, .inp-box .form-chk-radio .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.theme-dealer .form-chk-radio input:checked ~ .icon, .theme-dealer .form-chk-radio .inp-box .ico-confirm:checked ~ .icon, .inp-box .theme-dealer .form-chk-radio .ico-confirm:checked ~ .icon {
  border-color: #222;
  background-color: #222;
}
.form-chk-radio input[disabled] ~ .icon, .form-chk-radio .inp-box [disabled].ico-confirm ~ .icon, .inp-box .form-chk-radio [disabled].ico-confirm ~ .icon, .form-chk-radio input:disabled ~ .icon, .form-chk-radio .inp-box .ico-confirm:disabled ~ .icon, .inp-box .form-chk-radio .ico-confirm:disabled ~ .icon {
  background: #eee;
  border-color: #ddd;
}
.form-chk-radio input[disabled] ~ .icon:before, .form-chk-radio .inp-box [disabled].ico-confirm ~ .icon:before, .inp-box .form-chk-radio [disabled].ico-confirm ~ .icon:before, .form-chk-radio input:disabled ~ .icon:before, .form-chk-radio .inp-box .ico-confirm:disabled ~ .icon:before, .inp-box .form-chk-radio .ico-confirm:disabled ~ .icon:before {
  display: none;
}
.form-chk-radio input[disabled] ~ .txt, .form-chk-radio .inp-box [disabled].ico-confirm ~ .txt, .inp-box .form-chk-radio [disabled].ico-confirm ~ .txt, .form-chk-radio input:disabled ~ .txt, .form-chk-radio .inp-box .ico-confirm:disabled ~ .txt, .inp-box .form-chk-radio .ico-confirm:disabled ~ .txt, .form-chk-radio input[disabled] ~ .small-info, .form-chk-radio .inp-box [disabled].ico-confirm ~ .small-info, .inp-box .form-chk-radio [disabled].ico-confirm ~ .small-info, .form-chk-radio input:disabled ~ .small-info, .form-chk-radio .inp-box .ico-confirm:disabled ~ .small-info, .inp-box .form-chk-radio .ico-confirm:disabled ~ .small-info, .form-chk-radio input[disabled] ~ .small-info-full, .form-chk-radio .inp-box [disabled].ico-confirm ~ .small-info-full, .inp-box .form-chk-radio [disabled].ico-confirm ~ .small-info-full, .form-chk-radio input:disabled ~ .small-info-full, .form-chk-radio .inp-box .ico-confirm:disabled ~ .small-info-full, .inp-box .form-chk-radio .ico-confirm:disabled ~ .small-info-full {
  color: #aaa;
}
.form-chk-radio input:checked[disabled] ~ .icon, .form-chk-radio .inp-box .ico-confirm:checked[disabled] ~ .icon, .inp-box .form-chk-radio .ico-confirm:checked[disabled] ~ .icon, .form-chk-radio input:checked:disabled ~ .icon, .form-chk-radio .inp-box .ico-confirm:checked:disabled ~ .icon, .inp-box .form-chk-radio .ico-confirm:checked:disabled ~ .icon {
  border-color: #ddd !important;
  background: url(../images/icon/icon-check-gray.svg) center/contain no-repeat #ddd;
  opacity: 1;
}
.form-chk-radio input:checked ~ .added, .form-chk-radio .inp-box .ico-confirm:checked ~ .added, .inp-box .form-chk-radio .ico-confirm:checked ~ .added {
  font-weight: 700;
}
.form-chk-radio .icon {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: middle;
  background: url(../images/icon/icon-check-ddd.svg) no-repeat;
  background-color: #fff;
  background-size: cover;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-chk-radio .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/icon/icon-check-on.svg) no-repeat;
  background-size: cover;
}
.form-chk-radio .txt {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  vertical-align: middle;
}
.form-chk-radio .txt.depth {
  position: relative;
  padding-left: 2rem;
}
.form-chk-radio .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/icon/icon16-depth.svg") no-repeat center/contain;
}
.form-chk-radio .txt .icon-depth {
  vertical-align: middle;
  margin-right: 3px;
}
.form-chk-radio .txt.size-s {
  font-size: 1.4rem;
}
.form-chk-radio .small-info {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio .small-info-full {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 0.2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio.big {
  padding-left: 3.2rem;
}
.form-chk-radio.big .icon {
  width: 2.4rem;
  height: 2.4rem;
}
.form-chk-radio.big .txt {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.form-chk-radio.form-dealer input:checked ~ .icon, .form-chk-radio.form-dealer .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-chk-radio.form-dealer .ico-confirm:checked ~ .icon {
  border-color: #222;
  background-color: #222;
}
.form-chk-radio.form-dealer input:checked[disabled] ~ .icon, .form-chk-radio.form-dealer .inp-box .ico-confirm:checked[disabled] ~ .icon, .inp-box .form-chk-radio.form-dealer .ico-confirm:checked[disabled] ~ .icon, .form-chk-radio.form-dealer input:checked:disabled ~ .icon, .form-chk-radio.form-dealer .inp-box .ico-confirm:checked:disabled ~ .icon, .inp-box .form-chk-radio.form-dealer .ico-confirm:checked:disabled ~ .icon {
  border-color: #ddd !important;
  background: url(../images/icon/icon-check-gray.svg) center/contain no-repeat #ddd;
  opacity: 1;
}
.form-chk-radio.form-dealer input:checked ~ .added, .form-chk-radio.form-dealer .inp-box .ico-confirm:checked ~ .added, .inp-box .form-chk-radio.form-dealer .ico-confirm:checked ~ .added {
  font-weight: 700;
}
.top .form-chk-radio .icon, .form-chk-radio.top .icon {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: 1.5px;
}
.top .form-chk-radio.big .icon, .form-chk-radio.top.big .icon {
  top: 0.5px;
}
.align-col .form-chk-radio, .form-chk-radio.align-col {
  padding: 2.4rem 0 0;
}
.align-col .form-chk-radio .icon, .form-chk-radio.align-col .icon {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.align-col .form-chk-radio .txt, .form-chk-radio.align-col .txt {
  display: block;
  text-align: center;
}
.align-col .form-chk-radio .txt > small, .form-chk-radio.align-col .txt > small {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.align-col .form-chk-radio.big, .form-chk-radio.align-col.big {
  padding: 2.8rem 0 0;
}
.form-chk-radio.simple {
  padding-left: 24px;
}
.form-chk-radio.simple .icon {
  top: 1.5px;
  background-image: url(../../images/icon/icon-check-simple.svg);
  border: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  background-size: 20px 20px;
}
.form-chk-radio.simple .txt {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.form-chk-radio.simple input:checked ~ .icon, .form-chk-radio.simple .inp-box .ico-confirm:checked ~ .icon, .inp-box .form-chk-radio.simple .ico-confirm:checked ~ .icon {
  border: none;
  background-color: #fff;
}
.form-chk-radio.simple input:checked ~ .icon::before, .form-chk-radio.simple .inp-box .ico-confirm:checked ~ .icon::before, .inp-box .form-chk-radio.simple .ico-confirm:checked ~ .icon::before {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}
.form-chk-radio.simple input:disabled ~ .icon, .form-chk-radio.simple .inp-box .ico-confirm:disabled ~ .icon, .inp-box .form-chk-radio.simple .ico-confirm:disabled ~ .icon {
  background-image: url(../../images/icon/icon-check-simple.svg);
  background-color: #fff;
}

.form-radio-round input[type=radio], .form-radio-round .inp-box [type=radio].ico-confirm, .inp-box .form-radio-round [type=radio].ico-confirm {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.form-radio-round input[type=radio] + label, .form-radio-round .inp-box [type=radio].ico-confirm + label, .inp-box .form-radio-round [type=radio].ico-confirm + label {
  position: relative;
  padding-left: 2.6rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.form-radio-round input[type=radio] + label::before, .form-radio-round .inp-box [type=radio].ico-confirm + label::before, .inp-box .form-radio-round [type=radio].ico-confirm + label::before {
  width: 2.4rem;
  height: 2.4rem;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2rem;
  height: 2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-radio-round input[type=radio]:checked + label::before, .form-radio-round .inp-box [type=radio].ico-confirm:checked + label::before, .inp-box .form-radio-round [type=radio].ico-confirm:checked + label::before {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.theme-dealer .form-radio-round input[type=radio]:checked + label::before, .theme-dealer .form-radio-round .inp-box [type=radio].ico-confirm:checked + label::before, .inp-box .theme-dealer .form-radio-round [type=radio].ico-confirm:checked + label::before {
  border-color: #222;
  background-color: #222;
}
.form-radio-round input[type=radio]:checked + label::after, .form-radio-round .inp-box [type=radio].ico-confirm:checked + label::after, .inp-box .form-radio-round [type=radio].ico-confirm:checked + label::after {
  background-color: #fff;
  width: 0.8rem;
  height: 0.8rem;
  content: "";
  position: absolute;
  left: 0.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100%;
}
.form-radio-round input[type=radio]:checked:disabled + label::before, .form-radio-round .inp-box [type=radio].ico-confirm:checked:disabled + label::before, .inp-box .form-radio-round [type=radio].ico-confirm:checked:disabled + label::before {
  border-color: #ddd;
  background-color: #ddd;
}
.form-radio-round input[type=radio]:checked:disabled + label::after, .form-radio-round .inp-box [type=radio].ico-confirm:checked:disabled + label::after, .inp-box .form-radio-round [type=radio].ico-confirm:checked:disabled + label::after {
  background-color: #fff;
}
.form-radio-round input[type=radio]:disabled + label::before, .form-radio-round .inp-box [type=radio].ico-confirm:disabled + label::before, .inp-box .form-radio-round [type=radio].ico-confirm:disabled + label::before {
  border-color: #ddd;
  background-color: #eee;
}
.form-radio-round input[type=radio]:disabled + label:after, .form-radio-round .inp-box [type=radio].ico-confirm:disabled + label:after, .inp-box .form-radio-round [type=radio].ico-confirm:disabled + label:after {
  background-color: #eee;
}

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

/* 인풋 변환폼 */
.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: inherit;
  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/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: inherit;
  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/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/icon/date-empty.svg");
}
.inp-box.type-mix .inp-num.inactive {
  background-image: url("../images/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/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: inherit;
  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/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: inherit;
  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/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/icon/date-empty.svg");
}
.select-box.type-mix .inp-num.inactive {
  background-image: url("../images/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/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/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/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;
      align-self: center;
  font-weight: 500;
}
.form-grid > .form-connector.has-title {
  margin-top: 2.8rem;
}
.form-grid > .form-connector > .form-area.size-s ~ .form-grid > .form-connector {
  margin-top: 2rem;
}

.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-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.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.size-m {
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 1rem;
}

.form-tit > strong,
.form-tit > span {
  vertical-align: middle;
}

.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;
}
.form-item .btn-area {
  padding: 0;
}

.form-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.17px;
  color: #666;
}
.form-text::before {
  content: "∙";
  margin-right: 4px;
}

.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: 0.8rem;
  font-size: 1.2rem;
}
.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 {
  font-size: 1rem;
}
.inp-box.type-new.type-unit.single.size-m input, .inp-box.type-new.type-unit.single.size-m .ico-confirm {
  padding-right: 2.2rem;
}
.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: inherit;
}
.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,
.selection-list-item .form-checkbox strong {
  font: inherit;
}
.selection-list-item .form-radio .icon,
.selection-list-item .form-checkbox .icon {
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.selection-list-item .form-radio .txt,
.selection-list-item .form-checkbox .txt {
  font-weight: 400;
}
.selection-list-item .form-radio .txt-sub,
.selection-list-item .form-checkbox .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,
.selection-list-item .form-checkbox input:checked ~ .txt strong,
.selection-list-item .form-checkbox .inp-box .ico-confirm:checked ~ .txt strong,
.inp-box .selection-list-item .form-checkbox .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;
}

.c-new-input .title {
  margin: 0 4px 8px;
  font-weight: 500;
  color: #222;
}
.c-new-input .title .form-tit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.c-new-input .title .form-tit.small {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.theme-dealer .c-new-input .title .form-tit {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.c-new-input input, .c-new-input .inp-box .ico-confirm, .inp-box .c-new-input .ico-confirm,
.c-new-input .c-input-unit {
  display: inline-block;
  width: 100%;
  height: 48px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 4px;
  text-decoration: none;
  padding: 0 16px;
  line-height: 46px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222;
  /* Chrome, Safari, Edge */
}
.c-new-input input:disabled, .c-new-input .inp-box .ico-confirm:disabled, .inp-box .c-new-input .ico-confirm:disabled,
.c-new-input .c-input-unit:disabled {
  border: 1px solid #ddd;
  color: #888;
  background-color: #eee;
  font-weight: 500;
}
.c-new-input input::-webkit-input-placeholder, .c-new-input .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input .c-input-unit::-webkit-input-placeholder {
  color: #888;
  font-size: 16px;
  font-weight: 300;
}
.c-new-input input::-webkit-input-placeholder, .c-new-input .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input input::placeholder, .c-new-input .inp-box .ico-confirm::placeholder, .inp-box .c-new-input .ico-confirm::placeholder,
.c-new-input .c-input-unit::-webkit-input-placeholder,
.c-new-input .c-input-unit::placeholder {
  color: #888;
  font-size: 16px;
  font-weight: 300;
}
.c-new-input input::-webkit-input-placeholder, .c-new-input .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .c-new-input .ico-confirm::-webkit-input-placeholder, .c-new-input .c-input-unit::-webkit-input-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input::-moz-placeholder, .c-new-input .inp-box .ico-confirm::-moz-placeholder, .inp-box .c-new-input .ico-confirm::-moz-placeholder, .c-new-input .c-input-unit::-moz-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input:-ms-input-placeholder, .c-new-input .inp-box .ico-confirm:-ms-input-placeholder, .inp-box .c-new-input .ico-confirm:-ms-input-placeholder, .c-new-input .c-input-unit:-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input::-ms-input-placeholder, .c-new-input .inp-box .ico-confirm::-ms-input-placeholder, .inp-box .c-new-input .ico-confirm::-ms-input-placeholder, .c-new-input .c-input-unit::-ms-input-placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input::placeholder, .c-new-input .inp-box .ico-confirm::placeholder, .inp-box .c-new-input .ico-confirm::placeholder,
.c-new-input .c-input-unit::placeholder {
  color: #888;
  font-weight: 300;
}
.c-new-input input[type=number], .c-new-input .inp-box [type=number].ico-confirm, .inp-box .c-new-input [type=number].ico-confirm,
.c-new-input .c-input-unit[type=number] {
  -moz-appearance: textfield; /* Firefox */
}
.c-new-input input[type=number]::-webkit-outer-spin-button, .c-new-input .inp-box [type=number].ico-confirm::-webkit-outer-spin-button, .inp-box .c-new-input [type=number].ico-confirm::-webkit-outer-spin-button, .c-new-input input[type=number]::-webkit-inner-spin-button, .c-new-input .inp-box [type=number].ico-confirm::-webkit-inner-spin-button, .inp-box .c-new-input [type=number].ico-confirm::-webkit-inner-spin-button,
.c-new-input .c-input-unit[type=number]::-webkit-outer-spin-button,
.c-new-input .c-input-unit[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.c-new-input input .c-input-control, .c-new-input .inp-box .ico-confirm .c-input-control, .inp-box .c-new-input .ico-confirm .c-input-control,
.c-new-input .c-input-unit .c-input-control {
  display: block;
  text-align: right;
  font-weight: 700;
}
.c-new-input input .c-input-control.disabled, .c-new-input .inp-box .ico-confirm .c-input-control.disabled, .inp-box .c-new-input .ico-confirm .c-input-control.disabled,
.c-new-input .c-input-unit .c-input-control.disabled {
  color: #888;
  font-weight: 300;
}
.c-new-input.type-search input, .c-new-input.type-search .inp-box .ico-confirm, .inp-box .c-new-input.type-search .ico-confirm {
  padding-right: 4.6rem;
  background: url(../images/icon/icon_input_search.svg) no-repeat calc(100% - 1.2rem) 50%;
}
.c-new-input.type-search input[readonly], .c-new-input.type-search .inp-box [readonly].ico-confirm, .inp-box .c-new-input.type-search [readonly].ico-confirm {
  background-color: #fff;
}
.c-new-input.has-error input, .c-new-input.has-error .inp-box .ico-confirm, .inp-box .c-new-input.has-error .ico-confirm {
  border-color: #f23f3f;
}
.c-new-input.has-error .error-message {
  display: block;
  margin-top: 0.4rem;
}
.c-new-input .error-message {
  display: none;
}
.c-new-input + .c-new-input {
  margin-top: 2rem;
}
.c-new-input .type-single-unit {
  position: relative;
}
.c-new-input .type-single-unit .inp-unit {
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 2rem;
  display: block;
  max-width: 100%;
  padding: 0 0 0 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
  font-family: inherit;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.c-new-input .type-single-unit .inp-unit span {
  display: inline-block;
  max-width: calc(100vw - 9rem);
  opacity: 0;
  font-size: 1.6rem;
  font-weight: 500;
  vertical-align: middle;
  overflow-x: auto;
  margin-right: 0.5rem;
}
.c-new-input .type-single-unit.unfilled .inp-unit {
  opacity: 0;
}
.c-new-input .type-single-unit.txt-ar > input, .c-new-input .inp-box .type-single-unit.txt-ar > .ico-confirm, .inp-box .c-new-input .type-single-unit.txt-ar > .ico-confirm {
  padding-right: 4.8rem;
}
.c-new-input .type-single-unit.unit-location .c-input-unit {
  position: relative;
  padding-right: 1.6rem;
}
.c-new-input .type-single-unit.unit-location .inp-unit {
  position: relative;
  display: inline-block;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
      -ms-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
  padding: 0;
  top: auto;
  right: auto;
}
.c-new-input.s-large input, .c-new-input.s-large .inp-box .ico-confirm, .inp-box .c-new-input.s-large .ico-confirm {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  height: 5.6rem;
  line-height: 5.6rem;
  border-radius: 0.6rem;
}
.c-new-input.s-large .type-single-unit input, .c-new-input.s-large .type-single-unit .inp-box .ico-confirm, .inp-box .c-new-input.s-large .type-single-unit .ico-confirm {
  line-height: 1;
  padding-right: 4.8rem;
}
.c-new-input.s-large .type-single-unit span {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.c-new-input.s-large.font-s input, .c-new-input.s-large.font-s .inp-box .ico-confirm, .inp-box .c-new-input.s-large.font-s .ico-confirm {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.c-new-input.s-large.font-s .type-single-unit .inp-unit {
  right: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.c-new-input.s-large.font-w-b input, .c-new-input.s-large.font-w-b .inp-box .ico-confirm, .inp-box .c-new-input.s-large.font-w-b .ico-confirm {
  font-weight: 700;
}
.c-new-input.s-large.font-w-b .type-single-unit .inp-unit {
  font-weight: 700;
}

.masked-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.masked-form input, .masked-form .inp-box .ico-confirm, .inp-box .masked-form .ico-confirm {
  width: 162px;
}
.masked-form .dash {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  font-weight: 300;
  margin: 0 6px;
}
.masked-form .dash + input, .masked-form .inp-box .dash + .ico-confirm, .inp-box .masked-form .dash + .ico-confirm {
  width: 48px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.masked-form .masked-dot {
  display: inline-block;
  margin-left: 5px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
@media (max-width: 359px) {
  .masked-form .input-base {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
  }
}

.cert-form {
  position: relative;
}
.cert-form input, .cert-form .inp-box .ico-confirm, .inp-box .cert-form .ico-confirm {
  padding-right: 52px;
}
.cert-form .timer {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #f23f3f;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.cert-form .timer.over {
  color: #888;
  font-weight: 300;
}

input[type=text].is-invalid, .inp-box [type=text].is-invalid.ico-confirm,
input[type=password].is-invalid,
.inp-box [type=password].is-invalid.ico-confirm,
input[type=number].is-invalid,
.inp-box [type=number].is-invalid.ico-confirm,
input[type=tel].is-invalid,
.inp-box [type=tel].is-invalid.ico-confirm,
button.is-invalid,
select.ui-select-base.is-invalid {
  border-color: #f23f3f !important;
}

.invalid-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 300;
  color: #f23f3f;
  line-height: 20px;
  margin-top: 4px;
}
.invalid-txt::before {
  content: "";
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  background: url("../../images/icon/icon_exclamation_circle.svg") no-repeat 0 0/100% auto;
}
.invalid-txt .text {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  line-height: 20px;
}
.invalid-txt.no-in {
  color: #287eff;
}
.invalid-txt.no-in::before {
  background: url("../../images/icon/icon_valid_circle.svg") no-repeat 0 0/100% auto;
}

.form-tit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.form-tit + input, .inp-box .form-tit + .ico-confirm {
  margin-top: 0.8rem;
}

input.txt-ar > input, .inp-box .txt-ar.ico-confirm > input,
.txt-ar > input,
.inp-box .txt-ar > .ico-confirm {
  text-align: right;
}

.field-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 2.4rem;
}
.field-container .c-new-input--line + .c-new-input--line {
  margin-top: 0;
}

.c-new-input--line {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease;
  transition: opacity 0.35s ease, transform 0.35s ease, -webkit-transform 0.35s ease;
}
.c-new-input--line .form-input {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  width: 100%;
  padding: 0 0.4rem 0.9rem;
  height: auto;
  border-radius: 0;
  border: none;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#222));
  background-image: linear-gradient(#222, #222);
  background-repeat: no-repeat;
  background-size: 0% 1px;
  background-position: 50% 100%;
  -webkit-transition: background-size 0.35s ease, border-color 0.2s;
  transition: background-size 0.35s ease, border-color 0.2s;
}
.c-new-input--line .form-input::-webkit-input-placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input::-moz-placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input:-ms-input-placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input::-ms-input-placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input::placeholder {
  color: #aaa;
  font-weight: 300;
}
.c-new-input--line .form-input:focus {
  outline: none;
  border-bottom-color: transparent;
  background-size: 100% 1px;
}
.c-new-input--line .cert-form .form-input {
  padding-right: 4rem;
}
.c-new-input--line .cert-form .timer {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: 0.25rem;
  right: 0.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.c-new-input--line .cert-form .timer.over {
  color: #aaa;
}
.c-new-input--line.hidden {
  display: none;
}
.c-new-input--line.show {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.c-new-input--line.anim-start {
  opacity: 0;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}

/* 라디오 */
.form-radio {
  position: relative;
  display: inline-block;
  padding-left: 2.2rem;
  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-color: #7d6c59;
  background: #7d6c59;
}
.form-radio input:checked ~ .icon:before, .form-radio .inp-box .ico-confirm:checked ~ .icon:before, .inp-box .form-radio .ico-confirm:checked ~ .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  background: url(../images/icon/icon-check-on.svg) no-repeat;
  background-size: cover;
}
.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/icon/icon-check-gray-sm.svg") center/contain no-repeat #fff;
  border-radius: 50%;
  border: 1px solid #ddd;
  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: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/icon/icon-check-on.svg) no-repeat !important;
  background-size: cover !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.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: #7d6c59;
  background: #7d6c59;
}
.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/icon/icon-check-on.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;
}

.check-square-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.check-square-list .check-square-item .check-square {
  position: relative;
}
.check-square-list .check-square-item .check-square-control {
  margin: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.check-square-list .check-square-item .check-square-control + .check-square-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.check-square-list .check-square-item .check-square-control:checked + .check-square-label {
  border-color: #222;
  font-weight: 700;
}
.check-square-list .check-square-item .check-square-control:disabled + .check-square-label {
  color: #aaa;
  background: #eee;
  border: 1px solid #ddd;
}

/* 셀렉트-인라인-폼 */
.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/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-list.type-upper {
  margin: 1.2rem -1.6rem -3.2rem;
  padding: 0 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 0;
}
.box-select-list.type-upper .box-select {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 90px;
  max-width: 40%;
}
.box-select-list.type-upper .box-select select {
  width: 100%;
  text-overflow: ellipsis;
}

.box-select {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.box-select:after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.5rem;
  border-top: 0.1rem solid #222;
  border-right: 0.1rem solid #222;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  content: "";
}
.box-select select {
  line-height: 4rem;
  height: 4rem;
  padding: 0 2.8rem 0 1.4rem;
  border-radius: 2rem;
  background-color: #fff;
  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;
}
.box-select.size-m select {
  line-height: 36px;
  height: 36px;
}
.box-select.type-shadow select {
  border: 1px solid transparent;
  color: #666;
  -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.box-select.type-shadow select:disabled {
  color: #ccc;
}
.box-select.type-shadow.selected select {
  border-color: #fc0;
  color: #222;
}
.box-select.disabled:after {
  opacity: 0.25;
}

/** 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/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%);
}

/* 스위치 */
.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;
}

.form-list {
  margin-top: 1.55rem;
}
.form-list .item + .item {
  margin-top: 2.3rem;
}
.form-list.s-large .txt {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.form-list.col-3 {
  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;
  gap: 2.4rem;
}
.form-list.col-3 > .item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: 7rem;
  margin-top: 0;
}

.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;
  color: #888;
  padding-left: 2rem;
}
.info-txt i {
  position: absolute;
  top: 0.1rem;
  left: 0;
}
.info-txt.sm {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.info-txt.info-txt--m {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
  padding-left: 2.4rem;
  letter-spacing: 0;
}
.info-txt.info-txt--m i {
  top: 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 {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 500;
}
.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.size-m {
  height: 4.4rem;
  line-height: 4.1rem;
  border-radius: 4.4rem;
  padding: 0 2.4rem;
  font-weight: 700;
}
.btn-round.size-m .text {
  font-weight: 700;
  vertical-align: middle;
}
.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/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/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[aria-disabled=true], .btn-wrap .btn-bg-yellow:disabled {
  border-color: #f8f8f8;
  background: #f8f8f8;
  color: #888;
}
.btn-wrap .btn-bg-yellow[aria-disabled=true] span, .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;
}
.btn-notice-anchor.btn-notice-anchor--ty2 {
  margin-top: 1.6rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.6rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 300;
  line-height: 1.8rem;
}
.btn-notice-anchor.btn-notice-anchor--ty2 > .icon-arrow-right-black {
  background-size: 125%;
}
.btn-notice-anchor.btn-notice-anchor--ty2 .icon-hand {
  position: absolute;
  top: 1.4rem;
  left: 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/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/icon/icon24-view-grid.svg");
}

.btn-paging-num {
  font-family: "Pretendard", ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  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/icon/icon16-arrow-left-black.svg");
}
.btn-paging-arrow.type-next {
  background-image: url("../images/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/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/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/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/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;
}

.link-half {
  display: inline-block;
  background: #f8f8f8;
  border-radius: 1.5rem 0 0 1.5rem;
  height: 3rem;
  line-height: 2.8rem;
  padding: 0 1.6rem 0 0.8rem;
}
.link-half > .icon-moneybag {
  width: 2rem;
  height: 2rem;
  margin-top: -0.2rem;
  margin-right: 0.4rem;
}
.link-half > span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  margin-top: -0.2rem;
  line-height: normal;
  color: #222;
}
.link-half > .icon-arrow-right-black-bold {
  margin-bottom: 0.2rem;
}

.btn-toggle-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -0.4rem;
}
.btn-toggle-area .btn-toggle-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  padding: 0.4rem;
}
.btn-toggle-area .btn-toggle-item.type-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 0.8rem;
  width: 100%;
}
.btn-toggle-area .btn-toggle-item .btn-toggle,
.btn-toggle-area .btn-toggle-item .btn-toggle-more {
  width: 100%;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  height: 100%;
}
.btn-toggle-area .btn-toggle:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  pointer-events: none;
  border: 0.1rem solid #fc0;
  border-radius: 0.7rem;
}
.btn-toggle-area .btn-toggle.active:before {
  content: "";
}
.btn-toggle-area .btn-toggle.focus:before {
  border-color: #ddd;
  content: "";
}
.btn-toggle-area.col2 .btn-toggle-item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}

.btn-toggle {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  display: inline-block;
  min-height: 4rem;
  color: #222;
  border: 0.1rem solid #ddd;
  padding: 1rem;
  text-align: center;
  word-break: break-all;
  border-radius: 0.8rem;
  vertical-align: middle;
  font-weight: 400;
}
.btn-toggle > * {
  vertical-align: middle;
  font: inherit;
}
.btn-toggle > small {
  font-size: 1.3rem;
}
.btn-toggle.active {
  border-color: #fc0;
  -webkit-box-shadow: 0 0 0 0.1rem #fc0;
          box-shadow: 0 0 0 0.1rem #fc0;
}
.btn-toggle.focus {
  font-weight: 700;
}
.btn-toggle:disabled, .btn-toggle.disabled {
  background: #f8f8f8;
  border-color: #eee;
  color: #ccc;
  cursor: default;
}

.btn-toggle-item {
  position: relative;
}
.btn-toggle-item .btn-toggle-more-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}

.btn-toggle-more {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  display: inline-block;
  color: #222;
  border: 0.1rem solid #ddd;
  background: #f8f8f8;
  border-radius: 0.8rem;
  text-align: center;
  min-height: 4.4rem;
  padding: 1.2rem 1rem 0.9rem;
  vertical-align: middle;
}
.btn-toggle-more > * {
  vertical-align: middle;
  font: inherit;
}
.btn-toggle-more > .icon16 {
  margin-right: 0.4rem;
}
.btn-toggle-more.active {
  border-color: #fc0;
  -webkit-box-shadow: 0 0 0 0.1rem #fc0;
          box-shadow: 0 0 0 0.1rem #fc0;
  font-weight: 700;
  background: #fff;
}
.btn-toggle-more > .icon16,
.btn-toggle-more > .btn-icon {
  margin-top: -1rem;
  margin-bottom: -0.8rem;
}
.btn-toggle-more > .btn-icon {
  position: relative;
  z-index: 2;
}
.btn-toggle-more > .btn-icon:first-child {
  margin-left: -3.6rem;
}
.btn-toggle-more > .btn-icon:last-child {
  margin-right: -3.6rem;
}

@-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;
  }
}
.btn-txt-util {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  display: inline-block;
  padding: 0;
  color: #222;
  vertical-align: middle;
}
.btn-txt-util:first-child {
  margin-left: 0;
}
.btn-txt-util .icon16 {
  margin: 0 2px 0 0;
}
.btn-txt-util > span {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  color: #222;
}
.btn-txt-util.size-l {
  line-height: 44px;
  height: 44px;
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
.btn-txt-util.size-l .icon24 {
  margin: -0.2rem 0.2rem 0 0;
}
.btn-txt-util.size-l span {
  display: inline-block;
  font: inherit;
  vertical-align: middle;
}
.btn-txt-util.size-l .dot-new {
  top: 0.8rem;
}
.btn-txt-util.active > span {
  font-weight: 700;
}
.btn-header-wrap .btn-txt-util {
  padding-right: 0.8rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-close-gray-large {
  background: url("../images/icon/icon16-close-gray-large.svg") no-repeat 50% 50%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-confirm-check {
  background: url("../images/icon/icon56-confirm-check.svg");
}

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

.icon16.icon-like {
  background: url("../images/icon/sp-icon16-like.svg") 0 0/1.6rem auto 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/icon/icon16-change.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-like-sp {
  background: url("../images/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/icon/icon16-like-s.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

.icon-toggle-like {
  background: url("../images/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/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/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/icon/icon24-emoji-eyes.png") center/2.4rem auto no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-kbcarefree-step1 {
  width: 7rem;
  height: 7rem;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  background: url("../images/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/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/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/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/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/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/icon/icon-refund-step4.svg") center/3.6rem auto no-repeat #fff;
}

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

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

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

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

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

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

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

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

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

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

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

.icon-menu-v2 {
  background-image: url("../images/icon/icon24-util-menu-v2.svg");
}

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

.icon-menu-certi {
  background-image: url("../images/icon/icon36-menu-certi.svg");
}

.icon-menu-diag {
  background-image: url("../images/icon/icon36-menu-diag.svg");
}

.icon-menu-discount {
  background-image: url("../images/icon/icon36-menu-discount.svg");
}

.icon-menu-delivery {
  background-image: url("../images/icon/icon36-menu-delivery.svg?ver=20240115");
}

.icon-menu-warranty {
  background-image: url("../images/icon/icon36-menu-warranty.svg");
}

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

.icon-menu-directsell {
  background-image: url("../images/icon/icon36-menu-directsell.svg");
}

.icon-menu-cartech {
  background-image: url("../images/icon/icon36-menu-cartech.svg");
}

.icon-menu-marketprice {
  background-image: url("../images/icon/icon36-menu-marketprice.svg");
}

.icon-menu-event {
  background-image: url("../images/icon/icon36-menu-event.svg");
}

.icon-menu-garage {
  background-image: url("../images/icon/icon36-menu-garage.svg");
}

.icon-menu-community {
  background-image: url("../images/icon/icon36-menu-community.svg");
}

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

.icon-menu-rent {
  background-image: url("../images/icon/icon36-menu-rent.svg");
}

.icon-menu-newbuy {
  background-image: url("../images/icon/icon36-menu-rent.svg");
}

.icon-menu-all {
  background-image: url("../images/icon/icon36-menu-more.svg");
}

.icon-menu-membership {
  background-image: url("../images/icon/icon36-menu-membership.svg");
}

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

.icon-arrow-bottom-black-bold {
  background-image: url("../images/icon/icon16-arrow-bottom-black-bold.svg");
}

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

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

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

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

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

.icon-color {
  display: inline-block;
  border-radius: 50%;
}
.icon-color.color-white {
  background-color: #fff;
  border: 0.1rem solid #ddd;
}
.icon-color.color-black {
  background-color: #222;
}
.icon-color.color-gray {
  background-color: #888888;
}
.icon-color.color-silver {
  background-color: #ddd;
}
.icon-color.color-pearl {
  background-color: #fff3e0;
}
.icon-color.color-blue {
  background-color: #287eff;
}
.icon-color.color-red {
  background-color: #f23f3f;
}
.icon-color.color-green {
  background-color: #00a596;
}
.icon-color.color-yellow {
  background-color: #ffd338;
}
.icon-color.color-beige {
  background-color: #b0986a;
}
.icon-color.color-brown {
  background-color: #7d6c59;
}
.icon-color.color-orange {
  background-color: #ff5d16;
}
.icon-color.color-purple {
  background-color: #900a95;
}
.icon-color.color-white-b {
  background-color: #fff;
  border: 1px solid #222 !important;
}

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

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

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

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

.ribbon-kbcare2 {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 3.7rem;
  height: 3.5rem;
  background: url("../images/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;
}
.txt-emoji.size-s {
  font-size: 1.3rem;
}

.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/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/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/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/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/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/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/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/icon/icon-giftani-bubble.svg") center/contain no-repeat;
}

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

.icon56.icon-touch {
  background: url("../images/icon/icon56-touch.png") 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/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/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/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/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 .searchbox-inp.type-transparent {
  pointer-events: none;
}
.main-searchbox .searchbox-inp.type-transparent .inp {
  color: #888;
}
.main-searchbox .searchbox-inp.type-transparent ~ .btn-search {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: right 1.2rem center !important;
}
.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/icon/dock-search-off.svg");
  background-position: left 1.6rem center;
}
.main-searchbox.type-line {
  background: #fff;
  border-radius: 1.2rem;
  border: 0.1rem solid #ffcc00;
  height: 4.8rem;
}
.main-searchbox.type-line .searchbox-inp .inp {
  padding: 0 1rem 0 1.5rem;
}
.main-searchbox.type-line .searchbox-inp .inp::-webkit-input-placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .searchbox-inp .inp::-moz-placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .searchbox-inp .inp:-ms-input-placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .searchbox-inp .inp::-ms-input-placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .searchbox-inp .inp::placeholder {
  font-size: 1.4rem;
}
.main-searchbox.type-line .ui-inp-clearbtn {
  right: 1.6rem;
}
.main-searchbox.type-line .btn-search {
  background-image: url("../images/icon/icon16-search.svg");
  background-position: left 1.6rem center;
}
.main-searchbox.type-line .btn-rectangle {
  margin-right: 0.8rem;
  -ms-flex-item-align: center;
      align-self: center;
}
.modal-header .btn-history-back + .main-searchbox {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
  margin-left: 1.6rem;
}

.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 .ui-inp-clearbtn:last-child {
  right: 1.6rem;
}

.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/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;
}
.inp-box.type-new.c-new-input input, .inp-box.type-new.c-new-input .ico-confirm {
  height: 4.8rem;
  line-height: 1;
  padding: 0 1.6rem;
  border-radius: 0.4rem;
  border: 1px solid #ddd;
}

.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 .point-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 .point-box .form-checkbox:last-child {
  margin-bottom: 0;
}
.selection-list-columns > .selection-list .selection-item {
  margin-right: -0.9rem;
}

.selection-list .selection-item {
  padding: 2rem 0 0;
  clear: both;
  text-align: left;
}
.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.half .form-checkbox .added,
.selection-list .selection-item.half .form-radio .added {
  text-align: left;
  width: 6rem;
}
.selection-list .selection-item.half:nth-child(odd) .form-checkbox .added,
.selection-list .selection-item.half:nth-child(odd) .form-radio .added {
  right: 1.6rem;
}
.selection-list .selection-item.third {
  float: left;
  clear: none;
  width: 33.333%;
  padding: 0.4rem 0;
}
.selection-list .selection-item.size-s {
  padding-top: 2rem;
}
.selection-list .selection-item.size-s:first-child {
  padding-top: 0;
}
.selection-list .selection-item .form-radio .txt,
.selection-list .selection-item .form-checkbox .txt {
  margin-top: 0.2rem;
}
.selection-list .selection-item .form-radio .txt > strong,
.selection-list .selection-item .form-checkbox .txt > strong {
  font-weight: inherit;
}
.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 .point-box .form-radio {
  margin-right: 1.8rem;
}
.selection-list .point-box .form-checkbox:last-child,
.selection-list .point-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 .txt-wrap, .type-new.form-radio .txt .txt-wrap {
  display: inline-block;
  font: inherit;
}
.type-new.form-checkbox .added, .type-new.form-radio .added {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.6rem;
  color: #666;
  text-align: right;
}
.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, .form-item > .search-result-item .grid-util, .search-result-list.type-renewal .form-item.search-result-item > .link .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/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/icon/icon-check-black-sm.svg) no-repeat;
  background-size: cover;
}
.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;
}

.check-box-2 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.check-box-2 > label {
  display: block;
  height: 100%;
  padding: 1rem 0;
  text-align: center;
  max-height: 4.8rem;
  border: 0.1rem solid #ddd;
  text-align: center;
  border-radius: 0.4rem;
  -webkit-transition: border-color ease-in-out 0.1s;
  transition: border-color ease-in-out 0.1s;
}
.check-box-2 > label .txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.check-box-2 .icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  margin-right: 0.8rem;
  pointer-events: none;
}
.check-box-2 .icon.icon-check:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/icon/icon-check-gray-sm.svg) no-repeat;
  background-size: cover;
}
.check-box-2 .icon.icon-check.color-silver:before, .check-box-2 .icon.icon-check.color-pearl:before, .check-box-2 .icon.icon-check.color-yellow:before {
  background: url(../images/icon/icon-check-gray.svg) no-repeat;
  background-size: cover;
}
.check-box-2 input, .check-box-2 .inp-box .ico-confirm, .inp-box .check-box-2 .ico-confirm {
  opacity: 0;
  display: inline-block;
  position: absolute;
  z-index: -1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
}
.check-box-2 input:disabled ~ .icon, .check-box-2 .inp-box .ico-confirm:disabled ~ .icon, .inp-box .check-box-2 .ico-confirm:disabled ~ .icon {
  opacity: 0.5;
}
.check-box-2 input:disabled ~ label, .check-box-2 .inp-box .ico-confirm:disabled ~ label, .inp-box .check-box-2 .ico-confirm:disabled ~ label {
  background-color: #ddd;
  border-color: #ddd;
}
.check-box-2 input:disabled ~ label .txt, .check-box-2 .inp-box .ico-confirm:disabled ~ label .txt, .inp-box .check-box-2 .ico-confirm:disabled ~ label .txt {
  color: #aaa !important;
}
.check-box-2 input:disabled ~ label .txt .txt-sub, .check-box-2 .inp-box .ico-confirm:disabled ~ label .txt .txt-sub, .inp-box .check-box-2 .ico-confirm:disabled ~ label .txt .txt-sub {
  color: #aaa !important;
}
.check-box-2 input:checked ~ label, .check-box-2 .inp-box .ico-confirm:checked ~ label, .inp-box .check-box-2 .ico-confirm:checked ~ label {
  border-color: #222;
}
.check-box-2 input:checked ~ label .txt, .check-box-2 .inp-box .ico-confirm:checked ~ label .txt, .inp-box .check-box-2 .ico-confirm:checked ~ label .txt {
  font-weight: 500;
}
.check-box-2 input:checked ~ label .icon-check:before, .check-box-2 .inp-box .ico-confirm:checked ~ label .icon-check:before, .inp-box .check-box-2 .ico-confirm:checked ~ label .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/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/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;
}

.type-new-textarea-item textarea {
  font-weight: 700;
}
.type-new-textarea-item textarea::-webkit-input-placeholder {
  font-weight: 400;
}
.type-new-textarea-item textarea::-webkit-input-placeholder, .type-new-textarea-item textarea::placeholder {
  font-weight: 400;
}

.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/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.pd {
  padding: 0 0.4rem;
}
.tit-area.size-s {
  margin-bottom: 0.8rem;
}
.tit-area.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.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-area .tag-round.size-l {
  margin-top: -0.2rem;
  margin-left: 0.4rem;
}
.tit-area .link-half {
  margin-right: -1.6rem;
}

.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/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;
  margin: 0;
}
.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-wrap.type-line-scroll-x::after {
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.tab-underbar-wrap.type-line-scroll-x .tab-underbar {
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 1.6rem;
}
.tab-underbar-wrap.type-line-scroll-x .tab-underbar::after {
  display: none;
}
.tab-underbar-wrap.type-line-scroll-x .tab-underbar ul {
  display: table;
  font-size: 0;
  white-space: nowrap;
  padding: 0;
}
.tab-underbar-wrap.type-line-scroll-x .tab-underbar ul li {
  display: inline-block;
  width: auto;
  vertical-align: top;
}
.tab-underbar-wrap.type-line-scroll-x .tab-underbar ul li ~ li {
  margin-left: 1.6rem;
}
.tab-underbar-wrap.type-line-scroll-x .tab-underbar ul li button {
  padding: 0 0.8rem;
}

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

.tab-linkbox > ul {
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
  padding: 1.2rem 1.1rem;
  scroll-behavior: contain;
}
.tab-linkbox > ul::-webkit-scrollbar {
  display: none;
}
.tab-linkbox > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 0.5rem;
}
.tab-linkbox .btn-linkbox {
  opacity: 0.2;
}
.tab-linkbox .btn-linkbox.active {
  opacity: 1;
  -webkit-box-shadow: 0 0.4rem 1.2rem 0 rgba(255, 255, 255, 0.33);
          box-shadow: 0 0.4rem 1.2rem 0 rgba(255, 255, 255, 0.33);
}

.btn-linkbox {
  display: inline-block;
  text-align: center;
  border-radius: 1.6rem;
  background: #fff;
  vertical-align: middle;
  width: 7.7rem;
  height: 7.7rem;
}
.btn-linkbox > span {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  margin-top: 0.3rem;
}
.btn-linkbox .icon-cartype {
  margin-bottom: 0.2rem;
}

.tab-base.type-highlight {
  position: relative;
  display: block;
  overflow: auto;
}
.tab-base.type-highlight::-webkit-scrollbar {
  display: none;
}
.tab-base.type-highlight > ul {
  font-size: 0;
  white-space: nowrap;
}
.tab-base.type-highlight > ul > li {
  display: inline-block;
  vertical-align: bottom;
}
.tab-base.type-highlight > ul > li:first-child {
  padding-left: 1rem;
}
.tab-base.type-highlight > ul > li:last-child {
  padding-right: 1rem;
}
.tab-base.type-highlight .tab-highlight-bar {
  position: absolute;
  display: block;
  -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;
  width: auto;
  height: 0.4rem;
  background: #fc0;
}

.tab-highlight-btn {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  min-width: 6.2rem;
  padding: 0.4rem 0.8rem;
  text-align: center;
}
.tab-highlight-btn:before {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0.4rem;
  right: 0.4rem;
  height: 0.4rem;
  background: #fc0;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
  content: "";
}
.tab-highlight-btn > span {
  position: relative;
  display: inline-block;
  color: #ccc;
  line-height: 2.4rem;
  font-size: 1.6rem;
}
.tab-highlight-btn.active > span {
  color: #222;
  font-weight: 700;
}
.tab-highlight-btn.active:before {
  opacity: 1;
}

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

.c-toast-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
  padding: 0 1.6rem;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 8.2rem;
  height: 0;
  z-index: 101;
}

.c-toast {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 52px;
  padding: 11px 20px 11px 14px;
  border-radius: 28px;
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  background-color: rgba(238, 238, 238, 0.93);
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #222;
}
.c-toast > * + * {
  margin-left: 0.6rem;
}
.c-toast img {
  vertical-align: middle;
}
.c-toast[data-toast] {
  opacity: 0;
  visibility: hidden;
}
.c-toast.in {
  -webkit-animation: c-toast-show ease-in-out 0.4s both;
          animation: c-toast-show ease-in-out 0.4s both;
}
.c-toast.out {
  -webkit-animation: c-toast-hide ease-in-out 0.3s both;
          animation: c-toast-hide ease-in-out 0.3s both;
}
@-webkit-keyframes c-toast-show {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10rem);
            transform: translateY(10rem);
  }
  80% {
    -webkit-transform: translateY(-0.7rem);
            transform: translateY(-0.7rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes c-toast-show {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10rem);
            transform: translateY(10rem);
  }
  80% {
    -webkit-transform: translateY(-0.7rem);
            transform: translateY(-0.7rem);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes c-toast-hide {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10rem);
            transform: translateY(10rem);
  }
}
@keyframes c-toast-hide {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10rem);
            transform: translateY(10rem);
  }
}

.bg-box {
  border-radius: 0.8rem;
}
.bg-box ~ .bg-box {
  margin-top: 1rem;
}
.bg-box.bg-gray {
  background: #f8f8f8;
  padding: 2rem 2.4rem 2.4rem;
}
.bg-box.bg-gray.ty-2 {
  padding: 2.4rem 2rem;
}
.bg-box.bg-gray.ty-3 {
  padding: 1.6rem;
}
.bg-box.bg-gray.bg-gray--ty4 {
  padding: 2rem 1.6rem;
  border-radius: 0.6rem;
}
.bg-box.bg-white {
  background: #fff;
  padding: 1rem 1.2rem;
}
.bg-box.bg-white ~ .bg-box.bg-white {
  margin-top: 0.6rem;
}
.bg-box.theme-terms {
  padding: 1.6rem 2rem;
}
.bg-box.theme-terms dl dd {
  font-weight: 300;
  padding-top: 0.8rem;
}
.bg-box .contents-title {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  font-weight: 700;
}
.bg-box .blue-title {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
  color: #287eff;
}
.bg-box .blue-title + .bullet-list {
  margin-top: 0.8rem;
}

.action-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;
  gap: 5px;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.action-box .info-message {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.action-box .btn-arrow {
  max-width: 7rem;
}

/* 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/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,
.agree-list li .icon-arrow-right-black {
  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 .icon-arrow-right-black {
  background-size: 2rem;
}
.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/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;
}
.agree-box.type-depth {
  position: relative;
}
.agree-box.type-depth .form-checkbox .icon {
  top: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.agree-box.type-depth .form-checkbox .depth-check {
  position: relative;
  display: block;
  margin-top: 7px;
  padding-left: 23px;
  font-size: 14px;
  line-height: 20px;
  color: #888;
  text-align: left;
  word-break: keep-all;
}
.agree-box.type-depth .form-checkbox .depth-check .icon {
  position: absolute;
  top: 1px;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  vertical-align: middle;
  background: url("../images/icon/icon-check-gray.svg") no-repeat;
  background-size: cover;
}
.agree-box.type-depth .form-checkbox .depth-check .icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 18px;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  background: url("../images/icon/icon-check-black-sm.svg") no-repeat;
  background-size: cover;
}
.agree-box.type-depth .form-checkbox input[type=checkbox]:checked ~ .depth-check .icon::before, .agree-box.type-depth .form-checkbox .inp-box [type=checkbox].ico-confirm:checked ~ .depth-check .icon::before, .inp-box .agree-box.type-depth .form-checkbox [type=checkbox].ico-confirm:checked ~ .depth-check .icon::before {
  width: 18px;
}
.agree-box.type-depth .icon-arrow-right-gray {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url("../images/icon/icon16-arrow-right-black.svg");
}
.agree-box .agree-box-item {
  position: relative;
  margin-top: 1rem;
  padding-right: 2rem;
}
.agree-box .agree-box-item:first-of-type {
  margin-top: 0;
}
.agree-box .agree-box-item .icon-arrow-right-gray {
  position: absolute;
  top: -4px;
  right: 0;
}

.agree-depth {
  padding-left: 3.2rem;
}
.agree-depth .form-checkbox {
  padding-left: 2rem;
}
.agree-depth .form-checkbox .txt {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.agree-depth .form-checkbox .icon {
  width: 2rem;
  border: none;
  top: 1.1rem;
}
.agree-depth .form-checkbox .icon::before {
  content: "";
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  background: url("../images/icon/icon-check-brown.svg") no-repeat;
  background-size: cover;
}
.agree-depth .form-checkbox input:checked ~ .icon, .agree-depth .form-checkbox .inp-box .ico-confirm:checked ~ .icon, .inp-box .agree-depth .form-checkbox .ico-confirm:checked ~ .icon {
  background-color: transparent;
  border-color: transparent;
}

/* 약관 링크+아코디언 믹스 */
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;
}
ul.agree-list-wrap > li .agree-list-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: xx-small;
  text-indent: -999px;
  overflow: hidden;
}

/* 약관 선택불가 체크박스 */
.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/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/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/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/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;
}

.c-agree-box {
  margin: 14px 0;
  padding: 16px;
  border-radius: 12px;
  border: solid 1px #ddd;
  background-color: #fff;
}
.c-agree-box .c-agree-box-list {
  margin-top: 10px;
  margin-left: 26px;
}
.c-agree-box .c-agree-box-item {
  margin: 10px 0;
}
.c-agree-box .c-agree-box-item:first-of-type {
  margin-top: 0;
}
.c-agree-box .c-agree-box-item:last-of-type {
  margin-bottom: 0;
}

.c-agree-checkbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.2px;
  color: #666;
  cursor: pointer;
}
.c-agree-checkbox .c-agree-checkbox-icon {
  width: 24px;
  height: 24px;
  color: #aaa;
}
.c-agree-checkbox .c-agree-checkbox-control {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.c-agree-checkbox .c-agree-checkbox-control:checked + .c-agree-checkbox-icon {
  color: #222;
}
.c-agree-checkbox .c-agree-checkbox-more {
  position: absolute;
  top: 0;
  right: 0;
}
.c-agree-checkbox .font-bold {
  font-weight: 500;
  color: #222;
}

/* 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.m,
p.bullet-list.m,
div.bullet-list.m {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  margin-top: 0.4rem;
  padding-left: 1.4rem;
  color: #222;
}
strong.bullet-list.m:before,
p.bullet-list.m:before,
div.bullet-list.m:before {
  width: 0.2rem;
  height: 0.2rem;
  top: 1.1rem;
  left: 0.55rem;
  background-color: #222;
}
strong.bullet-list.m strong,
p.bullet-list.m strong,
div.bullet-list.m 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;
}
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 {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  position: relative;
  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-color: #222;
}
.bullet-list > li .bullet-list.sm {
  margin-top: 0.8rem;
}
.bullet-list > li strong {
  font-size: inherit;
}
.bullet-list.m > li {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  margin-top: 0.4rem;
  padding-left: 1.4rem;
  color: #222;
}
.bullet-list.m > li:before {
  width: 0.2rem;
  height: 0.2rem;
  top: 1.1rem;
  left: 0.55rem;
  background-color: #222;
}
.bullet-list.m > 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.sm > li {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  margin-top: 0.4rem;
  padding-left: 1.4rem;
}
.bullet-list.sm > li:first-child {
  margin-top: 0;
}
.bullet-list.sm > li:before {
  width: 0.2rem;
  height: 0.2rem;
  top: 0.9rem;
  left: 0.55rem;
}
.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.4rem;
}
.bullet-list.xs > li:before {
  top: 0.5rem;
  width: 0.2rem;
  height: 0.2rem;
}
.bullet-list.ty-2 > li {
  margin-top: 0.8rem;
}

/* 노란 네모 점 불릿 */
.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: 1rem;
}
.bullet-point > li:before,
p.bullet-point:before,
strong.bullet-point:before {
  position: absolute;
  top: 0.5rem;
  left: 0;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.2rem;
  background: #fc0;
  content: "";
}
.bullet-point > li.sm,
p.bullet-point.sm,
strong.bullet-point.sm {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.bullet-point > li.lg,
p.bullet-point.lg,
strong.bullet-point.lg {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.bullet-point > li.lg:before,
p.bullet-point.lg:before,
strong.bullet-point.lg:before {
  top: 0.9rem;
}

.bullet-point > li:first-child {
  margin-top: 0;
}
.bullet-point.ty-2 > li {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
  margin-top: 0.8rem;
}
.bullet-point.c-red > li::before {
  background: #ff5d16;
}

/* 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;
}

.error-message {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  color: #f23f3f;
  position: relative;
  padding-left: 2.4rem;
}
.error-message::before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon16-error-filled.svg") no-repeat center/contain;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
}

.info-message {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  position: relative;
  padding-left: 2rem;
}
.info-message::before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon16-info-gray.svg") no-repeat center/contain;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
}

.normal-list > li {
  text-align: left;
  color: #666;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}

.hyphen-list li {
  position: relative;
  padding-left: 11px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.hyphen-list li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}

/* 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/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/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/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/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/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/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/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;
}

.info-vehicle {
  text-align: center;
}
.info-vehicle .v-number {
  font-size: 2.8rem;
  line-height: 4rem;
  font-weight: 700;
  display: block;
  word-break: break-all;
}
.info-vehicle .v-desc {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  padding-top: 0.8rem;
}
.info-vehicle .v-image {
  max-width: 17.8rem;
  height: auto;
}
.info-vehicle .v-model {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  padding: 0.8rem 1rem 0;
}
.info-vehicle .v-date {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  font-weight: 300;
  padding-top: 0.4rem;
}

/* 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/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/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/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/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 table td.bdb {
  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-all-l {
  margin-top: 0.9rem !important;
}
.table-wrap.size-all-l table thead th,
.table-wrap.size-all-l table thead td,
.table-wrap.size-all-l table tbody th,
.table-wrap.size-all-l table tbody td {
  padding: 1.6rem;
  letter-spacing: 0;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.table-wrap.size-all-l table thead th,
.table-wrap.size-all-l table tbody th {
  font-weight: 500;
}
.table-wrap.size-all-l table tbody th {
  font-weight: 700;
  background-color: transparent;
  vertical-align: middle;
}
.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;
}
.table-wrap.scroll-x {
  overflow: auto;
  scroll-behavior: smooth;
}
.table-wrap.scroll-x::-webkit-scrollbar {
  display: none;
}
.table-wrap.scroll-x table {
  width: auto;
}

/* 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: 1.2rem;
}
.result-box.size-s {
  padding: 2rem 0 4rem;
}
.result-box.ty-2 {
  padding: 4.8rem 0;
}
.result-box.ty-2 > .txt {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  margin-top: 1.2rem;
  color: #222;
  letter-spacing: 0;
}
.result-box.ty-2.cmgt {
  margin-top: -6rem;
}
.result-box .btn-round {
  margin-top: 2.4rem;
}
.result-box .bg-box {
  text-align: left;
  margin-top: 2.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-left.gap-8,
.accordion-wrap > .accordion-header .acco-right.gap-8 {
  gap: 0 0.8rem;
}
.accordion-wrap > .accordion-header .acco-left.gap-8 .acco-right-txt,
.accordion-wrap > .accordion-header .acco-right.gap-8 .acco-right-txt {
  margin-right: 0;
}
.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-header .acco-right-img {
  text-align: center;
}
.accordion-wrap > .accordion-header .acco-right-img > img {
  padding: 0 0.2rem;
  width: 3.2rem;
  height: 3.6rem;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: middle;
}
.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/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/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/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/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/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/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/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/te/icon-maintenance.svg") no-repeat center/contain;
}
.part-content .box-area .icon140.icon-finance {
  background: url("../images/te/icon-finance.svg") no-repeat center/contain;
}
.part-content .box-area .icon140.icon-insurance {
  background: url("../images/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/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/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/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 {
  word-wrap: break-word;
  word-break: keep-all;
}
.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-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.terms-area .terms-top-area .tit-txt + .con-txt {
  padding-top: 0.8rem;
}
.terms-area .terms-top-area .tit-txt ~ .tit-txt {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  padding-top: 2.4rem;
}
.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-item-area.pt16 {
  padding-top: 1.6rem;
}
.terms-area .terms-top-area ~ .terms-item-area.pt32 {
  padding-top: 3.2rem;
}
.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-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-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.terms-area .terms-item-area .tit-txt ~ .con-txt {
  padding-top: 0.8rem;
}
.terms-area .terms-item-area .tit-txt ~ .con-txt.pt02 {
  padding-top: 0.2rem;
}
.terms-area .terms-item-area .bottom-tit-txt {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.terms-area .terms-item-area .bottom-tit-txt ~ .con-txt {
  padding-top: 0.8rem;
}
.terms-area .terms-item-area .con-txt {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.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-order1 > li.terms-order1-item .terms-order2.ty-2 .bul-txt,
.terms-area .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2.ty-2 .num-txt,
.terms-area .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2.ty-2 .list-txt {
  font-weight: 300;
}
.terms-area .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2 .bul-txt,
.terms-area .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2 .num-txt,
.terms-area .terms-item-area .terms-order1 > li.terms-order1-item .terms-order2 .list-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.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 {
  margin-top: 0.8rem;
}
.terms-area .terms-order1.type3 {
  padding-top: 1.6rem;
}
.terms-area .terms-order1.type3 .terms-order2 {
  margin-top: 0;
}
.terms-area .terms-order1.type3 .terms-order1-item ~ .terms-order1-item {
  padding-top: 1.6rem;
}
.terms-area .terms-order1.type4 {
  margin-top: 0.2rem;
}
.terms-area .terms-order1.type4 li {
  margin-top: 0.2rem;
}
.terms-area .terms-order1 > dd {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  margin-top: 0.8rem;
}
.terms-area .terms-order1 > dd + dt {
  margin-top: 2.4rem;
}
.terms-area .terms-order1 > dd + dd {
  margin-top: 0.4rem;
}
.terms-area .terms-order1 > dd + dd .terms-order4 {
  margin-top: 0.4rem;
}
.terms-area .terms-order1 > li h5 {
  position: relative;
}
.terms-area .terms-order1 > li h5.symbol-num {
  padding-left: 1.8rem;
}
.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:not(p, div) {
  padding-left: 1.8rem;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) > li {
  position: relative;
  margin-top: 0.4rem;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) .terms-order2-con-txt {
  padding-top: 0.8rem;
  width: calc(100% + 1.6rem);
  margin-left: -1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) .terms-order3 {
  padding-left: 2.3rem;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li {
  position: relative;
  margin-top: 0.4rem;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li.symbol-bul {
  padding-left: 1rem;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li .list-txt .txt-underline {
  display: inline;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li .symbol-parenthesis-num {
  position: relative;
  padding-left: 2rem;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li .symbol-parenthesis-num .num-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 400;
}
.terms-area .terms-order1 > li .terms-order2:not(p, div) .terms-order3 > li .symbol-parenthesis-num .tit-txt {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: -0.02rem;
  color: #666666;
}
.terms-area .terms-order1 > li .terms-order2 {
  margin-top: 0.8rem;
  padding-left: 1.8rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.terms-area .terms-order1 > li .terms-order2.ty-2 {
  margin-top: 0.4rem;
}
.terms-area .terms-order1 > li .terms-order2.ty-2 li {
  margin-top: 0;
}
.terms-area .terms-order1 > li .terms-order2 .symbol-bul {
  position: relative;
  margin-top: 0.4rem;
  padding-left: 1.3rem;
}
.terms-area .terms-order1 > li .terms-order2 .symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li .terms-order2 .symbol-num-op {
  position: relative;
  margin-top: 0.4rem;
  padding-left: 1.6rem;
}
.terms-area .terms-order1 > li .terms-order2 .symbol-num-op .num-op-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order1 > li .terms-order2 .symbol-num-op ~ .symbol-num-op {
  margin-top: 0.8rem;
}
.terms-area .terms-order1 > li .terms-order2 .symbol-char {
  position: relative;
  margin-top: 0.4rem;
  padding-left: 2rem;
}
.terms-area .terms-order1 > li .terms-order2 .symbol-char .char-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.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: 2.4rem;
}
.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 .terms-order4:not(p, div) {
  padding-left: 0;
}
.terms-area .terms-order4:not(p, div).ty-2 li {
  margin-top: 0.2rem;
}
.terms-area .terms-order4:not(p, div) li {
  position: relative;
  margin-top: 0.4rem;
}
.terms-area .terms-order4:not(p, div) li.symbol-num, .terms-area .terms-order4:not(p, div) li.symbol-bul {
  position: relative;
  padding-left: 1.9rem;
}
.terms-area .terms-order4:not(p, div) li.symbol-num .num-txt,
.terms-area .terms-order4:not(p, div) li.symbol-num .bul-txt, .terms-area .terms-order4:not(p, div) li.symbol-bul .num-txt,
.terms-area .terms-order4:not(p, div) li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 300;
}
.terms-area .terms-order4:not(p, div) li.symbol-bul {
  padding-left: 1.1rem;
}
.terms-area .terms-order4:not(p, div) .terms-order2 .num-txt,
.terms-area .terms-order4:not(p, div) .terms-order2 .bul-txt {
  font-weight: 500 !important;
}
.terms-area .terms-order4 {
  margin-top: 0.8rem;
  padding-left: 1.9rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.terms-area .terms-order4.ty-2 {
  margin-top: 0.2rem;
}
.terms-area .terms-order4 .symbol-num2 {
  position: relative;
  padding-left: 1.6rem;
}
.terms-area .terms-order4 .symbol-num2 .num-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.terms-area .terms-order4 .symbol-num2 .num-txt,
.terms-area .terms-order4 .symbol-num2 .list-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.terms-area .con-txt + .terms-order4,
.terms-area .con-txt + .terms-order1 {
  margin-top: 0.4rem;
}
.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,
.terms-area .txt-underline {
  display: block;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.terms-area .txt-underline {
  display: inline;
  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: 300;
}
.terms-area .con-txt.s-title,
.terms-area .bul-txt.s-title,
.terms-area .list-txt.s-title,
.terms-area .num-op-txt.s-title {
  font-weight: 500;
}
.terms-area .num-txt,
.terms-area .tit-txt,
.terms-area .square-txt,
.terms-area .txt-underline {
  font-weight: 700;
}
.terms-area .char-txt {
  font-weight: 500;
}
.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 {
  padding-left: 0.4rem;
  font-weight: 500;
}
.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/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-list ul.bullet-num > li {
  color: inherit;
}

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

.terms-article {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.2px;
  color: #222;
}
.terms-article > * + * {
  margin-top: 24px;
}
.terms-article h1,
.terms-article h2,
.terms-article h3,
.terms-article h4,
.terms-article h5,
.terms-article h6 {
  margin: 8px 0;
  font-weight: bold;
  font-size: 14px;
}
.terms-article h1:first-child,
.terms-article h2:first-child,
.terms-article h3:first-child,
.terms-article h4:first-child,
.terms-article h5:first-child,
.terms-article h6:first-child {
  margin-top: 0;
}
.terms-article h1:last-child,
.terms-article h2:last-child,
.terms-article h3:last-child,
.terms-article h4:last-child,
.terms-article h5:last-child,
.terms-article h6:last-child {
  margin-bottom: 0;
}
.terms-article ol {
  margin-left: 17px;
}
.terms-article ol li {
  margin: 8px 0;
  list-style: decimal;
}
.terms-article table {
  margin: 32px 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.5px;
  background-color: #fff;
  color: #666;
}
.terms-article table tr {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.terms-article table thead th {
  padding: 6px;
  font-weight: bold;
  background-color: #f8f8f8;
  color: #666;
}
.terms-article table tbody td {
  padding: 16px 6px;
}
.terms-article table .font-bold {
  font-weight: bold;
  color: #222;
}
.terms-article table .font-highlight {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  color: #222;
}

.terms-wrap-agree {
  padding-top: 3.2rem;
}

.car-list.type-list .car-item .car-thumb .timesale-area, .car-list.type-mix-list .car-item.type-column .car-thumb .timesale-area, .car-list.type-column-list .car-item .car-thumb .timesale-area {
  font-size: 1.2rem;
  padding: 0.5rem 0.6rem 0.4rem;
}
.car-list.type-list .car-item .car-thumb .timesale-area:before, .car-list.type-mix-list .car-item.type-column .car-thumb .timesale-area:before, .car-list.type-column-list .car-item .car-thumb .timesale-area:before {
  margin-right: 0;
}

.car-list.type-list-s .car-item .hotmark-area, .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;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.car-list.type-list-s .car-item .hotmark-area .hotmark-tag, .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-s .car-item .hotmark-area .hotmark-tag > .icon, .car-list.type-list .car-item .hotmark-area .hotmark-tag > .icon, .car-list.type-mix-list .car-item.type-column .car-info .hotmark-area .hotmark-tag > .icon, .car-list.type-column-list .car-item .car-info .hotmark-area .hotmark-tag > .icon {
  width: 1.6rem;
  margin-left: -0.4rem;
}
.car-list.type-list-s .car-item .hotmark-area .hotmark-tag > .icon.icon-kbcare, .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/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: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/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-s .car-item .car-thumb:after, .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-new-wide-list .car-item .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-new-wide-list .car-item .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.4)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0) 100%);
  content: "";
}
.car-list.type-list-s .car-item .skeleton-loading.car-thumb:after, .car-list.type-list .car-item .skeleton-loading.car-thumb:after, .car-list.type-mix-list .car-item.type-wide .skeleton-loading.thumb-slider-area:after, .car-list.type-new-wide-list .car-item .skeleton-loading.thumb-slider-area:after, .car-list.type-wide-list .car-item .skeleton-loading.thumb-slider-area:after, .car-list.type-mix-list .car-item.type-wide .skeleton-loading.car-thumb:after, .car-list.type-new-wide-list .car-item .skeleton-loading.car-thumb:after, .car-list.type-wide-list .car-item .skeleton-loading.car-thumb:after {
  width: 3rem;
  height: 200%;
  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%);
}

.car-list.type-model .car-info .mark-area .car-mark, .car-list.type-list-s .car-item .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-s .car-item .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-s .car-thumb .tag-area, .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.6rem;
}
.car-list.type-list-s .car-thumb .bbadge-category, .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-s .car-thumb .bbadge-category .bbadge-category__prefix, .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-s .car-thumb .bbadge-category.bbadge-diagnosis, .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-s .btn-like, .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-s .btn-compare, .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: 3.2rem;
  height: 3rem;
  margin: 0;
}
.car-list.type-list-s .btn-like:after, .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-s .btn-compare: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-s .active.btn-like:after, .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-s .active.btn-compare: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-new-wide-list .car-item, .car-list.type-wide-list .car-item {
  margin-top: 3.2rem;
}
.car-list.type-mix-list .car-item.type-wide .car-thumb.noimage, .car-list.type-new-wide-list .car-item .car-thumb.noimage, .car-list.type-wide-list .car-item .car-thumb.noimage {
  background: url("../images/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-new-wide-list .car-item .car-thumb.noimage .thumb-slider, .car-list.type-wide-list .car-item .car-thumb.noimage .thumb-slider {
  padding-top: 75%;
  background: url("../images/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-new-wide-list .car-item .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-new-wide-list .car-item .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-new-wide-list .car-item .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-new-wide-list .car-item .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-new-wide-list .car-item .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-new-wide-list .car-item .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-new-wide-list .car-item .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-new-wide-list .car-item .thumb-slider-area .swiper-pagination, .car-list.type-wide-list .car-item .thumb-slider-area .swiper-pagination {
  z-index: 2;
  top: auto;
  bottom: 1rem;
  right: auto;
  left: 50%;
  margin: 0 auto;
  display: inline-block;
  width: auto;
  height: 1.8rem;
  margin: 0 auto;
  padding: 0 0.5rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 1.2rem;
  background: rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: center;
  z-index: 2;
  text-indent: 0;
  letter-spacing: 0;
}
.car-list.type-mix-list .car-item.type-wide .thumb-slider-area .swiper-pagination > span, .car-list.type-new-wide-list .car-item .thumb-slider-area .swiper-pagination > span, .car-list.type-wide-list .car-item .thumb-slider-area .swiper-pagination > span {
  margin: 0 0.2rem;
}
.car-list.type-mix-list .car-item.type-wide .thumb-slider-area .swiper-pagination .swiper-pagination-current, .car-list.type-new-wide-list .car-item .thumb-slider-area .swiper-pagination .swiper-pagination-current, .car-list.type-wide-list .car-item .thumb-slider-area .swiper-pagination .swiper-pagination-current {
  color: #fff;
}
.car-list.type-mix-list .car-item.type-wide .thumb-img, .car-list.type-new-wide-list .car-item .thumb-img, .car-list.type-wide-list .car-item .thumb-img {
  width: 100%;
  padding-top: 75%;
  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-new-wide-list .car-item .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: 1.6rem 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-new-wide-list .car-item .car-info .car-name, .car-list.type-wide-list .car-item .car-info .car-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: 4.8rem;
}
.car-list.type-mix-list .car-item.type-wide .car-info .hotmark-area:after, .car-list.type-new-wide-list .car-item .car-info .hotmark-area:after, .car-list.type-wide-list .car-item .car-info .hotmark-area:after {
  content: "";
  display: block;
  clear: both;
}
.car-list.type-mix-list .car-item.type-wide .car-info .hotmark-area + .price-area, .car-list.type-new-wide-list .car-item .car-info .hotmark-area + .price-area, .car-list.type-wide-list .car-item .car-info .hotmark-area + .price-area {
  bottom: 6.4rem;
}
.car-list.type-mix-list .car-item.type-wide .car-info .hotmark-area .hotmark-tag, .car-list.type-new-wide-list .car-item .car-info .hotmark-area .hotmark-tag, .car-list.type-wide-list .car-item .car-info .hotmark-area .hotmark-tag {
  font-size: 1.2rem;
}
.car-list.type-mix-list .car-item.type-wide .price-area, .car-list.type-new-wide-list .car-item .price-area, .car-list.type-wide-list .car-item .price-area {
  position: absolute;
  bottom: 3.2rem;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  right: 0;
  margin: 0;
  letter-spacing: -0.05em;
}
.car-list.type-mix-list .car-item.type-wide .price-area.type-text, .car-list.type-new-wide-list .car-item .price-area.type-text, .car-list.type-wide-list .car-item .price-area.type-text {
  bottom: 3.6rem;
}
.car-list.type-mix-list .car-item.type-wide .price-area .price, .car-list.type-new-wide-list .car-item .price-area .price, .car-list.type-wide-list .car-item .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-mix-list .car-item.type-wide .price-area .unit, .car-list.type-new-wide-list .car-item .price-area .unit, .car-list.type-wide-list .car-item .price-area .unit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  font-weight: 500;
  vertical-align: middle;
}
.car-list.type-mix-list .car-item.type-wide .price-area .front, .car-list.type-new-wide-list .car-item .price-area .front, .car-list.type-wide-list .car-item .price-area .front {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: -0.04rem;
}
.car-list.type-mix-list .car-item.type-wide .price-area .price-upper, .car-list.type-new-wide-list .car-item .price-area .price-upper, .car-list.type-wide-list .car-item .price-area .price-upper {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  text-align: right;
  color: #222;
  margin-right: 0;
}
.car-list.type-mix-list .car-item.type-wide .price-area .price-regular, .car-list.type-new-wide-list .car-item .price-area .price-regular, .car-list.type-wide-list .car-item .price-area .price-regular {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  font-weight: 400;
  text-align: right;
  color: #888;
  margin: 0.2rem 0 0;
}
@media all and (max-width: 370px) {
  .car-list.type-mix-list .car-item.type-wide .price-area, .car-list.type-new-wide-list .car-item .price-area, .car-list.type-wide-list .car-item .price-area {
    position: static;
    margin: 0 0 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    text-align: right;
  }
  .car-list.type-mix-list .car-item.type-wide .price-area .price-upper, .car-list.type-new-wide-list .car-item .price-area .price-upper, .car-list.type-wide-list .car-item .price-area .price-upper {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-right: 0.4rem;
  }
  .car-list.type-mix-list .car-item.type-wide .price-area .price-regular, .car-list.type-new-wide-list .car-item .price-area .price-regular, .car-list.type-wide-list .car-item .price-area .price-regular {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.4rem;
  }
}
.car-list.type-mix-list .car-item.type-wide .util-area, .car-list.type-new-wide-list .car-item .util-area, .car-list.type-wide-list .car-item .util-area {
  position: absolute;
  top: 74vw;
  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-wide .monthly-payment, .car-list.type-new-wide-list .car-item .monthly-payment, .car-list.type-wide-list .car-item .monthly-payment {
  float: right;
  font-size: 1.2rem;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.8rem;
  margin: 0.2rem 0 0;
}

.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;
      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/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 {
  margin-top: 0.4rem;
}
.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 .conditions-car-price .unit, .car-list.type-column-list .car-item .conditions-car-price .unit {
  font-size: 1.6rem;
}
.car-list.type-mix-list .car-item.type-column .conditions-car-price .car-price-txt, .car-list.type-column-list .car-item .conditions-car-price .car-price-txt {
  padding-top: 0.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.1rem;
  right: 0.1rem;
  margin-top: 74.4%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  border-radius: 0.6rem 0 0.4rem 0;
}
.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 */
.subcont-area.type-new-subcont .car-list.type-new-list .car-item {
  margin-top: 0.8rem;
}
.subcont-area.type-new-subcont .car-list.type-new-list .car-item > a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info {
  -ms-flex-item-align: normal;
      align-self: normal;
  height: 9.2rem;
}
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info .car-name {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  line-height: 2rem;
}
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info .car-name + .mark-area + .price-area {
  margin-top: 0.72rem;
}
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info .price-area .price {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  font-weight: 700;
}
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info .price-area .price.text {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info .price-area .price-regular,
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info .price-area .price-regular > span.regular-unit,
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info .price-area .sub-price {
  font-weight: 500 !important;
}
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info .mark-area {
  margin-top: 0;
}
.subcont-area.type-new-subcont .car-list.type-new-list .car-item .car-info .mark-area .car-mark {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}

.car-list {
  /* 공통 */
  /* 카드 슬라이드형 */
  /* 가로로 정보 나열된 리스트형 */
  /* 가로로 정보 나열된 리스트형 : 2024신규 */
  /* 가로로 정보 나열된 리스트형 - 작은타입 */
  /* 세로로 정보 나열된 리스트형 */
  /* 와이드 슬라이드 썸네일 리스트형 */
  /* 와이드 슬라이드 썸네일 리스트형: 개편 20240808 */
  /* 2열 리스트형 */
  /* 와이드 + 2열 리스트형 (혼합) */
  /* 간편정보 리스트 */
  /* 간편정보 리스트: 개편 20240808 */
  /* 신차 리스트 */
  /* 홈배송 */
  /* 인기추천 */
}
.car-list[data-infinity] {
  position: relative !important;
}
.car-list[data-infinity] .car-item {
  position: absolute !important;
  left: 0;
  width: 100%;
  margin-top: 0 !important;
}
.car-list[data-infinity].type-new-wide-list {
  margin-top: -2.8rem;
}
.car-list[data-infinity].type-new-list {
  margin-top: -1.2rem;
}
.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/icon/sp-icon16-compare.svg");
}
.car-list .car-item .btn-like {
  background: none;
}
.car-list .car-item .btn-like:after {
  background-image: url("../images/icon/sp-icon16-like.svg");
}
.car-list .car-item .util-buttons {
  position: absolute;
  bottom: -0.1rem;
  right: 0;
  margin-left: auto;
}
.car-list .car-item .util-buttons .btn-compare {
  width: auto;
  margin: 0 0 0 auto;
  padding: 0.6rem 0 0.6rem 2.4rem;
  min-height: 2.2rem;
  line-height: 2rem;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 300;
  color: #222;
}
.car-list .car-item .util-buttons .btn-compare::after {
  left: 0;
  width: 2rem;
  height: 2rem;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: url("../images/icon/icon-compare.svg") no-repeat 0 0;
  background-size: 100%;
}
.car-list .car-item .util-buttons .btn-compare.active.active::after {
  background-image: url("../images/icon/icon-compare-active.svg");
}
.car-list .car-item .util-buttons .btn-like {
  margin-left: 0;
  margin-right: 0;
  padding: 0.6rem 0;
  min-height: 2.2rem;
}
.car-list .car-item .util-buttons .btn-like::after {
  width: 2rem;
  height: 2rem;
  background: url("../images/icon/icon-like.svg") no-repeat 0 0;
  background-size: 100%;
}
.car-list .car-item .util-buttons .btn-like.active::after {
  background-image: url("../images/icon/icon-like-active.svg");
}
.car-list .car-item .tag-round-xs {
  margin-top: -0.2rem;
}
.car-list .car-item > .inner-link {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: xx-small;
  text-indent: -999px;
  overflow: hidden;
}
.car-list .car-item .monthly-payment {
  display: inline-block;
  font-size: 1rem;
  color: #666;
  height: 1.8rem;
  line-height: 1.8rem;
  background: #f6f8f9;
  border-radius: 1rem;
  vertical-align: middle;
  padding: 0 0.6rem;
  margin: 0.1rem 0.4rem;
}
.car-list .car-thumb {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
  position: relative;
  border: 0.1rem solid rgba(170, 170, 170, 0.2);
  border-radius: 1.2rem;
  background: #c6c6c6;
  -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 .thumb-top {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.6rem 0.6rem 0 0;
  padding: 0.8rem 1.2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  background: #ffd300;
  color: #222;
}
.car-list .car-thumb .thumb-top.type-brown {
  background-color: #59544d;
}
.car-list .car-thumb .thumb-top.type-brown .tag,
.car-list .car-thumb .thumb-top.type-brown .txt {
  color: #fff;
}
.car-list .car-thumb .thumb-top.type-brown .thumb-flex {
  padding-right: 0.8rem;
}
.car-list .car-thumb .thumb-top.type-brown .thumb-flex > img {
  margin-left: auto;
  width: 3.9rem;
  height: 1.2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.car-list .car-thumb .thumb-top.type-opacity {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.84)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.02);
}
.car-list .car-thumb .thumb-top.type-opacity .tag {
  color: #fff;
}
.car-list .car-thumb .thumb-top .tag {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 1.6rem;
  font-weight: 700;
}
.car-list .car-thumb .thumb-top .txt {
  margin-left: auto;
  font-weight: 300;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.car-list .car-thumb .thumb-top .thumb-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 1.6rem;
}
.car-list .car-thumb .thumb-top .thumb-flex .tag {
  line-height: 1.6rem;
  margin-right: 0;
}
.car-list .car-thumb .thumb-top .thumb-flex > img {
  position: initial;
  width: auto;
  vertical-align: middle;
  margin-left: -0.3rem;
}
.car-list .car-thumb .thumb-btm {
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  padding: 0.8rem;
  border-radius: 0 0 0.6rem 0.6rem;
  border-radius: 0 0 0.4rem 0.4rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.88)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.02);
}
.car-list .car-thumb .thumb-btm .tag {
  color: #fff;
}
.car-list .car-thumb .tag-badge {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background-color: #222;
  width: 64px;
  height: 24px;
  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;
  border-radius: 2px;
  z-index: 2;
}
.car-list .car-thumb .tag-badge > img {
  position: relative;
  width: auto;
  height: auto;
}
.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/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/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-thumb .timesale-area {
  z-index: 2;
  position: absolute;
  bottom: -0.1rem;
  left: -0.1rem;
  background: #fff;
  color: #eb4c60;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.8rem 0.8rem 0.2rem;
}
.car-list .car-thumb .timesale-area:before {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon16-timesale.png") center/contain no-repeat;
  vertical-align: middle;
  margin: -0.2rem 0.2rem 0 0;
  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 .front {
  vertical-align: middle;
}
.car-list .car-info .price-area .price-upper {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: middle;
  color: #222;
  margin-right: 0.3rem;
}
.car-list .car-info .price-area .price-regular {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  font-weight: 700 !important;
  color: #888;
  vertical-align: middle;
  margin-left: 0.6rem;
}
.car-list .car-info .price-area .price-regular > span {
  font: inherit;
  vertical-align: middle;
}
.car-list .car-info .price-area .price-regular > span.regular-unit {
  margin-left: 0.2rem;
  font-weight: 400;
  font-size: 1.2rem;
}
.car-list .car-info .price-area .unit {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  color: #222;
}
.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 {
  z-index: 3;
  background: rgba(255, 255, 255, 0.65);
  border-radius: 0.6rem;
  font-size: 0;
}
.car-list .util-area .btn-car-util {
  margin: 0;
  border-right: 0.1rem solid rgba(255, 255, 255, 0.5);
}
.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/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/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/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 .conditions-car-price .car-price-txt {
  padding-top: 0.2rem;
}
.car-list.type-list .car-item .conditions-car-price .unit {
  font-size: 1.4rem;
}
.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;
  word-break: keep-all;
}
.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;
}
.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,
.car-list.type-list .car-item .price-area.type-big .unit {
  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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 14.4rem);
  padding-left: 1rem;
  -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-list .car-item .util-area {
  z-index: 3;
  position: absolute;
  top: 10.4rem;
  left: 14.3rem;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: translateY(-100%) translateX(-100%);
      -ms-transform: translateY(-100%) translateX(-100%);
          transform: translateY(-100%) 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-new-list {
  min-height: 1px;
  margin-top: -1.2rem;
  margin-bottom: 2.8rem;
}
.car-list.type-new-list .car-item {
  font-size: 0;
  margin-top: 1.2rem;
}
.car-list.type-new-list .car-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.car-list.type-new-list .car-item .car-thumb {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40.817%;
  padding-top: 25.656%;
  height: 0;
  border: none;
  border-radius: 0.4rem;
}
.car-list.type-new-list .car-item .car-thumb.noimage:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) !important;
  content: "";
}
.car-list.type-new-list .car-item .car-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.car-list.type-new-list .car-item .car-thumb .thumb-btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.car-list.type-new-list .car-item .car-thumb .thumb-btm .tag {
  font-size: 1.1rem;
  font-weight: 500;
  line-height: normal;
}
.car-list.type-new-list .car-item .car-thumb .thumb-btm .thumb-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.car-list.type-new-list .car-item .car-thumb .thumb-btm .thumb-flex .tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5rem;
}
.car-list.type-new-list .car-item .car-thumb .thumb-btm .thumb-flex > img {
  position: initial;
  width: auto;
  margin-left: -0.3rem;
}
.car-list.type-new-list .car-item .car-thumb .contract {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.car-list.type-new-list .car-item .car-thumb .contract::before {
  width: 52px;
  height: 52px;
  border-width: 1px;
}
.car-list.type-new-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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 2.33%;
  width: 56.85%;
  min-height: 100%;
  vertical-align: top;
  color: #222;
}
.car-list.type-new-list .car-item .car-info .car-name {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.car-list.type-new-list .car-item .car-info .car-name.txt-ellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.car-list.type-new-list .car-item .car-info .mark-area {
  display: block;
  margin-top: 0.2rem;
  margin-bottom: auto;
  font-weight: 300;
  color: #222;
}
.car-list.type-new-list .car-item .car-info .mark-area .car-mark {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6rem;
  color: #222;
}
.car-list.type-new-list .car-item .car-info .mark-area .car-mark::after {
  background-color: #222;
}
.car-list.type-new-list .car-item .car-info .price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 0;
}
.car-list.type-new-list .car-item .car-info .price-area .sub-price {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.6rem;
}
.car-list.type-new-list .car-item .car-info .price-area .front-price-type {
  margin-right: 0.2rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.car-list.type-new-list .car-item .car-info .price-area .price-regular {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-left: 0;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 300 !important;
  color: #666;
}
.car-list.type-new-list .car-item .car-info .price-area .price-regular > span.regular-unit {
  margin-left: 0;
  font-weight: 300;
}
.car-list.type-new-list .car-item .car-info .price-area .price {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.3rem;
}
.car-list.type-new-list .car-item .car-info .price-area .unit {
  margin-left: 0.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
}
.car-list.type-new-list .car-item .util-buttons {
  bottom: -0.5rem;
}
.car-list.type-list-s .car-item {
  padding: 0.8rem 0;
  border-top: 0.1rem solid #eee;
}
.car-list.type-list-s .car-item:after {
  content: "";
  display: block;
  clear: both;
}
.car-list.type-list-s .car-item:first-child {
  border-color: transparent;
}
.car-list.type-list-s .car-item > a {
  display: block;
}
.car-list.type-list-s .car-item > a:after {
  content: "";
  display: block;
  clear: both;
}
.car-list.type-list-s .car-item .car-thumb {
  float: left;
  display: block;
  width: 10.8rem;
  height: 8rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.car-list.type-list-s .car-item .car-thumb .theme-tag {
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
}
.car-list.type-list-s .car-item .car-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  line-height: 1.4;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  color: #222;
}
.car-list.type-list-s .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-s .car-item .car-num strong {
  color: #2589ff;
}
.car-list.type-list-s .car-item .car-num + .car-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
}
.car-list.type-list-s .car-item .mark-area {
  margin-top: 0.2rem;
}
.car-list.type-list-s .car-item .price-area {
  position: relative;
  margin-top: 1rem;
}
.car-list.type-list-s .car-item .price-area .price {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #222;
}
.car-list.type-list-s .car-item .price-area .price:before {
  bottom: 0;
  height: 0.2rem;
}
.car-list.type-list-s .car-item .price-area .price .unit {
  font-size: 1.4rem;
  vertical-align: middle;
}
.car-list.type-list-s .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.6rem;
}
.car-list.type-list-s .car-item .price-area .btn-bookmark {
  position: absolute;
  right: 0;
  bottom: 0;
}
.car-list.type-list-s .car-item .price-area.type-big {
  margin-top: 1.4rem;
}
.car-list.type-list-s .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-s .car-item .car-info {
  float: left;
  width: calc(100% - 10.8rem);
  padding-left: 1rem;
}
.car-list.type-list-s .car-item .util-area {
  z-index: 3;
  position: absolute;
  top: 5.5rem;
  right: 0;
}
.car-list.type-list-s .btn-data-wrap {
  clear: both;
  padding: 0.8rem 0;
}
.car-list.type-list-s .btn-wrap {
  clear: both;
  padding-top: 0.8rem;
}
.car-list.type-list-s .btn-wrap a,
.car-list.type-list-s .btn-wrap button {
  height: 3.6rem;
  line-height: 3.6rem;
}
.car-list.type-list-s .btn-wrap a span,
.car-list.type-list-s .btn-wrap button span {
  font-size: 1.4rem;
}
.car-list.type-list-s .car-floating-util {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
}
.car-list.type-list-s .skeleton-loading {
  line-height: 1 !important;
}
.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 .car-item:first-child {
  margin-top: 0;
}
.car-list.type-new-wide-list {
  margin-top: -2rem;
  margin-bottom: 2.8rem;
}
.car-list.type-new-wide-list .car-item {
  margin-top: 2.8rem;
}
.car-list.type-new-wide-list .car-item .car-thumb {
  padding-top: 3.6rem;
}
.car-list.type-new-wide-list .car-item .thumb-slider-area {
  border-radius: 0 0 0.6rem 0.6rem;
}
.car-list.type-new-wide-list .car-item .thumb-slider-area::after {
  display: none;
}
.car-list.type-new-wide-list .car-item .thumb-img {
  padding-top: 63.4%;
}
.car-list.type-new-wide-list .car-item .car-info {
  padding-top: 1.2rem;
  padding-bottom: 0;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.car-list.type-new-wide-list .car-item .car-info .car-name {
  font-weight: 500;
}
.car-list.type-new-wide-list .car-item .mark-area {
  margin-top: 0.1rem;
}
.car-list.type-new-wide-list .car-item .mark-area .car-mark {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.3rem;
  color: #222;
}
.car-list.type-new-wide-list .car-item .mark-area .car-mark::after {
  background-color: #222;
}
.car-list.type-new-wide-list .car-item .price-area {
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  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;
  margin-top: 0.4rem;
  letter-spacing: 0;
}
.car-list.type-new-wide-list .car-item .price-area .price-regular {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin-top: 1px;
  margin-left: 0;
  margin-right: 0.3rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 300 !important;
  text-align: left;
  color: #666;
}
.car-list.type-new-wide-list .car-item .price-area .price-regular span {
  font-size: 1.4rem;
}
.car-list.type-new-wide-list .car-item .price-area .price-regular > span.regular-unit {
  margin-left: 0;
  font-size: 1.4rem;
  font-weight: 300;
}
.car-list.type-new-wide-list .car-item .price-area .front-price-type {
  margin-right: 0.2rem;
  font-size: 1.6rem;
  font-weight: 500;
}
.car-list.type-new-wide-list .car-item .price-area .price {
  font-size: 2rem;
}
.car-list.type-new-wide-list .car-item .price-area .price.has-consultation {
  font-size: 1.8rem;
}
.car-list.type-new-wide-list .car-item .price-area .sub-price {
  margin-left: 0.6rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
  color: #222;
}
.car-list.type-new-wide-list .car-item .price-area .unit {
  margin-left: 0.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0;
}
.car-list.type-new-wide-list .car-item .car-thumb {
  border: none;
  border-radius: 0.6rem;
}
.car-list.type-new-wide-list .car-item .car-thumb.noimage::after {
  border-radius: 0.6rem;
}
.car-list.type-new-wide-list .car-item .car-thumb.noimage .thumb-slider {
  padding-top: 63.4%;
}
.car-list.type-new-wide-list .car-item .car-colors {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem;
}
.car-list.type-new-wide-list .car-item .car-colors .item {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
  color: #222;
}
.car-list.type-new-wide-list .car-item .car-colors .icon-color {
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #f8f8f8;
  vertical-align: text-top;
}
.car-list.type-new-wide-list .car-item .car-colors .icon-color:not([class*=color-]) {
  background-color: var(--color, transparent);
}
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-thumb,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-name,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .mark-area,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-colors,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .price-area,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .util-buttons {
  z-index: 0;
  position: relative;
  overflow: hidden;
  margin-top: 0.6rem;
}
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-thumb:before,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-name:before,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .mark-area:before,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-colors:before,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .price-area:before,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .util-buttons:before {
  z-index: 3;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #f8f8f8;
  border-radius: 0.6rem;
  content: "";
}
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-thumb:after,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-name:after,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .mark-area:after,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-colors:after,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .price-area:after,
.car-list.type-new-wide-list .car-item.c-skeleton-loading .util-buttons:after {
  z-index: 4;
  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;
  will-change: left;
  content: "";
}
.car-list.type-new-wide-list .car-item.c-skeleton-loading .car-info {
  padding: 0;
}
.car-list.type-new-wide-list .car-item.c-skeleton-loading .price-area {
  bottom: 0;
  margin-top: 0.6rem;
}
.car-list.type-new-wide-list .car-item.c-skeleton-loading .price-area::before {
  width: 40%;
}
.car-list.type-new-wide-list .car-item.c-skeleton-loading .util-buttons {
  height: 2.6rem;
  position: absolute;
  bottom: 0;
}
.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-column-list.column-list-ty-2 {
  margin-top: 0;
}
.car-list.type-column-list.column-list-ty-2 .contract {
  top: 24px;
  height: calc(100% - 24px);
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.car-list.type-column-list.column-list-ty-2 .contract::before {
  width: 52px;
  height: 52px;
  border-width: 1px;
}
.car-list.type-column-list.column-list-ty-2 .car-thumb .thumb-top {
  height: 2.4rem;
  padding: 0.4rem 0 0.4rem 0.8rem;
}
.car-list.type-column-list.column-list-ty-2 .car-thumb .thumb-top .tag {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.car-list.type-column-list.column-list-ty-2 .car-item {
  margin: 0;
  width: calc(50% - 0.6rem);
  margin-bottom: 1.6rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.car-list.type-column-list.column-list-ty-2 .car-item[data-banner] {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.car-list.type-column-list.column-list-ty-2 .car-item[data-banner] .banner-box {
  margin-top: 0;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
.car-list.type-column-list.column-list-ty-2 .car-item > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info {
  min-height: 7rem;
  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-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .mark-area {
  margin-top: 0;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .mark-area .car-mark {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .mark-area .car-mark::after {
  width: 0.2rem;
  height: 0.2rem;
  margin: -0.2rem 0.4rem 0 0.4rem;
  background-color: #222;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area {
  margin-top: auto;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area .sub-price,
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area .price-regular {
  display: block;
  margin-top: 1rem;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area .price-regular {
  color: #222;
  margin-left: 0;
  font-weight: 300 !important;
  letter-spacing: 0;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area .unit {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area .price {
  font-size: 1.8rem;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area .price.has-consultation {
  font-size: 1.6rem;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area .price,
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area .unit,
.car-list.type-column-list.column-list-ty-2 .car-item .car-info .price-area .front-price-type {
  vertical-align: middle;
}
.car-list.type-column-list.column-list-ty-2 .car-item .car-name {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.car-list.type-column-list.column-list-ty-2 .util-buttons {
  bottom: -0.3rem;
}
.car-list.type-column-list.column-list-ty-2 .util-buttons .btn-compare {
  line-height: 1.9rem;
}
.car-list.type-column-list.column-list-ty-2 .util-buttons .btn-compare.active.active::after,
.car-list.type-column-list.column-list-ty-2 .util-buttons .btn-like.active::after {
  background-position: 0 0;
}
.car-list.type-column-list.column-list-ty-2[data-infinity] div.car-item.even {
  left: calc(50% + 0.3rem);
}
.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-new-simple {
  margin: 0 -1.6rem;
}
.car-list.type-new-simple .tit-area {
  padding: 2.8rem 1.6rem 1.2rem;
  margin-bottom: 0 !important;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 500;
  border-top: 0.1rem solid #ddd;
  color: #888;
}
.car-list.type-new-simple .car-item {
  border-top: 0.1rem solid #ddd;
}
.car-list.type-new-simple .car-item[data-banner] {
  border-top: 0;
}
.car-list.type-new-simple .car-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  color: #222;
}
.car-list.type-new-simple .car-info {
  position: relative;
  padding: 1.2rem 1.6rem;
}
.car-list.type-new-simple .car-info .mark-area {
  margin-top: 0;
}
.car-list.type-new-simple .car-info .mark-area .color-mark {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
}
.car-list.type-new-simple .car-info .price-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.2rem 0 0 0;
  font-size: 0;
}
.car-list.type-new-simple .car-info .price-area .price-regular {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.7rem;
  font-weight: 300 !important;
  color: #666;
  vertical-align: top;
}
.car-list.type-new-simple .car-info .price-area .price-regular > span.regular-unit {
  margin-left: 0;
  font-weight: 300;
}
.car-list.type-new-simple .car-info .price-area .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  color: #222;
}
.car-list.type-new-simple .car-info .price-area .price:before {
  display: none;
}
.car-list.type-new-simple .car-info .price-area .price ~ .price {
  margin-left: 0.8rem;
}
.car-list.type-new-simple .car-info .price-area .price > span {
  font-weight: 700;
}
.car-list.type-new-simple .car-info .price-area .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0.2rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.car-list.type-new-simple .car-info .price-area .arrow {
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon16-arrow-right-black-medium.svg") no-repeat center/contain;
}
.car-list.type-new-simple .car-info .mark-area .car-mark {
  color: #222;
}
.car-list.type-new-simple .car-info .mark-area .car-mark::after {
  background-color: #222;
}
.car-list.type-new-simple .car-info .badge-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
}
.car-list.type-new-simple .car-info .badge-title .contract-badge {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  background-color: #222;
  border-radius: 2px;
  padding: 2px 6px;
  color: #fff;
}
.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.type-vertical-slide {
  position: relative;
  overflow: hidden;
  margin: 0 -1.6rem;
  padding: 0 1.6rem 1.8rem 1.6rem;
}
.car-list.type-vertical-slide .car-item .car-thumb {
  padding-top: 62.664%;
  overflow: hidden;
}
.car-list.type-vertical-slide .car-item .car-thumb .thumb-top {
  height: 6rem;
  padding: 1rem 1.2rem;
  border-radius: 0.4rem 0.4rem 0 0;
}
.car-list.type-vertical-slide .car-item .car-thumb .thumb-top .tag {
  font-size: 1.2rem;
}
.car-list.type-vertical-slide .car-item .car-info {
  padding: 0.8rem 0.4rem 0 0.4rem;
}
.car-list.type-vertical-slide .car-item .car-info .car-name {
  display: Block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3rem;
}
.car-list.type-vertical-slide .car-item .car-info .mark-area {
  margin-top: 0;
}
.car-list.type-vertical-slide .car-item .car-info .mark-area .car-mark {
  line-height: 2rem;
  color: #222;
}
.car-list.type-vertical-slide .car-item .car-info .mark-area .car-mark::after {
  width: 0.2rem;
  height: 0.2rem;
  margin: -0.2rem 0.4rem 0 0.4rem;
  background-color: #222;
}
.car-list.type-vertical-slide .car-item .car-info .price-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;
  height: 2.5rem;
  line-height: 2.5rem;
  margin-top: 1rem;
}
.car-list.type-vertical-slide .car-item .car-info .price-area .price {
  font-size: 1.8rem;
}
.car-list.type-vertical-slide .car-item .car-info .price-area .unit {
  margin-left: 0.2rem;
  font-size: 1.4rem;
}
.car-list.type-vertical-slide .car-item .car-info .price-area .price-regular {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-left: 0.4rem;
}
.car-list.type-vertical-slide .car-item .car-info .price-area .price-regular > span {
  font-weight: 300;
}
.car-list.type-vertical-slide .car-item .car-info .price-area .price-regular .regular-unit {
  font-weight: 300;
}
.car-list.type-vertical-slide .car-item .car-info .price-area .front-price-type {
  margin-right: 0.2rem;
  font-size: 1.4rem;
}
.car-list.type-vertical-slide .car-item .car-info .price-area .sub-price {
  margin-left: 0.6rem;
  font-size: 1.2rem;
}
.car-list.type-vertical-slide .swiper-scrollbar {
  left: 1.6rem;
  right: 0;
  bottom: 0;
  width: auto;
  height: 0.3rem;
  background: none;
}
.car-list.type-vertical-slide .swiper-scrollbar::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.car-list.type-vertical-slide .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  height: 0.3rem;
  background-color: #666;
}
.car-list.type-xscroll {
  margin-right: -1.6rem;
  padding-bottom: 3.2rem;
}
.car-list.type-xscroll .car-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1.6rem;
  padding-left: 1.6rem;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.car-list.type-xscroll .car-items::-webkit-scrollbar {
  display: none;
}
.car-list.type-xscroll .car-items::after {
  display: block;
  width: 1.6rem;
  height: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: "";
}
.car-list.type-xscroll .car-items .car-item {
  display: inline-block;
  width: 14.4rem;
  min-width: 14.4rem;
}
.car-list.type-xscroll .car-items .car-item ~ .car-item {
  margin-left: 1.2rem;
}
.car-list.type-xscroll .car-items .car-item .car-thumb {
  height: 10.4rem;
  border: none;
  border-radius: 0.4rem;
}
.car-list.type-xscroll .car-items .car-item .car-thumb .thumb-btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.car-list.type-xscroll .car-items .car-item .car-thumb .thumb-btm .tag {
  font-size: 1.1rem;
  font-weight: 500;
}
.car-list.type-xscroll .car-items .car-item .car-info {
  padding: 0.8rem 0 0 0.2rem;
  color: #222;
}
.car-list.type-xscroll .car-items .car-item .car-info .car-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2rem;
}
.car-list.type-xscroll .car-items .car-item .car-info .price-area {
  margin-top: 0.2rem;
}
.car-list.type-xscroll .car-items .car-item .car-info .price-area .price {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.5rem;
}
.car-list.type-xscroll .car-items .car-item .car-info .price-area .unit {
  font-size: 1.6rem;
}
.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: center;
      -ms-flex-align: center;
          align-items: center;
  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: 28rem;
  word-break: break-all;
  padding-right: 1.6rem;
  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-name {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-bottom: 0.2rem;
  font-weight: 700;
  color: #222;
  word-break: keep-all;
  white-space: normal;
}
.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.2rem;
}
.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 .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;
}

/* [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 .car-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: 1.6rem 0;
  border-bottom: 0.1rem solid #eee;
}
.recent-list .car-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}
.recent-list .car-cont:after {
  content: "";
  display: block;
  clear: both;
}
.recent-list .car-cont .car-thumb {
  float: left;
  width: 6.3rem;
  height: 3.6rem;
  padding-right: 0.8rem;
  margin-top: 0.2rem;
}
.recent-list .car-cont .car-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.recent-list .car-cont .car-info {
  float: left;
  width: calc(100% - 6.3rem);
}
.recent-list .car-cont .car-name {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-top: 0.2rem;
  display: block;
  color: #222;
}
.recent-list .car-cont .car-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.2rem;
  color: #888;
}
.recent-list .car-cont .mark-area {
  margin-top: 0.2rem;
}
.recent-list .car-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  padding-left: 0.4rem;
}
.recent-list .car-name {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: block;
  color: #222;
}
.recent-list .car-added {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  margin-top: 0.8rem;
  text-indent: -1.5rem;
  padding-left: 1.5rem;
  font-size: 0;
}
.recent-list .car-added > * {
  vertical-align: middle;
}
.recent-list .car-added:before {
  position: absolute;
  top: 0.4rem;
  left: 0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  border-bottom: 0.1rem solid #979797;
  border-left: 0.1rem solid #979797;
  border-radius: 0.1rem;
  content: "";
}
.recent-list .car-added .mark-area {
  display: inline-block;
  vertical-align: middle;
  text-indent: 0;
  width: calc(100% - 1.4rem);
  padding-left: 1.5rem;
}
.recent-list .car-mark {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
}
.recent-list .car-mark:after {
  display: inline;
  content: " / ";
}
.recent-list .car-mark:last-child:after {
  display: none;
}
.recent-list .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: xx-small;
  text-indent: -999px;
  overflow: hidden;
}
.recent-list.type-delete .car-item {
  margin: 1.2rem 0;
  padding: 1.2rem;
  border: 1px solid #ddd;
  border-radius: 0.8rem;
}
.recent-list.type-delete .car-item .car-util {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.2rem;
}
.recent-list.type-delete .car-item:first-of-type {
  margin-top: 0;
}
.recent-list.type-delete .car-item:last-of-type {
  margin-bottom: 0;
}

.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: #fff;
  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;
  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.6rem;
  display: block;
  width: 2rem;
  height: 100%;
  background-color: #fc0;
  background-position: center;
  background-repeat: no-repeat;
}
.hotmark-tag > .icon.icon-kbcare {
  background-image: url("../images/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.2rem 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 #ddd;
  padding: 1.2rem 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.2rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.car-sell-list.has-car-select .car-info .car-desc {
  margin-top: 0.2rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  color: #222;
}
.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(0.2rem);
          filter: blur(0.2rem);
}
.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;
}

.vertical-car-area {
  display: block;
  width: auto;
  margin: -1rem -1.6rem 0;
  padding: 0;
}
.vertical-car-area .vertical-car-box {
  padding: 2.4rem 1.6rem 2.8rem 1.6rem;
  background: #f8f8f8;
}
.vertical-car-area .vertical-car-head .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2rem;
  height: 2.8rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.44px;
  color: #222;
}
.vertical-car-area .vertical-car-head .title .icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.vertical-car-area .vertical-car-head .title .icon.is-certified {
  display: inline-block;
  width: 20;
  height: 2.3rem;
  margin: -0.2rem 0.6rem 0 0;
  vertical-align: middle;
  background-image: url("../images/icon/icon20-certified.svg");
}
.vertical-car-area .vertical-car-head .title .inner-util {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
}
.vertical-car-area .vertical-car-head .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin: 0.6rem 0 1.2rem;
  color: #222;
}
.vertical-car-area .vertical-car-list {
  margin: 0.6rem -1.6rem 0 -1.6rem;
}
.vertical-car-area .vertical-car-list > ul {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding: 0 1.6rem 1rem 1.6rem;
  font-size: 0;
}
.vertical-car-area .vertical-car-list > ul::-webkit-scrollbar {
  display: none;
}
.vertical-car-area .vertical-car-list .vertical-car-item {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  width: 15rem;
  height: 25.4rem;
  border-radius: 1.2rem;
}
.vertical-car-area .vertical-car-list .vertical-car-item::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: block;
  border-radius: 1.2rem 0 1.2rem 0;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(14%, #000), color-stop(40%, rgba(216, 216, 216, 0)));
  background-image: linear-gradient(to top, #000 14%, rgba(216, 216, 216, 0) 40%);
  pointer-events: none;
}
.vertical-car-area .vertical-car-list .vertical-car-item ~ .vertical-car-item {
  margin-left: 1rem;
}
.vertical-car-area .vertical-car-list .vertical-car-item .vertical-car-link {
  display: block;
  height: 100%;
  font-size: 0;
}
.vertical-car-area .vertical-car-list .vertical-car-item .vertical-car-thumb {
  width: 100%;
  height: 100%;
}
.vertical-car-area .vertical-car-list .vertical-car-item .vertical-car-thumb img,
.vertical-car-area .vertical-car-list .vertical-car-item .vertical-car-thumb video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.vertical-car-area .vertical-car-list .vertical-car-item .vertical-car-thumb.noimage:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) !important;
  content: "";
}
.vertical-car-area .vertical-car-list .vertical-car-item .vertical-car-desc {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 1.4rem 1.4rem 1.4rem;
  color: #fff;
}
.vertical-car-area .vertical-car-list .vertical-car-item .vertical-car-desc .vertical-car-name {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: normal;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  letter-spacing: -0.27px;
}
.vertical-car-area .vertical-car-list .vertical-car-item .vertical-car-desc .vertical-car-price {
  display: block;
  margin-top: 0.7rem;
  font-size: 1.6rem;
  font-weight: bold;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.36px;
  color: #fff;
}
.vertical-car-area .vertical-car-list .vertical-car-item .time {
  z-index: 1;
  position: absolute;
  top: 1.1rem;
  left: 1.4rem;
  height: 1.6rem;
  line-height: 1.8rem;
  padding: 0 0.3rem;
  border-radius: 0.4rem;
  font-size: 1.1rem;
  background-color: #222;
  color: #fff;
}

.content .infinity-sensor {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 300vh;
  width: 100%;
  pointer-events: none;
}

.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 {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.data-area.point-box .data-item {
  padding: 0 1rem;
  text-align: center;
}
.data-area.point-box.type-divide .data-item {
  border-left: 0.1rem solid #eee;
}
.data-area.point-box.type-divide .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 {
  margin-right: 1rem;
  padding: 1.6rem;
  text-align: center;
}
.data-item.point-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 {
  border-left: 0;
}
.point-box .data-item .data-tit {
  font-weight: 500;
}
.point-box.type-table {
  padding: 1.2rem 1.6rem;
}
.point-box.type-table > .item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}
.point-box.type-table > .item-row > .item-th {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: 40%;
  padding: 0.6rem 1rem 0.4rem 0;
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
}
.point-box.type-table > .item-row > .item-td {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 60%;
  padding: 0.4rem 0;
  line-height: 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%;
}
.data-list2.none-padding {
  margin: 0 !important;
}
.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: 26%;
  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;
}
.data-list2 .btn-txt-arrow {
  margin-top: -0.8rem;
  padding: 0 1.2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.2px;
  color: #222;
  border-radius: 9999px;
  background-color: #fff;
  text-decoration: none;
}
.data-list2 .btn-txt-arrow span {
  color: inherit;
  border: none !important;
}

.data-list-more {
  margin: 16px 0 -24px;
}
.data-list-more.ty-2 {
  padding: 1.2rem 1.6rem 2.4rem;
  background-color: #f8f8f8;
  margin: -0.8rem 0 0;
  text-align: right;
  border-radius: 0 0 0.8rem 0.8rem;
}
.data-list-more .data-list-more-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 20px;
}
.data-list-more .data-list-more-btn .icon16 {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  margin-left: 0.3rem;
}
.data-list-more .data-list-more-btn.is-active .icon16 {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.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.type-brand .model-select-thumb {
  margin-right: 1.6rem;
}
.model-select-list.type-brand .model-select-thumb img {
  width: 3.2rem;
  height: 3.2rem;
}
.model-select-list.type-model .model-select-thumb img, .model-select-list.type-grade .model-select-thumb img, .model-select-list.type-chekbox .model-select-thumb img {
  width: 5.5rem;
  height: 3.6rem;
}
.model-select-list.depth2 > li > .model-select-item {
  padding-left: 2.6rem;
}
.model-select-list.model-select-list--ty2 {
  margin: 1.6rem 0.4rem 0;
}
.model-select-list.model-select-list--ty2 .model-select-item {
  padding-left: 0;
}
.model-select-list.model-select-list--ty2 .model-select-item .input-area .model-select-btn {
  padding-left: 0;
}
.model-select-list.model-select-list--ty2 .model-select-item .model-select-cont {
  padding: 1.6rem 0 1.6rem 3.3rem;
}
.model-select-list.model-select-list--ty3 > li .accordion-wrap {
  border-top: 0.1rem solid #eee;
  border-bottom: 0;
}
.model-select-list.model-select-list--ty3 > li .category {
  display: inline-block;
  padding: 0.1rem 0.75rem;
  border: 1px solid #222;
  border-radius: 10rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.model-select-list.model-select-list--ty3 > li + li {
  position: relative;
}
.model-select-list.model-select-list--ty3 > li + li .category {
  margin-top: 2.4rem;
}
.model-select-list.model-select-list--ty3 > li + li:has(.category)::after {
  content: "";
  position: absolute;
  top: -0.1rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  background-color: #fff;
}
.model-select-list.model-select-list--ty3 .model-select-item {
  padding: 0.95rem 0.4rem;
  min-height: 6.4rem;
}
.model-select-list.model-select-list--ty3 .model-select-item .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;
  gap: 0.8rem;
  width: 100%;
}
.model-select-list.model-select-list--ty3 .model-select-item .link .model-select-btn {
  padding-left: 0;
  top: auto;
  min-height: 5.6rem;
  height: 100%;
}
.model-select-list.model-select-list--ty3 .model-select-item .link .model-select-btn + * {
  margin-left: 3.2rem;
}
.model-select-list.model-select-list--ty3 .model-select-item .link .model-select-btn .icon {
  margin-left: 0.4rem;
}
.model-select-list.model-select-list--ty3 .model-select-item .model-select-thumb {
  width: 4rem;
  height: 4rem;
  margin-right: 0;
}
.model-select-list.model-select-list--ty3 .model-select-item .model-select-cont {
  padding: 0;
  min-width: 0;
}
.model-select-list.model-select-list--ty3 .model-select-item .model-select-cont > strong {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.model-select-list.model-select-list--ty3 .model-select-item .util {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.model-select-list.model-select-list--ty3 .model-select-depth {
  position: relative;
  margin: -0.1rem -1.6rem 0;
  background-color: #f8f8f8;
  z-index: 1;
}
.model-select-list.model-select-list--ty3 .model-select-depth .model-select-item {
  min-height: 5.4rem;
  padding: 0.95rem 2.4rem 0.95rem 5.2rem;
  border-bottom: 0;
}
.model-select-list.model-select-list--ty3 .model-select-depth .model-select-item .link .model-select-cont {
  margin-left: 2.7rem;
}
.model-select-list.model-select-list--ty3 .model-select-depth .model-select-item .link .model-select-cont strong {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.model-select-list.model-select-list--ty3 .model-select-depth .model-select-item .link .model-select-btn {
  left: 5.4rem;
}
.model-select-list.model-select-list--ty3 .model-select-depth .model-select-item .link .model-select-btn .icon {
  margin-left: 0;
  margin-top: -0.3rem;
}
.model-select-list.model-select-list--ty3.type-grade .model-select-thumb {
  width: 6rem;
}
.model-select-list.model-select-list--ty3.type-grade .model-select-thumb img {
  vertical-align: top;
}
.model-select-list > li:last-child .model-select-item {
  border-bottom: 0;
}

.model-select-item,
.model-select-item.accordion-header {
  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: 0 0 0 0.8rem;
}
.model-select-item.is-checked .model-select-thumb .icon,
.model-select-item.accordion-header.is-checked .model-select-thumb .icon {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.model-select-item.is-checked .model-select-thumb .icon:before,
.model-select-item.accordion-header.is-checked .model-select-thumb .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.model-select-item > a.model-select-btn:active ~ .model-select-thumb .icon,
.model-select-item > a.model-select-btn:focus ~ .model-select-thumb .icon,
.model-select-item.accordion-header > a.model-select-btn:active ~ .model-select-thumb .icon,
.model-select-item.accordion-header > a.model-select-btn:focus ~ .model-select-thumb .icon {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.model-select-item > a.model-select-btn:active ~ .model-select-thumb .icon:before,
.model-select-item > a.model-select-btn:focus ~ .model-select-thumb .icon:before,
.model-select-item.accordion-header > a.model-select-btn:active ~ .model-select-thumb .icon:before,
.model-select-item.accordion-header > a.model-select-btn:focus ~ .model-select-thumb .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.model-select-item > input, .inp-box .model-select-item > .ico-confirm,
.model-select-item.accordion-header > input {
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 1px;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  top: 0;
  left: 0;
}
.model-select-item > input:checked ~ .model-select-thumb .icon, .inp-box .model-select-item > .ico-confirm:checked ~ .model-select-thumb .icon,
.model-select-item.accordion-header > input:checked ~ .model-select-thumb .icon {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.model-select-item > input:checked ~ .model-select-thumb .icon:before, .inp-box .model-select-item > .ico-confirm:checked ~ .model-select-thumb .icon:before,
.model-select-item.accordion-header > input:checked ~ .model-select-thumb .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.model-select-item > input:checked ~ .model-select-cont, .inp-box .model-select-item > .ico-confirm:checked ~ .model-select-cont,
.model-select-item.accordion-header > input:checked ~ .model-select-cont {
  font-weight: 700 !important;
}
.model-select-item > input:disabled ~ .model-select-thumb .icon, .inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-thumb .icon,
.model-select-item.accordion-header > input:disabled ~ .model-select-thumb .icon {
  border-color: #ccc;
}
.model-select-item > input:disabled ~ .model-select-thumb .icon:before, .inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-thumb .icon:before,
.model-select-item.accordion-header > input: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,
.model-select-item.accordion-header > input:disabled ~ .model-select-cont,
.model-select-item.accordion-header > input: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,
.model-select-item.accordion-header > input:disabled ~ .model-select-cont .txt-sub,
.model-select-item.accordion-header > input:disabled ~ .model-select-util .txt-sub {
  color: inherit;
}
.model-select-item > input:disabled:checked ~ .model-select-thumb .icon, .inp-box .model-select-item > .ico-confirm:disabled:checked ~ .model-select-thumb .icon,
.model-select-item.accordion-header > input:disabled:checked ~ .model-select-thumb .icon {
  border-color: #aaa;
  background: url(../images/icon/icon-check-white.svg) center/contain no-repeat #aaa;
}
.model-select-item > label,
.model-select-item .model-select-btn,
.model-select-item.accordion-header > label,
.model-select-item.accordion-header .model-select-btn {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 5.6rem;
}
.model-select-item .model-select-tag,
.model-select-item.accordion-header .model-select-tag {
  display: inline-block;
  height: 2rem;
  background: #eee;
  border-radius: 0.4rem;
  padding: 0 0.4rem;
  font-size: 1.2rem;
  color: #666;
  margin-right: 0.8rem;
}
.model-select-item .model-select-thumb,
.model-select-item.accordion-header .model-select-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: 5.6rem;
  margin-right: 0.8rem;
  text-align: center;
  font-size: 0;
}
.model-select-item .model-select-thumb img,
.model-select-item.accordion-header .model-select-thumb img {
  vertical-align: middle;
  -o-object-fit: contain;
     object-fit: contain;
}
.model-select-item .model-select-thumb:after,
.model-select-item.accordion-header .model-select-thumb:after {
  display: inline-block;
  width: 0.1rem;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.model-select-item .model-select-util,
.model-select-item.accordion-header .model-select-util {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  padding-left: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.model-select-item .model-select-util span,
.model-select-item.accordion-header .model-select-util span {
  font: inherit;
  vertical-align: middle;
}
.model-select-item .model-select-util .icon16,
.model-select-item.accordion-header .model-select-util .icon16 {
  margin-left: 0.6rem;
}
.model-select-item .model-select-util.type-btn,
.model-select-item.accordion-header .model-select-util.type-btn {
  z-index: 3;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.model-select-item .model-select-cont,
.model-select-item.accordion-header .model-select-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-weight: 500;
  color: #222;
  padding: 1.2rem 0 1.5rem 0;
}
.model-select-item .model-select-cont > strong,
.model-select-item.accordion-header .model-select-cont > strong {
  font: inherit;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  margin-right: 0.4rem;
  vertical-align: middle;
}
.model-select-item .model-select-cont .txt-sub,
.model-select-item.accordion-header .model-select-cont .txt-sub {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  color: #888;
  vertical-align: middle;
}
.model-select-item .model-select-cont .model-select-desc,
.model-select-item.accordion-header .model-select-cont .model-select-desc {
  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;
}
.model-select-item .icon,
.model-select-item.accordion-header .icon {
  position: relative;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.6rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  vertical-align: middle;
  background: url(../images/icon/icon-check-ddd.svg) 0 0/cover no-repeat #fff;
}
.model-select-item .icon:before,
.model-select-item.accordion-header .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: url(../images/icon/icon-check-on.svg) 0 0/cover no-repeat;
}
.model-select-item .icon:last-child,
.model-select-item.accordion-header .icon:last-child {
  margin-right: 0;
}
.model-select-item .icon.type-radio,
.model-select-item.accordion-header .icon.type-radio {
  padding-left: 2.2rem;
  min-height: 2.4rem;
}
.model-select-item.is-disabled .model-select-thumb,
.model-select-item > input:disabled ~ .model-select-thumb,
.inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-thumb,
.model-select-item.accordion-header.is-disabled .model-select-thumb,
.model-select-item.accordion-header > input:disabled ~ .model-select-thumb {
  opacity: 0.5;
}
.model-select-item.is-disabled .model-select-cont,
.model-select-item > input:disabled ~ .model-select-cont,
.inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-cont,
.model-select-item.accordion-header.is-disabled .model-select-cont,
.model-select-item.accordion-header > input:disabled ~ .model-select-cont {
  color: #ccc;
}
.model-select-item.is-disabled .model-select-util,
.model-select-item > input:disabled ~ .model-select-util,
.inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-util,
.model-select-item.accordion-header.is-disabled .model-select-util,
.model-select-item.accordion-header > input:disabled ~ .model-select-util {
  color: #ccc;
}
.model-select-item.is-disabled .model-select-util .icon16,
.model-select-item > input:disabled ~ .model-select-util .icon16,
.inp-box .model-select-item > .ico-confirm:disabled ~ .model-select-util .icon16,
.model-select-item.accordion-header.is-disabled .model-select-util .icon16,
.model-select-item.accordion-header > input:disabled ~ .model-select-util .icon16 {
  opacity: 0.15;
}
.model-select-depth > li > .model-select-item {
  padding-left: 3.2rem;
}

/* 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 {
  display: none;
}
.option-choice-column > li.is-expanded .point-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;
}

.cartype-select-list {
  margin: -0.6rem;
}
.cartype-select-list:after {
  content: "";
  display: block;
  clear: both;
}
.cartype-select-list > li {
  float: left;
  width: 33.333%;
  padding: 0.6rem;
}

.cartype-select-item {
  position: relative;
  display: block;
  border-radius: 0.8rem;
  padding: 1rem;
  border: 0.1rem solid #ddd;
  background: #fff;
  text-align: center;
}
.cartype-select-item .cartype-select-btn {
  position: absolute;
  top: -0.1rem;
  left: -0.1rem;
  right: -0.1rem;
  bottom: -0.1rem;
  display: block;
  color: transparent;
  font-size: xx-small;
  text-indent: -999px;
  overflow: hidden;
  border-radius: 0.8rem;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
}
.cartype-select-item .cartype-select-btn:focus, .cartype-select-item .cartype-select-btn:active {
  opacity: 1;
  border: 0.2rem solid #fc0;
}
.cartype-select-item .cartype-select-btn:focus ~ .cartype-select-thumb, .cartype-select-item .cartype-select-btn:active ~ .cartype-select-thumb {
  opacity: 1;
}
.cartype-select-item .cartype-select-btn:focus ~ .cartype-select-tit, .cartype-select-item .cartype-select-btn:active ~ .cartype-select-tit {
  font-weight: 700;
}
.cartype-select-item.is-disabled .cartype-select-btn {
  display: none !important;
}
.cartype-select-item.is-disabled .cartype-select-thumb {
  opacity: 0.15;
}
.cartype-select-item.is-disabled .cartype-select-tit,
.cartype-select-item.is-disabled .cartype-select-desc {
  color: rgba(204, 204, 204, 0.8);
}
.cartype-select-item .cartype-select-thumb {
  display: inline-block;
  width: 6.1rem;
  opacity: 0.4;
}
.cartype-select-item .cartype-select-thumb img {
  width: 100%;
}
.cartype-select-item .cartype-select-tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  font-weight: 500;
  margin-top: 0.4rem;
}
.cartype-select-item .cartype-select-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.2rem;
}

.accordion-list-wrap.type-select-list .accordion-wrap > .accordion-container {
  display: none;
}
.accordion-list-wrap.type-select-list .accordion-wrap > .accordion-container > .model-select-list > li:last-child .model-select-item {
  border-bottom: 0;
}
.accordion-list-wrap.type-select-list .accordion-wrap > .accordion-container > .model-select-list > li:first-child > .model-select-item {
  border-top: 0;
}
.accordion-list-wrap.type-select-list .accordion-wrap > .accordion-header {
  padding-top: 0;
  padding-bottom: 0;
}
.accordion-list-wrap.type-select-list .accordion-wrap > .accordion-header > .model-select-util .icon16 {
  background-image: url("../images/icon/icon16-arrow-bottom-black-bold.svg");
  opacity: 1 !important;
}
.accordion-list-wrap.type-select-list .accordion-wrap.toggle-active > .accordion-header {
  border-bottom: 0;
}
.accordion-list-wrap.type-select-list .accordion-wrap.toggle-active > .accordion-container {
  display: block;
  background: #f8f8f8;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.accordion-list-wrap.type-select-list .accordion-wrap.toggle-active > .model-select-item .model-select-util .icon16 {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}
.accordion-list-wrap.type-select-list .accordion-wrap.toggle-active > .model-select-item .model-select-cont {
  font-weight: 700;
}
.accordion-list-wrap.type-select-list .accordion-wrap.toggle-active > .model-select-item label.model-select-btn ~ .model-select-cont {
  font-weight: inherit;
}
.accordion-list-wrap.type-select-list .accordion-wrap.prevent-acco > .model-select-item > .model-select-util .icon16 {
  opacity: 0 !important;
}

.skeleton-loading {
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.skeleton-loading.bar {
  display: block;
  height: 1.6rem;
}
.skeleton-loading.half {
  width: 50% !important;
}
.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;
  will-change: left;
  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;
}
.skeleton-loading.skeleton-loading--overlay {
  display: inline-block;
  opacity: 0.2;
}
@-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-tit {
  margin: 3.2rem 0 0;
}
.search-result-tit:first-child {
  margin-top: 0;
}
.search-result-tit + .search-result-tit {
  margin-top: 1rem;
}
.search-result-tit .category {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  vertical-align: middle;
}
.search-result-tit .category + .cont:before {
  display: inline-block;
  vertical-align: middle;
  width: 0.1rem;
  height: 1.6rem;
  background: #fc0;
  margin: -0.2rem 0.6rem 0 0.8rem;
  content: "";
}
.search-result-tit .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;
}
.search-result-tit .cont > strong {
  vertical-align: middle;
}
.search-result-tit .cont .img {
  display: inline-block;
  vertical-align: middle;
  width: 2.4rem;
  height: 2.4rem;
  margin: -0.2rem 0.8rem 0 0;
}
.search-result-tit .cont .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.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-tit.type-bg {
  background: #f8f8f8;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 0.8rem 1.6rem;
}

.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 {
  margin-bottom: 1.6rem;
}
.search-result-list .search-result-item {
  border-top: 0.1rem solid #eee;
}
.search-result-list .search-result-item:first-child {
  border-top: 0;
}
.search-result-list .search-result-tit {
  margin-top: 1.6rem;
}
.search-result-list .search-result-tit:first-child {
  margin-top: 0;
}
.search-result-list .search-result-tit + .search-result-item {
  border-top: 0;
}
.search-result-list.type-renewal {
  margin-top: 2.4rem;
  margin-bottom: 0;
}
.search-result-list.type-renewal:first-child {
  margin-top: 1.2rem;
}
.search-result-list.type-renewal .search-result-tit {
  background-color: #f8f8f8;
  border-radius: 0.4rem;
  padding: 0.8rem 1.2rem;
}
.search-result-list.type-renewal .search-result-tit .cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
}
.search-result-list.type-renewal .search-result-tit .cont .img {
  margin: 0;
}
.search-result-list.type-renewal .search-result-tit .cont .tit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.search-result-list.type-renewal .search-result-category {
  margin-bottom: 0.8rem;
}
.search-result-list.type-renewal .search-result-category .category {
  display: inline-block;
  padding: 0.1rem 0.75rem;
  border: 1px solid #222;
  border-radius: 10rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.search-result-list.type-renewal .search-result-category + .search-result-tit {
  margin-top: 0.8rem;
}
.search-result-list.type-renewal .search-result-item {
  padding: 1.2rem 0.4rem;
  border-top: none;
}
.search-result-list.type-renewal .search-result-item > .link {
  gap: 0.6rem;
  width: 100%;
}
.search-result-list.type-renewal .search-result-item .img {
  width: 6rem;
  height: 4.5rem;
  margin-right: 0;
  border-radius: 4px;
  overflow: hidden;
}
.search-result-list.type-renewal .search-result-item .img > img {
  -o-object-fit: initial;
     object-fit: initial;
}
.search-result-list.type-renewal .search-result-item .cont .name {
  color: #222;
  letter-spacing: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.search-result-list.type-renewal .search-result-item .cont .name .color {
  color: #287eff;
  font-weight: 500;
}
.search-result-list.type-renewal .search-result-item .cont .desc {
  color: #222;
  letter-spacing: 0;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
  font-weight: 300;
}
.search-result-list.type-renewal .search-result-item .util {
  letter-spacing: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  padding-left: 0;
}
.search-result-list.type-renewal .search-result-item .util .txt-disabled {
  color: #222;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
}
.search-result-list.type-renewal .search-result-item .util .sub-txt {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
}
.search-result-list.type-renewal .search-result-item.type-dealer .img {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  position: relative;
  border: none;
}
.search-result-list.type-renewal .search-result-item.type-dealer .img::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 0.1rem solid #ddd;
  border-radius: 50%;
  pointer-events: none;
}
.search-result-list.type-renewal .search-result-item + .search-result-item {
  border-top: 0.1rem solid #ddd;
}

.search-result-item {
  position: relative;
  padding: 1rem 0.8rem;
}
.search-result-item .img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 6.5rem;
  height: 3.6rem;
  margin-right: 0.8rem;
}
.search-result-item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.search-result-item .cont {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}
.search-result-item .cont .name {
  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;
}
.search-result-item .cont .name .color {
  color: #2589ff;
  font-weight: 700;
}
.search-result-item .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;
  color: #888;
}
.search-result-item .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;
  padding-left: 0.5rem;
  text-align: right;
  color: #222;
}
.search-result-item .txt-complex {
  color: #222;
}
.search-result-item .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-item .txt-disabled {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
}
.search-result-item .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: xx-small;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
}
.search-result-item.type-carnum .img {
  width: 6.4rem;
  height: 4.8rem;
  border-radius: 0.4rem;
  border: 0.1rem solid rgba(151, 151, 151, 0.38);
  background: rgba(216, 216, 216, 0.5);
  overflow: hidden;
}
.search-result-item.type-carnum .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-result-item.type-dealer .img {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(151, 151, 151, 0.38);
  background: rgba(216, 216, 216, 0.5);
  overflow: hidden;
}
.search-result-item.type-dealer .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.search-result-item.type-dealer .img img.noimage {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.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/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;
}
.modal-body.pdt-none .subcont-area.type-divide.first .accordion-list-wrap:first-child {
  margin-top: 0;
}

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

/* 25년 가이드 */
.accordion-list-box {
  margin: 0 -1.6rem;
}
.accordion-list-box .accordion-wrap {
  position: relative;
  border-bottom: 0.1rem solid #eee;
}
.accordion-list-box .accordion-wrap .accordion-header {
  padding: 2.4rem 2rem;
}
.accordion-list-box .accordion-wrap .accordion-header .acco-left {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion-list-box .accordion-wrap .accordion-header .acco-left strong {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  text-align: left;
}
.accordion-list-box .accordion-wrap .accordion-header .acco-left strong + .error-message {
  margin-left: 1.2rem;
}
.accordion-list-box .accordion-wrap .accordion-header .acco-right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.accordion-list-box .accordion-wrap .accordion-header .acco-right strong {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.accordion-list-box .accordion-wrap .accordion-container {
  padding: 0 2rem 1.6rem;
  text-align: left;
}
.accordion-list-box .accordion-wrap .accordion-container.accordion-container--pd {
  padding-bottom: 0.8rem;
}
.accordion-list-box .accordion-wrap.toggle-active .accordion-header {
  padding-bottom: 1.6rem;
}
.accordion-list-box .accordion-wrap.toggle-active .accordion-header.accordion-header--pd {
  padding-bottom: 1.2rem;
}
.accordion-list-box .accordion-wrap.toggle-active .icon-acco-arrow:after,
.accordion-list-box .accordion-wrap.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-list-box .accordion-wrap.prevent-acco .accordion-header .acco-left strong,
.accordion-list-box .accordion-wrap.prevent-acco .accordion-header .acco-left strong .ps-color {
  color: #888;
}
.accordion-list-box .accordion-wrap.prevent-acco .icon-acco-arrow:after,
.accordion-list-box .accordion-wrap.prevent-acco .icon-acco-arrow-s:after {
  opacity: 0.4;
}
.accordion-list-box.accordion-list-box--ty2 {
  margin-top: 3.2rem;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-wrap {
  border-top: 0.1rem solid #eee;
  border-bottom: 0;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-header .acco-left strong {
  width: 6.8rem;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-header .acco-left strong + .error-message {
  margin-left: 0.8rem;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list > li > .model-select-item {
  padding-left: 0;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list > li > .model-select-item .input-area {
  width: 3.6rem;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list > li > .model-select-item .input-area .form-chk-radio {
  padding-left: 0;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list > li > .model-select-item .input-area .form-chk-radio > .icon {
  position: absolute;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list > li > .model-select-item .model-select-thumb {
  margin-right: 1.2rem;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list.type-model .model-select-item .model-select-thumb {
  margin-right: 0.8rem;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list.type-grade .model-select-item .model-select-btn {
  height: 100%;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list.type-grade .model-select-item .model-select-thumb {
  width: 5.6rem;
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list.type-grade .model-select-item .model-select-cont {
  width: calc(75% - 92px);
}
.accordion-list-box.accordion-list-box--ty2 .accordion-container .model-select-list.type-grade .model-select-item .text-sub.text-sub--ty3 {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  width: 25%;
  text-align: right;
}
.accordion-list-box.accordion-list-box--ty3 .accordion-wrap .accordion-header .acco-left strong {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.accordion-list-box.accordion-list-box--ty3 .accordion-wrap .accordion-header .acco-right-txt {
  font-weight: 700;
  text-align: right;
}
.accordion-list-box.accordion-list-box--ty3 .accordion-wrap .accordion-header .acco-right-txt strong {
  font-weight: 700;
}
.accordion-list-box.accordion-list-box--ty3 .accordion-wrap .accordion-header .icon-acco-arrow {
  padding: 1.4rem 0;
}
.accordion-list-box.accordion-list-box--ty3 .accordion-wrap .accordion-header .icon-acco-arrow::after {
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(135deg) scale(0.5) translate(-0.1rem, 2.4rem);
      -ms-transform: rotate(135deg) scale(0.5) translate(-0.1rem, 2.4rem);
          transform: rotate(135deg) scale(0.5) translate(-0.1rem, 2.4rem);
}
.accordion-list-box.accordion-list-box--ty3 .accordion-wrap.toggle-active .accordion-header {
  padding: 2.4rem 2rem;
}
.accordion-list-box.accordion-list-box--ty3 .accordion-wrap.toggle-active .icon-acco-arrow::after {
  -webkit-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -1.8rem);
      -ms-transform: rotate(315deg) scale(0.5) translate(-0.5rem, -1.8rem);
          transform: rotate(315deg) scale(0.5) translate(-0.5rem, -1.8rem);
}
.accordion-list-box.accordion-list-box--ty3 .accordion-wrap .accordion-container {
  padding: 0 1.6rem 1.6rem;
}
.accordion-list-box.accordion-list-box--ty3 .accordion-wrap.toggle-active[data-step="4"] {
  border-bottom: 0;
}

.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.size-m {
  width: 1.4rem;
  height: 1.4rem;
}
.icon-acco-arrow.size-m:after {
  width: 1.4rem;
  height: 1.4rem;
}

.accordion-gray-box-list .accordion-wrap {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: keep-all;
}
.accordion-gray-box-list .accordion-wrap + .accordion-wrap {
  margin-top: 1.2rem;
}
.accordion-gray-box-list .accordion-wrap .accordion-header {
  background-color: #f8f8f8;
  border-radius: 0.6rem;
  padding: 2rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.accordion-gray-box-list .accordion-wrap .accordion-header .acco-left {
  padding-right: 2rem;
}
.accordion-gray-box-list .accordion-wrap .accordion-container {
  background-color: #eee;
  border-radius: 0.6rem;
  padding: 2rem;
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.accordion-gray-box-list .accordion-wrap.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);
}

.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/icon/profile-man.png");
}
.simple-review-item .inner-thumb.type-woman {
  background-image: url("../images/icon/profile-woman.png");
}
.simple-review-item .inner-thumb.type-manage {
  background-image: url("../images/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/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/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/buy/intro-ewfree-intro-center1.png");
}
.intro-visual.type-kbcare-free-intro .img.car {
  background-image: url("../images/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/buy/intro-ewfree-intro-center2.png");
}
.intro-visual.type-kbcare-free-intro .img.tire {
  width: 10.6rem;
  height: 8rem;
  background-image: url("../images/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/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/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/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/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/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/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/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/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/buy/intro-refund-coin1-1.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin1.n2 {
  background-image: url("../images/buy/intro-refund-coin1-2.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin1.n3 {
  background-image: url("../images/buy/intro-refund-coin1-3.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin1.n4 {
  background-image: url("../images/buy/intro-refund-coin1-4.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin1.n5 {
  background-image: url("../images/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/buy/intro-refund-coin2-1.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin2.n2 {
  background-image: url("../images/buy/intro-refund-coin2-2.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin2.n3 {
  background-image: url("../images/buy/intro-refund-coin2-3.png");
}
.intro-visual.type-kbcare-refund-intro2 .img.coin2.n4 {
  background-image: url("../images/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/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/buy/intro-refund-coupon-coin1.png");
}
.intro-visual.type-kbcare-refund-coupon .img.coin2 {
  background-image: url("../images/buy/intro-refund-coupon-coin2.png");
}
.intro-visual.type-kbcare-refund-coupon .img.coin3 {
  z-index: 2;
  background-image: url("../images/buy/intro-refund-coupon-coin3.png");
}
.intro-visual.type-kbcare-refund-coupon .img.coupon1 {
  background-image: url("../images/buy/intro-refund-coupon-coupon1.png");
}
.intro-visual.type-kbcare-refund-coupon .img.coupon2 {
  background-image: url("../images/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 .kbcare-part-img {
  top: calc(4.4rem + 3.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: 12.684%;
  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;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: -0.02rem;
}
[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/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: 5.6rem;
  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/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/cm/btn-add.svg);
}
.content-header .btn-header-wrap button .btn-car {
  background: url(./../images/cm/btn-car.svg);
}
.content-header .btn-header-wrap button .btn-alarm {
  background: url(./../images/cm/btn-alarm.svg);
}
.content-header .btn-header-wrap button .btn-home {
  background: url(./../images/cm/btn-home.svg);
}
.content-header .btn-header-wrap button .btn-delete {
  background: url(./../images/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 .header-link.disabled, .content-header .header-link:disabled {
  color: #aaa !important;
  pointer-events: none !important;
  cursor: default !important;
}
.content-header .tooltip-wrap .tooltip {
  width: 100vh;
}
.content-header .header-added {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  padding: 0 0.8rem;
}
.content-header[data-toggle-fixed] {
  -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-header[data-toggle-fixed=false] .filter-bar:after {
  opacity: 0;
}
.content-header.is-hide {
  -webkit-transform: translateY(-44px);
      -ms-transform: translateY(-44px);
          transform: translateY(-44px);
}
.content-header.type-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
}
.content-header.type-sticky ~ .content-body {
  padding-top: 1.6rem;
}
.content-header .header-added-wrapper {
  z-index: -1;
  position: absolute;
  top: 4.4rem;
  left: 0;
  width: 100%;
  padding: 0 0.8rem;
  -webkit-transition: opacity ease-in-out 0.1s 0.1s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.1s 0.1s, -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.1s 0.1s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.1s 0.1s, -webkit-transform ease-in-out 0.2s;
  background: #fff;
}
.content-header .header-added-wrapper.is-hide {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.2s;
  transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.1s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.2s;
  opacity: 0;
}

.content-body {
  position: relative;
  width: 100%;
  height: auto;
  padding: 6.8rem 1.6rem 3.7rem 1.6rem;
}
.content-body .content {
  position: relative;
  z-index: 0;
}
.content-body.ty-pd0 {
  padding: 0;
}

/* 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.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2.4rem 1.6rem 3.7rem;
  width: 100%;
  background: url("../images/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 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 5.6rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}
.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.bottom-fixed.type-toggle {
  -webkit-transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
}
.btn-area.bottom-fixed.is-hide {
  opacity: 0;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
}
.btn-area.bottom-fixed.is-hide ~ .btn-floating2.has-btns {
  -webkit-transform: translateY(5.2rem);
      -ms-transform: translateY(5.2rem);
          transform: translateY(5.2rem);
}
.btn-area.bottom-fixed .btn-gray {
  background-color: #fff;
}
.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;
}
.btn-area.grid-4-6 .btn-gray {
  -webkit-box-flex: 4;
      -ms-flex: 4 1 40%;
          flex: 4 1 40%;
  white-space: nowrap;
}
.btn-area.grid-4-6 .btn-yellow {
  -webkit-box-flex: 6;
      -ms-flex: 6 1 60%;
          flex: 6 1 60%;
}
.btn-area.grid-3-7 .btn-gray {
  -webkit-box-flex: 3;
      -ms-flex: 3 1 30%;
          flex: 3 1 30%;
  white-space: nowrap;
}
.btn-area.grid-3-7 .btn-yellow {
  -webkit-box-flex: 7;
      -ms-flex: 7 1 70%;
          flex: 7 1 70%;
}

.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: 8rem;
}

/* 팝업 공통 */
.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].alert .modal {
  width: calc(100% - 8rem);
}
*[data-type=alert] .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 3.2rem);
  border-radius: 0.6rem;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  overflow: hidden;
}
*[data-type=alert] .modal .modal-header {
  padding: 3.2rem 2.4rem 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 {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  font-weight: 700;
}
*[data-type=alert] .modal .modal-header .modal-tit.tit-space {
  letter-spacing: -0.1rem;
}
*[data-type=alert] .modal .modal-header + .modal-body {
  padding-top: 0;
}
*[data-type=alert] .modal .modal-header + .modal-body .modal-txt {
  margin-top: 0.8rem;
}
*[data-type=alert] .modal .modal-body {
  padding: 3.2rem 2.4rem 7.6rem;
  text-align: center;
  overflow: hidden;
  word-break: keep-all;
  word-wrap: break-word;
}
*[data-type=alert] .modal .modal-body .modal-txt {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
*[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-body.no-header {
  padding-top: 4rem;
}
*[data-type=alert] .modal .modal-body.block-st {
  padding-bottom: 11.8rem;
}
*[data-type=alert] .modal .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  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;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}
*[data-type=alert] .modal .modal-footer .btn-area button ~ button {
  margin-left: 0;
}
*[data-type=alert] .modal .modal-footer .btn-area button.btn-common {
  line-height: 4.6rem;
  font-weight: 500;
}
*[data-type=alert] .modal .modal-footer .btn-area button.btn-common.btn-light {
  border: none;
}
*[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;
}
*[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] .modal.a-left .modal-header,
*[data-type=alert] .modal.a-left .modal-body {
  text-align: left;
}
*[data-type=alert] .popup-dimmend + .modal {
  z-index: 110;
}
*[data-type=alert].theme-dealer .modal .modal-body {
  padding-bottom: 0;
}
*[data-type=alert].theme-dealer .modal .modal-footer {
  position: initial;
  padding-top: 2rem;
  padding-bottom: 3.2rem;
  width: auto;
}
*[data-type=alert].theme-dealer .modal .modal-footer .btn-area {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
}
*[data-type=alert].theme-dealer .modal .modal-footer .btn-area > .btn-common {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 9rem;
  height: 4.4rem;
  line-height: 4.2rem;
  border-radius: 0.4rem;
}
*[data-type=alert].theme-dealer .modal .modal-footer .btn-area > .btn-common.btn-light {
  background: #fff;
  border: 1px solid #666;
}

.mask-alert {
  display: none;
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

*[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: 1.2rem 1.2rem 0 0;
  background: #fff;
  overflow: hidden;
  z-index: 110;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
*[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.no-footer .modal-body .bottom-space {
  height: 8.5rem;
}
*[data-type=toast] .modal.no-footer .modal-body.pd-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}
*[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.no-footer .modal-body {
  padding: 0 1.6rem 2.4rem;
}
*[data-type=toast] .modal.level-1-footer .modal-body {
  padding: 0 1.6rem 10.1rem;
  max-height: calc(90dvh - 10.1rem);
}
*[data-type=toast] .modal.level-1-footer .modal-footer {
  padding: 0.8rem 1.6rem 3.7rem;
}
*[data-type=toast] .modal.level-2-footer .modal-body {
  padding: 0 1.6rem 10.9rem;
  max-height: calc(90dvh - 10.9rem);
}
*[data-type=toast] .modal.level-2-footer .modal-footer {
  padding: 1.6rem 1.6rem 3.7rem;
}
*[data-type=toast] .modal.fixed-height .modal-body {
  width: calc(100% - 4rem);
  max-height: 38.8rem;
  padding: 0;
  margin: 0 2rem 2.4rem;
  border-radius: 0.8rem;
}
*[data-type=toast] .modal.fixed-height--high .modal-body {
  width: calc(100% - 4rem);
  max-height: 41rem;
  padding: 0;
  margin: 0 2rem 2.4rem;
  border-radius: 0.8rem;
}
*[data-type=toast] .modal .modal-body.wide-pd {
  padding-left: 2rem;
  padding-right: 2rem;
}
*[data-type=toast] .modal-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.4rem 1.6rem 2.4rem 2rem;
  width: 100%;
  height: auto;
  min-height: 7.5rem;
  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/cm/btn-back.svg);
  text-indent: -10000px;
}
*[data-type=toast] .modal-header .btn-history-back + h3, *[data-type=toast] .modal-header .btn-history-back + .modal-tit {
  margin-left: 1.6rem;
}
*[data-type=toast] .modal-header h2,
*[data-type=toast] .modal-header h3,
*[data-type=toast] .modal-header .header-tit {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  padding-right: 3.5rem;
}
*[data-type=toast] .modal-header h2.tit-small,
*[data-type=toast] .modal-header h3.tit-small,
*[data-type=toast] .modal-header .header-tit.tit-small {
  line-height: 2.6rem;
  font-size: 1.8rem;
}
*[data-type=toast] .modal-header .modal-close {
  position: absolute;
  top: 2.4rem;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  font-size: 0;
  text-indent: -9999px;
  background: url(../images/icon/icon24-close-black.svg) no-repeat center/contain;
}
*[data-type=toast] .modal-header.has-tab {
  z-index: 10;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: auto;
  min-height: 5.6rem;
  -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;
  background: #fff;
}
*[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;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
  content: "";
}
*[data-type=toast] .modal-header.has-tab .modal-header-added .txt {
  font-size: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
*[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: 0;
}
*[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: 1.6rem !important;
  padding-bottom: 22rem !important;
}
*[data-type=toast] .modal-header.size-l {
  min-height: 4.4rem !important;
  line-height: 1 !important;
  height: auto !important;
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}
*[data-type=toast] .modal-body {
  padding: 0 1.6rem 11.7rem;
  max-height: calc(90dvh - 11.7rem);
  width: 100%;
  height: auto;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  /* 2021-09-16 slick slide 팝업에 대한 스크롤 영역 설정 */
  /* 2021-12-06 modal-body 하단고정영역 제거 */
}
*[data-type=toast] .modal-body.pd-2 {
  padding: 0 2rem 11.7rem;
}
*[data-type=toast] .modal-body.plus-input {
  padding: 0 1.6rem 10.1rem;
}
*[data-type=toast] .modal-body.plus-input + .modal-footer {
  padding-top: 0.8rem;
}
*[data-type=toast] .modal-body .selection-color-list {
  margin: 0.4rem 0;
}
*[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 .spacer,
*[data-type=toast] .modal-body .c-spacer {
  height: 0 !important;
}
*[data-type=toast] .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2.4rem 1.6rem 3.7rem;
  width: 100%;
  background: url("../images/cm/bg-page.svg") no-repeat;
  background-size: cover;
  z-index: 100;
}
*[data-type=toast] .modal-footer .btn-area a,
*[data-type=toast] .modal-footer .btn-area button {
  height: 5.6rem;
}
*[data-type=toast] .modal-added-footer {
  z-index: -1;
  bottom: 4.4rem;
  left: 0;
  width: 100%;
  padding: 2rem 1.6rem;
  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: 9rem;
}
*[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%;
}
*[data-type=toast] .btn-area button.large,
*[data-type=toast] .btn-area > a.large {
  line-height: 5.6rem;
}
*[data-type=toast] .btn-area button.large span,
*[data-type=toast] .btn-area > a.large span {
  font-size: 18px;
}
*[data-type=toast] .btn-area .c-new-btn {
  border-radius: 0.6rem;
  height: 5.6rem;
  line-height: 5.6rem;
}
*[data-type=toast] .btn-area .c-new-btn > span {
  font-size: 1.8rem;
  letter-spacing: 0;
}
*[data-type=toast] .btn-area .c-new-btn:disabled {
  color: #aaa;
  background-color: #ddd;
}
*[data-type=toast] .btn-area .c-new-btn.btn-yellow {
  background-color: #ffd338;
}
*[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;
  min-height: 5.6rem;
  height: 5.6rem;
  padding-top: 0;
  padding-bottom: 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-glass .modal-header .modal-header-title,
*[data-type=toast] .modal.type-page .modal-header .modal-header-title,
*[data-type=toast] .modal.type-full .modal-header h3,
*[data-type=toast] .modal.type-full .modal-header .modal-header-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-height: 4.4rem;
  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;
}
*[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-header.has-tab .modal-header-added.type-slim, *[data-type=toast] .modal.type-page .modal-header.has-tab .modal-header-added.type-slim,
*[data-type=toast] .modal.type-full .modal-header.has-tab .modal-header-added.type-slim {
  padding: 0.8rem 0;
  margin-bottom: 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: 11.7rem;
  max-height: 100%;
}
*[data-type=toast] .modal.type-glass .modal-body.car-option-body, *[data-type=toast] .modal.type-page .modal-body.car-option-body,
*[data-type=toast] .modal.type-full .modal-body.car-option-body {
  padding-top: 0;
}
*[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;
  padding-left: 0.6rem;
  padding-right: 0.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-glass .modal-footer .btn-area button.btn-gray, *[data-type=toast] .modal.type-page .modal-footer .btn-area button.btn-gray,
*[data-type=toast] .modal.type-full .modal-footer .btn-area button.btn-gray {
  line-height: 5.4rem;
}
*[data-type=toast] .modal.type-full .modal-body {
  padding-bottom: 11.7rem;
}
*[data-type=toast] .modal.type-page {
  -webkit-animation: none !important;
          animation: none !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
*[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;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  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/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-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: 2.4rem 5rem 2rem 2rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
*[data-type=toast] .modal.type-center .modal-header h2,
*[data-type=toast] .modal.type-center .modal-header h3 {
  padding: 0;
}
*[data-type=toast] .modal.type-center .modal-header .modal-close {
  top: 0.8rem;
  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;
  padding: 0;
  border-top: 1px solid #eee;
}
*[data-type=toast] .modal.type-center .modal-footer .btn-area button {
  border-radius: 0;
  line-height: 5.6rem;
}
*[data-type=toast] .modal.type-center .modal-footer .btn-area button ~ button {
  margin-left: 0;
  border-left: 1px solid #eee;
}
*[data-type=toast] .modal.type-center .modal-footer .btn-txt-blue span {
  color: #2589ff;
}
*[data-type=toast] .modal.type-center .modal-footer.no-full {
  padding: 0 2rem 2.4rem;
  border: none;
}
*[data-type=toast] .modal.type-center .modal-footer.no-full .btn-area button {
  border-radius: 1.2rem;
  line-height: 4.8rem;
  height: 4.8rem;
}
*[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 2rem 2.4rem;
}
*[data-type=toast].show .modal.type-glass {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}
@-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;
}
*[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/icon/dock-home-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-sell {
  background: url("../images/icon/dock-sell-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-market {
  background: url("../images/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/icon/dock-car-tech-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-more {
  background: url("../images/icon/dock-menu-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-search {
  background: url("../images/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/icon/dock-home-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-sell {
  background: url("../images/icon/dock-sell-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-market {
  background: url("../images/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/icon/dock-menu-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-search {
  background: url("../images/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;
}
.dock-menu[data-toggle-hide] {
  -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;
}
.dock-menu[data-toggle-hide=true] {
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

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

.share-width-item {
  margin-bottom: 1.6rem;
}
.share-width-item .btn-share {
  width: 5rem;
  height: 5rem;
  padding: 0;
  display: inline-block;
}
.share-width-item .btn-share i {
  width: 5rem;
  height: 5rem;
  background-size: 5rem 5rem;
  background-repeat: no-repeat;
  display: block;
}
.share-width-item .btn-share i.icon-kakao {
  background-image: url("../images/number/icon-kakao.png");
}
.share-width-item .btn-share i.icon-kakaostory {
  background-image: url("../images/number/icon-kakaostory.png");
}
.share-width-item .btn-share i.icon-facebook {
  background-image: url("../images/number/icon-facebook.png");
}
.share-width-item .btn-share i.icon-url {
  background-image: url("../images/number/icon-url.png");
}
.share-width-item .btn-share + .btn-share {
  margin-left: 2.1rem;
}

/* 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: 5.6rem;
  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 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% + 1.6rem);
          flex: 0 0 calc(100% + 1.6rem);
  margin-left: -0.8rem;
  margin-right: -0.8rem;
  padding: 0.8rem 0 1rem;
}
.content-header.has-tab .tab-base:not(.type-highlight) {
  width: auto;
  min-width: calc(100% + 1.8rem);
  margin: 0 -0.8rem -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:not(.type-highlight) .tab-base-btn {
  background-color: #fff;
}
.content-header.has-tab .tab-base:not(.type-highlight):after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 1.5rem;
  content: "";
}
.content-header.has-tab .tab-base:not(.type-highlight).show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.content-header.has-tab + .invalid-txt {
  display: none;
}
.content-header.is-error + .invalid-txt {
  padding: calc(5.6rem + 0.8rem) 1.6rem 0;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content-header.is-error ~ .content-body {
  padding-top: 0;
}
.content-header.is-error ~ .content-body .search-result-list.type-renewal {
  margin-top: 2.4rem;
}
.content-header.is-error .btn-header-wrap.main-search-wrap:after {
  background-color: #f23f3f;
}
.content-header.has-nofixed {
  position: relative;
}
.content-header.has-nofixed + .content-body {
  padding-top: 1.6rem;
}
.content-header.has-nofixed + .type-b-filter-body {
  padding-top: 1.2rem;
}
.content-header.content-header-main {
  padding-left: 2rem;
  position: relative;
}
.content-header.content-header-main .header-title {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  height: auto;
}
.content-header.content-header-main .btn-header-wrap button {
  height: 4rem;
}
.content-header.content-header-main .btn-header-wrap button .new {
  top: 0.8rem;
  right: 0.9rem;
  width: 0.3rem;
  height: 0.3rem;
  background: #f23f3f;
}
.content-header.content-header-main + .content-body {
  padding-top: 0;
}
.content-header h2 {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.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: 4.7rem;
  height: 5.6rem;
  padding: 1rem 1.6rem 1rem 1.1rem;
}
.content-header .header-text {
  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: 5.6rem;
  line-height: 5.6rem;
  padding: 0 0.8rem;
}
.content-header .header-aside + h2 .header-text, .content-header button.btn-history-back + h2 .header-text,
.content-header .header-aside + .header-text,
.content-header button.btn-history-back + .header-text {
  padding-left: 0;
}
.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: 0.7rem;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  text-indent: -9999px;
  overflow: hidden;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0;
  background-color: transparent;
}
.content-header .header-icon--back {
  background: url("../images/icon/icon24-back.svg") no-repeat center/contain;
}
.content-header .header-icon--menu {
  background: url("../images/icon/icon24-util-menu.svg") no-repeat center/contain;
}
.content-header .header-icon--membership {
  background: url("../images/icon/icon24-util-membership.svg") no-repeat center/contain;
}
.content-header .header-icon--garage {
  background: url("../images/icon/icon24-util-garage.svg") no-repeat center/contain;
}
.content-header .header-icon-garage-add {
  position: absolute;
  top: 1.6rem;
  right: 0.7rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon16-util-garage-add.svg") no-repeat center/contain;
}
.content-header .header-icon--alarm {
  background: url("../images/icon/icon24-util-alarm.svg") no-repeat center/contain;
}
.content-header .header-icon--dealer-home {
  background: url("../images/icon/icon24-util-dealer-home.svg") no-repeat center/contain;
}
.content-header .header-icon--chat {
  background: url("../images/icon/icon24-util-chat.svg") no-repeat center/contain;
}
.content-header .header-icon--info {
  background: url("../images/icon/icon24-util-info.svg") no-repeat center/contain;
}
.content-header .header-icon--heart {
  background: url("../images/icon/icon24-heart.svg") no-repeat center/contain;
}
.content-header .header-icon--heart.type-large {
  background-image: url("../images/icon/icon24-heart-large.svg");
}
.content-header .header-icon--menu-v2 {
  background: url("../images/icon/icon24-util-menu-v2.svg") no-repeat center/contain;
}
.content-header .header-icon--garage-v2 {
  background: url("../images/icon/icon24-util-garage-v2.svg") no-repeat center/contain;
}
.content-header .header-icon--membership-v2 {
  background: url("../images/icon/icon24-util-membership-v2.svg") no-repeat center/contain;
}
.content-header .header-icon--chat-v2 {
  background: url("../images/icon/icon24-util-chat-v2.svg") no-repeat center/contain;
}
.content-header .header-icon--alarm-v2 {
  background: url("../images/icon/icon24-util-alarm-v2.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: 5.4rem;
  line-height: 5.4rem;
}
.content-header h2:first-child {
  padding-left: 1.2rem;
}
.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 .btn-header-wrap .dropmenu-area {
  display: inline-block;
  vertical-align: middle;
}
.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;
  font-size: 1.4rem;
}
.content-header .btn-header-wrap .header-link .icon16 {
  margin: -0.2rem 0.8rem 0 0;
}
.content-header .btn-header-wrap .header-link .icon16 + span {
  margin-left: -1rem;
}
.content-header .btn-header-wrap .header-link.size-l {
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
}
.content-header .btn-header-wrap .header-link.link-line {
  text-decoration: underline;
  font-weight: 300;
}
.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;
}

.content-body.type-new-btm-space {
  padding-bottom: 4.8rem;
}

/* 팝업 공통 */
.alert-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
}
.alert-container .point-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/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;
}

/* 하단에서 올라오는 팝업 ( 모달 토스트 팝업 ) */
.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 */
section.subcont-area {
  width: auto;
}

.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-gray {
  padding: 2.4rem 1.6rem;
  background: #f8f8f8;
  border-radius: 1.2rem;
}
.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-white-2 {
  background: #fff !important;
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 0 2rem;
  margin-top: 2.4rem;
}
.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.type-bg-point.bg-orange {
  background: rgba(255, 170, 91, 0.5);
}
.subcont-area.type-bg-point.bg-orange:before {
  background: #ffaa5b;
}
.subcont-area.type-bg-point.bg-white {
  background: #fff;
}
.subcont-area.type-bg-point.bg-white:before {
  background: #f6f8f9;
}
.subcont-area.type-bg-point.bg-white .btn-light {
  -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);
}
.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.type-new-subcont {
  margin-bottom: 3.2rem;
  margin-top: 0;
}
.subcont-area.type-new-subcont:last-child {
  margin-bottom: 0;
}
.subcont-area.type-new-subcont .tit-area {
  margin-bottom: 0.8rem;
}
.subcont-area.type-new-subcont .tit-area h2 {
  margin-left: 0.4rem;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  color: #888;
}
.subcont-area.type-section-gray {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding: 2.4rem 1.6rem;
  background-color: #f8f8f8;
}
.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.size-m {
  margin: 2.4rem 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 {
  padding: 1.6rem;
}
.subcont-box .point-box.data-area {
  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/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/mycar/bg-tire.png") right bottom/34.3rem auto no-repeat #fff;
}
.subcont-box.membership-area {
  position: relative;
  z-index: 1;
  background: url("../../images/mycar/image_membership.png") right 2.4rem top 2.4rem/9.9rem auto no-repeat #fff;
}
.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-inner--ty2 .subcont-link-box {
  padding: 2rem;
}
.subcont-inner--ty2 .subcont-link-box .subcont-link-icon {
  padding-right: 0.8rem;
}
.subcont-inner--ty2 .subcont-link-cont .desc {
  font-weight: 300;
  word-break: keep-all;
  word-wrap: break-word;
}
.subcont-inner--ty2 .subcont-link-added {
  padding-left: 0.4rem;
}

.ad-link-box {
  margin: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
}
.ad-link-box > * + * {
  margin-left: 1.2rem;
}
.ad-link-box .ad-link-icon {
  width: 5rem;
  height: 5rem;
  border-radius: 9999px;
}
.ad-link-box .ad-link-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ad-link-box .ad-link-cont {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: -0.88px;
  color: #222;
}

.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/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/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-light-s {
  width: auto;
  bottom: auto;
}
.swiper-pagination.type-dot-light-s .swiper-pagination-bullet {
  width: 0.4rem;
  height: 0.4rem;
  background: #fff;
  margin: 0 0.3rem;
  opacity: 0.2;
}
.swiper-pagination.type-dot-light-s .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.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 {
  background-color: #f6f8f9;
  border-radius: 1.2rem;
  padding: 2.4rem;
}
.point-box.bg-yellow {
  background: #fffae0;
}
.point-box.bg-gray {
  background: #eee;
}
.point-box.type-governing {
  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 {
  font: inherit;
  color: inherit;
}
.point-box.type-chart {
  padding: 1.6rem;
  background-color: #fff;
}
.point-box.type-chart-2 {
  padding: 1.6rem 1.6rem 3.6rem;
  background-color: #000;
  border-radius: 0.6rem;
}
.point-box.type-chart-2 .chart-info {
  padding: 1.25rem 2rem;
  background-color: #444;
  border-radius: 0.4rem;
  color: #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.point-box.type-chart-2 .chart-info dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.point-box.type-chart-2 .chart-info dd {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: 25%;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.point-box.type-chart-2 .chart-area2 {
  margin: 0 1.2rem;
}
.point-box.type-chart-2 .data-label {
  height: 2.8rem;
  border-radius: 2.8rem;
  line-height: 2.8rem;
  background-color: #fff;
  color: #222;
  bottom: 107%;
}
.point-box.type-chart-2 .data-label::after {
  top: auto;
  bottom: -0.8rem;
  width: 0.97rem;
  height: 0.9rem;
  background: url(../images/as/intro-balloon-tip-white.svg) bottom right/contain no-repeat;
}
.point-box.type-chart-2 .chart-data {
  margin-top: 5.4rem;
  width: 27.9rem;
}
.point-box.type-chart-2 .chart-data .chart-gauge {
  background-color: #444;
  margin: 0 0.75rem;
}
.point-box.type-chart-2 .chart-data .chart-gauge:first-child {
  margin-left: 0;
}
.point-box.type-chart-2 .chart-data .chart-gauge:last-child {
  margin-right: 0;
}
.point-box.type-chart-2 .x-label {
  border-bottom: 0.1rem solid #666;
}
.point-box.type-chart-2 .x-label > span {
  position: absolute;
  bottom: -2.5rem;
  color: #ddd;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.point-box.type-chart-2 .x-label > span:first-child {
  left: 0;
}
.point-box.type-chart-2 .x-label > span:last-child {
  right: 0;
}
.point-box.type-chart-2 .chart-grid .chart-axis-x {
  background: #666;
}
.point-box.type-chart-2 .chart-grid .chart-axis-x.n1 {
  top: -25%;
}
.point-box.type-chart-2 .chart-grid .chart-axis-x.n2 {
  top: 6%;
}
.point-box.type-chart-2 .chart-grid .chart-axis-x.n3 {
  top: 38%;
}
.point-box.type-chart-2 .chart-grid .chart-axis-x.n4 {
  top: 69%;
}
.point-box.type-coin {
  position: relative;
}
.point-box.type-coin.size-s:before {
  right: -0.6rem;
  bottom: -2rem;
  width: 7.9rem;
  height: 6.4rem;
}
.point-box.subcont-box {
  background: #fff;
}
.point-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 {
  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 {
  width: 100%;
}
.point-box .point-box-tit strong {
  font: inherit;
}
.point-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 {
  line-height: 2.4rem;
  color: #666;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}
.point-box .inp-box input:disabled, .point-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, .point-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/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/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/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,
.model-select-item.accordion-header, .search-result-tit, .search-result-list.type-renewal .search-result-item > .link, .search-result-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;
}
.grid-justify .grid-cont, .filter-list-item .grid-cont, .model-select-item .grid-cont, .search-result-tit .grid-cont, .search-result-list.type-renewal .search-result-item > .link .grid-cont, .search-result-item .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-item .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.type-renewal .search-result-item > .link .grid-util, .search-result-item .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.type-renewal .search-result-item > .pd-m.link, .pd-m.search-result-item {
  padding: 1.6rem 0;
}

/* section 상/하단 이중클래스 */
.has-dock {
  padding-bottom: 11.2rem;
}

.has-dock-d1 {
  padding-bottom: 5.4rem;
}
.has-dock-d1 .subcont-area.type-divide.first {
  padding-top: 11rem;
}

.has-watermark:after {
  display: block;
  width: 7.6rem;
  height: 3.2rem;
  opacity: 0.3;
  margin: 3.2rem auto 0;
  background: url("../images/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.4rem !important;
  margin-top: 0;
}

.has-tab-header-d2 {
  padding-top: 11.2rem !important;
}
.has-tab-header-d2.no-gap {
  padding-top: 11rem !important;
  margin-top: 0;
}

.no-gap {
  margin-top: -2.4rem;
}

.no-gap-2 {
  margin-top: -1.2rem;
}

.no-gap-header {
  margin-top: -6.8rem;
}

.modal-body.no-gap {
  margin-top: 0;
}

.watermark-cardong {
  display: block;
  width: 22.7rem;
  height: 4.6rem;
  margin: 3.2rem auto 0;
  background: url("../images/search/logo-kbc-cardong.png") center/contain no-repeat;
}

.watermark-jin {
  display: block;
  width: 17.8rem;
  height: 3rem;
  margin: 0.2rem auto 0;
  background: url("../images/search/logo-kbc-jin.png") center/contain no-repeat;
}

.watermark-carvil {
  display: block;
  width: 18.4rem;
  height: 3rem;
  margin: 0.2rem auto 0;
  background: url("../images/search/logo-kbc-carvil.png") center/contain no-repeat;
}

.watermark-info {
  display: block;
  margin: 2.4rem auto 2.6rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
  text-align: center;
}

.watermark-baron {
  display: block;
  width: 22.4rem;
  height: 3rem;
  margin: 0.2rem auto 0;
  background: url("../images/search/logo-kbc-baron.svg") 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/icon/dock-menu-on.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a.active .icon.dock-all-v2 {
  background: url("../images/icon/dock-menu-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a.active .icon.dock-home-v2 {
  background: url("../images/icon/dock-home-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a.active .icon.dock-sell-v2 {
  background: url("../images/icon/dock-sell-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a.active .icon.dock-search-v2 {
  background: url("../images/icon/dock-search-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a.active .icon.dock-market-v2 {
  background: url("../images/icon/dock-market-v2-on.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-all {
  background: url("../images/icon/dock-menu-off.svg") no-repeat center/contain;
}
.dock-menu .dock-bar li a .icon.dock-all-v2 {
  background: url("../images/icon/dock-menu-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-home-v2 {
  background: url("../images/icon/dock-home-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-sell-v2 {
  background: url("../images/icon/dock-sell-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-search-v2 {
  background: url("../images/icon/dock-search-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-chatech-v2 {
  background: url("../images/icon/dock-chatech-v2-off.svg") no-repeat center;
}
.dock-menu .dock-bar li a .icon.dock-market-v2 {
  background: url("../images/icon/dock-market-v2-off.svg") no-repeat center;
}

*[data-type=toast] .modal-body {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
*[data-type=toast] .modal-body.top-gap82 {
  padding-top: 8.2rem;
}
*[data-type=toast] .modal-body.top-gap82 .c-spacer {
  height: 0 !important;
}

.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/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: 1000;
  background: #000;
  opacity: 0.8;
  cursor: pointer;
}

.layer-main.layer-main-pop--new {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 0 2.4rem;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1001;
}
.layer-main.layer-main-pop--new:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  overflow: hidden;
  vertical-align: middle;
}

.layer-main-pop.layer-main-pop--new {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 32.7rem;
  max-height: 54.2rem;
  text-align: left;
  z-index: 1001;
  vertical-align: middle;
  padding: 3.2rem 2.4rem 2.4rem;
  background-color: #fff;
  border-radius: 0.2rem;
}
.layer-main-pop.layer-main-pop--new .today-close {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 0.1rem solid #ddd;
}
.layer-main-pop.layer-main-pop--new .today-close .pop-close-today {
  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;
}
.layer-main-pop.layer-main-pop--new .today-close .btn-common {
  width: 6.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.layer-main-pop.layer-main-pop--new .today-close .pop-close {
  position: absolute;
  right: 2.4rem;
  top: 3.2rem;
  border: 0;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  background: url("../images/icon/icon24-close-black.svg") no-repeat center;
}
.layer-main-pop.layer-main-pop--new .main-pop-icon {
  width: 2.8rem;
  height: 2.8rem;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop {
  margin-top: 1.2rem;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .layer-main-pop-title {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content {
  color: #222;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 33.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2.4rem;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content h3 {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 2.8em;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content ul > li,
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content ol > li {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  position: relative;
  padding-left: 1.2rem;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content ul > li + li,
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content ol > li + li {
  margin-top: 1.2rem;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #222;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content ol {
  counter-reset: list-counter;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content ol > li {
  counter-increment: list-counter;
  padding-left: 1.9rem;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content ol > li:before {
  content: counter(list-counter) ".";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content p {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content table {
  position: relative;
  table-layout: fixed;
  width: 100%;
  margin-left: -0.1rem;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content table::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.1rem;
  background-color: #222;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content table caption {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content table th,
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content table td {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  padding: 1.2rem;
  border-bottom: 0.1rem solid #ddd;
  border-left: 0.1rem solid #ddd;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content table th {
  background-color: #f8f8f8;
  vertical-align: middle;
}
.layer-main-pop.layer-main-pop--new .layer-cnt.main-pop .main-pop-content table thead th {
  text-align: center;
}
.layer-main-pop.layer-main-pop--new .layer-main-pop-link {
  position: relative;
  margin-top: 1.6rem;
  padding-right: 1.5rem;
  color: #222;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  display: block;
  text-align: right;
}
.layer-main-pop.layer-main-pop--new .layer-main-pop-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.2rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon16-select-arrow.svg") no-repeat center;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
      -ms-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}

.modal-wrap.layer-main-pop--new {
  display: none;
  z-index: 1010;
  position: fixed;
}
.modal-wrap.layer-main-pop--new .modal-body {
  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: 0 0 5.7rem !important;
}
.modal-wrap.layer-main-pop--new .modal-body .ratio-box-content {
  width: 100%;
  max-width: 440px;
  aspect-ratio: 375/320;
  overflow: hidden;
}
.modal-wrap.layer-main-pop--new .modal-body .ratio-box-content .swiper-slide {
  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;
}
.modal-wrap.layer-main-pop--new .modal-body .ratio-box-content .main-pop-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal-wrap.layer-main-pop--new .modal-footer {
  padding: 1.6rem 2rem 1.6rem 1.6rem !important;
  background: #fff;
}
.modal-wrap.layer-main-pop--new .modal-footer .pop-close-today {
  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;
}
.modal-wrap.layer-main-pop--new .modal-footer .pop-close-today .btn {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
@media (min-width: 441px) {
  .modal-wrap.layer-main-pop--new .modal {
    max-width: 36rem;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}
.modal-wrap.layer-main-pop--new .main-pop-image {
  display: block;
  width: 100%;
}
.modal-wrap.layer-main-pop--new .mainpop-pagination {
  position: absolute;
  top: 1.6rem;
  bottom: auto;
  left: auto;
  right: 1.6rem;
  min-width: 5rem;
  width: auto;
  height: 2.8rem;
  padding: 0.4rem 1rem;
  color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: -0.16rem;
}
.modal-wrap.layer-main-pop--new .mainpop-pagination::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  border-radius: 10rem;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: -1;
}
.modal-wrap.layer-main-pop--new .mainpop-pagination .swiper-pagination-current {
  font-weight: 700;
}

.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);
  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: 0 0 0 1.6rem;
  font-size: 0;
}
.filter-bar .filter-bar-util {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: right;
  padding: 0 1.6rem 0 0;
  white-space: nowrap;
}
.filter-bar .btn-txt-util {
  position: relative;
  padding: 0 1.2rem;
  height: 3.6rem;
  line-height: 3.6rem;
}
.filter-bar .btn-txt-util:after {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 1px;
  height: 1.4rem;
  background: #eee;
  margin: -7px 0 0;
  content: "";
}
.filter-bar .btn-txt-util:first-of-type {
  padding-left: 0 !important;
}
.filter-bar .btn-txt-util:last-of-type {
  padding-right: 0 !important;
}
.filter-bar .btn-txt-util:last-of-type:after {
  display: none;
}
.filter-bar .btn-txt-util .dot-new {
  right: -0.4rem;
  top: 0.5rem;
}
.filter-bar .num-alert {
  margin: -0.2rem 0 0 0.3rem;
}
.filter-bar:after {
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0));
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
  content: "";
}
[data-toggle-fixed=false] .filter-bar:after {
  opacity: 0;
}

.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/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.type-initial,
.governing-desc.type-initial {
  margin-top: 0.2rem;
}
.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-wrapper {
  position: relative;
  display: none;
  -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: calc(90vh - 20rem);
}
.filter-select-wrapper.is-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.filter-select-wrapper .filter-select-header {
  z-index: 10;
  position: -webkit-sticky;
  position: sticky;
  background: #fff;
  top: 0;
  left: -1.6rem;
  right: -1.6rem;
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 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: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter-select-wrapper .filter-select-header .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;
  vertical-align: middle;
}
.filter-select-wrapper .filter-select-header .btn-filter-back {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 1.6rem 0;
}
.filter-select-wrapper .filter-select-header .btn-filter-back .icon16 + .tit {
  margin-left: 0.5rem;
}
.filter-select-wrapper .filter-select-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.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);
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  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%;
  min-width: 11.8rem;
  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,
.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-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 .btn-toggle-area:first-child {
  margin-top: 0;
}
.filter-select-area .filter-list-area,
.filter-select-area .filter-list,
.filter-select-area filter-tab-area,
.filter-select-area .filter-main-area {
  height: 100%;
}
.filter-select-area .filter-main-area {
  position: relative;
}
.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;
  min-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-header .btn-filter-back > span {
  vertical-align: middle;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-header .btn-filter-back .tit {
  margin-left: 0.8rem;
  display: inline-block;
  vertical-align: middle;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-header.size-s {
  height: 3.8rem;
}
.filter-select-area .filter-sub-area .filter-sub-item .filter-sub-header.size-s ~ .filter-sub-body {
  margin-top: 3.8rem;
}
.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-select-area.no-tab {
  margin-top: -1.2rem;
  border-top: 0;
}
.filter-select-area.no-tab .filter-list .filter-list-item {
  padding-left: 0;
  padding-right: 0;
}
.filter-select-area.no-tab .filter-sub-item .filter-sub-header {
  padding-left: 0;
}
.filter-select-area.no-tab .filter-sub-item .filter-sub-body {
  padding-left: 0;
}
.filter-select-area.no-tab .filter-main-area {
  margin-top: 1.2rem;
}
.filter-select-area.no-tab .filter-sub-area {
  margin-left: 1.6rem;
}
.filter-select-area.no-tab .filter-select-inner.show-subpanel .filter-select-track {
  -webkit-transform: translateX(calc(-100% - 1.6rem));
      -ms-transform: translateX(calc(-100% - 1.6rem));
          transform: translateX(calc(-100% - 1.6rem));
}
.filter-select-area.type-full .filter-list {
  padding-bottom: 5.6rem;
}
.filter-select-area.type-full .filter-select-inner {
  height: calc(100% + 5.6rem);
  margin-bottom: -5.6rem;
}
.filter-select-area.type-full .filter-sub-area .filter-sub-item .filter-sub-header.size-s ~ .filter-sub-body .filter-list {
  padding-bottom: 3.8rem;
}

.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-header.size-s .tit {
  text-align: left !important;
}
.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:last-child {
  border-bottom: 0;
}
.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-cont > .form-checkbox .btn-round.bg-gray,
.filter-list-item .filter-list-cont > .form-radio .btn-round.bg-gray {
  display: none;
  vertical-align: middle;
  margin-left: 0.8rem;
}
.filter-list-item .filter-list-cont > .form-checkbox input:checked ~ .btn-round.bg-gray, .filter-list-item .filter-list-cont > .form-checkbox .inp-box .ico-confirm:checked ~ .btn-round.bg-gray, .inp-box .filter-list-item .filter-list-cont > .form-checkbox .ico-confirm:checked ~ .btn-round.bg-gray,
.filter-list-item .filter-list-cont > .form-radio input:checked ~ .btn-round.bg-gray,
.filter-list-item .filter-list-cont > .form-radio .inp-box .ico-confirm:checked ~ .btn-round.bg-gray,
.inp-box .filter-list-item .filter-list-cont > .form-radio .ico-confirm:checked ~ .btn-round.bg-gray {
  display: inline-block;
}
.filter-list-item .filter-list-cont > .form-checkbox:not(.size-xs) input:checked ~ .txt, .filter-list-item .filter-list-cont > .form-checkbox:not(.size-xs) .inp-box .ico-confirm:checked ~ .txt, .inp-box .filter-list-item .filter-list-cont > .form-checkbox:not(.size-xs) .ico-confirm:checked ~ .txt,
.filter-list-item .filter-list-cont > .form-radio:not(.size-xs) input:checked ~ .txt,
.filter-list-item .filter-list-cont > .form-radio:not(.size-xs) .inp-box .ico-confirm:checked ~ .txt,
.inp-box .filter-list-item .filter-list-cont > .form-radio:not(.size-xs) .ico-confirm:checked ~ .txt {
  font-weight: 700;
}
.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 {
  font-size: 1.6rem;
  color: #666;
  line-height: 1;
  min-width: 2.8rem;
  height: 5.6rem;
  margin: -1.2rem -0.8rem -1.2rem 0;
  text-align: right;
}
.filter-list-item .filter-list-util .btn-filter-more span {
  vertical-align: middle;
}
.filter-list-item .filter-list-util .btn-filter-more span.txt {
  margin-right: 0.6rem;
}
.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%;
  margin-left: -1.6rem;
}

.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 2.4rem;
  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;
  font: inherit;
}
.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 {
  position: relative;
  padding-left: 3.4rem;
  font-weight: 700;
}
.filter-tab-item .filter-tab-btn.selected:before {
  position: absolute;
  top: 50%;
  left: 0.7rem;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -1.2rem;
  background: url("../images/icon/icon-check-black-sm.svg") center/contain no-repeat;
  content: "";
}
.filter-tab-item .filter-tab-btn.active {
  font-weight: 700;
  background: rgba(255, 204, 0, 0.2);
}

.bottom-space {
  height: 5.6rem;
}
.bottom-space.type-bg {
  margin: 0 -1.6rem;
  background: #f8f8f8;
}

.keyvisual-area {
  position: relative;
  margin: -1.6rem -1.6rem 2.4rem;
  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;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
  padding: 1.6rem 2rem;
  background: rgba(0, 0, 0, 0.4);
}
.keyvisual-area .keyvisual-tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
}
.keyvisual-area .keyvisual-desc {
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  color: #fff;
}
.keyvisual-area .btn-wrap {
  margin-top: 1.6rem;
}
.keyvisual-area .btn-wrap a {
  display: inline-block;
  width: auto;
}
.keyvisual-area .btn-border-gray {
  background: #fff;
}
.keyvisual-area + .subcont-area {
  margin-top: 2.4rem;
}
.keyvisual-area.c-skeleton-loading {
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.keyvisual-area.c-skeleton-loading:before {
  z-index: 3;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #eee;
  content: "";
}
.keyvisual-area.c-skeleton-loading:after {
  z-index: 4;
  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;
  will-change: left;
  content: "";
}
.keyvisual-area.c-skeleton-loading .keyvisual-tit-area {
  z-index: 0;
}

.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/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/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: #222;
  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: 2rem;
  display: block;
  width: 1.2rem;
  height: 0.9rem;
  background: url("../images/as/intro-balloon-tip-black2.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 .rolling-text.no-rolling {
  height: auto;
}
.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 .rolling-track {
  height: 100%;
}
.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;
  min-height: 1.7rem;
  padding: 0.7rem 0.8rem;
  overflow: hidden;
  -webkit-transition: height ease-in-out 0.2s;
  transition: height ease-in-out 0.2s;
}
.rolling-text .rolling-panel {
  z-index: -1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 1.4;
  font-size: 1.4rem;
  opacity: 0;
  -webkit-transition: opacity linear 0.5s;
  transition: opacity linear 0.5s;
  font-weight: 700;
  word-wrap: normal;
  word-break: keep-all;
}
.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/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/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/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/icon/loading-line1.svg") 0 0/12.2rem auto no-repeat;
}
.loading-cover-area .loading-ani .line.n2 {
  background: url("../images/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/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: 1.2rem;
  padding: 2.4rem 2rem;
  margin-top: 1.2rem;
  margin-bottom: 0.8rem;
  background: #ffd338;
  text-align: center;
}
.card-add-box > span {
  display: table-cell;
  vertical-align: middle;
}
.card-add-box strong {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  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: 2.3rem;
  line-height: 3.9rem;
  font-weight: 500;
}
.card-add-box .btn-round.size-l .icon-arrow-right-black {
  background-size: 128%;
}

.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 {
  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;
}
.sell-time-area .contact-dealer {
  text-align: center;
}
.sell-time-area .contact-dealer .form-checkbox .txt {
  color: #fff;
}

.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 {
  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: calc(100% + 1.7rem);
  margin: 2.4rem -0.7rem 0 -0.9rem;
}
.progress-list > li {
  position: relative;
  display: table-cell;
  vertical-align: top;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.progress-list > li strong {
  font-weight: 300;
}
.progress-list > li:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  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;
  font-weight: 700;
  /*&: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-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.progress-list > li.current .tit strong, .progress-list > li.before .tit strong {
  font-weight: 700;
}
.progress-list > li.current .icon-sell-step1, .progress-list > li.before .icon-sell-step1 {
  background-image: url("../images/icon/icon-sell-step1-on.svg");
}
.progress-list > li.current .icon-sell-step2, .progress-list > li.before .icon-sell-step2 {
  background-image: url("../images/icon/icon-sell-step2-on.svg");
}
.progress-list > li.current .icon-sell-step3, .progress-list > li.before .icon-sell-step3 {
  background-image: url("../images/icon/icon-sell-step3-on.svg");
}
.progress-list > li.current .icon-sell-step4, .progress-list > li.before .icon-sell-step4 {
  background-image: url("../images/icon/icon-sell-step4-on.svg");
}
.progress-list > li.current .icon-sell-step5, .progress-list > li.before .icon-sell-step5 {
  background-image: url("../images/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.8rem;
  height: 4.8rem;
  margin: 0.3rem auto 0.8rem;
  border-radius: 50%;
  background: #eee;
  text-align: center;
  line-height: 4.8rem;
  z-index: 2;
}
.progress-list .num {
  display: block;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.progress-list .tit {
  display: block;
}

.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.4rem;
  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: 0.8rem;
  text-align: left;
}
.sell-car-item .inner-tit {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  position: relative;
  display: block;
  margin-top: 0.8rem;
  padding-right: 5rem;
}
.sell-car-item .inner-tit .btn-txt {
  position: absolute;
  top: -1px;
  right: 6px;
}
.sell-car-item .inner-desc {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.4rem;
}

.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;
}
.modal-header .btn-header-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
  margin-right: -0.6rem;
  font-size: 0;
}
.modal-header .header-link {
  position: static;
  padding: 0 0.8rem;
  line-height: 4.4rem;
  height: 4.4rem;
  white-space: nowrap;
  font-size: 1.4rem;
}
.modal-header .header-link .icon16 {
  margin: -0.2rem 0.8rem 0 0;
}
.modal-header .header-link.size-l {
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
}
.modal-header .header-link.disabled, .modal-header .header-link:disabled {
  color: #aaa !important;
  pointer-events: none !important;
  cursor: default !important;
}
.modal-header .modal-title-ellipsis {
  white-space: nowrap;
  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;
}
.modal-header .modal-title-ellipsis .modal-title-link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.modal-header .modal-title-link {
  font: inherit;
  display: inline-block;
}
.modal-header .modal-title-link .icon24 {
  margin-top: -0.2rem;
}
.modal-header .modal-title-link[class*=ellipsis-] {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 1.8rem;
}
.modal-header .modal-title-link[class*=ellipsis-] ~ [class*=ellipsis-] {
  margin-left: 0.8rem;
}
.modal-header .modal-title-link.ellipsis-char5 {
  max-width: calc(5em + 2.4rem);
}
.modal-header .modal-title-link.ellipsis-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.modal-header .modal-title-link:after {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.9rem;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background: url("../images/icon/icon16-arrow-right-black-bold.svg") center/contain no-repeat;
  content: "";
}
.modal-header.has-shadow {
  -webkit-box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.06);
}

.modal-footer.type-toggle {
  -webkit-transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s, transform ease-in-out 0.1s, -webkit-transform ease-in-out 0.1s;
}
.modal-footer.is-hide {
  opacity: 0;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
}
.modal-footer.is-hide ~ .btn-floating2.has-btns {
  -webkit-transform: translateY(5.2rem);
      -ms-transform: translateY(5.2rem);
          transform: translateY(5.2rem);
}

.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.type-renewal .search-result-item > .link, .search-result-list.type-renewal .manager-info-box .search-result-item > .link, .manager-info-box .search-result-item, .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.type-renewal .search-result-item > .link, .search-result-list.type-renewal .manager-info-box.type-point .search-result-item > .link, .manager-info-box.type-point .search-result-item, .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.type-renewal .search-result-item > .link, .search-result-list.type-renewal .manager-info-box.type-new .search-result-item > .link, .manager-info-box.type-new .search-result-item, .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/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/cm/icon-star.svg") 0 -1.5rem/7.7rem auto no-repeat;
}
.score-area .score-area__bar {
  display: block;
  height: 100%;
  background: url("../../images/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/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/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;
}
.dropmenu-list .dropmenu-btn.form-radio, .dropmenu-list .dropmenu-btn.form-checkbox {
  padding-left: 52px;
}
.dropmenu-list .dropmenu-btn.form-radio .txt, .dropmenu-list .dropmenu-btn.form-checkbox .txt {
  margin-left: 0;
}
.dropmenu-list .dropmenu-btn.form-radio .icon, .dropmenu-list .dropmenu-btn.form-checkbox .icon {
  left: 20px;
}

.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: -2rem;
  background: url("../images/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/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/sell/icon-busy-diag-step1.svg") no-repeat 50% 50%;
}
.busy-diag-step__list.step-2:after {
  background: url("../images/sell/icon-busy-diag-step2.svg") no-repeat 50% 50%;
}
.busy-diag-step__list.step-3:after {
  background: url("../images/sell/icon-busy-diag-step3.svg") no-repeat 50% 50%;
}
.busy-diag-step__list.step-4:after {
  background: url("../images/sell/icon-busy-diag-step4.svg") no-repeat 50% 50%;
}
.busy-diag-step__list.step-5:after {
  background: url("../images/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/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.type-renewal .search-result-item > .link, .search-result-list.type-renewal .product-info.type-vertical .search-result-item > .link, .product-info.type-vertical .search-result-item, .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/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/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/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/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;
}
.full-cover-section.min-100 {
  min-height: 100%;
}

.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/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/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;
      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/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/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/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/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/cm/diag-guide-car.png");
}
.diag-guide-visual.screenon .img {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}

.friend-guide-visual {
  position: relative;
  display: block;
  width: 28rem;
  height: 30rem;
  margin: 0 auto;
}
.friend-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;
}
.friend-guide-visual .img.phone {
  -webkit-transform: translateY(-2rem);
      -ms-transform: translateY(-2rem);
          transform: translateY(-2rem);
  background-image: url("../images/cm/friend-guide-phone.png");
}
.friend-guide-visual .img.car {
  -webkit-transform: translateY(-2rem) translateX(-4rem);
      -ms-transform: translateY(-2rem) translateX(-4rem);
          transform: translateY(-2rem) translateX(-4rem);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1.1s;
          transition-duration: 1.1s;
  -webkit-transition-timing-function: cubic-bezier(0.06, 0.45, 0.38, 1.08);
          transition-timing-function: cubic-bezier(0.06, 0.45, 0.38, 1.08);
  background-image: url("../images/cm/friend-guide-car.png");
}
.friend-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 p + p {
  margin-top: 0.8rem;
}
.service-img-list dd .txt-l {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 0.8rem;
}
.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/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/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-item.size-s {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
}
.post-item.size-s .post-item-upper {
  margin-bottom: 1rem;
}
.post-item.size-s .post-item-upper .category {
  display: inline-block;
  margin: 0 0.2rem 0 0;
}
.post-item.size-s .post-item-body .subject-txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 500;
}
.post-item.round-line {
  border: 0.1rem solid #ddd !important;
  border-radius: 1.2rem;
  padding: 2rem;
}

.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;
}
.subcont-area .post-list.type-flat {
  margin: 0;
}
.post-list.type-flat .post-item {
  padding-left: 0;
  padding-right: 0;
}
.post-list.type-flat .post-item:first-child {
  padding-top: 0;
}

.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-list.cpdb {
  padding: 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%;
}

.tab-content .hot-post-list {
  margin-top: 0.5rem;
}
.hot-post-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 1.1rem 0;
}
.hot-post-list > li.is-new .subject {
  display: inline-block;
  max-width: 100%;
  padding-right: 2.4rem;
}
.hot-post-list > li.is-new .subject .new-tag--square {
  display: block;
}
.hot-post-list .hot-post-thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 9.2rem;
  height: 7rem;
  border-radius: 0.4rem;
  border: 0.1rem solid #bbb;
  background: #efefef;
  margin-right: 1.2rem;
}
.hot-post-list .hot-post-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hot-post-list .hot-post-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 100%;
  padding-right: 6rem;
  min-width: 0;
}
.hot-post-list .hot-post-body .subject {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  position: relative;
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  color: #222;
  line-height: 1.4;
}
.hot-post-list .hot-post-body .subject.is-deleted {
  color: #aaa;
}
.hot-post-list .hot-post-body .subject .new-tag--square {
  position: absolute;
  display: none;
  right: 0;
  top: 0.4rem;
}
.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%;
}
.hot-post-list.type-no-util .hot-post-body {
  padding-right: 0;
}
.hot-post-list.type-no-util .hot-post-body .desc > span {
  position: relative;
}
.hot-post-list.type-no-util .hot-post-body .desc > span:after {
  position: absolute;
  display: block;
  right: -0.8rem;
  top: 0.2rem;
  width: 0.1rem;
  height: 1rem;
  background: #ddd;
  content: "";
}
.hot-post-list.type-no-util .hot-post-body .desc > span:last-child:after {
  display: none;
}

.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/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/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/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/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/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.type-renewal .search-result-item > .link, .search-result-list.type-renewal .profile-area.type-mypage .search-result-item > .link, .profile-area.type-mypage .search-result-item, .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/icon/badge24-lv1.svg");
}
.community-level.level2 {
  background-image: url("../images/icon/badge24-lv2.svg");
}
.community-level.level3 {
  background-image: url("../images/icon/badge24-lv3.svg");
}
.community-level.level4 {
  background-image: url("../images/icon/badge24-lv4.svg");
}
.community-level.level5 {
  background-image: url("../images/icon/badge24-lv5.svg");
}
.community-level.size-s {
  width: 1.6rem;
  height: 1.6rem;
}
.community-level.size-s.level1 {
  background-image: url("../images/icon/badge16-lv1.svg");
}
.community-level.size-s.level2 {
  background-image: url("../images/icon/badge16-lv2.svg");
}
.community-level.size-s.level3 {
  background-image: url("../images/icon/badge16-lv3.svg");
}
.community-level.size-s.level4 {
  background-image: url("../images/icon/badge16-lv4.svg");
}
.community-level.size-s.level5 {
  background-image: url("../images/icon/badge16-lv5.svg");
}
.community-level.size-l {
  width: 6rem;
  height: 6rem;
}
.community-level.size-l.level1 {
  background-image: url("../images/icon/badge60-lv1.svg");
}
.community-level.size-l.level2 {
  background-image: url("../images/icon/badge60-lv2.svg");
}
.community-level.size-l.level3 {
  background-image: url("../images/icon/badge60-lv3.svg");
}
.community-level.size-l.level4 {
  background-image: url("../images/icon/badge60-lv4.svg");
}
.community-level.size-l.level5 {
  background-image: url("../images/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/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/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/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/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/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;
}
body.open-coachmark .content-header {
  z-index: 0;
}

.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/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/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;
}
.added-footer.no-radius {
  border-radius: 0;
  padding-top: 1rem;
}
.added-footer.is-hide {
  opacity: 0;
  -webkit-transform: translateY(1rem);
      -ms-transform: translateY(1rem);
          transform: translateY(1rem);
}
.added-footer.is-hide ~ .btn-floating2.has-btns {
  -webkit-transform: translateY(5.2rem);
      -ms-transform: translateY(5.2rem);
          transform: translateY(5.2rem);
}
.modal-footer .added-footer {
  z-index: -1;
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.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/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/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/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/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.type-renewal .search-result-item > .link, .search-result-list.type-renewal .coupon-detail .inner-cont .detail-info .search-result-item > .link, .coupon-detail .inner-cont .detail-info .search-result-item, .coupon-detail .inner-cont .detail-info .filter-list-item {
  margin-top: 1.2rem;
}
.coupon-detail .inner-cont .img-barcode img {
  width: 100%;
}
.coupon-detail .inner-cont .inner-cont-info {
  width: 265px;
  margin: 16px auto;
}
.coupon-detail .inner-cont .inner-cont-info .col-area > .btn-common {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 359px) {
  .coupon-detail .inner-cont .inner-cont-info {
    width: auto;
  }
  .coupon-detail .inner-cont .inner-cont-info .col-area > .btn-common {
    padding: 0 2px;
  }
}
.coupon-detail .inner-cont .inner-cont-info .bullet-list {
  margin-top: 8px;
}
.coupon-detail .inner-cont .inner-cont-info .bullet-list.sm > li {
  text-align: left;
  padding-left: 8px;
}
.coupon-detail .inner-cont .inner-cont-info .bullet-list.sm > li::before {
  left: 0;
}
.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/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/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/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/buy/btn-kbcare-refund.png");
  border-color: #add7ff;
}
.kbcare-btns .item.type-friend {
  height: 15rem;
  padding: 3.2rem 2.7rem;
  background-color: #ffd7a5;
  background-image: url("../images/buy/btn-kbcertified-friend.png");
  background-position: calc(100% - 33px) 50%;
  background-size: 111px;
  border-color: #f4b360;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.kbcare-btns .item.type-capital {
  height: 15rem;
  padding: 3.2rem 2.7rem;
  background-color: #ffeb9e;
  background-image: url("../images/buy/btn-kbcertified-capital.png");
  background-position: 100% 100%;
  background-size: 158px;
  border-color: #efbf00;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
.kbcare-btns .tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 0.8rem;
}
.kbcare-btns .text {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.89px;
}
.kbcare-btns .text strong {
  display: block;
  margin-top: 7px;
  font-size: 22px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -1.22px;
  color: #222;
}
.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;
}
.kbcare-btns.c-re-kbcare-btns {
  margin-top: 2.8rem;
  overflow: hidden;
}
.kbcare-btns.c-re-kbcare-btns .item {
  height: auto;
  border-radius: 1rem;
  padding: 2.6rem;
  margin-bottom: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.kbcare-btns.c-re-kbcare-btns .item:not(:last-child) {
  margin-bottom: 2rem;
}
.kbcare-btns.c-re-kbcare-btns .item.type-refund {
  background: #fffae4;
  border: 0.1rem solid #fff2bc;
}
.kbcare-btns.c-re-kbcare-btns .item.type-free {
  background: #fff4c7;
  border: 0.1rem solid #ffeca1;
}
.kbcare-btns.c-re-kbcare-btns .item.type-friend {
  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;
  border: 0.1rem solid transparent;
  background: url("../images/service_guide/bg_type_friend.png") right bottom/contain no-repeat #fff5cf;
  height: 23rem;
}
.kbcare-btns.c-re-kbcare-btns .item.type-capital {
  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;
  border: 0.1rem solid transparent;
  background: url("../images/service_guide/bg_type_capital.png") right bottom/contain no-repeat #ffefaf;
  height: 23rem;
}
.kbcare-btns.c-re-kbcare-btns .tit {
  margin-bottom: 3.5rem;
}
.kbcare-btns.c-re-kbcare-btns .tit span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #222;
  font-weight: 500;
  margin-bottom: 0.6rem;
}
.kbcare-btns.c-re-kbcare-btns .cont .cont-bg {
  position: absolute;
  right: 1.6rem;
  top: 1.6rem;
}
.kbcare-btns.c-re-kbcare-btns .cont .cont-bg picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kbcare-btns.c-re-kbcare-btns .cont ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 500;
}
.kbcare-btns.c-re-kbcare-btns .cont ul li:not(:last-child) {
  margin-bottom: 0.8rem;
}
.kbcare-btns.c-re-kbcare-btns .cont ul li picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kbcare-btns.c-re-kbcare-btns .cont ul li strong {
  font-weight: 500;
}
.kbcare-btns.c-re-kbcare-btns .inner-link-visible {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kbcare-btns.c-re-kbcare-btns .inner-link-visible a {
  padding: 0 2rem;
  font-size: 1.4rem;
  line-height: 3.4rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #222;
  background-color: #fc0;
  border-radius: 5rem;
  gap: 0.5em;
}
.kbcare-btns.c-re-kbcare-btns .inner-link-visible a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.kbcare-btns.c-re-kbcare-btns .inner-link-visible a:after {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(45deg) scale(0.5);
      -ms-transform: rotate(45deg) scale(0.5);
          transform: rotate(45deg) scale(0.5);
  -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: "";
}

.cs-box {
  padding: 2rem;
  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;
  font-size: 3.2rem;
  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: 1rem;
}
.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/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 > li.is-disabled .product-step__num:after {
  background: #eee;
}
.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;
}
.product-step.product-step--noicon.product-step--size-s:before {
  left: 3px;
}
.product-step.product-step--noicon.product-step--size-s .product-step__num {
  color: transparent;
  font-size: xx-small;
  width: 20px;
}
.product-step.product-step--noicon.product-step--size-s .product-step__num:after {
  width: 10px;
  height: 10px;
}
.product-step.product-step--noicon.product-step--size-s .product-step__cont {
  padding-left: 0;
  width: calc(100% - 20px);
  font-size: 14px;
  font-weight: 700;
}
.product-step.product-step--noicon.product-step--size-s .product-step__desc {
  font-size: 14px;
  font-weight: 400;
}

.home-guide-visual {
  position: relative;
  display: block;
  width: 32.7rem;
  height: 21.8rem;
  margin: 4.8rem auto 1rem;
}
.home-guide-visual .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.home-guide-visual .img.bg {
  background: url("../images/buy/home-guide-visual.png") center/contain no-repeat;
}

.round-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.round-step .round-step__item {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  text-align: center;
}
.round-step .round-step__item.round-step__item--active .round-step__num {
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
  background: url("../images/icon/icon-check-black.svg") center/contain no-repeat #fc0;
}
.round-step .round-step__item:before {
  position: absolute;
  top: 1.2rem;
  left: 50%;
  width: 100%;
  height: 0.1rem;
  background: #f8f8f8;
  content: "";
}
.round-step .round-step__item:first-child:before {
  display: none;
}
.round-step .round-step__num {
  z-index: 2;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 auto 0.8rem;
  border-radius: 50%;
  background: #eee;
  line-height: 2.4rem;
  text-align: center;
  font-size: 1.4rem;
  color: #666;
}
.round-step .round-step__tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #222;
}
.round-step .round-step__desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.2rem;
}

.homeservice-list .homeservice-item {
  margin-top: 4rem;
}
.homeservice-list .homeservice-item:first-child {
  margin-top: 0;
}

.homeservice-item {
  display: block;
  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);
}
.homeservice-item .inner-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 1.2rem 1.2rem 0 0;
  background: #fc0;
  color: #222;
  padding: 1.6rem;
}
.homeservice-item .inner-header .btn-tooltip {
  vertical-align: middle;
}
.homeservice-item .inner-header-cont {
  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;
}
.homeservice-item .inner-header-cont > strong {
  font: inherit;
  vertical-align: middle;
}
.homeservice-item .inner-header-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;
  font-weight: 400;
}
.homeservice-item .inner-body {
  padding: 2.4rem 1.6rem;
}
.homeservice-item .inner-carinfo {
  display: block;
  width: 100%;
  font-size: 0;
}
.homeservice-item .inner-carinfo .carinfo-thumb {
  display: inline-block;
  vertical-align: top;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.1rem solid #eee;
}
.homeservice-item .inner-carinfo .carinfo-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}
.homeservice-item .inner-carinfo .carinfo-cont {
  display: inline-block;
  width: calc(100% - 6.4rem);
  text-align: left;
  padding-left: 1.6rem;
}
.homeservice-item .inner-carinfo .carinfo-cont .carinfo-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;
  margin-bottom: 0.4rem;
}
.homeservice-item .inner-carinfo .carinfo-cont .carinfo-num {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #2589ff;
}
.homeservice-item .inner-step {
  margin: 4rem 0 0;
}
.homeservice-item .inner-added {
  margin-top: 2.4rem;
}
.homeservice-item .inner-added .added-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}
.homeservice-item .inner-added .point-box {
  text-align: center;
}
.homeservice-item .inner-added .bullet-list > li {
  padding-left: 0;
}
.homeservice-item .inner-added .bullet-list > li:before {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: -0.2rem 0.4rem 0 0;
}

.primary-slider .drag-gauge {
  position: relative;
  background: none;
  border: 0;
  height: auto;
  padding: 1rem 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.primary-slider .drag-gauge .noUi-connects {
  background: #ddd;
  border-radius: 0.3rem;
  height: 0.6rem;
}
.primary-slider .drag-gauge .noUi-connects .noUi-connect {
  top: 0;
  background: #fc0;
}
.primary-slider .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;
}
.primary-slider .drag-gauge .noUi-handle:before, .primary-slider .drag-gauge .noUi-handle:after {
  display: none;
}

@-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: 360px) {
  .filter-bar .btn-txt-util {
    padding: 0 0.6rem;
  }
  .filter-bar .btn-txt-util:after {
    display: none;
  }
  .filter-bar .btn-txt-util .icon-filter-bold {
    display: none;
  }
}
@media all and (max-width: 320px) {
  *[data-type=toast] .modal-header h3 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
}
/* 25년 가이드 */
.content-body.ty-2 {
  padding: 7.2rem 2rem 11.7rem;
}
.content-body.ty-2 > .content {
  padding-top: 0.8rem;
}
.content-body.ty-3 {
  padding: 7.2rem 2rem 14.1rem;
}
.content-body.fit-body {
  padding-top: 5.6rem;
}

.text-sub {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  vertical-align: middle;
}
.text-sub.ty-2 {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}

.modal.ty-2 {
  padding-bottom: 11.7rem;
}
.modal.ty-2 .modal-body {
  padding: 0 1.6rem;
  height: 100%;
  max-height: calc(90dvh - 19.2rem);
}

[data-fixed-type=dock] {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
[data-fixed-type=dock].is-fixed {
  position: fixed;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
[data-fixed-type=dock]:not(.is-fixed) {
  opacity: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  pointer-events: none;
}

[data-fixed-type=header].is-fixed {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}

/* 공통 */
/* 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/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/cm/btn-back-white.svg);
}
.bg-all-black .content-header.bg-transparent {
  background-color: transparent !important;
}
.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/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/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;
}

.content-header h1,
.content-header .header-text-area {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 4.4rem;
  line-height: 4.4rem;
  font-size: 2rem;
}

/* a 링크 화살표 (공통) */
.link-arrow {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.1rem;
  padding-right: 1.8rem;
  background: url(../images/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/icon/icon16-link-arrow-disabled.svg) !important;
}

/* 버튼 */
.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/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/icon/icon24-car-bookmark-active.svg);
}
.modal-wrap.black-back .modal-header .modal-close {
  background: url(../images/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;
}
.modal-wrap.event-modal .modal.no-footer .modal-header {
  height: 0;
  padding: 0;
  min-height: 0;
}
.modal-wrap.event-modal .modal.no-footer .modal-body {
  padding: 0px !important;
}
.modal-wrap.event-modal .banner {
  font-size: 0;
  line-height: 0;
}
.modal-wrap.event-modal .banner img {
  width: 100%;
}
.modal-wrap.event-modal .btn-controls {
  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: 56px;
  padding: 3px 0;
}
.modal-wrap.event-modal .btn-btm {
  padding: 16px;
  font-size: 15px;
  color: #fff;
}

/* 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/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/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/icon/icon24-car-bookmark.svg) no-repeat center center;
}
.recommend-car-list > li > div .car-bookmark.active {
  background-image: url(../images/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/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/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/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/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.credit,
.simul-acco .my-acco-panel .aco-desc-area .detail-area.credit {
  background-color: #f4e7e3;
}
.my-acco .my-acco-panel .aco-desc-area .detail-area.credit .d-day,
.simul-acco .my-acco-panel .aco-desc-area .detail-area.credit .d-day {
  color: #bc8a0f;
  background-color: #f6eeb5;
}
.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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/icon/icon40-chklist-car.svg") no-repeat left 2.4rem center;
}
.check-list li a.money {
  background: #f8f8f8 url("../images/icon/icon40-chklist-money.svg") no-repeat left 2.4rem center;
}
.check-list li a.graph {
  background: #f8f8f8 url("../images/icon/con40-chklist-graph.svg") no-repeat left 2.4rem center;
}
.check-list li a.gift {
  background: #f8f8f8 url("../images/icon/icon40-chklist-gift.svg") no-repeat left 2.4rem center;
}
.check-list li a.man {
  background: #f8f8f8 url("../images/icon/icon40-chklist-man.svg") no-repeat left 2.4rem center;
}
.check-list li a.qr {
  background: #f8f8f8 url("../images/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/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/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/icon/icon54-fi-tab-fi.svg") no-repeat center top;
}
.fi-nav > ul > li a.fi.active {
  background-image: url("../images/icon/icon54-fi-tab-fi-active.svg");
}
.fi-nav > ul > li a.my {
  background: url("../images/icon/icon54-fi-tab-my.svg") no-repeat center top;
}
.fi-nav > ul > li a.my.active {
  background-image: url("../images/icon/icon54-fi-tab-my-active.svg");
}
.fi-nav > ul > li a.car {
  background: url("../images/icon/icon54-fi-tab-car.svg") no-repeat center top;
}
.fi-nav > ul > li a.car.active {
  background-image: url("../images/icon/icon54-fi-tab-car-active.svg");
}
.fi-nav > ul > li a.ga {
  background: url("../images/icon/icon54-fi-tab-ga.svg") no-repeat center top;
}
.fi-nav > ul > li a.ga.active {
  background-image: url("../images/icon/icon54-fi-tab-ga-active.svg");
}
.fi-nav > ul > li a.coupon {
  background: url("../images/icon/icon54-fi-tab-coupon.svg") no-repeat center top;
}
.fi-nav > ul > li a.coupon.active {
  background-image: url("../images/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/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/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/icon/icon16-car-bolt.svg) no-repeat left 1.6rem top 1.8rem, url(../images/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/icon/icon16-car-bolt-active.svg) no-repeat left 1.6rem top 1.8rem, url(../images/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/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/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/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: inherit;
}
.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/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/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/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/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/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/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/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/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/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.purple {
  background-color: #ece9f5;
}
.fi-coupon-cont .coupon-list > li.purple .coupon-acco-header .tit-area {
  color: #7d7bb0;
}
.fi-coupon-cont .coupon-list > li.purple .coupon-acco-header .arrow {
  background: url(../images/icon/icon16-purple-arrow.svg) no-repeat center center;
}
.fi-coupon-cont .coupon-list > li.purple .coupon-acco-panel {
  background-color: rgba(116, 116, 199, 0.08);
}
.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/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/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/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/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/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/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/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/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/fi/fi-qr-small-dot.svg) left top;
  background-size: 0.8rem;
}
.qr-pop-area .qr-list li.last {
  background: url(../images/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/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/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/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/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/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/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;
}

/* 금융트렌드 인기순위 */
.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/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;
}

/* 글씨 모양 텝 (공통) */
.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/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/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/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/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/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/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/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;
}

.c-re-service-guide {
  padding-left: 0;
  padding-right: 0;
}
.c-re-service-guide:has(.btn-area.bottom-fixed) {
  padding-bottom: 9.6rem;
}
.c-re-service-guide .key-visual {
  position: relative;
  padding: 4.8rem 0 5.6rem;
  overflow: hidden;
}
.c-re-service-guide .key-visual .key-title {
  text-align: center;
}
.c-re-service-guide .key-visual .key-title.key-title-type05 {
  position: relative;
  padding-bottom: 70vw;
  margin-bottom: 20px;
  overflow: hidden;
  pointer-events: none;
}
.c-re-service-guide .key-visual .key-title.key-title-type05 .thumb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform: scale(1.6);
      -ms-transform: scale(1.6);
          transform: scale(1.6);
}
.c-re-service-guide .key-visual .key-title p {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  font-weight: 300;
}
.c-re-service-guide .key-visual .key-title p small {
  display: block;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #888;
  margin-top: 1rem;
}
.c-re-service-guide .key-visual .key-title p.c-title-18 {
  font-size: 1.8rem;
}
.c-re-service-guide .key-visual .key-title .title {
  font-size: 2.8rem;
  line-height: 4rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .key-visual .key-title h3 {
  font-size: 2.8rem;
  line-height: 4rem;
  font-weight: 700;
}
.c-re-service-guide .key-visual .key-title strong {
  display: block;
  font-size: 1.3rem;
  line-height: 1.8rem;
  color: #222;
  font-weight: 400;
  margin-top: 1.4rem;
}
.c-re-service-guide .key-visual .thumb {
  position: relative;
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .key-visual .thumb.thumb-mgt {
  margin-top: 5.8rem;
}
.c-re-service-guide .key-visual .thumb.thumb-no-margin {
  margin-top: -1.2rem;
}
.c-re-service-guide .key-visual .thumb[data-apng]:empty:before, .c-re-service-guide .key-visual .thumb[data-lottie]:empty:before {
  content: "";
  display: block;
  aspect-ratio: 750/520;
  width: 100%;
}
.c-re-service-guide .key-visual .thumb[data-apng] canvas, .c-re-service-guide .key-visual .thumb[data-lottie] svg {
  width: 100%;
  height: 100%;
}
.c-re-service-guide .key-visual .thumb.space-mt-0[data-apng] canvas, .c-re-service-guide .key-visual .thumb.space-mt-0[data-lottie] svg {
  width: 130%;
  height: 130%;
  margin-left: -15%;
}
.c-re-service-guide .key-visual .thumb:has(.bg-round) {
  margin-top: 2.7rem;
}
.c-re-service-guide .key-visual .thumb img {
  position: relative;
  width: 100%;
  z-index: 1;
}
.c-re-service-guide .key-visual .thumb .bg-round {
  position: absolute;
  left: 50%;
  top: 0;
  width: 53.2em;
  height: 53.2rem;
  z-index: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 50% 50% 0 0;
}
.c-re-service-guide .key-visual .thumb .bg-round.bg-ffcc00 {
  background-color: #ffcc00;
}
.c-re-service-guide .key-visual .thumb .marquee {
  position: absolute;
  left: 0;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .key-visual .thumb .marquee .marquee-text {
  background-image: url(../images/service_guide/text_intro08.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  width: 94.1rem;
  height: 6.3rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 94.1rem;
          flex: 0 0 94.1rem;
}
.c-re-service-guide .key-visual .thumb .marquee .marquee-text2 {
  background-image: url(../images/service_guide/text_intro09.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  width: 94.1rem;
  height: 6.3rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 94.1rem;
          flex: 0 0 94.1rem;
}
.c-re-service-guide .key-visual .btn-round-yellow {
  display: table;
  font-size: 1.6rem;
  line-height: 4rem;
  color: #8a6f00;
  font-weight: 600;
  border-radius: 5rem;
  background-color: #ffe477;
  padding: 0 2.5rem;
  margin: 2rem auto 0;
}
.c-re-service-guide .key-visual .list {
  position: relative;
  margin-top: 2.2rem;
  padding: 0 1.6rem;
  z-index: 1;
}
.c-re-service-guide .key-visual .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 1.2rem;
}
.c-re-service-guide .key-visual .list ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-re-service-guide .key-visual .list ul li picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-re-service-guide .key-visual .list ul li picture.img-container {
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
}
.c-re-service-guide .key-visual .list ul li picture.img-container > img {
  width: 100%;
  height: 100%;
}
.c-re-service-guide .key-visual .list ul li picture.img-container + strong {
  margin-top: 1.2rem;
}
.c-re-service-guide .key-visual .list ul li strong {
  display: block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.c-re-service-guide .bg-fff4f4 {
  background-color: #fff4f4;
}
.c-re-service-guide .bg-2589ff {
  background-color: rgba(37, 137, 255, 0.1);
}
.c-re-service-guide .bg-fafafa {
  background-color: #fafafa;
}
.c-re-service-guide .bg-f8f8f8 {
  background-color: #f8f8f8;
}
.c-re-service-guide .bg-fff9e0 {
  background-color: #fff9e0;
}
.c-re-service-guide .bg-ffffff {
  background-color: #ffffff;
}
.c-re-service-guide .bg-fff6e2 {
  background-color: #fff6e2;
}
.c-re-service-guide .bg-ffc23c {
  background-color: #ffc23c;
}
.c-re-service-guide .bg-ffcc00 {
  background-color: #ffcc00;
}
.c-re-service-guide .bg-fff3ea {
  background-color: #fff3ea;
}
.c-re-service-guide .bg-fff8e5 {
  background-color: #fff8e5;
}
.c-re-service-guide .bg-fff6d4 {
  background-color: #fff6d4;
}
.c-re-service-guide .bg-intro01 {
  background: url(../images/service_guide/bg_intro01.png) center -5%/cover no-repeat;
  background-color: #fff5cf;
}
.c-re-service-guide .bg-intro02 {
  background: url(../images/service_guide/bg_intro02.png) center bottom/cover no-repeat;
}
.c-re-service-guide .bg-intro08 {
  background: url(../images/service_guide/bg_intro08.png) center bottom/cover no-repeat;
}
.c-re-service-guide .bg-intro09 {
  background: url(../images/service_guide/bg_intro09.png) center bottom/cover no-repeat;
}
.c-re-service-guide .bg-intro11 {
  background: url(../images/service_guide/bg_intro11.png) center bottom/cover no-repeat;
  padding-bottom: 18rem;
}
.c-re-service-guide .bg-intro12 {
  background: url(../images/service_guide/bg_intro12.png) center bottom/cover no-repeat;
  padding-bottom: 12.6rem;
}
.c-re-service-guide .visual-list .visual-list-inner {
  position: relative;
  padding: 7.2rem 0 0;
}
.c-re-service-guide .visual-list .visual-list-inner:has(.inner-dummy) {
  padding-bottom: 4.8rem;
}
.c-re-service-guide .visual-list .visual-list-inner p {
  padding: 0 1.6rem;
  text-align: center;
}
.c-re-service-guide .visual-list .visual-list-inner p span {
  display: block;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.c-re-service-guide .visual-list .visual-list-inner p strong {
  display: block;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
}
.c-re-service-guide .visual-list .visual-list-inner p.notice {
  margin-top: 2.4rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
  color: #888;
}
.c-re-service-guide .visual-list .visual-list-inner .section-tit {
  display: block;
  text-align: center;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
}
.c-re-service-guide .visual-list .visual-list-inner .section-img {
  margin-top: 3.2rem;
}
.c-re-service-guide .visual-list .visual-list-inner .section-img img {
  max-width: 100%;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb[data-apng] canvas, .c-re-service-guide .visual-list .visual-list-inner .thumb[data-lottie] svg {
  display: block;
  width: 100%;
  height: 100%;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy {
  position: relative;
  overflow: hidden;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy:before {
  content: "";
  width: 100%;
  aspect-ratio: 32/23;
  display: block;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy[data-apng]:before, .c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy[data-lottie]:before {
  display: none;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb.inner-dummy img {
  position: absolute;
  left: 0;
  bottom: 0;
}
.c-re-service-guide .visual-list .visual-list-inner .thumb img {
  display: block;
  width: 100%;
}
.c-re-service-guide .visual-list .visual-list-inner small {
  display: block;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  margin-top: 3rem;
}
.c-re-service-guide .visual-list .visual-list-inner small b {
  color: #222;
  font-weight: 600;
}
.c-re-service-guide .visual-list .visual-list-inner small strong {
  font-weight: 700;
  color: #222;
}
.c-re-service-guide .visual-list .visual-list-inner .visual-list-inner-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.4rem;
}
.c-re-service-guide .visual-list .visual-list-inner .visual-list-inner-link a {
  position: relative;
  display: table;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  background: none;
  border: 0;
  padding-right: 1.41rem;
  padding-bottom: 0.1rem;
}
.c-re-service-guide .visual-list .visual-list-inner .visual-list-inner-link a:before {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  border-top: 0.1rem solid #222;
  content: "";
}
.c-re-service-guide .visual-list .visual-list-inner .visual-list-inner-link a:after {
  position: absolute;
  display: block;
  top: 0.1rem;
  right: -0.3rem;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
      -ms-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
          transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  content: "";
}
.c-re-service-guide .visual-list .visual-list-inner .visual-list-inner-link.flex-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.c-re-service-guide .visual-list .visual-list-inner .visual-thumb {
  position: relative;
  padding-bottom: 70vw;
  margin-bottom: 40px;
  overflow: hidden;
}
.c-re-service-guide .visual-list .visual-list-inner .visual-thumb .thumb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform: scale(1.6);
      -ms-transform: scale(1.6);
          transform: scale(1.6);
}
.c-re-service-guide .visual-list .visual-list-inner .visual-banner {
  padding: 1.6rem 2.2rem 6.4rem;
}
.c-re-service-guide .visual-list .visual-list-inner .visual-banner > img {
  width: 100%;
}
.c-re-service-guide .visual-icon-list {
  padding: 3.6rem 1.6rem 5.8rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-title {
  margin-bottom: 4.5rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-title p {
  font-size: 1.4rem;
  color: #666;
  font-weight: 600;
  margin-bottom: 0.8rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-title h4 {
  font-size: 2rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .visual-icon-list .visual-icon-title .section-tit {
  font-size: 2rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.8rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner:not(:last-child) {
  margin-bottom: 3.6rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner .thumb picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner p strong {
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #222;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner p span {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  margin-top: 0.6rem;
}
.c-re-service-guide .visual-icon-list .visual-icon-list-inner h2 {
  display: block;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  color: #222;
}
.c-re-service-guide .border-bottom-line {
  font-weight: inherit;
  text-decoration: underline;
  text-underline-offset: -8px;
  text-decoration-thickness: 8px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  -webkit-text-decoration-color: #ffec9e;
          text-decoration-color: #ffec9e;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer {
  padding: 4.8rem 1.6rem 2.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb img {
  width: 100%;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide p {
  margin-top: 5.2rem;
  text-align: center;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide p strong {
  display: block;
  font-size: 2rem;
  line-height: 3rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide p span {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  margin-top: 1.2rem;
  height: 60px;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide p span i {
  font-size: 1.2rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb-detail {
  margin-top: 4.6rem;
  text-align: center;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb-detail .thumb-tit {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb-detail .thumb-desc {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  padding-top: 0.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb-detail .thumb-desc .bullet-list > li {
  padding-left: 0;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb-detail .thumb-desc .bullet-list > li::before {
  display: none;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb-detail .thumb-desc .bullet-list > li > .list {
  display: inline-block;
  position: relative;
  padding-left: 1.2rem;
  font-weight: 300;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-slide .thumb-detail .thumb-desc .bullet-list > li > .list:before {
  content: "";
  display: block;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #222;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1rem;
  gap: 0.8rem;
  top: 0;
  padding-top: calc(58.8% + 16px);
  z-index: -1;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer .swiper-pagination-bullet {
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 0.6rem;
  border-radius: 0.2rem;
  opacity: 1;
  margin: 0;
  background-color: #eee;
  max-width: 7.4rem;
  -webkit-transition: none;
  transition: none;
  /**
  * car animate keyframes
  */
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer .swiper-pagination-bullet .bar {
  display: block;
  width: 0;
  height: 100%;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer .swiper-pagination-bullet.swiper-pagination-bullet-passed {
  width: 100%;
  background-color: #fc0;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-timer .swiper-pagination-timer .swiper-pagination-bullet.swiper-pagination-bullet-active .bar {
  background-color: #fc0;
  -webkit-animation: increase var(--car-animate-delay) forwards;
          animation: increase var(--car-animate-delay) forwards;
}
@-webkit-keyframes increase {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes increase {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card {
  padding: 4rem 0 4.8rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-slide {
  padding-bottom: 2.4rem;
  height: auto;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card {
  background-color: #fff;
  height: 100%;
  padding: 2.6rem 1.4rem 1.4rem;
  border: 0.1rem solid transparent;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card.c-re-swiper-card-border .car-card {
  border: 0.1rem solid #eee;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card {
  padding: 2.6rem 1.4rem 1.4rem;
  border-radius: 0.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .thumb img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content:has(.right) {
  margin-bottom: 1.2rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 2rem;
  border-radius: 0.4rem;
  padding: 0 0.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .tag.tag-yellow {
  background-color: #ffeda4;
  color: #aa8800;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .tag.tag-gray {
  background-color: #f8f8f8;
  color: #888;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .car-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  aspect-ratio: 1/1;
  width: 2.8rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .car-logo picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .label-content .car-logo picture img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .car-info strong {
  display: block;
  font-size: 1.4rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .car-info em {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
  margin-top: 0.5rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .car-card .car-info span {
  display: block;
  font-size: 1.1rem;
  color: #888;
  font-weight: 500;
  margin-top: 1rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-pagination {
  position: relative;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-pagination .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0;
  background: #ddd;
  opacity: 1;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffcc00;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-btn-wrap .btn-medium {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 3.8rem;
  border-radius: 0.8rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-card .swiper-btn-wrap .btn-outline-black {
  border: 0.1rem solid #666;
  color: #222;
  background-color: transparent;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo {
  padding: 4rem 0 9.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-title {
  text-align: left;
  padding: 0 1.6rem;
  margin-bottom: 4.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-title p {
  margin-bottom: 0.7rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-slide {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group {
  position: relative;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group .swiper {
  position: static;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group .swiper:not(:last-child) {
  margin-bottom: 2rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-logo .swiper-group .swiper .swiper-wrapper {
  padding: 0 1.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-option-card {
  padding: 7.2rem 0 0;
  background-color: #f8f8f8;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-option-card .swiper-title h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-option-card .swiper-title p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.3rem;
  color: #222;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-option-card .swiper {
  margin-top: 5.7rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-option-card .swiper-slide {
  height: auto;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-option-card .option-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-bottom: 7.2rem;
  border-radius: 0.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-option-card .option-card .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-option-card .option-card .thumb img {
  width: 100%;
  border-radius: 0.6rem 0.6rem 0 0;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-option-card .option-card p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  padding: 1.6rem 1.4rem;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card {
  margin-top: 4.8rem;
  padding: 4.8rem 0;
  background-color: #f8f8f8;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card hr {
  margin: 6rem 1.6rem 3.4rem;
  border-color: #eee;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  padding-bottom: 2.4rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper .comment-card {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  height: 100%;
  border-radius: 0.6rem;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
  border: 0.1rem solid #ddd;
  background-color: #fff;
  padding: 2.4rem 1.6rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper .comment-card .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper .comment-card .thumb picture,
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper .comment-card .thumb img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.8rem;
  aspect-ratio: 1/1;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper .comment-card .thumb dl dt {
  font-size: 1.4em;
  line-height: 2rem;
  color: #222;
  font-weight: bold;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper .comment-card .thumb dl dd {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 300;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper .comment-card p {
  margin-top: 1.6rem;
  font-size: 1.4rem;
  line-height: 2.2rem;
  color: #222;
  font-weight: 300;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper-pagination {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.8rem;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper-pagination .swiper-pagination-bullet {
  background-color: #ddd;
  margin: 0;
  opacity: 1;
}
.c-re-service-guide .c-re-swiper.c-re-swiper-comment-card .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #aaa;
}
.c-re-service-guide .accordion-list-wrap {
  padding: 4.8rem 0;
}
.c-re-service-guide .accordion-list-wrap .accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3.6rem;
  padding: 0 1.6rem;
}
.c-re-service-guide .accordion-list-wrap .accordion-title p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
}
.c-re-service-guide .accordion-list-wrap .accordion-title .sub-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
  color: #222;
}
.c-re-service-guide .accordion-list-wrap .accordion-title h5 {
  font-size: 2rem;
  color: #222;
  font-weight: 700;
}
.c-re-service-guide .accordion-list-wrap .accordion-title .link-underline {
  font-size: 14px;
  color: #666;
  text-decoration: underline;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .icon-acco-arrow-s {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .accordion-header {
  border-bottom: 0;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap.toggle-active .accordion-header strong {
  font-weight: 700;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-header {
  text-align: left;
  gap: 1.6rem;
  padding: 1.4rem 1.6rem;
  color: #222;
  border-bottom: 1px solid #eee;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-header strong {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-container {
  padding: 2rem 1.6rem;
  background-color: #f8f8f8;
}
.c-re-service-guide .accordion-list-wrap .accordion-wrap .accordion-container p {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 500;
}
.c-re-service-guide .accordion-list-wrap .btn-wrap {
  padding: 2.4rem 1.6rem 0;
}
.c-re-service-guide .accordion-list-wrap .accordion-list-inner .accordion-wrap .accordion-container p {
  word-break: keep-all;
  overflow-wrap: break-word;
}
.c-re-service-guide .number-counter-list {
  counter-reset: list-number;
  margin-top: 1.6rem;
}
.c-re-service-guide .number-counter-list li {
  position: relative;
  counter-increment: list-number;
  color: #666;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 0.3rem 0 0.2rem 3.6rem;
}
.c-re-service-guide .number-counter-list li:not(:last-child) {
  margin-bottom: 1.2rem;
}
.c-re-service-guide .number-counter-list li:before {
  content: counter(list-number);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 0.3rem;
  width: 2.5rem;
  height: 2.5rem;
  -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.4rem;
  font-weight: 600;
  color: #666;
  background-color: #ddd;
  border-radius: 50%;
}
.c-re-service-guide .cs-box {
  margin: 0 1.6rem;
  background-color: #f8f8f8;
  border-radius: 1rem;
}
.c-re-service-guide .notice-gray-box {
  padding: 1.6rem 1.6rem 2.2rem;
}
.c-re-service-guide .notice-gray-box dl {
  background-color: #f8f8f8;
  border-radius: 1.2rem;
  padding: 1.6rem;
}
.c-re-service-guide .notice-gray-box dl dt {
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
  line-height: 2.4rem;
  margin-bottom: 1.2rem;
}
.c-re-service-guide .notice-gray-box dl dd {
  position: relative;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  padding-left: 1.1rem;
}
.c-re-service-guide .notice-gray-box dl dd:not(:last-child) {
  margin-bottom: 0.8rem;
}
.c-re-service-guide .notice-gray-box dl dd:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #ddd;
  border-radius: 50%;
}
.c-re-service-guide .swiper-title {
  margin-bottom: 1.6rem;
  text-align: center;
}
.c-re-service-guide .swiper-title p {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.c-re-service-guide .swiper-title h4,
.c-re-service-guide .swiper-title .inner-title {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.c-re-service-guide .swiper-title .swiper-title-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 1.6rem;
}
.c-re-service-guide .swiper-title .swiper-title-row .left {
  text-align: left;
}
.c-re-service-guide .swiper-title .swiper-title-row .right {
  text-align: right;
}
.c-re-service-guide .swiper-title .view-more {
  position: relative;
  display: table;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 700;
  background: none;
  border: 0;
  padding-right: 2rem;
  padding-bottom: 0.4rem;
  margin-top: 0.4rem;
}
.c-re-service-guide .swiper-title .view-more:before {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1rem;
  border-top: 0.1rem solid #222;
  content: "";
}
.c-re-service-guide .swiper-title .view-more:after {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
      -ms-transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
          transform: rotate(45deg) scale(0.5) translate(-0.3rem, 0.8rem);
  -webkit-transition: -webkit-transform ease-in-out 0.2s;
  transition: -webkit-transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
  content: "";
}
.c-re-service-guide .swiper-title .swiper-filter {
  margin-top: 1.8rem;
  padding: 0 1.6rem;
}
.c-re-service-guide .swiper-title .swiper-filter ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
}
.c-re-service-guide .swiper-title .swiper-filter ul button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #eee;
  font-size: 1.4rem;
  line-height: 3rem;
  color: #888;
  font-weight: 600;
  padding: 0 1.8rem;
  border-radius: 5rem;
}
.c-re-service-guide .swiper-title .swiper-filter ul li.active button {
  background-color: #ffcc00;
  color: #695400;
}
.c-re-service-guide .swiper-title .swiper-progress-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3.2rem 0 1.6rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-re-service-guide .swiper-title .swiper-progress-list li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-re-service-guide .swiper-title .swiper-progress-list li:last-child .thumb:after {
  display: none;
}
.c-re-service-guide .swiper-title .swiper-progress-list li .thumb {
  position: relative;
}
.c-re-service-guide .swiper-title .swiper-progress-list li .thumb:after {
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 0.1rem;
  background-color: #fc0;
  opacity: 0.5;
  z-index: 0;
}
.c-re-service-guide .swiper-title .swiper-progress-list li .thumb picture {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
}
.c-re-service-guide .swiper-title .swiper-progress-list li span {
  margin-top: 1.2rem;
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #222;
  font-weight: 300;
}
.c-re-service-guide .company-condition-list {
  padding: 4rem 0 5.6rem;
}
.c-re-service-guide .company-condition-list ul {
  padding: 3.2rem 1.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.8rem 0;
}
.c-re-service-guide .company-condition-list ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-re-service-guide .company-condition-list ul li a strong {
  margin-top: 1.2rem;
  font-size: 1.3rem;
  font-weight: 700;
  color: #222;
}
.c-re-service-guide .company-condition-list hr {
  margin: 0 1.6rem;
  border-top: 0.1rem solid #ddd;
}
.c-re-service-guide .company-condition-list .kbxcardong {
  margin-top: 2.3rem;
  padding: 0 1.6rem;
}
.c-re-service-guide .company-condition-list .kbxcardong .thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
}
.c-re-service-guide .company-condition-list .kbxcardong p {
  position: relative;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
  padding-left: 1.1rem;
  margin-left: 1.6rem;
}
.c-re-service-guide .company-condition-list .kbxcardong p:not(:last-child) {
  margin-bottom: 0.8rem;
}
.c-re-service-guide .company-condition-list .kbxcardong p:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #ddd;
  border-radius: 50%;
}

.modal-wrap .car-price-finder {
  text-align: center;
}
.modal-wrap .car-price-finder .car-price-finder-title {
  font-size: 2rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.4px;
  text-align: center;
  color: #222;
}
.modal-wrap .car-price-finder .car-price-finder-img {
  margin: 2.4rem auto 0;
  max-width: 140px;
}
.modal-wrap .car-price-finder .car-price-finder-img > img {
  width: 100%;
}
.modal-wrap .car-price-finder .car-price-finder-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.6rem;
}
.modal-wrap .car-price-finder .car-price-finder-content > img {
  width: 100%;
}
.modal-wrap .car-price-finder .car-price-finder-number {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-wrap .car-price-finder .car-price-finder-number strong {
  margin-right: 0.8rem;
  font-size: 1.8rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: -0.4px;
}
.modal-wrap .car-price-finder .car-price-finder-name {
  margin: 1.2rem 0 0.8rem;
  font-size: 2rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.4px;
  text-align: center;
}
.modal-wrap .car-price-finder .car-price-finder-time {
  font-size: 1.4rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.2px;
  text-align: center;
  color: #666;
}
.modal-wrap .car-price-finder .car-price-finder-bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2.4rem;
  font-size: 1.4rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.2px;
  color: #666;
  text-align: left;
}
.modal-wrap .car-price-finder .car-price-finder-bullet::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 1ex 0.6rem 0 0;
  width: 2px;
  height: 2px;
  background-color: #888;
}
.modal-wrap .car-price-finder .btn-rectangle {
  border-color: #ddd;
}

.car-add-section .form-area .form-item {
  margin-bottom: 1.6rem;
}
.car-add-section .form-area .form-item .inp-box input::-webkit-input-placeholder, .car-add-section .form-area .form-item .inp-box .ico-confirm::-webkit-input-placeholder {
  font-weight: 500;
  color: #888;
}
.car-add-section .form-area .form-item .inp-box input::-moz-placeholder, .car-add-section .form-area .form-item .inp-box .ico-confirm::-moz-placeholder {
  font-weight: 500;
  color: #888;
}
.car-add-section .form-area .form-item .inp-box input:-ms-input-placeholder, .car-add-section .form-area .form-item .inp-box .ico-confirm:-ms-input-placeholder {
  font-weight: 500;
  color: #888;
}
.car-add-section .form-area .form-item .inp-box input::-ms-input-placeholder, .car-add-section .form-area .form-item .inp-box .ico-confirm::-ms-input-placeholder {
  font-weight: 500;
  color: #888;
}
.car-add-section .form-area .form-item .inp-box input::placeholder, .car-add-section .form-area .form-item .inp-box .ico-confirm::placeholder {
  font-weight: 500;
  color: #888;
}
.car-add-section .bullet-list li {
  margin-top: 0.4rem;
  padding-left: 0.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  color: #666;
}
.car-add-section .bullet-list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  border-radius: 50%;
  background: #888;
}

.sell-login-section {
  display: block;
  text-align: left;
  color: #000;
}
.sell-login-section .contents-title {
  margin-bottom: 2.4rem;
  line-height: 3.2rem;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.sell-login-section .inner-body.type-link {
  margin-bottom: 0.8rem;
  padding: 2.8rem 3.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #ddd;
  background-color: #fff;
}
.sell-login-section .inner-body .inner-body-grid {
  position: relative;
}
.sell-login-section .inner-body .inner-body-grid .full-link-img {
  position: absolute;
  right: 0;
  height: auto;
  margin: 0;
}
.sell-login-section .inner-body .inner-body-grid .full-link-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-weight: 300;
}
.sell-login-section .inner-body .inner-body-grid .full-link-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.2rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sell-login-section .inner-body .inner-body-grid .full-link-desc .icon16 {
  margin-left: 0.3rem;
}
.sell-login-section .info-text {
  position: relative;
  padding-left: 0.8rem;
  color: #666;
  font-size: 1.4rem;
  letter-spacing: -0.02rem;
}
.sell-login-section .info-text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.7rem;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: #888;
}

.car-number-input {
  position: relative;
  max-width: 310px;
  aspect-ratio: 311/86;
  background: url("../images/sell/bg-car-number.png") no-repeat 0 0/100% auto;
}
.car-number-input .car-number-input-control {
  position: absolute;
  top: 14px;
  right: 42px;
  bottom: 14px;
  left: 42px;
  font-weight: 800;
  font-size: 40px;
  letter-spacing: 2px;
  text-align: center;
  color: #222;
}
.car-number-input .car-number-input-control::-webkit-input-placeholder {
  color: #eee;
}
.car-number-input .car-number-input-control::-moz-placeholder {
  color: #eee;
}
.car-number-input .car-number-input-control:-ms-input-placeholder {
  color: #eee;
}
.car-number-input .car-number-input-control::-ms-input-placeholder {
  color: #eee;
}
.car-number-input .car-number-input-control::placeholder {
  color: #eee;
}
.car-number-input .car-number-input-control:focus::-webkit-input-placeholder {
  color: transparent;
}
.car-number-input .car-number-input-control:focus::-moz-placeholder {
  color: transparent;
}
.car-number-input .car-number-input-control:focus:-ms-input-placeholder {
  color: transparent;
}
.car-number-input .car-number-input-control:focus::-ms-input-placeholder {
  color: transparent;
}
.car-number-input .car-number-input-control:focus::placeholder {
  color: transparent;
}

.car-price-section {
  padding: 50px 16px;
  background-color: #fff;
  text-align: center;
}
.car-price-section .car-price-section-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}
.car-price-section .car-price-section-title .big-text {
  margin-top: 4px;
  display: block;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.4px;
}
.car-price-section .car-number-input {
  margin: 24px auto 0;
}
.car-price-section .gap-xl {
  margin: 6.7rem auto 0 !important;
  max-width: 310px;
}

.c-new-car-price-section {
  padding: 88px 32px;
}
.c-new-car-price-section .car-number-input {
  margin: 28px auto 0;
  max-width: none;
}
.c-new-car-price-section .car-number-input .car-number-input-control {
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 50%;
  left: 0;
  padding-left: 4%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.direct-sale-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.direct-sale-banner > * + * {
  margin-left: 12px;
}
.direct-sale-banner .direct-sale-banner-img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 62px;
  height: 62px;
  aspect-ratio: 1/1;
}
.direct-sale-banner .direct-sale-banner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.direct-sale-banner .direct-sale-banner-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.4px;
  line-height: 20px;
}
.direct-sale-banner .direct-sale-banner-text > * {
  font: inherit;
}
.direct-sale-banner .direct-sale-banner-text strong {
  display: block;
  font-weight: 700;
}
.direct-sale-banner .direct-sale-banner-link {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 4px 8px;
  border-radius: 9999px;
  background-color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.mycar-status {
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 86px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 12px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.03);
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.03);
}
.mycar-status > * + * {
  margin-left: 8px;
}
.mycar-status .mycar-status-link {
  padding: 0 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.2px;
  border-radius: 9999px;
  background-color: #ffcc00;
  color: #222;
}
.mycar-status .mycar-status-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.4px;
}
.mycar-status .mycar-status-text.text-big {
  font-size: 18px;
  font-weight: 700;
}
.mycar-status .mycar-status-img {
  width: 32px;
  height: 32px;
  margin-right: 1.2rem;
}
.mycar-status .mycar-status-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mycar-status .mycar-status-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mycar-status .mycar-status-content > * + * {
  margin-top: 4px;
}

.mycar-list .swiper {
  padding: 3.2rem;
}
.mycar-list .swiper .swiper-pagination {
  margin-top: 4px;
  position: static;
}
.mycar-list .swiper .swiper-pagination-bullet {
  margin: 0 4px;
  width: 6px;
  height: 6px;
  background-color: #e2e2e2;
  opacity: 1;
}
.mycar-list .swiper .swiper-pagination-bullet-active {
  background-color: #222;
}

.c-new-mycar-list {
  padding: 3.2rem 3.2rem 4.8rem 3.2rem;
  color: #222;
  letter-spacing: 0;
}
.c-new-mycar-list .mycar-status {
  height: 8.4rem;
  padding: 0 2.4rem;
  -webkit-box-shadow: 0 0.4rem 0.6rem 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 0.4rem 0.6rem 0 rgba(0, 0, 0, 0.07);
  color: #222;
}
.c-new-mycar-list .mycar-status ~ .mycar-status {
  margin-top: 1.2rem;
}
.c-new-mycar-list .mycar-status.no-data .mycar-status-img .img-wrap {
  width: 1.7rem;
  height: 2.2rem;
}
.c-new-mycar-list .mycar-status.no-data .mycar-status-content .text {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.3rem;
}
.c-new-mycar-list .mycar-status.direct-sale {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-new-mycar-list .mycar-status.direct-sale .mycar-status-text {
  margin-top: 0;
}
.c-new-mycar-list .mycar-status .mycar-status-img {
  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: 4.8rem;
  height: 4.8rem;
  margin-right: 1.6rem;
  border-radius: 0.4rem;
  background: #eee;
}
.c-new-mycar-list .mycar-status .mycar-status-img .img-wrap {
  width: 4.34rem;
  height: 3.1rem;
}
.c-new-mycar-list .mycar-status .mycar-status-img .img-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-new-mycar-list .mycar-status .mycar-status-content {
  margin-left: 0;
  line-height: 2.5rem;
}
.c-new-mycar-list .mycar-status .mycar-status-content .text {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
}
.c-new-mycar-list .mycar-status .mycar-status-content .mycar-textgroup {
  margin-top: 0;
}
.c-new-mycar-list .mycar-status .mycar-status-content .mycar-status-text {
  line-height: 2.5rem;
  letter-spacing: 0;
}
.c-new-mycar-list .mycar-status .mycar-status-content .mycar-status-text.text-basic {
  display: block;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.c-new-mycar-list .mycar-status .mycar-status-content .mycar-status-text.text-basic.text-blue {
  color: #2589ff;
  font-weight: 500;
}
.c-new-mycar-list .mycar-status .mycar-status-content .mycar-status-text.text-basic.text-ing {
  color: #888;
}
.c-new-mycar-list .mycar-status .mycar-status-link {
  padding: 0;
  border-radius: unset;
  background-color: #fff;
}

.mycar-content {
  margin: 0 -1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 6.8rem - 3.2rem);
  height: calc(100dvh - 6.8rem - 3.2rem);
}
.mycar-content .mycar-content-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #f8f8f8;
}

.fixed-bottom-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0 -3.2rem;
  padding: 1.4rem 1.6rem;
  background-color: #f8f8f8;
  z-index: 1;
}

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

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

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

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

.service-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.service-step > li {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: center;
  padding-left: 16px;
}
.service-step > li:before {
  position: absolute;
  top: 32px;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/icon/icon16-arrow-right-black.svg") center/contain no-repeat;
  content: "";
}
.service-step > li:first-child {
  padding-left: 0;
}
.service-step > li:first-child:before {
  display: none;
}
.service-step .service-step__icon {
  background: #f7f7f7;
  border-radius: 50%;
  width: 74px;
  height: 74px;
  margin-bottom: 10px;
  line-height: 74px;
}
.service-step .service-step__cont {
  font-size: 14px;
  color: #666;
  line-height: 1.2em;
}

.intro-visual-wrap {
  margin-left: -16px;
  margin-right: -16px;
}
.intro-visual-wrap .intro-visual {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa4c6), to(#ff9db0));
  background: linear-gradient(to bottom, #ffa4c6, #ff9db0);
  text-align: center;
  padding: 32px 16px;
}
.intro-visual-wrap .intro-visual .intro-visual__desc {
  font-size: 18px;
  color: #222;
  margin-bottom: 6px;
}
.intro-visual-wrap .intro-visual .intro-visual__tit {
  font-size: 24px;
}

.intro-visual-ew {
  position: relative;
  width: 250px;
  height: 240px;
  margin: 10px auto 0;
}
.intro-visual-ew .intro-visual-ew__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--bolt1 {
  background-image: url("../images/buy/friend-ew-visual-bolt1.png?ver=202309");
  -webkit-animation: springBolt1 ease-in-out 0.4s 0.3s both;
          animation: springBolt1 ease-in-out 0.4s 0.3s both;
}
.intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--bolt2 {
  background-image: url("../images/buy/friend-ew-visual-bolt2.png?ver=202309");
  -webkit-animation: springBolt2 ease-in-out 0.4s 0.35s both;
          animation: springBolt2 ease-in-out 0.4s 0.35s both;
}
.intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--car {
  background-image: url("../images/buy/friend-ew-visual-car.png?ver=202309");
  -webkit-animation: ewCarShow ease-in-out 1s 0.3s both;
          animation: ewCarShow ease-in-out 1s 0.3s both;
}
.intro-visual-ew .intro-visual-ew__img.intro-visual-ew__img--hand {
  background-image: url("../images/buy/friend-ew-visual-hand.png?ver=202309");
  -webkit-animation: ewHandShow ease-in-out 0.4s 0.7s both;
          animation: ewHandShow ease-in-out 0.4s 0.7s both;
}
@-webkit-keyframes springBolt1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%) translateX(10%) rotate(45deg);
            transform: translateY(30%) translateX(10%) rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes springBolt1 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%) translateX(10%) rotate(45deg);
            transform: translateY(30%) translateX(10%) rotate(45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes springBolt2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%) translateX(-10%) rotate(-45deg);
            transform: translateY(30%) translateX(-10%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes springBolt2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%) translateX(-10%) rotate(-45deg);
            transform: translateY(30%) translateX(-10%) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes ewCarShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30%) translateX(-50%);
            transform: translateY(-30%) translateX(-50%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes ewCarShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30%) translateX(-50%);
            transform: translateY(-30%) translateX(-50%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes ewHandShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes ewHandShow {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.prepayment-area .form-area input, .prepayment-area .form-area .inp-box .ico-confirm, .inp-box .prepayment-area .form-area .ico-confirm {
  font-size: 1.8rem;
  height: 4.8rem;
}
.prepayment-area .info-txt {
  padding-left: 0;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  text-align: right;
  letter-spacing: 0;
}
.prepayment-area .info-txt em {
  color: #222;
}

.renewal-event-wrap {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  scroll-behavior: smooth;
  font-size: 1.4rem;
  color: #222;
}
.renewal-event-wrap .key-visual {
  padding: 0 1.6rem 4.8rem 1.6rem;
  text-align: center;
}
.renewal-event-wrap .key-visual .key-title .title {
  margin-top: 2.6rem;
  margin-bottom: 1.5rem;
  font-size: 4rem;
  font-weight: 900;
  line-height: 4.6rem;
}
.renewal-event-wrap .key-visual .key-title .desc span {
  font-weight: 300;
}
.renewal-event-wrap .key-visual .key-title .desc .date {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.renewal-event-wrap .key-visual .key-visual-img {
  margin-top: 2.5rem;
  margin-bottom: 1.2rem;
}
.renewal-event-wrap .key-visual .key-visual-img img {
  width: 100%;
}
.renewal-event-wrap .key-visual .btn-scroll-down {
  padding: 1rem 0.8rem;
  cursor: pointer;
  -webkit-animation: scrollBounce 1s infinite;
          animation: scrollBounce 1s infinite;
}
@-webkit-keyframes scrollBounce {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes scrollBounce {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.renewal-event-wrap .key-visual .event-product-img {
  margin-bottom: 3.2rem;
}
.renewal-event-wrap .key-visual .event-product-img img {
  width: 100%;
}
.renewal-event-wrap .sub-cont-box {
  padding: 4rem 2rem;
}
.renewal-event-wrap .sub-cont-box.event-guide-cont {
  background: #f8f8f8;
}
.renewal-event-wrap .sub-cont-box.event-guide-cont .cont-area {
  margin-bottom: 2rem;
}
.renewal-event-wrap .sub-cont-box.event-guide-cont .cont-area:last-child {
  margin-bottom: 0;
}
.renewal-event-wrap .sub-cont-box.notice-cont {
  padding: 1.2rem 2rem 1.6rem 2rem;
}
.renewal-event-wrap .sub-cont-box.notice-cont .tit {
  margin-bottom: 1.2rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.renewal-event-wrap .sub-cont-box.notice-cont .bullet-list.sm li {
  font-weight: 300;
  margin-top: 0.8rem;
}
.renewal-event-wrap .sub-cont-box.notice-cont .bullet-list.sm li strong {
  font-weight: 500;
}
.renewal-event-wrap .sub-cont-box .tit-area {
  display: block;
}
.renewal-event-wrap .sub-cont-box .tit-area .header-desc {
  margin-top: 0.4rem;
  line-height: 2.3rem;
  font-size: 1.6rem;
  font-weight: 300;
}
.renewal-event-wrap .sub-cont-box .sub-cont-inner {
  padding: 2rem 1.6rem;
  background: #f8f8f8;
  border-radius: 1.6rem;
}
.renewal-event-wrap .sub-cont-box .event-product-area {
  margin-bottom: 3.2rem;
}
.renewal-event-wrap .sub-cont-box .event-product-area .event-product-list {
  text-align: center;
}
.renewal-event-wrap .sub-cont-box .event-product-area .event-product-list:first-child {
  margin-bottom: 2.8rem;
}
.renewal-event-wrap .sub-cont-box .event-product-area .event-product-list:first-child .event-product-item:first-child {
  margin-right: 3.4rem;
}
.renewal-event-wrap .sub-cont-box .event-product-area .event-product-list .event-product-item {
  position: relative;
  display: inline-block;
  margin-right: 1.9rem;
}
.renewal-event-wrap .sub-cont-box .event-product-area .event-product-list .event-product-item:last-child {
  margin-right: 0;
}
.renewal-event-wrap .sub-cont-box .event-product-area .event-product-list .event-product-item .product-img {
  position: relative;
  width: 8rem;
  height: 8rem;
  margin-bottom: 0.8rem;
  border-radius: 50%;
  background: #eee;
}
.renewal-event-wrap .sub-cont-box .event-product-area .event-product-list .event-product-item .product-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
}
.renewal-event-wrap .sub-cont-box .event-product-area .event-product-list .event-product-item .product-img .product-winners-count {
  position: absolute;
  top: 4.8rem;
  right: -0.7rem;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.3rem;
  vertical-align: middle;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 50%;
  background: #ffd338;
}
.renewal-event-wrap .sub-cont-box .event-product-area .event-product-list .event-product-item .product-name {
  font-weight: 500;
  line-height: 2rem;
}
.renewal-event-wrap .sub-cont-box .cont-area {
  background: #fff;
  border-radius: 1.6rem;
  padding: 2.4rem 2rem;
}
.renewal-event-wrap .sub-cont-box .cont-area .cont-tit-area .tit {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 2.4rem;
  font-weight: 300;
}
.renewal-event-wrap .sub-cont-box .cont-area .cont-tit-area .tit strong {
  font-weight: 700;
}
.renewal-event-wrap .sub-cont-box .cont-area .cont-tit-area .desc {
  font-size: 1.4rem;
  font-weight: 300;
}
.renewal-event-wrap .sub-cont-box .cont-area .cont-tit-area .desc em {
  position: relative;
  display: inline-block;
  margin-top: 0.4rem;
  padding-left: 0.9rem;
  color: #287eff;
  font-weight: 300;
}
.renewal-event-wrap .sub-cont-box .cont-area .cont-tit-area .desc em::before {
  content: "*";
  display: block;
  position: absolute;
  top: 0.2rem;
  left: 0;
}
.renewal-event-wrap .sub-cont-box .cont-area .event-step-list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.6rem;
  padding-left: 3.4rem;
  margin-bottom: 1.4rem;
}
.renewal-event-wrap .sub-cont-box .cont-area .event-step-list li:first-child {
  margin-top: 2rem;
}
.renewal-event-wrap .sub-cont-box .cont-area .event-step-list li:last-child {
  margin-bottom: 0;
}
.renewal-event-wrap .sub-cont-box .cont-area .event-step-list li .number {
  position: absolute;
  left: 0;
  display: inline-block;
  height: 2.6rem;
  min-width: 2.6rem;
  vertical-align: middle;
  text-align: center;
  line-height: 2.6rem;
  font-size: 1.2rem;
  font-weight: 900;
  border-radius: 50%;
  border: 1px solid #444444;
  color: #444444;
}
.renewal-event-wrap .sub-cont-box .cont-area .event-step-list li .txt {
  margin-right: 0.8rem;
  font-weight: 300;
}
.renewal-event-wrap .sub-cont-box .cont-area .event-step-list li .btn-link {
  height: 2.8rem;
  padding: 0 0.8rem 0 1.2rem;
  line-height: 2.8rem;
  font-weight: 700;
  font-size: 1.4rem;
  background: #222;
  border-radius: 1.4rem;
  color: #fff;
}
.renewal-event-wrap .sub-cont-box .cont-area .event-step-list li .btn-link.bg-yellow {
  background: #ffcc00;
  color: #222;
}
.renewal-event-wrap .sub-cont-box .cont-area .event-step-list li .btn-link .icon16 {
  margin-bottom: 0.3rem;
}
.renewal-event-wrap .sub-cont-box .cont-area .info-group:first-child {
  margin-bottom: 1.2rem;
}
.renewal-event-wrap .sub-cont-box .cont-area .info-group .tit {
  display: block;
  font-weight: 300;
  line-height: 2rem;
}
.renewal-event-wrap .sub-cont-box .cont-area .info-group .date {
  font-weight: 700;
  line-height: 2rem;
}

.diagnosis-popup__tab {
  padding-bottom: 1.6rem;
}
.diagnosis-popup__tab .diagnosis-popup__tab-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  border-radius: 0;
  background: none;
  gap: 1.2rem;
}
.diagnosis-popup__tab .diagnosis-popup__tab-box .diagnosis-popup__tab-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  color: #222;
  font-size: 14px;
  line-height: 3.6rem;
  border: 1px solid #ddd;
  border-radius: 0.8rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 500;
  text-align: center;
}
.diagnosis-popup__tab .diagnosis-popup__tab-box .diagnosis-popup__tab-item.active {
  line-height: 3.4rem;
  border: 2px solid #fc0;
  font-weight: 700;
}

.diagnosis-popup__content {
  position: relative;
  padding: 0.8rem;
  color: #333;
  font-size: 15px;
  line-height: 1.4;
  overflow: auto;
}

.diagnosis-popup__content-head {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-weight: bold;
}
.diagnosis-popup__content-head.has-bullet {
  padding-left: 0.8rem;
}
.diagnosis-popup__content-head.has-bullet:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.2rem;
  height: 0.2rem;
  margin-top: -0.2rem;
  background: #333;
}

table.diagnosis-table {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px 0;
  border-style: solid;
  border-color: #f0f0f0;
  margin-top: 1.6rem;
}
table.diagnosis-table th,
table.diagnosis-table td {
  white-space: nowrap;
  padding: 1.2rem;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  font-weight: normal;
  vertical-align: middle;
}
table.diagnosis-table th + th,
table.diagnosis-table th + td,
table.diagnosis-table td + td {
  border-left: 1px solid #e6e6e6;
}
table.diagnosis-table th {
  color: #666;
  background-color: #f5f5f5;
}
table.diagnosis-table .cell-gray {
  color: #666;
  background-color: #fafafa;
}
table.diagnosis-table .cell-normal {
  white-space: normal;
  text-align: left;
}
table.diagnosis-table .table-image {
  display: block;
  width: 100%;
  max-width: 100%;
}

.diagnosis-popup__list {
  position: relative;
  padding: 0;
  list-style: none;
}
.diagnosis-popup__list li {
  position: relative;
  margin: 1rem 0 0 0;
  padding-left: 0.6rem;
}
.diagnosis-popup__list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #333;
}

.claim-guide {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.claim-guide .diagnosis-popup__section table.diagnosis-table {
  margin-top: 8px;
}
.claim-guide .diagnosis-popup__section table.diagnosis-table th,
.claim-guide .diagnosis-popup__section table.diagnosis-table td {
  color: #222;
  border-color: #ddd;
}
.claim-guide .diagnosis-popup__section table.diagnosis-table tbody tr td.cell-gray {
  padding: 0 12px;
}
.claim-guide .diagnosis-popup__section table.diagnosis-table tbody tr td.cell-normal {
  padding: 16px;
  font-weight: 300;
}
.claim-guide .diagnosis-popup__section table.diagnosis-table tbody tr td .symbol-bul .list-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.claim-guide .diagnosis-popup__section .diagnosis-popup__list li {
  font-weight: 300;
  margin-top: 8px;
}

.detail-diagnosis-procedure {
  padding: 0;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process-desc {
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: #222;
  font-weight: 500;
  padding: 1.6rem;
  background-color: #f8f8f8;
  border-radius: 1rem;
  text-align: center;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process {
  margin: 3rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2.6rem;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item {
  position: relative;
  width: 100%;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item:before {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 1.3rem;
  right: 100%;
  top: 3rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: -0.6rem;
  background: url(../images/service_guide/diagnosis_process__item_arrow.png) center center/contain no-repeat;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner .diagnosis-process__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6rem;
  height: 6rem;
  border-radius: 5rem;
  background-color: #f8f8f8;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner .diagnosis-process__icon:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  margin-bottom: 8px;
  background: url(../images/service_guide/diagnosis_process@4x.png) no-repeat;
  background-size: 118px auto;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner .diagnosis-process__icon.icon--apply:before {
  background-position: left top;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner .diagnosis-process__icon.icon--counsel:before {
  background-position: -30px top;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner .diagnosis-process__icon.icon--verify:before {
  background-position: -60px top;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner .diagnosis-process__icon.icon--compensate:before {
  background-position: -90px top;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .diagnosis-process .diagnosis-process__item-inner strong {
  display: block;
  font-size: 1.3rem;
  color: #222;
  font-weight: 500;
  margin-top: 1.3rem;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .btn-wrap {
  margin-top: 3rem;
}
.detail-diagnosis-procedure .section-diagnosis-guide--process .btn-wrap .btn-inner-tel:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background: url(../images/service_guide/diagnosis_process__item_tel.png) center center/contain no-repeat;
  vertical-align: middle;
}

.p-new-sell {
  padding: 0 0.4rem;
  color: #222;
}
.p-new-sell .head .title {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3.2rem;
}
.p-new-sell .head .text {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.3rem;
}
.p-new-sell .step-box {
  position: relative;
  margin-top: 2.4rem;
  padding: 2rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
}
.p-new-sell .step-box ~ .step-box {
  margin-top: 0.8rem;
}
.p-new-sell .step-box.type-visit {
  padding-top: 1.6rem;
}
.p-new-sell .step-box .subject {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.3rem;
}
.p-new-sell .step-box .ps {
  position: absolute;
  top: 1.75rem;
  right: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.p-new-sell .input-group .c-new-input {
  margin-top: 0.8rem;
}
.p-new-sell .data-list {
  margin-top: 1.6rem;
  padding: 2.4rem 2rem;
  border-radius: 0.6rem;
  border: 1px solid #222;
  background: #fff;
}
.p-new-sell .data-list .data-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.8rem;
}
.p-new-sell .data-list .data-group:last-child {
  margin-bottom: 0;
}
.p-new-sell .data-list .data-group .tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.6rem;
          flex: 0 0 7.6rem;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.5rem;
}
.p-new-sell .data-list .data-group .text {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.5rem;
}
.p-new-sell .schedule-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  height: 26.4rem;
  margin-bottom: -5rem;
}
.p-new-sell .schedule-img-wrap img {
  margin-right: -2rem;
}
.p-new-sell.pad0 {
  padding-left: 0;
  padding-right: 0;
}

.c-month-calendar {
  margin-top: 0.8rem;
}
.c-month-calendar table {
  width: 100%;
}
.c-month-calendar table th {
  padding: 2px 0;
  font-size: 0;
}
.c-month-calendar table th > span {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #222;
}
.c-month-calendar table td {
  padding: 2px 0;
  text-align: center;
  font-size: 0;
}
.c-month-calendar .btn-date {
  display: inline-block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  border: none;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  color: #222;
}
.c-month-calendar .btn-date:disabled {
  color: #888;
  font-weight: 300;
}
.c-month-calendar .btn-date.is-today {
  font-weight: 700;
  color: #fff;
  background-color: #222;
  border: 1px solid #222;
}
.c-month-calendar .btn-date.is-selected {
  font-weight: 300;
  background-color: #fff;
  border: 1px solid #888;
}

.c-time-list {
  margin-top: 1.6rem;
}
.c-time-list .container {
  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;
  gap: 0.8rem;
}
.c-time-list .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33.3333333333% - 0.6rem);
          flex: 0 0 calc(33.3333333333% - 0.6rem);
}
.c-time-list .btn-time {
  display: block;
  width: 100%;
  padding: 1.2rem 0.4rem;
  border-radius: 0.4rem;
  font-size: 1.8rem;
  font-weight: 300;
  text-align: center;
  border: 1px solid #fff;
  background-color: #fff;
}
.c-time-list .btn-time:disabled {
  color: #888;
  border-color: #eee;
  background-color: #eee;
}
.c-time-list .btn-time.is-active {
  color: #222;
  border-color: #222;
  background-color: #fff;
}

.type-new-point-box {
  background: #f8f8f8;
}

.sales-method-form-groups {
  color: #222;
}
.sales-method-form-groups .sales-method-selection-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
.sales-method-form-groups .sales-method-selection-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio], .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px;
  visibility: hidden;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio]:checked + label::before, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm:checked + label::before, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm:checked + label::before {
  border: 0.2rem solid #ffd338;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio]:checked + label .icon, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm:checked + label .icon, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm:checked + label .icon {
  border-color: #7d6c59;
  background-color: #7d6c59;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio]:checked + label .icon:before, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm:checked + label .icon:before, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm:checked + label .icon:before {
  width: 100%;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio] + label, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm + label, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm + label {
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-width: 1.65rem;
  height: 100%;
  padding: 1.2rem 1.2rem 2.4rem 1.2rem;
  text-align: center;
  border-radius: 0.6rem;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio] + label::before, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm + label::before, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm + label::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
  border: 0.1rem solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio] + label .icon, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm + label .icon, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm + label .icon {
  top: 1.2rem;
  left: 1.2rem;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio] + label .icon:before, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm + label .icon:before, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm + label .icon:before {
  background: url(../images/icon/icon-check-on.svg) no-repeat;
  background-size: cover;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio] + label .img, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm + label .img, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm + label .img {
  height: 7.2rem;
  margin-top: 2.8rem;
  margin-bottom: 1.6rem;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio] + label .img img, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm + label .img img, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm + label .img img {
  height: 100%;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio] + label .tit, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm + label .tit, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm + label .tit {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.5rem;
}
.sales-method-form-groups .sales-method-selection-item input[type=radio] + label .text, .sales-method-form-groups .sales-method-selection-item .inp-box [type=radio].ico-confirm + label .text, .inp-box .sales-method-form-groups .sales-method-selection-item [type=radio].ico-confirm + label .text {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
}
.sales-method-form-groups .sales-method-selection-item .info-box {
  position: relative;
  width: 100%;
  min-width: 1.65rem;
  height: 100%;
  padding: 1.6rem 2.1rem;
  border-radius: 0.6rem;
}
.sales-method-form-groups .sales-method-selection-item .info-box::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 0.6rem;
  border: 0.1rem solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sales-method-form-groups .sales-method-selection-item .tit-2 {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.3rem;
}
.sales-method-form-groups .sales-method-selection-item .text-2 {
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 2rem;
}
.sales-method-form-groups .sales-method-selection-list.col {
  display: block;
  gap: 0;
}
.sales-method-form-groups .sales-method-selection-list.col .sales-method-selection-item input[type=radio] + label, .sales-method-form-groups .sales-method-selection-list.col .sales-method-selection-item .inp-box [type=radio].ico-confirm + label, .inp-box .sales-method-form-groups .sales-method-selection-list.col .sales-method-selection-item [type=radio].ico-confirm + label {
  min-width: 100%;
  text-align: left;
  padding: 2.5rem 1.2rem 2.4rem 14.7rem;
}
.sales-method-form-groups .sales-method-selection-list.col .sales-method-selection-item input[type=radio] + label .img, .sales-method-form-groups .sales-method-selection-list.col .sales-method-selection-item .inp-box [type=radio].ico-confirm + label .img, .inp-box .sales-method-form-groups .sales-method-selection-list.col .sales-method-selection-item [type=radio].ico-confirm + label .img {
  position: absolute;
  top: 2.4rem;
  left: 3rem;
  margin-top: 0;
}
.sales-method-form-groups .sales-method-selection-list.col .sales-method-selection-item + .sales-method-selection-item {
  margin-top: 0.8rem;
}

.p-new-terms .temrs-box {
  padding: 1.6rem 2rem 2.4rem 2rem;
  border-radius: 0.8rem;
  background: #f8f8f8;
  word-wrap: break-word;
  word-break: keep-all;
}
.p-new-terms .terms-cont-desc {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.p-new-terms .terms-cont-desc b {
  font-weight: 700;
}
.p-new-terms .terms-stit {
  display: block;
  margin-top: 1.6rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.p-new-terms .terms-list-area dt {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.p-new-terms .terms-list-area dd {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.p-new-terms .terms-list-area dd.text-emphasize {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  text-decoration: underline;
}
.p-new-terms .terms-list-area.dash-list dd {
  position: relative;
  padding-left: 1rem;
}
.p-new-terms .terms-list-area.dash-list dd::before {
  position: absolute;
  left: 0;
  content: "-";
}
.p-new-terms .terms-list-area.dash-list.ty-2 dd::before {
  content: "*";
}
.p-new-terms .terms-list-area .table-area {
  border-top: 0.1rem solid #d9d9d9;
  border-bottom: 0.1rem solid #d9d9d9;
}
.p-new-terms .terms-list-area .table-area table {
  width: 100%;
}
.p-new-terms .terms-list-area .table-area table tbody tr {
  display: block;
  margin: 0.8rem 0;
}
.p-new-terms .terms-list-area .table-area table tbody tr td {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.p-new-terms .terms-list-area .table-area table tbody tr td .tit {
  font-weight: 500;
}

/* 이벤트 - 2404 */
.tvc-ad {
  margin: 0 -1.6rem -3.7rem;
  font-size: 1.4rem;
}
.tvc-ad .sub-cont img {
  width: 100%;
  display: block;
}
.tvc-ad .video-area {
  padding: 0 4.2rem;
  background: url(../images/main/2504/tvc-bg.jpg) no-repeat 0 0;
}
.tvc-ad .video-area iframe {
  border: 0.2rem solid #fdbe0f;
  border-radius: 1rem;
}
.tvc-ad .car-list {
  background-color: #fdbe0f;
  padding-left: 1.8rem;
}
.tvc-ad .car-list.type-xscroll {
  margin-right: 0;
  padding-bottom: 0;
}
.tvc-ad .car-list.type-xscroll .car-items .car-item .car-thumb {
  border: 0.1rem solid #fff;
  overflow: hidden;
  border-radius: 0.4rem 0.4rem 0 0;
}
.tvc-ad .car-list.type-xscroll .car-items .car-item .car-info {
  padding: 0.8rem 1rem 1rem 1rem;
  background-color: #fff;
  border-radius: 0 0 0.4rem 0.4rem;
}
.tvc-ad .sns-list {
  background-color: #fdbe0f;
  padding: 0 0.9rem 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.35rem;
}
.tvc-ad .sns-list > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.tvc-ad .sns-list > li > a {
  display: block;
}
.tvc-ad .sns-list .thum {
  display: block;
  margin: 0 auto;
  width: 8.1rem;
  height: 8.1rem;
  overflow: hidden;
  border: 0.1rem solid #fff;
  border-radius: 0.8rem;
}
.tvc-ad .sns-list .thum > img {
  width: 100%;
}
.tvc-ad .sns-list .sns {
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}
.tvc-ad .sns-list .sns::before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  margin: 0 auto 0.5rem;
  display: block;
  background-color: #fff;
  border-radius: 2.5rem;
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  background-size: 1.6rem 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.tvc-ad .sns-list .sns.sns-insta::before {
  background-image: url(../images/main/2504/tvc-sns-insta.png);
}
.tvc-ad .sns-list .sns.sns-facebook::before {
  background-image: url(../images/main/2504/tvc-sns-facebook.png);
}
.tvc-ad .sns-list .sns.sns-blog::before {
  background-image: url(../images/main/2504/tvc-sns-blog.png);
}
.tvc-ad .sns-list .sns.sns-youtube::before {
  background-image: url(../images/main/2504/tvc-sns-youtube.png);
}
.tvc-ad .sns-list .sns-btn {
  display: block;
  background: #000;
  height: 2.3rem;
  line-height: 2.3rem;
  border-radius: 2.3rem;
  color: #fff;
  margin: 0.5rem auto 0;
}

.tvc-ad .notice-list,
.event-2505-ad .notice-list,
.event-2509-ad .notice-list {
  padding: 5rem 1.6rem;
  background-color: #343434;
  color: #fff;
}
.tvc-ad .notice-list > dt:not(:first-of-type),
.event-2505-ad .notice-list > dt:not(:first-of-type),
.event-2509-ad .notice-list > dt:not(:first-of-type) {
  margin-top: 2rem;
}
.tvc-ad .notice-list .tit,
.event-2505-ad .notice-list .tit,
.event-2509-ad .notice-list .tit {
  font-size: 1.4rem;
  font-weight: 700;
}
.tvc-ad .notice-list .tit::before,
.event-2505-ad .notice-list .tit::before,
.event-2509-ad .notice-list .tit::before {
  content: "!";
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 1.3rem;
  background-color: #fff;
  color: #343434;
  background-color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 1.2rem;
  margin-right: 0.5rem;
}
.tvc-ad .bullet-list,
.event-2505-ad .bullet-list,
.event-2509-ad .bullet-list {
  margin-top: 1.3rem;
}
.tvc-ad .bullet-list > li,
.event-2505-ad .bullet-list > li,
.event-2509-ad .bullet-list > li {
  font-size: 1.2rem;
  line-height: 1.7rem;
}
.tvc-ad .bullet-list > li::before,
.event-2505-ad .bullet-list > li::before,
.event-2509-ad .bullet-list > li::before {
  background-color: #fff;
}

.tvc-event-pop .layer-main-pop.type-new .today-close {
  padding: 0 0 2.4rem;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item {
  border-radius: 0 !important;
  padding: 1rem 1rem 5rem;
  background-color: #fdbe0f;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  display: inline-block;
  width: 6.8rem;
  height: 5rem;
  background: url(../images/main/2504/tvc-logo.png) no-repeat 0 0;
  background-size: 100%;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con {
  position: relative;
  padding-top: 76%;
  background: url(../images/main/2504/tvc-pop-bg.jpg) no-repeat 0 0;
  background-size: 100%;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con .tvc-event-btn {
  position: absolute;
  top: 2.2rem;
  left: 4.1rem;
  right: 4.1rem;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con .tvc-event-btn > img {
  width: 100%;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win {
  background: url(../images/main/2504/tvc-pop-bg-win.jpg) no-repeat 0 0;
  background-size: 100%;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .tvc-event-btn,
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message.boom {
  display: none;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom {
  background: url(../images/main/2504/tvc-pop-bg-boom.jpg) no-repeat 0 0;
  background-size: cover;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .tvc-event-btn,
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message.win {
  display: none;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  aspect-ratio: 7.9/6;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message {
  display: block;
  position: absolute;
  top: 5.5%;
  left: 0;
  right: 0;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message .text,
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message .info, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message .text,
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message .info {
  text-align: center;
  margin: 0 auto;
  width: 70%;
  word-break: keep-all;
  white-space: normal;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message .text, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message .text {
  font-size: 1.4rem;
  height: 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;
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message .info, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message .info {
  display: block;
  margin: 0.2rem auto 0;
  font-size: 1rem;
  color: #fff;
}
@media (min-width: 525px) {
  .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message .text, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message .text {
    height: 7rem;
  }
  .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message .info, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message .info {
    margin: 1.2rem auto 0;
  }
}
@media (max-width: 350px) {
  .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message {
    top: 4.5%;
  }
}
@media (min-width: 410px) {
  .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message {
    top: 6.5%;
  }
}
@media (min-width: 475px) {
  .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.win .message, .tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con.boom .message {
    top: 8%;
  }
}
.tvc-event-pop .layer-main-pop.type-new .main-pop-content-item .tvc-event-con .message {
  display: none;
}

.tvc-event-pop {
  /* 이벤트 효과 */
  /* -----------------------------
  1. 팝업 확장
  ----------------------------- */
  /* -----------------------------
    2. 이벤트 전체 효과 영역
  ----------------------------- */
  /* -----------------------------
    Keyframes
  ----------------------------- */
  /* 팝업 튀는 느낌 */
  /* 라이트 퍼짐 */
  /* 전체 깜빡임 효과 - */
}
.tvc-event-pop .layer-main-pop {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s ease, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.tvc-event-pop .layer-main-pop.show {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.tvc-event-pop .main-pop-content {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.tvc-event-pop .main-pop-content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  will-change: opacity, transform, filter;
}
.tvc-event-pop .main-pop-content.flicker::after {
  -webkit-animation: whiteFlash 0.8s ease-out 0s 3;
          animation: whiteFlash 0.8s ease-out 0s 3;
}
.tvc-event-pop .tvc-event-con {
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.tvc-event-pop .tvc-event-con.flicker {
  -webkit-animation: flickerFlashFull 0.7s ease-out;
          animation: flickerFlashFull 0.7s ease-out;
}
.tvc-event-pop .tvc-event-con::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.2) 60%, transparent 80%);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
      -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  -webkit-filter: blur(6px);
          filter: blur(6px);
  pointer-events: none;
  z-index: 10;
}
.tvc-event-pop .tvc-event-con.effect-glow::before {
  -webkit-animation: mainBlast 0.6s ease-out forwards;
          animation: mainBlast 0.6s ease-out forwards;
}
.tvc-event-pop .tvc-event-con.effect-glow {
  -webkit-animation: bounceScale 0.8s ease-out;
          animation: bounceScale 0.8s ease-out;
}
@-webkit-keyframes bounceScale {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bounceScale {
  0% {
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes mainBlast {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0.9;
    -webkit-filter: blur(6px);
            filter: blur(6px);
  }
  40% {
    opacity: 0.6;
    -webkit-filter: blur(12px);
            filter: blur(12px);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(6);
            transform: translate(-50%, -50%) scale(6);
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
  }
}
@keyframes mainBlast {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    opacity: 0.9;
    -webkit-filter: blur(6px);
            filter: blur(6px);
  }
  40% {
    opacity: 0.6;
    -webkit-filter: blur(12px);
            filter: blur(12px);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(6);
            transform: translate(-50%, -50%) scale(6);
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
  }
}
@-webkit-keyframes flickerFlashFull {
  0% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  15% {
    opacity: 0.6;
    -webkit-filter: brightness(1.5);
            filter: brightness(1.5);
  }
  30% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  45% {
    opacity: 0.5;
    -webkit-filter: brightness(1.6);
            filter: brightness(1.6);
  }
  60% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  75% {
    opacity: 0.7;
    -webkit-filter: brightness(1.3);
            filter: brightness(1.3);
  }
  100% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
}
@keyframes flickerFlashFull {
  0% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  15% {
    opacity: 0.6;
    -webkit-filter: brightness(1.5);
            filter: brightness(1.5);
  }
  30% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  45% {
    opacity: 0.5;
    -webkit-filter: brightness(1.6);
            filter: brightness(1.6);
  }
  60% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
  75% {
    opacity: 0.7;
    -webkit-filter: brightness(1.3);
            filter: brightness(1.3);
  }
  100% {
    opacity: 1;
    -webkit-filter: brightness(1);
            filter: brightness(1);
  }
}
@-webkit-keyframes whiteFlash {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  25% {
    opacity: 0.95;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  75% {
    opacity: 0.9;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
@keyframes whiteFlash {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  25% {
    opacity: 0.95;
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  75% {
    opacity: 0.9;
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-filter: blur(1.5px);
            filter: blur(1.5px);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

/* 이벤트 - 2505 */
.event-2505-ad {
  margin: 0 -1.6rem -3.7rem;
  font-size: 1.4rem;
  background: url(../images/main/2505/event-2505-bg.jpg) no-repeat 0 0;
  background-size: cover;
}
.event-2505-ad .sub-cont img {
  width: 100%;
  display: block;
}
.event-2505-ad .video-area {
  padding: 0 4.1rem;
}
.event-2505-ad .video-area iframe {
  border: 0.3rem solid #fdbe0f;
}
.event-2505-ad .video-area.cmgt {
  margin-top: -1.3rem;
}
.event-2505-ad .car-list {
  padding-left: 2.3rem;
}
.event-2505-ad .car-list.type-xscroll {
  margin-right: 0;
  padding-bottom: 0;
}
.event-2505-ad .car-list.type-xscroll .car-items .car-item .car-thumb {
  height: 9.4rem;
  border: 0.1rem solid #fff;
  overflow: hidden;
  border-radius: 0.4rem 0.4rem 0 0;
}
.event-2505-ad .car-list.type-xscroll .car-items .car-item .car-info {
  padding: 0.8rem 1rem;
  background-color: #fff;
  border-radius: 0 0 0.4rem 0.4rem;
}
.event-2505-ad .car-list.type-xscroll .car-items .car-item .car-info .car-name {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.event-2505-ad .sns-list {
  padding: 0 3.8rem 4.5rem;
  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;
  gap: 2.1rem 1rem;
}
.event-2505-ad .sns-list > li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: calc((100% - 1rem) / 2);
  text-align: center;
}
.event-2505-ad .sns-list > li > a {
  display: block;
}
.event-2505-ad .sns-list .thum {
  display: block;
  width: 100%;
  overflow: hidden;
  border: 0.1rem solid #fff;
  border-radius: 0.5rem;
}
.event-2505-ad .sns-list .thum > img {
  width: 100%;
}
.event-2505-ad .sns-list .sns {
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}
.event-2505-ad .sns-list .sns::before {
  content: "";
  width: 4.4rem;
  height: 4.4rem;
  margin: 0 auto 1rem;
  display: block;
  border: 0.1rem solid #000;
  background-color: #fff;
  border-radius: 4.4rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2.8rem 2.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.event-2505-ad .sns-list .sns.sns-insta::before {
  background-image: url(../images/main/2505/sns-insta.png);
}
.event-2505-ad .sns-list .sns.sns-facebook::before {
  background-image: url(../images/main/2505/sns-facebook.png);
}
.event-2505-ad .sns-list .sns.sns-blog::before {
  background-image: url(../images/main/2505/sns-blog.png);
}
.event-2505-ad .sns-list .sns.sns-youtube::before {
  background-image: url(../images/main/2505/sns-youtube.png);
}
.event-2505-ad .sns-list .sns-btn {
  display: block;
  background: #000;
  height: 3.8rem;
  line-height: 3.8rem;
  border-radius: 3.8rem;
  font-size: 1.7rem;
  color: #fff;
  margin: 1rem auto 0;
}

.event-2505-pop .main-pop {
  margin-top: 1.5rem;
}
.event-2505-pop .event-2505-con {
  position: relative;
}
.event-2505-pop .event-2505-con.flash-effect::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffd700;
  -webkit-animation: flash 0.4s ease-out forwards;
          animation: flash 0.4s ease-out forwards;
  pointer-events: none;
  z-index: 10;
}
@-webkit-keyframes flash {
  0% {
    background-color: #ffd700;
    opacity: 1;
  }
  25% {
    background-color: #fff;
    opacity: 1;
  }
  50% {
    background-color: #ffd700;
    opacity: 1;
  }
  75% {
    background-color: #fff;
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    background-color: #ffd700;
    opacity: 1;
  }
  25% {
    background-color: #fff;
    opacity: 1;
  }
  50% {
    background-color: #ffd700;
    opacity: 1;
  }
  75% {
    background-color: #fff;
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.event-2505-pop .event-2505-con .event-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.event-2505-pop .event-2505-con .event-img.hidden {
  visibility: hidden;
}
.event-2505-pop .event-2505-con .btn-start {
  cursor: pointer;
  position: absolute;
  bottom: 7%;
  right: 4%;
  width: 31vw;
  height: 11vh;
  display: block;
  z-index: 10;
}
.event-2505-pop .event-2505-con .btn-start-2 {
  display: none;
  position: absolute;
  bottom: 2.2rem;
  left: 0;
  right: 0;
  z-index: 10;
}
.event-2505-pop .event-2505-con .btn-start-2 > img {
  width: calc(100% - 11.2rem);
}
.event-2505-pop .event-2505-con .btn-start:disabled {
  background-color: #999;
  cursor: not-allowed;
}
.event-2505-pop .event-2505-con .coupon-btn {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 12vh;
}

/* 이벤트 - 2509 */
.event-2509-ad {
  margin: 0 -1.6rem -3.7rem;
  font-size: 1.4rem;
  background: url(../images/main/2509/event-2509-bg.jpg) no-repeat 0 0;
  background-size: cover;
}
.event-2509-ad .sub-cont img {
  width: 100%;
  display: block;
}
.event-2509-ad .notice-list {
  background-color: #646464;
}

.event-2509-pop .main-pop {
  margin-top: 1.5rem;
}
.event-2509-pop .event-2509-con {
  position: relative;
}
.event-2509-pop .event-2509-con.flash-effect::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffd700;
  -webkit-animation: flash 0.4s ease-out forwards;
          animation: flash 0.4s ease-out forwards;
  pointer-events: none;
  z-index: 10;
}
@keyframes flash {
  0% {
    background-color: #ffd700;
    opacity: 1;
  }
  25% {
    background-color: #fff;
    opacity: 1;
  }
  50% {
    background-color: #ffd700;
    opacity: 1;
  }
  75% {
    background-color: #fff;
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.event-2509-pop .event-2509-con .event-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.event-2509-pop .event-2509-con .event-img.hidden {
  visibility: hidden;
}
.event-2509-pop .event-2509-con .btn-start {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 9vh;
  display: block;
  z-index: 10;
}
.event-2509-pop .event-2509-con .btn-start-2 {
  display: none;
  position: absolute;
  bottom: 2.2rem;
  left: 0;
  right: 0;
  z-index: 10;
}
.event-2509-pop .event-2509-con .btn-start-2 > img {
  width: calc(100% - 11.2rem);
}
.event-2509-pop .event-2509-con .btn-start:disabled {
  background-color: #999;
  cursor: not-allowed;
}
.event-2509-pop .event-2509-con .coupon-btn {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 12vh;
  z-index: 50;
}

/* 내차고 */
.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/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/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/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/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/mycar/icon24-arrow-right-white.svg") no-repeat center/contain;
}

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

.icon-emergency-call {
  background: url("../images/mycar/icon-commphone.svg") no-repeat center/contain;
}

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

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

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

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

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

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

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

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

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

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

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

.icon-tire-position-change {
  background: url("../images/mycar/icon40-tire-position-change.svg") no-repeat center/contain;
}

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

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

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

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

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

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

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

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

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

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

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

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

.icon-garage-popular-color {
  background: url("../images/mycar/icon-garage-popular-color.svg") no-repeat center/contain;
}

.icon-garage-popular-mileage {
  background: url("../images/mycar/icon-garage-popular-mileage.svg") no-repeat center/contain;
}

.icon-garage-popular-sell {
  background: url("../images/mycar/icon-garage-popular-sell.svg") no-repeat center/contain;
}

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

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

.background-image-calendar {
  background: url("../images/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/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/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/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/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/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/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;
}

/* 공통 */
.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/cm/img-mydata-service01.png");
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item.mydata-service01-block dl dt .bg-shadow {
  background-image: url("../images/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/cm/img-mydata-service02.svg");
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item.mydata-service03-block dl dt .bg-img {
  background-image: url("../images/cm/img-mydata-service03.svg");
}
.CMYCMM003 .slide-mydata-guide .mydata-service-item.mydata-service04-block dl dt .bg-img {
  background-image: url("../images/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/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/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/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/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/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;
}
.section-sign-in .form-box .form-chk-radio {
  margin: 0.2rem 2.4rem 0.2rem 0;
}
.section-sign-in .btn-area {
  padding-top: 16px;
}

.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 {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.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 {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 4rem;
}
.sign-in-sns-area .sns-area__icon img {
  width: 100%;
}
.sign-in-sns-area .sns-area__icon .icon-balloon {
  position: absolute;
  width: 5.2rem;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.sign-in-sns-area .sns-area__text {
  font-size: 0;
  text-indent: -9999px;
}

.sign-in-join-area {
  margin-top: 3.2rem;
  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;
}

.sign-in-sns-join--ty2 {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 -1.6rem;
  padding: 0 0 3.25rem 0;
  background: #f8f8f8;
  text-align: center;
}
.sign-in-sns-join--ty2 .sign-in-sns-area {
  margin-top: 4.15rem;
}
.sign-in-sns-join--ty2 .sign-in-sns-area .sns-area__tit {
  font-weight: 700;
}
.sign-in-sns-join--ty2 .sign-in-sns-area .sns-area__item {
  margin-left: 2.4rem;
}
.sign-in-sns-join--ty2 .sign-in-sns-area .sns-area__item:first-child {
  margin-left: 0;
}
.sign-in-sns-join--ty2 .link-area {
  margin-top: 3.2rem;
}
.sign-in-sns-join--ty2 .link-area li {
  position: relative;
  display: inline-block;
}
.sign-in-sns-join--ty2 .link-area li + li {
  margin-left: 1.2rem;
  padding-left: 1.2rem;
}
.sign-in-sns-join--ty2 .link-area li + li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.3rem;
  background: #ddd;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sign-in-sns-join--ty2 .link-area li a {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}

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

/***** 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: inherit;
  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/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-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/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/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/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/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/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/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/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/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/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/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 .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/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/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: inherit;
}
.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/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 {
  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/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/mycar/bg-tire.png") right bottom/34.3rem auto no-repeat #fff;
}
.CMYMGA001_submain .subcont-box.membership-area {
  background: url("../../images/mycar/image_membership.png") right 2.4rem top 2.4rem/9.9rem auto no-repeat #fff;
}
.CMYMGA001_submain .submain-summary {
  margin-top: -4.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/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/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/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/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/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/mycar/banner-mydata-particle.png") center/contain no-repeat;
}
.link-intro-mydata .visual .hand {
  width: 6.8rem;
  height: 7.9rem;
  background: url("../images/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/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/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/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/icon/icon20-mycar.svg");
}
.mymenu-link-area .mymenu-link.type-membership:before {
  background-image: url("../images/icon/icon20-gift.svg");
}
.mymenu-link-area .mymenu-link.type-event:before {
  background-image: url("../images/icon/icon20-event.svg");
}

[data-page-name=searchNewcar] {
  padding-top: 3.9rem;
}
[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/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/search/logo-cardong.png") center center/contain no-repeat;
}

[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: 4.8rem 1.6rem 11.7rem;
  -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;
  overflow: auto;
}
[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;
  margin: 2.4rem 0 4rem;
}
[data-page-name=bridgeNewcar] .point-box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
[data-page-name=bridgeNewcar] .point-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-logo.type-carvil, [data-page-name=bridgeNewcar] .bridge-logo.type-baron {
  height: 2.6rem;
}
[data-page-name=bridgeNewcar] .bridge-tit {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
}
[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.6rem;
}
[data-page-name=bridgeNewcar] .bridge-category-tag {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #eaeafa;
  padding: 0 0 0 1.6rem;
  min-height: 3.3rem;
  border-radius: 10rem;
}
[data-page-name=bridgeNewcar] .bridge-category-tag > span {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
[data-page-name=bridgeNewcar] .bridge-category-tag > img {
  display: inline-block;
  min-width: 3rem;
  vertical-align: middle;
  height: 3.3rem;
  margin: 0 -1.6rem 0 0;
}
[data-page-name=bridgeNewcar] .bridge-count-num {
  display: block;
  font-size: 6.8rem;
  font-weight: 700;
  line-height: 7.6rem;
}
[data-page-name=bridgeNewcar] .point-box {
  text-align: left;
}

[data-page-name=pFilterOption] .balloon-box,
.filter-select-content .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;
}

.total-search-result {
  display: none;
}

.is-searching .total-search-body {
  display: none;
}
.is-searching .total-search-result {
  display: block;
}

.total-search-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 1.6rem 4rem;
  margin: 0 -1.6rem;
  overflow: auto;
}

.keyword-search-area .btn-round span.txt {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 16rem;
}

.total-search-guide-txt {
  padding: 0.8rem 0 2.4rem 4rem;
}

.search-option-area {
  margin: 0 -1.6rem;
}

.search-option-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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 0.1rem solid #eee;
  padding: 1.6rem;
}
.search-option-item:last-child {
  border-bottom: 0;
}
.search-option-item .inner-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;
  width: 10rem;
}
.search-option-item .inner-tit > span,
.search-option-item .inner-tit > strong {
  vertical-align: middle;
  font: inherit;
}
.search-option-item .inner-tit .btn-tooltip {
  position: relative;
  z-index: 2;
}
.search-option-item .inner-cont {
  z-index: 2;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
  font-size: 0;
}
.search-option-item .inner-cont .tag-txt-area {
  display: inline-block;
}
.search-option-item .inner-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.search-option-item .inner-link {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  text-indent: -999px;
}

.btn-floating2 {
  z-index: 9999;
  position: fixed;
  bottom: 7.2rem;
  right: 1rem;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background: url("../images/icon/icon24-arrow-top-double.svg") center/2.4rem auto no-repeat rgba(0, 0, 0, 0.6);
  -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);
  -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;
}
.btn-floating2.has-btns {
  bottom: 9.2rem;
}
.btn-area.bottom-fixed.is-hide ~ .btn-floating2.has-btns {
  -webkit-transform: translateY(5.2rem);
      -ms-transform: translateY(5.2rem);
          transform: translateY(5.2rem);
}
.added-footer ~ .btn-floating2.has-btns {
  bottom: 15rem;
}
.added-footer ~ .btn-area.bottom-fixed.is-hide ~ .btn-floating2.has-btns, .added-footer ~ .modal-footer.is-hide ~ .btn-floating2.has-btns {
  -webkit-transform: translateY(11rem);
      -ms-transform: translateY(11rem);
          transform: translateY(11rem);
}
.btn-floating2.is-hide {
  opacity: 0;
}

.selection-color-list {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1.2rem 0;
}
.selection-color-list .selection-color-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  min-width: 25%;
  text-align: center;
  padding: 1.2rem 1rem;
}
.selection-color-list.selection-color-list--ty2 .color-checkbox > .icon-color:after {
  background: url("../images/icon/icon-check-white-big-2.svg") center/4rem auto no-repeat;
}
.selection-color-list.selection-color-list--ty2 .color-checkbox > .icon-color.color-white:after {
  background: url("../images/icon/icon-check-light-gray-big-2.svg") center/4rem auto no-repeat;
}
.selection-color-list.selection-color-list--ty2 .color-checkbox > .icon-color.color-pearl:after, .selection-color-list.selection-color-list--ty2 .color-checkbox > .icon-color.color-yellow:after {
  background: url("../images/icon/icon-check-gray-big-2.svg") center/4rem auto no-repeat;
}

.selection-color-item .color-checkbox {
  width: 100%;
  height: 100%;
}

.color-checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.color-checkbox > input, .inp-box .color-checkbox > .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);
}
.color-checkbox > input:checked ~ .icon-color:after, .inp-box .color-checkbox > .ico-confirm:checked ~ .icon-color:after {
  opacity: 1;
}
.color-checkbox > input:checked ~ .desc, .inp-box .color-checkbox > .ico-confirm:checked ~ .desc {
  font-weight: 700;
}
.color-checkbox > input:disabled ~ .tit, .inp-box .color-checkbox > .ico-confirm:disabled ~ .tit,
.color-checkbox > input:disabled ~ .desc,
.inp-box .color-checkbox > .ico-confirm:disabled ~ .desc {
  color: #aaa;
}
.color-checkbox > .icon-color {
  position: relative;
  display: block;
  margin: 0 auto 0.8rem;
}
.color-checkbox > .icon-color:after {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/icon/icon-check-light-gray-big.svg") center/4rem auto no-repeat;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.1s;
  transition: opacity ease-in-out 0.1s;
  content: "";
}
.color-checkbox > .icon-color.color-silver:after, .color-checkbox > .icon-color.color-pearl:after, .color-checkbox > .icon-color.color-yellow:after {
  background: url("../images/icon/icon-check-gray-big.svg") center/4rem auto no-repeat;
}
.color-checkbox > .tit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  display: block;
}
.color-checkbox > .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.3rem;
}

.header-added .main-searchbox {
  margin: 0.6rem 0 1.4rem;
}

.search-word-area {
  position: absolute;
  top: 50%;
  left: 10px;
  max-width: calc(100% - 57px);
  overflow: hidden;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 0;
}
.search-word-area + .btn-search {
  width: 100%;
  background-position: right 1.2rem center !important;
}
.search-word-area:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 32px;
  display: block;
  background: linear-gradient(to left, #fff7d9 30%, rgba(255, 247, 217, 0) 10px);
  content: "";
}
.search-word-area .search-word:before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  outline: 7px solid #fff;
  border-radius: 16px;
  pointer-events: none;
  content: "";
}

.search-word {
  position: relative;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  padding: 0 10px;
  background: #fff7d9;
  border-radius: 16px;
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
}
.search-word .category {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  color: #222;
  vertical-align: middle;
}
.search-word .category:after {
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 16px;
  background: #fc0;
  margin: -1px 3px 0 5px;
  content: "";
}
.search-word .name {
  vertical-align: middle;
}

.search-keyword-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 3.2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.1rem solid #aaa;
  border-radius: 1.6rem;
  padding: 0 3.2rem 0 1rem;
  font-size: 1.4rem;
}
.search-keyword-link:after {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  margin-top: -0.8rem;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon16-arrow-right-black-bold.svg") center/contain no-repeat;
  content: "";
}
.search-keyword-link > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 0.6rem;
}
.search-keyword-link .tit {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-right: 0.1rem solid #fc0;
  line-height: 1.6rem;
  height: 1.6rem;
  font-weight: 700;
  font-size: 1.2rem;
}
.search-keyword-link .inner-track {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}
.search-keyword-link .txt {
  white-space: nowrap;
  color: #222;
}
.search-keyword-link.active {
  border-color: #fc0;
}
.search-keyword-link.active .txt {
  color: #666;
}
.header-added .search-keyword-link {
  margin: 0.8rem 0 1.6rem;
}

.conditions-info-box {
  z-index: 10;
  position: fixed;
  top: 9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  white-space: nowrap;
}
.conditions-info-box.type-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 1.2rem;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.conditions-info-box .inner {
  padding: 0.5rem 1.6rem;
  border-radius: 10rem;
  font-size: 1.4rem;
  font-weight: 300;
  color: #222;
  background-color: #f8f8f8;
}
.conditions-info-box .inner .subject {
  font-size: 1.4rem;
  font-weight: 300;
  text-decoration: underline;
}
.conditions-info-box .tooltip-wrap {
  display: inline-block;
  margin-left: 0.1rem;
  margin-top: -0.1rem;
}
.conditions-info-box .tooltip-wrap .tooltip {
  margin-top: -0.3rem;
}
.conditions-info-box .tooltip-wrap .tooltip.ps-center-right {
  right: 50%;
  -webkit-transform: translate(7.8rem, 1rem);
      -ms-transform: translate(7.8rem, 1rem);
          transform: translate(7.8rem, 1rem);
}

.conditions-info-txt {
  padding-top: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: #666;
  vertical-align: middle;
}

.conditions-car-price {
  float: right;
  text-align: right;
}
.conditions-car-price .car-price-txt {
  display: block;
  padding-top: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  color: #ff4d00;
}
@media all and (max-width: 370px) {
  .conditions-car-price .car-price-txt {
    padding-top: 0.2rem;
  }
}

/* 2024 검색 고도화 */
/*
  pub 최상위 클래스: .body-mfilter
  popup 최상위 클래스: .body-pop-filter
  [D] 최상위 클래스는 기존 공통 레이아웃 수정이 발생시 사용하는 방향으로 함

  컴포넌트 네이밍 규칙
  c-mfilter-{name}
*/
.body-mfilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100dvh;
}
.body-mfilter .content-header {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0;
  height: auto;
}
.body-mfilter .content-header.type-sticky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.body-mfilter .content-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  overflow: hidden;
}
.body-mfilter .content-body .content {
  padding: 1.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #fff;
  overflow: auto;
}
.body-mfilter .c-mfilter-filter-group:first-of-type {
  margin-top: 0;
}
.body-mfilter .form-checkbox .icon {
  width: 1.8rem;
  height: 1.8rem;
}
.body-mfilter .c-mfilter-form-groups {
  margin-top: 2.2rem;
  padding: 0;
}

.body-mfilter-search.content-header .header-text {
  padding-left: 0;
  padding-right: 0;
}
.body-mfilter-search .dropmenu-area .btn-icon {
  padding: 0 0.4rem;
}
.body-mfilter-search .dropmenu-area .btn-icon .icon24 {
  margin-left: 0.3rem;
}
.body-mfilter-search .dropmenu-area .dot-new {
  top: 0.7rem;
  right: 0.7rem;
}
.body-mfilter-search .dropmenu-area .dropmenu-list .dropmenu-btn.form-radio input[type=radio]:checked ~ .txt, .body-mfilter-search .dropmenu-area .dropmenu-list .dropmenu-btn.form-radio .inp-box [type=radio].ico-confirm:checked ~ .txt, .inp-box .body-mfilter-search .dropmenu-area .dropmenu-list .dropmenu-btn.form-radio [type=radio].ico-confirm:checked ~ .txt {
  font-weight: bold;
}

.body-pop-filter .type-page .modal-header {
  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: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}
.body-pop-filter .type-page .modal-header .header-top-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;
  width: 100%;
}
.body-pop-filter .type-page .modal-header .btn-history-back {
  margin-right: 1.6rem;
}
.body-pop-filter .type-page .modal-header .header-tit {
  -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;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.body-pop-filter .type-page .modal-header .btn-header-wrap .header-link {
  display: block;
  height: 100%;
}
.body-pop-filter .modal-header .modal-reset {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2rem;
  line-height: 2rem;
  margin-left: auto;
  margin-right: 4rem;
  padding: 0.8rem;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.body-pop-filter .modal-header .modal-reset::after {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.2rem;
  margin-top: -0.1rem;
  background: url("../images/icon/icon_reset.svg") no-repeat 50% 50%;
}
.body-pop-filter .modal-body .form-area .form-tit-area {
  color: #666;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input::-webkit-input-placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm::-webkit-input-placeholder {
  font-weight: 500;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input::-moz-placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm::-moz-placeholder {
  font-weight: 500;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input:-ms-input-placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm:-ms-input-placeholder {
  font-weight: 500;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input::-ms-input-placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm::-ms-input-placeholder {
  font-weight: 500;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input::placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm::placeholder {
  font-weight: 500;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input:focus::-webkit-input-placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm:focus::-webkit-input-placeholder {
  color: transparent;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input:focus::-moz-placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm:focus::-moz-placeholder {
  color: transparent;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input:focus:-ms-input-placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm:focus:-ms-input-placeholder {
  color: transparent;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input:focus::-ms-input-placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm:focus::-ms-input-placeholder {
  color: transparent;
}
.body-pop-filter .modal-body .form-area .form-item .inp-box input:focus::placeholder, .body-pop-filter .modal-body .form-area .form-item .inp-box .ico-confirm:focus::placeholder {
  color: transparent;
}
.body-pop-filter .body-mfilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  height: 100dvh;
  overflow: auto;
}
.body-pop-filter .filter-select-area {
  position: relative;
  z-index: 100;
  height: 100vh;
  height: var(--vh);
}
.body-pop-filter .filter-select-area.type-full .filter-select-inner {
  height: 100%;
  margin: 0;
}
.body-pop-filter .filter-select-area .filter-main-area {
  margin-top: 1rem;
}
.body-pop-filter .filter-select-area .c-mfilter-selection-list.has-counting {
  height: 100%;
  padding-bottom: 7.6rem;
}
.body-pop-filter .c-mfilter-selection-list .form-checkbox .icon {
  width: 1.8rem;
  height: 1.8rem;
}
.body-pop-filter .c-mfilter-range-slider {
  margin-top: 1.1rem;
}
.body-pop-filter .c-mfilter-range-slider .c-mfilter-range-slider-control.noUi-horizontal {
  margin: 0 3rem 0 0.8rem;
}
.body-pop-filter .c-mfilter-range-slider .c-mfilter-range-slider-control.noUi-horizontal .noUi-connects {
  width: calc(100% + 2.2rem);
}
.body-pop-filter .c-mfilter-range-slider .c-mfilter-range-slider-input-group {
  margin-top: 3.6rem;
}

.c-mfilter-top-wrap {
  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: 0.6rem 0;
}
.c-mfilter-top-wrap .btn-header-wrap {
  margin: -0.7rem 0;
}

.c-mfilter-filter-group {
  margin-top: 1.6rem;
}
.c-mfilter-filter-group .accordion-list-wrap {
  margin-top: 0;
}
.c-mfilter-filter-group .model-select-item.active .model-select-cont strong {
  font-weight: 700;
  border-bottom: 1px solid #ffcc00;
}
.c-mfilter-filter-group .model-select-item .model-select-util > span {
  font-size: 1.4rem;
}
.c-mfilter-filter-group:first-child {
  margin-top: 0;
}

.c-mfilter-type-select .accordion-list-wrap {
  margin-top: -1rem;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap.toggle-active .model-select-item .model-select-cont strong {
  font-weight: 500;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item input:checked ~ .model-select-cont strong, .c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .inp-box .ico-confirm:checked ~ .model-select-cont strong, .inp-box .c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .ico-confirm:checked ~ .model-select-cont strong {
  font-weight: 700;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item input:disabled:checked ~ .model-select-thumb .icon, .c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .inp-box .ico-confirm:disabled:checked ~ .model-select-thumb .icon, .inp-box .c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .ico-confirm:disabled:checked ~ .model-select-thumb .icon {
  border-color: #ddd;
  font-weight: 500;
  background: url("../images/icon/icon-check-gray.svg") 0 0/cover no-repeat #fff;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item input:disabled:checked ~ .model-select-cont strong, .c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .inp-box .ico-confirm:disabled:checked ~ .model-select-cont strong, .inp-box .c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .ico-confirm:disabled:checked ~ .model-select-cont strong {
  font-weight: 500;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .model-select-thumb {
  margin-right: 0.6rem;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .model-select-util {
  font-size: 1.4rem;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .model-select-cont strong {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.1rem;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item .model-select-cont strong .btn-round {
  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-left: 0.7rem;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list .accordion-wrap .model-select-item.accordion-header {
  padding-left: 0;
}
.c-mfilter-type-select .accordion-list-wrap .model-select-list.depth2 .model-select-item {
  padding-left: 3.4rem;
}

.c-mfilter-flag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2rem;
  padding: 0 8px;
  margin-bottom: 0.4rem;
  border-radius: 1.8rem;
  border: 1px solid #666;
}
.c-mfilter-flag .text {
  font-size: 1.2rem;
  font-weight: 700;
  color: #222;
}
.c-mfilter-flag.skeleton-loading {
  border: none;
  border-radius: 0;
}
.c-mfilter-flag .model-select-item.active strong {
  font-weight: 700;
  border-bottom: 1px solid #ffcc00;
}

.c-mfilter-model-list {
  margin-top: -1rem;
}
.c-mfilter-model-list .model-select-item {
  padding-left: 0;
}
.c-mfilter-model-list .model-select-item .model-select-btn {
  height: 100%;
}
.c-mfilter-model-list .model-select-item .model-select-thumb {
  margin-right: 1rem;
}
.c-mfilter-model-list .model-select-item .model-select-thumb .icon {
  margin-right: 1rem;
}
.c-mfilter-model-list .model-select-item .model-select-cont {
  padding: 1rem 0 1.5rem 0;
  font-weight: 400;
}
.c-mfilter-model-list .model-select-item .model-select-cont .model-select-desc {
  padding: 0.4rem 0;
  line-height: 1.6rem;
}
.c-mfilter-model-list .model-select-item .model-select-cont strong {
  line-height: 2.4rem;
  font-size: 1.6rem;
}
.c-mfilter-model-list .model-select-item .model-select-util {
  font-size: 1.4rem;
}

.c-mfilter-category {
  margin-bottom: 0.4rem;
}
.c-mfilter-category span {
  height: 2rem;
  line-height: 2rem;
  padding: 0 8px;
  border-radius: 1.8rem;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: 700;
  color: #222;
  border: 1px solid #666;
}

.c-mfilter-top-location {
  display: inline-block;
  border-radius: 1.6rem;
  background: #f8f8f8;
}
.c-mfilter-top-location .depth {
  float: left;
  position: relative;
  display: block;
  padding-right: 1.7rem;
  padding: 0.8rem 1rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 500;
  color: #aaa;
}
.c-mfilter-top-location .depth ~ .depth {
  margin-left: 0.4rem;
}
.c-mfilter-top-location .depth:first-child {
  padding-left: 1.6rem;
}
.c-mfilter-top-location .depth:last-child {
  padding-right: 1.6rem;
}
.c-mfilter-top-location .depth:last-child::after {
  display: none;
}
.c-mfilter-top-location .depth.is-active {
  color: #222;
}
.c-mfilter-top-location .depth::after {
  content: "";
  position: absolute;
  right: -0.4rem;
  top: 50%;
  display: block;
  width: 0.5rem;
  height: 0.7rem;
  margin-top: -0.4rem;
  background: url("../images/search/icon-triangle-arrow.svg") no-repeat;
}

.c-mfilter-input {
  position: relative;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  border: 1px solid #ffcc00;
  border-radius: 9px;
  overflow: hidden;
}
.c-mfilter-input::after {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  display: block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon-search.svg") no-repeat 0 0;
  background-size: 100%;
}
.c-mfilter-input .c-mfilter-input-placeholder {
  width: 100%;
  padding-left: 2.4rem;
  color: #888;
  font-size: 1.4rem;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 2rem !important;
  margin-top: 1px;
}

.c-mfilter-search {
  padding: 4px 1.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-mfilter-search .btn-history-back {
  margin-right: 1.6rem;
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
}
.c-mfilter-search .c-mfilter-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-mfilter-recent-search {
  position: relative;
  padding: 0 1.6rem;
  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: 45px;
  border-bottom: 1px solid #ddd;
}
.c-mfilter-recent-search .skeleton-loading {
  width: 100%;
  height: 1.6rem;
}
.c-mfilter-recent-search .c-mfilter-recent-search-title {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  padding: 1rem 2rem 1.4rem 1rem;
  font-size: 1.4rem;
  font-weight: 300;
  color: #222;
}
.c-mfilter-recent-search .c-mfilter-recent-search-title > * + * {
  margin-left: 6px;
}
.c-mfilter-recent-search .c-mfilter-recent-search-title > strong {
  font-weight: 300;
}
.c-mfilter-recent-search .c-mfilter-recent-search-title .c-mfilter-recent-search-count {
  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: 2rem;
  height: 2rem;
  border-radius: 9999px;
  background-color: #eee;
  color: #222;
}
.c-mfilter-recent-search .c-mfilter-recent-search-title .c-mfilter-recent-search-count + .icon-arrow-right-black-bold {
  margin-left: 8px;
}
.c-mfilter-recent-search .c-mfilter-recent-search-switch {
  margin-left: -8px;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: normal;
      align-self: normal;
  color: #888;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.15px;
}
.c-mfilter-recent-search .c-mfilter-recent-search-switch .form-switch {
  margin-right: 8px;
}
.c-mfilter-recent-search.c-mfilter-recent-search--ty2 {
  padding: 0 0.4rem;
  border-bottom: 0;
}
.c-mfilter-recent-search.c-mfilter-recent-search--ty2 .c-mfilter-recent-search-title {
  position: relative;
  top: auto;
  right: auto;
  padding: 1.2rem 0 0;
}
.c-mfilter-recent-search.c-mfilter-recent-search--ty2 .c-mfilter-recent-search-title > strong {
  text-decoration: underline;
}
.c-mfilter-recent-search.c-mfilter-recent-search--ty2 .c-mfilter-recent-search-title .c-mfilter-recent-search-count {
  margin-left: 0.8rem;
}

.c-mfilter-nav {
  width: 90px;
  background-color: #f8f8f8;
  border-right: 1px solid #eee;
}
.c-mfilter-nav .c-mfilter-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100%;
  overflow: auto;
}
.c-mfilter-nav .c-mfilter-nav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 48px;
  color: #222;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.4px;
}
.c-mfilter-nav .c-mfilter-nav-item.is-active {
  background-color: #fff;
}
.c-mfilter-nav .c-mfilter-nav-item.is-active span {
  font-weight: bold;
}
.c-mfilter-nav .c-mfilter-nav-item .is-dot {
  position: relative;
}
.c-mfilter-nav .c-mfilter-nav-item .is-dot::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  width: 4px;
  height: 4px;
  background-color: #ff0000;
  border-radius: 9999px;
}
.c-mfilter-nav .c-mfilter-nav-item .skeleton-loading {
  width: calc(100% - 3.4rem);
  height: 2rem;
}
.c-mfilter-nav .c-mfilter-nav-link {
  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;
  padding: 10px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: #222;
}
.c-mfilter-nav .c-mfilter-nav-link .icon16 {
  margin-left: 4px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.c-mfilter-nav .c-spacer {
  width: auto;
  margin: 12px 1.6rem;
}

.c-mfilter-model {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 0 12px 8px;
  line-height: 1;
}
.c-mfilter-model > * + * {
  margin-left: 6px;
}
.c-mfilter-model .c-mfilter-model-thumb {
  width: 30px;
  height: 30px;
}
.c-mfilter-model .c-mfilter-model-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-mfilter-model .c-mfilter-model-col.col-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-mfilter-model .c-mfilter-model-name {
  font-size: 1.6rem;
  font-weight: 500;
  color: #222;
}
.c-mfilter-model .c-mfilter-model-number {
  font-size: 14px;
  color: #666;
}
.c-mfilter-model .c-mfilter-model-link {
  position: absolute;
  inset: 0;
  color: transparent;
}

.c-mfilter-list .c-mfilter-list-item {
  border-top: 1px solid #eee;
}
.c-mfilter-list .c-mfilter-list-item:first-child {
  border: none;
}

.c-mfilter-filter-wrap {
  overflow: hidden;
  width: calc(100% + 1.6rem);
  margin: 0 -0.8rem;
}
.c-mfilter-filter-wrap.is-sticky {
  padding-bottom: 4.6rem;
}
.c-mfilter-filter-wrap.is-sticky .type-new-filter {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: #fff;
}

.c-mfilter-filter {
  position: relative;
}
.c-mfilter-filter.type-new-filter {
  padding: 0.5rem 0;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-container {
  padding: 0 1.3rem 0 8.4rem;
  font-size: 0;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-container::-webkit-scrollbar {
  display: none;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-container::before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 3.2rem;
  height: 100%;
  content: "";
  background: #fff;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-container::after {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 6.5rem;
  display: block;
  width: 3.2rem;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-item {
  vertical-align: middle;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-item.has-fixed {
  z-index: 2;
  position: absolute;
  top: 0.5rem;
  left: 1.6rem;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-item ~ .c-mfilter-filter-item {
  margin: 0;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn {
  display: inline-block;
  line-height: 2rem;
  padding: 0.6rem 0.4rem;
  background-color: #fff;
  border-radius: 0;
  border: 0.1rem solid transparent !important;
  font-family: inherit;
  font-size: 0;
  vertical-align: middle;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn.has-condition {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  border-radius: 10rem;
  border-color: #666 !important;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn.has-condition [class*=icon-]:first-child {
  margin: 0 0.2rem 0 -0.2rem;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn.has-condition .icon-filter {
  background-image: url("../images/icon/icon16-filter-black.svg");
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn.is-active .text,
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn.is-active .system {
  font-weight: 700;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn .text,
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn .system {
  vertical-align: middle;
  font-size: 1.4rem;
  font-weight: 400;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn .system {
  vertical-align: baseline;
  margin-right: 0.2rem;
}
.c-mfilter-filter.type-new-filter .c-mfilter-filter-btn .icon12 {
  margin-left: 0.2rem;
}
.c-mfilter-filter.type-new-filter.type-b-filter {
  padding: 0.8rem 0 1.2rem;
}
.c-mfilter-filter.type-new-filter.type-b-filter::after {
  content: "";
  position: absolute;
  top: 0;
  left: 8.4rem;
  width: 1rem;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container {
  padding: 0 1.6rem 0 8.4rem;
  z-index: 1;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item {
  background-color: #fff;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item.has-fixed {
  top: 0.8rem;
  z-index: 3;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item.has-fixed .c-mfilter-filter-btn.has-condition {
  background-color: #222;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item.has-fixed .c-mfilter-filter-btn.has-condition [class*=icon-]:first-child {
  margin: 0 0.4rem 0 0;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item.has-fixed .c-mfilter-filter-btn.has-condition .icon-filter {
  background-image: url("../images/icon/icon16-filter-white.svg");
  background-color: #222;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item.has-fixed .c-mfilter-filter-btn.has-condition .text {
  color: #fff;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item .c-mfilter-filter-btn {
  border: 0.1rem solid #222 !important;
  border-radius: 10rem;
  padding: 0.7rem 1rem 0.7rem 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item .c-mfilter-filter-btn .icon12 {
  margin-left: 0.4rem;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item .c-mfilter-filter-btn .icon-arrow-gray {
  background: url("../images/icon/icon12-arrow-black-down.svg") no-repeat;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item .c-mfilter-filter-btn .text {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item .c-mfilter-filter-btn.is-active .text {
  font-weight: 700;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item .c-mfilter-filter-btn.is-active .icon-arrow-gray {
  display: none;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container .c-mfilter-filter-item + .c-mfilter-filter-item {
  margin-left: 0.8rem;
}
.c-mfilter-filter.type-new-filter.type-b-filter .c-mfilter-filter-container::after {
  display: none;
}
.c-mfilter-filter .c-mfilter-filter-container {
  overflow-x: auto;
  padding: 0.8rem 1.6rem;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.c-mfilter-filter .c-mfilter-filter-item {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}
.c-mfilter-filter .c-mfilter-filter-item ~ .c-mfilter-filter-item {
  margin-left: 0.8rem;
}
.c-mfilter-filter .c-mfilter-filter-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem;
  line-height: 3rem;
  border: 1px solid #666;
  border-radius: 0.8rem;
}
.c-mfilter-filter .c-mfilter-filter-btn.is-active {
  border-color: #ffcc00;
}
.c-mfilter-filter .c-mfilter-filter-btn.is-active .filter-reset {
  width: 1.6rem;
  height: 1.6rem;
}
.c-mfilter-filter .c-mfilter-filter-btn.is-active .filter-reset .icon16 {
  margin-top: -0.3rem;
  margin-left: 0.3rem;
}
.c-mfilter-filter .c-mfilter-filter-btn .text,
.c-mfilter-filter .c-mfilter-filter-btn .system {
  font-weight: 500;
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
  color: #222;
}
.c-mfilter-filter .c-mfilter-filter-btn .icon16.icon-arrow-right-black-bold {
  margin-left: 0.4rem;
  margin-right: -0.4rem;
}
.c-mfilter-filter .c-mfilter-filter-btn .icon16.icon-filter {
  margin-right: 0.4rem;
  background: #fff url("../images/icon/icon16-filter.svg") no-repeat 50% 50%;
}

.c-mfilter-form-groups {
  position: relative;
  padding: 1rem 0 2rem 0;
}
.c-mfilter-form-groups.has-no-gap {
  margin-top: 0;
}
.c-mfilter-form-groups .subcont-division {
  margin: 2rem 0;
  border-color: #eee;
}
.c-mfilter-form-groups .form-radio,
.c-mfilter-form-groups .form-checkbox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 2.4rem;
  padding-left: 1.8rem;
}
.c-mfilter-form-groups .form-radio .icon,
.c-mfilter-form-groups .form-checkbox .icon {
  top: 0.3rem;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  width: 1.8rem;
  height: 1.8rem;
}
.c-mfilter-form-groups .form-radio .txt,
.c-mfilter-form-groups .form-checkbox .txt {
  margin-top: 0;
  margin-left: 0.6rem;
  line-height: inherit;
}
.c-mfilter-form-groups .form-radio .txt .txt-sub,
.c-mfilter-form-groups .form-checkbox .txt .txt-sub {
  display: block;
  margin-top: 0.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #666;
}
.c-mfilter-form-groups .form-radio .txt > strong,
.c-mfilter-form-groups .form-checkbox .txt > strong {
  font-weight: inherit;
}
.c-mfilter-form-groups .form-radio .added,
.c-mfilter-form-groups .form-checkbox .added {
  position: absolute;
  top: 0;
  right: 0;
  line-height: inherit;
}
.c-mfilter-form-groups .form-radio input:checked ~ .txt, .c-mfilter-form-groups .form-radio .inp-box .ico-confirm:checked ~ .txt, .inp-box .c-mfilter-form-groups .form-radio .ico-confirm:checked ~ .txt,
.c-mfilter-form-groups .form-checkbox input:checked ~ .txt,
.c-mfilter-form-groups .form-checkbox .inp-box .ico-confirm:checked ~ .txt,
.inp-box .c-mfilter-form-groups .form-checkbox .ico-confirm:checked ~ .txt {
  font-weight: bold;
}
.c-mfilter-form-groups .form-radio input:disabled ~ .txt, .c-mfilter-form-groups .form-radio .inp-box .ico-confirm:disabled ~ .txt, .inp-box .c-mfilter-form-groups .form-radio .ico-confirm:disabled ~ .txt,
.c-mfilter-form-groups .form-radio input:disabled ~ .added,
.c-mfilter-form-groups .form-radio .inp-box .ico-confirm:disabled ~ .added,
.inp-box .c-mfilter-form-groups .form-radio .ico-confirm:disabled ~ .added,
.c-mfilter-form-groups .form-checkbox input:disabled ~ .txt,
.c-mfilter-form-groups .form-checkbox .inp-box .ico-confirm:disabled ~ .txt,
.inp-box .c-mfilter-form-groups .form-checkbox .ico-confirm:disabled ~ .txt,
.c-mfilter-form-groups .form-checkbox input:disabled ~ .added,
.c-mfilter-form-groups .form-checkbox .inp-box .ico-confirm:disabled ~ .added,
.inp-box .c-mfilter-form-groups .form-checkbox .ico-confirm:disabled ~ .added {
  color: #ccc;
}
.c-mfilter-form-groups .form-radio input:disabled ~ .txt .txt-sub, .c-mfilter-form-groups .form-radio .inp-box .ico-confirm:disabled ~ .txt .txt-sub, .inp-box .c-mfilter-form-groups .form-radio .ico-confirm:disabled ~ .txt .txt-sub,
.c-mfilter-form-groups .form-radio input:disabled ~ .added .txt-sub,
.c-mfilter-form-groups .form-radio .inp-box .ico-confirm:disabled ~ .added .txt-sub,
.inp-box .c-mfilter-form-groups .form-radio .ico-confirm:disabled ~ .added .txt-sub,
.c-mfilter-form-groups .form-checkbox input:disabled ~ .txt .txt-sub,
.c-mfilter-form-groups .form-checkbox .inp-box .ico-confirm:disabled ~ .txt .txt-sub,
.inp-box .c-mfilter-form-groups .form-checkbox .ico-confirm:disabled ~ .txt .txt-sub,
.c-mfilter-form-groups .form-checkbox input:disabled ~ .added .txt-sub,
.c-mfilter-form-groups .form-checkbox .inp-box .ico-confirm:disabled ~ .added .txt-sub,
.inp-box .c-mfilter-form-groups .form-checkbox .ico-confirm:disabled ~ .added .txt-sub {
  color: #ccc;
}
.c-mfilter-form-groups .c-mfilter-selection-top {
  position: relative;
  padding-top: 1.1rem;
}
.c-mfilter-form-groups .c-mfilter-selection-top .balloon-box {
  position: absolute;
  top: 0;
  right: 0;
}

.c-mfilter-head-more {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.6rem;
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: -0.017rem;
  color: #666;
}
.c-mfilter-head-more:hover, .c-mfilter-head-more:active {
  color: #666;
}
.c-mfilter-head-more .icon16 {
  margin-left: 0.6rem;
}

.c-mfilter-selection-list.has-column {
  font-size: 0;
  margin-top: -2.6rem;
}
.c-mfilter-selection-list.has-column .c-mfilter-selection-item {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding-top: 2rem;
}
.c-mfilter-selection-list.has-column .c-mfilter-selection-item:first-child {
  padding-top: 2rem;
}
.c-mfilter-selection-list.has-counting .c-mfilter-selection-item ~ .c-mfilter-selection-item {
  border-top: 1px solid #eee;
  padding-top: 0;
}
.c-mfilter-selection-list.has-counting .c-mfilter-selection-item .form-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 5.6rem;
  padding: 1.6rem 0 1.6rem 1.8rem;
}
.c-mfilter-selection-list.has-counting .c-mfilter-selection-item .form-checkbox input:checked ~ .btn-round, .c-mfilter-selection-list.has-counting .c-mfilter-selection-item .form-checkbox .inp-box .ico-confirm:checked ~ .btn-round, .inp-box .c-mfilter-selection-list.has-counting .c-mfilter-selection-item .form-checkbox .ico-confirm:checked ~ .btn-round {
  display: inline-block;
}
.c-mfilter-selection-list.has-counting .c-mfilter-selection-item .form-checkbox .icon {
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.c-mfilter-selection-list.has-counting .c-mfilter-selection-item .form-checkbox .txt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.c-mfilter-selection-list.has-counting .c-mfilter-selection-item .form-checkbox .btn-round {
  display: none;
  margin-right: auto;
  margin-left: 0.4rem;
  line-height: 1.8rem;
  vertical-align: top;
}
.c-mfilter-selection-list.has-scroll {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.c-mfilter-selection-list .c-mfilter-selection-item {
  padding: 2rem 0 0;
  text-align: left;
}
.c-mfilter-selection-list .c-mfilter-selection-item:first-child {
  padding-top: 0;
}
.c-mfilter-selection-list .c-mfilter-selection-item .form-radio input:checked ~ .txt, .c-mfilter-selection-list .c-mfilter-selection-item .form-radio .inp-box .ico-confirm:checked ~ .txt, .inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-radio .ico-confirm:checked ~ .txt,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox input:checked ~ .txt,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .inp-box .ico-confirm:checked ~ .txt,
.inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .ico-confirm:checked ~ .txt {
  font-weight: bold;
}
.c-mfilter-selection-list .c-mfilter-selection-item .form-radio input:disabled ~ .txt, .c-mfilter-selection-list .c-mfilter-selection-item .form-radio .inp-box .ico-confirm:disabled ~ .txt, .inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-radio .ico-confirm:disabled ~ .txt,
.c-mfilter-selection-list .c-mfilter-selection-item .form-radio input:disabled ~ .added,
.c-mfilter-selection-list .c-mfilter-selection-item .form-radio .inp-box .ico-confirm:disabled ~ .added,
.inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-radio .ico-confirm:disabled ~ .added,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox input:disabled ~ .txt,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .inp-box .ico-confirm:disabled ~ .txt,
.inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .ico-confirm:disabled ~ .txt,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox input:disabled ~ .added,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .inp-box .ico-confirm:disabled ~ .added,
.inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .ico-confirm:disabled ~ .added {
  color: #ccc;
}
.c-mfilter-selection-list .c-mfilter-selection-item .form-radio input:disabled ~ .txt .txt-sub, .c-mfilter-selection-list .c-mfilter-selection-item .form-radio .inp-box .ico-confirm:disabled ~ .txt .txt-sub, .inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-radio .ico-confirm:disabled ~ .txt .txt-sub,
.c-mfilter-selection-list .c-mfilter-selection-item .form-radio input:disabled ~ .added .txt-sub,
.c-mfilter-selection-list .c-mfilter-selection-item .form-radio .inp-box .ico-confirm:disabled ~ .added .txt-sub,
.inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-radio .ico-confirm:disabled ~ .added .txt-sub,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox input:disabled ~ .txt .txt-sub,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .inp-box .ico-confirm:disabled ~ .txt .txt-sub,
.inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .ico-confirm:disabled ~ .txt .txt-sub,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox input:disabled ~ .added .txt-sub,
.c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .inp-box .ico-confirm:disabled ~ .added .txt-sub,
.inp-box .c-mfilter-selection-list .c-mfilter-selection-item .form-checkbox .ico-confirm:disabled ~ .added .txt-sub {
  color: #ccc;
}
.c-mfilter-selection-list .c-mfilter-selection-item .btn-filter-more {
  min-width: 2.8rem;
  height: 5.6rem;
  margin: -1.6rem 0;
  text-align: right;
}
.c-mfilter-selection-list .c-mfilter-selection-item .btn-filter-more .txt {
  margin: 0 0.6rem 0 0;
  font-size: 1.4rem;
  letter-spacing: -0.023rem;
  color: #666;
}

.c-mfilter-option-label {
  position: relative;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  padding: 6px 10px;
  border-radius: 8px;
  border: solid 1px #ddd;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.27px;
  color: #222;
}
.c-mfilter-option-label:first-of-type {
  margin-top: 0;
}
.c-mfilter-option-label:last-of-type {
  margin-bottom: 0;
}
.c-mfilter-option-label .c-mfilter-option-label-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-mfilter-option-label .icon-btn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px;
}

.c-mfilter-select-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: -0.28px;
  text-align: left;
  color: #222;
}
.c-mfilter-select-label .icon-btn {
  margin-left: 2px;
}

.c-mfilter-select-list .c-mfilter-select-item {
  padding: 1.6rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eee;
}
.c-mfilter-select-list .c-mfilter-select-item .c-mfilter-select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-mfilter-select-list .c-mfilter-select-item .c-mfilter-action {
  margin-left: 4px;
}
.c-mfilter-select-list .c-mfilter-select-item:first-of-type {
  padding-top: 0;
}
.c-mfilter-select-list .c-mfilter-select-item:last-of-type {
  padding-bottom: 0;
  border: none;
}

.c-mfilter-select-group {
  margin-top: 1.6rem;
}
.c-mfilter-select-group:first-of-type {
  margin-top: 0;
}
.c-mfilter-select-group:last-of-type {
  margin-bottom: 0;
}

.c-mfilter-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-mfilter-select .c-mfilter-select-name {
  width: 62px;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.28px;
  color: #222;
}
.c-mfilter-select .c-mfilter-select-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-mfilter-select .c-mfilter-select-content .c-mfilter-select-text {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 20px;
  color: #888;
}
.c-mfilter-select .c-mfilter-select-content .c-mfilter-select-text.text-small {
  display: block;
  font-size: 12px;
  line-height: 18px;
}
.c-mfilter-select .c-mfilter-select-content .c-mfilter-select-text.text-small + .c-mfilter-select-label {
  margin-top: 4px;
}
.c-mfilter-select .c-mfilter-select-content .c-mfilter-select-text.text-red {
  color: #e63333;
}

.c-mfilter-btn-area {
  padding: 2.4rem 1.6rem 1.6rem !important;
}

.c-mfilter-car-list {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2%;
}
.c-mfilter-car-list .c-mfilter-car-item {
  padding: 10px 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
  border-bottom: 1px solid #f8f8f8;
}
.c-mfilter-car-list .c-mfilter-car-item:nth-last-child(-n+3) {
  border-bottom: none;
}

.c-mfilter-car {
  position: relative;
  padding: 4px 8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-mfilter-car::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  display: none;
  border: solid 2px #ffcc00;
  border-radius: 8px;
}
.c-mfilter-car.is-selected {
  background-color: #fff;
}
.c-mfilter-car.is-selected::after {
  display: block;
}
.c-mfilter-car.is-selected .c-mfilter-car-img {
  opacity: 1;
}
.c-mfilter-car.is-selected .c-mfilter-car-name {
  font-weight: bold;
}
.c-mfilter-car.is-disabled .c-mfilter-car-img {
  opacity: 0.15;
}
.c-mfilter-car.is-disabled .c-mfilter-car-name,
.c-mfilter-car.is-disabled .c-mfilter-car-count {
  color: #ccc;
}
.c-mfilter-car .c-mfilter-car-img {
  height: 32px;
  opacity: 0.4;
}
.c-mfilter-car .c-mfilter-car-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-mfilter-car .c-mfilter-car-name {
  margin-top: 6px;
  height: 24px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.23px;
  text-align: center;
  color: #000;
}
.c-mfilter-car .c-mfilter-car-count {
  margin-top: 2px;
  height: 20px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: -0.2px;
  text-align: center;
  color: #666;
}

.c-mfilter-content-title {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.23px;
  text-align: left;
  color: #666;
}
.c-mfilter-content-title .count {
  font-weight: 700;
  color: #222;
}

.c-mfilter-range-slider {
  margin-top: 3.6rem;
}
.c-mfilter-range-slider .c-mfilter-range-slider-control.noUi-target {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.c-mfilter-range-slider .c-mfilter-range-slider-control.noUi-horizontal {
  height: 9px;
  margin-right: 22px;
}
.c-mfilter-range-slider .c-mfilter-range-slider-control.noUi-horizontal .noUi-handle {
  top: -8px;
  right: -23px;
  left: auto;
}
.c-mfilter-range-slider .c-mfilter-range-slider-control .noUi-connects {
  background-color: #eee;
  width: calc(100% + 22px);
}
.c-mfilter-range-slider .c-mfilter-range-slider-control .noUi-connect {
  background-color: #ffcc00;
}
.c-mfilter-range-slider .c-mfilter-range-slider-control .noUi-handle {
  left: 0;
  width: 24px;
  height: 24px;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1019607843);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1019607843);
  border: solid 1px #ddd;
  background-color: #fff;
  border-radius: 9999px;
}
.c-mfilter-range-slider .c-mfilter-range-slider-control .noUi-handle::before, .c-mfilter-range-slider .c-mfilter-range-slider-control .noUi-handle::after {
  display: none;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group {
  margin-top: 3.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.2rem;
  border: 1px solid #ccc;
  border-radius: 0.6rem;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter:focus-within {
  border-color: #ffcc00;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm {
  padding: 0;
  height: 100%;
  border: none;
  font-size: 1.6rem;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input::-webkit-input-placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm::-webkit-input-placeholder {
  font-size: 1.5rem;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input::-moz-placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm::-moz-placeholder {
  font-size: 1.5rem;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input:-ms-input-placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm:-ms-input-placeholder {
  font-size: 1.5rem;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input::-ms-input-placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm::-ms-input-placeholder {
  font-size: 1.5rem;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input::placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm::placeholder {
  font-size: 1.5rem;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input:focus::-webkit-input-placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm:focus::-webkit-input-placeholder {
  color: transparent;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input:focus::-moz-placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm:focus::-moz-placeholder {
  color: transparent;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input:focus:-ms-input-placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm:focus:-ms-input-placeholder {
  color: transparent;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input:focus::-ms-input-placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm:focus::-ms-input-placeholder {
  color: transparent;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter input:focus::placeholder, .c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .ico-confirm:focus::placeholder {
  color: transparent;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .inp-box.type-mfilter .inp-unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.2rem 0 0.4rem;
  position: static;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: -0.03rem;
  color: #000;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.c-mfilter-range-slider .c-mfilter-range-slider-input-group .col-none {
  padding: 0 8px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.15px;
  text-align: right;
  color: #666;
}

.c-mfilter-color {
  margin-top: 1.4rem;
}
.c-mfilter-color .selection-color-list {
  margin: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.c-mfilter-color .selection-color-list .selection-color-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  min-width: 33.3%;
  width: 33.3%;
  padding: 1rem;
}
.c-mfilter-color .selection-color-list .selection-color-item:nth-child(3n-2) {
  padding-left: 0;
  padding-right: 2rem;
}
.c-mfilter-color .selection-color-list .selection-color-item:nth-child(3n) {
  padding-right: 0.3rem;
  padding-left: 1.7rem;
}
.c-mfilter-color .selection-color-list .color-checkbox > input:disabled ~ .desc, .c-mfilter-color .selection-color-list .inp-box .color-checkbox > .ico-confirm:disabled ~ .desc, .inp-box .c-mfilter-color .selection-color-list .color-checkbox > .ico-confirm:disabled ~ .desc {
  color: #888;
}
.c-mfilter-color .selection-color-list .color-checkbox > .tit {
  font-weight: 500;
}
.c-mfilter-color .selection-color-list .color-checkbox > .icon-color:after {
  background: url("../images/icon/icon-check-white-big-2.svg") center/4rem auto no-repeat;
}
.c-mfilter-color .selection-color-list .color-checkbox > .icon-color.color-white:after {
  background: url("../images/icon/icon-check-light-gray-big-2.svg") center/4rem auto no-repeat;
}
.c-mfilter-color .selection-color-list .color-checkbox > .icon-color.color-pearl:after, .c-mfilter-color .selection-color-list .color-checkbox > .icon-color.color-yellow:after {
  background: url("../images/icon/icon-check-gray-big-2.svg") center/4rem auto no-repeat;
}
.c-mfilter-color .selection-color-list .color-checkbox > .desc {
  font-weight: 300;
  color: inherit;
  margin-top: 0;
}

.skeleton-loading-wrap .skeleton-loading.has-flag {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 2rem;
}
.skeleton-loading-wrap .skeleton-loading.has-flag ~ .has-flag {
  margin-top: 3.6rem;
}
.skeleton-loading-wrap .skeleton-loading.has-txt {
  height: 1.6rem;
  margin-left: 0.8rem;
  margin-top: 4rem;
}

.c-mfilter-option-wrap {
  position: relative;
  margin: -1.6rem -1.6rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-top: 1px solid #ddd;
}
.c-mfilter-option-wrap .c-mfilter-option-sidebar {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 143px;
          flex: 0 0 143px;
}
.c-mfilter-option-wrap .c-mfilter-option-sidebar::before {
  position: absolute;
  content: "";
  top: 0;
  left: 14.3rem;
  display: inline-block;
  width: 0.1rem;
  height: calc(100% + 4.6rem);
  background-color: #ddd;
}
.c-mfilter-option-wrap .c-mfilter-option-content {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
}
.c-mfilter-option-wrap .c-mfilter-option-content.active {
  display: block;
}
.c-mfilter-option-wrap .balloon-box {
  z-index: 10;
  position: absolute;
  right: 0.6rem;
  top: 0.2rem;
  -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;
}

.c-mfilter-option-list .c-mfilter-option-item .c-mfilter-option-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 0 0 1.6rem;
  height: 56px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  text-align: left;
  color: #222;
}
.c-mfilter-option-list .c-mfilter-option-item .c-mfilter-option-link .icon16 {
  margin-right: 0.2rem;
}
.c-mfilter-option-list .c-mfilter-option-item .c-mfilter-option-link .c-mfilter-count {
  margin-left: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  padding: 0 0.6rem;
  border-radius: 9999px;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  text-align: center;
  background-color: #ddd;
}
.c-mfilter-option-list .c-mfilter-option-item .c-mfilter-option-link.is-active span:not(.c-mfilter-count) {
  font-weight: bold;
}
.c-mfilter-option-list .c-mfilter-option-item.active {
  background-color: #fff5cc;
}
.c-mfilter-option-list .c-mfilter-option-item.active .c-mfilter-option-link span {
  font-weight: 700;
}

.c-mfilter-accordion {
  border-bottom: 1px solid #eee;
}
.c-mfilter-accordion.expand .c-mfilter-accordion-toggle .icon16 {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.c-mfilter-accordion.expand .c-mfilter-accordion-content {
  display: block;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle {
  display: grid;
  grid-template-columns: auto 1.6rem;
  grid-template-areas: "title title";
  min-height: 5.6rem;
  padding: 1.6rem;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle > *:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle.ex .c-mfilter-accordion-button {
  -ms-flex-item-align: end;
      align-self: end;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle .c-mfilter-accordion-button {
  margin: -1.5rem -1.6rem;
  padding: 1.6rem;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle .c-mfilter-checkbox-label {
  margin-bottom: 6px;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
  text-align: left;
  color: #000;
  grid-area: title;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle .c-mfilter-checkbox-group {
  width: 100%;
  display: inline-block;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle .c-mfilter-checkbox-group > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle .c-mfilter-checkbox-group .form-chk-radio {
  margin: 0.4rem 1.2rem 0 0;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle .c-mfilter-checkbox-group .form-chk-radio:first-child, .c-mfilter-accordion .c-mfilter-accordion-toggle .c-mfilter-checkbox-group .form-chk-radio:nth-child(2) {
  margin-top: 0;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle .icon16 {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  vertical-align: baseline;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle .form-chk-radio .icon {
  width: 2rem;
  height: 2rem;
}
.c-mfilter-accordion .c-mfilter-accordion-toggle .form-chk-radio .txt {
  margin-left: 0;
}
.c-mfilter-accordion .c-mfilter-accordion-content {
  display: none;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.c-mfilter-accordion .c-mfilter-accordion-content .img {
  border-radius: 0.4rem;
  margin-bottom: 1.6rem;
  background-color: #ddd;
  overflow: hidden;
}
.c-mfilter-accordion .c-mfilter-accordion-content .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: top;
}
.c-mfilter-accordion .c-mfilter-accordion-content .text {
  margin: 1.6rem 0;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.c-mfilter-accordion .c-mfilter-accordion-content .tit-sub + .text {
  margin-top: 0.4rem;
}
.c-mfilter-accordion .c-mfilter-accordion-content .link {
  padding: 1.6rem 0;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: -0.2px;
  text-decoration: underline;
  color: #666;
}

.tourguide {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tourguide.hidden {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.tourguide .tourguide-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
.tourguide .tourguide-helper {
  position: fixed;
  top: 40%;
  left: calc(50% + 35px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  z-index: 1002;
  white-space: nowrap;
}
.tourguide .tourguide-helper .icon64 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 35px;
  height: 50px;
  margin-right: 8px;
}
.tourguide .tourguide-helper.hidden {
  opacity: 0;
}
.tourguide .tourguide-close-btn {
  position: absolute;
  left: 50%;
  bottom: 90px;
  width: 40px;
  height: 40px;
  background: url("../images/icon/icon24-close-white.svg") no-repeat 50%/24px auto;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: transparent;
  z-index: 1002;
}
.tourguide .tourguide-balloon-next-btn {
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  border-radius: 9999px;
  background-color: #ffcc00;
}
.tourguide .tourguide-highlight {
  position: fixed;
  z-index: 1001;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 0 1000vh rgba(0, 0, 0, 0.75);
          box-shadow: 0 0 0 1000vh rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tourguide .tourguide-highlight .tourguide-balloon {
  position: absolute;
  padding: 20px;
  background-color: #fff;
  border-radius: 12px;
  white-space: nowrap;
  color: #222;
  width: 270px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  margin-top: var(--margin-left);
  margin-right: var(--margin-right);
  margin-bottom: var(--margin-bottom);
  margin-left: var(--margin-left);
}
.tourguide .tourguide-highlight .tourguide-balloon::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0.4rem;
  display: block;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-arrow=top-left] {
  margin-top: 3.2rem;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-arrow=top-left]::after {
  bottom: 100%;
  margin-bottom: -0.4rem;
  border-top: 1rem solid transparent;
  border-left: 1rem solid transparent;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-arrow=top-right] {
  margin-top: 3.2rem;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-arrow=top-right]::after {
  right: 2rem;
  bottom: 100%;
  margin-bottom: -0.4rem;
  border-top: 1rem solid transparent;
  border-left: 1rem solid transparent;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid #fff;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-arrow=bottom-left] {
  margin-bottom: 3.2rem;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-arrow=bottom-left]::after {
  top: 100%;
  margin-top: -0.4rem;
  border-top: 1rem solid #fff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid #fff;
  border-bottom: 1rem solid transparent;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-position=top] {
  bottom: 100%;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-position=bottom] {
  top: 100%;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-position=left] {
  top: 100%;
  right: 0;
}
.tourguide .tourguide-highlight .tourguide-balloon[data-position=right] {
  top: 100%;
  left: 0;
}
.tourguide .tourguide-highlight .tourguide-balloon.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.tourguide .tourguide-highlight .tourguide-balloon .tourguide-balloon-content {
  font-size: 16px;
  white-space: normal;
}
.tourguide .tourguide-highlight .tourguide-balloon .tourguide-balloon-bottom {
  margin-top: 14px;
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 14px;
}

[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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/mycar/tmap-score-cloud.svg") center/contain no-repeat;
  opacity: 0;
}
[data-page-name=mycarManageDrive] .tmap-score-ani .current-score .car {
  background: url("../images/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/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/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/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/mycar/banner-supplies-visual.svg") bottom right/contain no-repeat;
}

.line-tit {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: -0.4px;
  color: #222;
}
.line-tit .line {
  position: relative;
  font-weight: inherit;
}
.line-tit .line::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  background-color: #fc0;
  z-index: -1;
}

.hypass-guide {
  margin: 16px 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.2px;
  color: #222;
}
.hypass-guide .hypass-guide-tit {
  font-size: 14px;
  font-weight: bold;
}
.hypass-guide .hypass-guide-list {
  padding-left: 17px;
}
.hypass-guide .hypass-guide-item {
  list-style: decimal;
  margin-top: 8px;
}

.hypass-header {
  margin-bottom: 24px;
  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;
}
.hypass-header .hypass-header-tit {
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: -0.36px;
  color: #666;
}
.hypass-header .hypass-header-circle {
  overflow: hidden;
  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;
  width: 20px;
  height: 20px;
  background-color: #eee;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.31px;
  color: #aaa;
}
.hypass-header .hypass-header-circle.active {
  background-color: #ffcc00;
  font-weight: bold;
  color: #222;
}

.device-info {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.2px;
  color: #888;
}
.device-info .device-info-tit {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: -0.23px;
  color: #222;
}
.device-info .device-info-def {
  margin: 10px 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;
  margin: 0.8rem 0;
}
.device-info .device-info-def dt {
  font-size: 14px;
  color: #888;
}
.device-info .device-info-def dd {
  font-size: 16px;
  color: #222;
}

.hypass-form .tooltip {
  z-index: 999;
  position: absolute;
  padding: 2.4rem;
  margin-left: 1rem;
  width: 90%;
  border-radius: 12px;
  -webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #222;
}
.hypass-form .tooltip:before {
  position: absolute;
  top: -9px;
  left: 53px;
  display: block;
  width: 10px;
  height: 9px;
  background: url("../images/mycar/tooltip_top.svg") bottom no-repeat;
  content: "";
}
.hypass-form .tooltip .tooltip-item:first-child {
  margin-bottom: 2rem;
}
.hypass-form .tooltip .tooltip-item:first-child img {
  width: 128px;
  height: 29px;
}
.hypass-form .tooltip .tooltip-item:nth-child(2) img {
  width: 109px;
  height: 59px;
}
.hypass-form .tooltip .tit {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
}
.hypass-form .tooltip .tit::before {
  content: "∙";
  margin-right: 0.4rem;
}
.hypass-form .tooltip .img-txt-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hypass-form .tooltip .img-txt-wrap .txt {
  display: inline;
  margin-left: 0.4rem;
  font-size: 1.4rem;
  color: #222;
}
.hypass-form .tooltip .img-txt-wrap .txt::before {
  content: "→";
  margin-right: 0.4rem;
}
.hypass-form .form-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hypass-form .form-item .inp-box {
  position: relative;
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6;
  margin-right: 0.9rem;
}
.hypass-form .form-item .inp-box .time {
  z-index: 1;
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  right: 1.6rem;
  font-size: 16px;
  color: #ff0000;
}
.hypass-form .form-item .btn-area {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}
.hypass-form .form-item .balloon-box {
  position: absolute;
  bottom: -4.7rem;
  padding: 0.8rem 1rem;
  background-color: #434c53;
  border-radius: 1.2rem;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1.6rem;
  opacity: 1;
  z-index: 1;
}
.hypass-form .form-item .balloon-box::before {
  position: absolute;
  top: -7px;
  left: 20px;
  display: block;
  background: url("../images/mycar/balloon-tip.svg") no-repeat;
  content: "";
}
.hypass-form .form-text {
  margin-top: 0.8rem;
  font-size: 14px;
  color: #888888;
}
.hypass-form .form-text.email::before {
  display: none;
}

.form-text {
  font-size: 14px;
  color: #888888;
}
.form-text.hypass-info-text::before {
  display: none;
}

.divide-8 {
  margin: 4rem -1.6rem;
  height: 8px;
  background-color: #f8f8f8;
}

.mycar .hypass-nodata {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: calc(100vh - 23.6rem);
  text-align: center;
}
.mycar .hypass-nodata .text {
  margin-top: 4rem;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  line-height: 2.6rem;
  letter-spacing: -0.04rem;
  color: #000;
}

.marketprice-cost {
  text-align: center;
  margin-bottom: 1.5rem;
}
.marketprice-cost .marketprice-cost__name {
  display: block;
  font-size: 1.4rem;
  color: #666;
}
.marketprice-cost .marketprice-cost__num {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  color: #222;
}

.marketprice-graph {
  position: relative;
  padding-top: 4.5rem;
}
.marketprice-graph.ready .marketprice-graph__safe-bar {
  width: 0 !important;
}
.marketprice-graph.screenon .marketprice-graph__dot {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.marketprice-graph.screenon .marketprice-graph__mark:before {
  top: 2.6rem;
}
.marketprice-graph.screenon .marketprice-graph__mark span {
  opacity: 1;
  margin-top: 0;
}
.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;
}
.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;
}
.marketprice-graph .marketprice-graph__bar {
  position: relative;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #eee;
  overflow: hidden;
}
.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;
}
.marketprice-graph .marketprice-graph__mark-grid {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  top: 0;
  bottom: 1.9rem;
}
.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;
}
.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;
}
.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: "";
}
.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;
}
.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: "";
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low:before {
  border-color: #888;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low .marketprice-graph__dot {
  background-color: #888;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low span {
  background: #e8e8e8;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--low span:before {
  background: url("../images/market/icon-price-low.svg") center/contain no-repeat;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal:before {
  border-color: #26b1e2;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal .marketprice-graph__dot {
  background-color: #26b1e2;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal span {
  background: #d4eff9;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--normal span:before {
  background: url("../images/market/icon-price-normal.svg") center/contain no-repeat;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high:before {
  border-color: #2589ff;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high .marketprice-graph__dot {
  background-color: #2589ff;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high span {
  background: #e9f3ff;
}
.marketprice-graph .marketprice-graph__mark.marketprice-graph__mark--high span:before {
  background: url("../images/market/icon-price-high.svg") center/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 {
  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/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] .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.type-renewal .search-result-item > .link, .search-result-list.type-renewal [data-page-name=marketMain] .market-info .search-result-item > .link, [data-page-name=marketMain] .market-info .search-result-item, [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.type-renewal .search-result-item > .link > .txt, .search-result-list.type-renewal [data-page-name=marketMain] .market-info .search-result-item > .link > .txt, [data-page-name=marketMain] .market-info .search-result-item > .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-item .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-item .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-item .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-item .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,
[data-page-name=MysellCar] .btn-area.bottom-fixed {
  z-index: 1003;
}
[data-page-name=sellCarDone] .bg-registcar,
[data-page-name=MysellCar] .bg-registcar {
  z-index: -1;
  top: 1rem;
  right: 0;
  position: absolute;
  width: 13rem;
  opacity: 0.35;
  overflow: hidden;
}
[data-page-name=sellCarDone] .bg-registcar img,
[data-page-name=MysellCar] .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: 9rem;
}
[data-page-name=sellCarDone] .data-list2,
[data-page-name=MysellCar] .data-list2 {
  table-layout: fixed;
  position: relative;
}
[data-page-name=sellCarDone] .data-list2 .btn-txt-arrow,
[data-page-name=MysellCar] .data-list2 .btn-txt-arrow {
  float: right;
}
[data-page-name=sellCarDone] .data-list2 .btn-txt-arrow span,
[data-page-name=MysellCar] .data-list2 .btn-txt-arrow span {
  border-bottom: 0.1rem solid #888;
}
[data-page-name=sellCarDone] .data-list2 dd:after,
[data-page-name=MysellCar] .data-list2 dd:after {
  display: block;
  clear: both;
  content: "";
}
[data-page-name=sellCarDone] .data-list2 .hidden-content > div,
[data-page-name=MysellCar] .data-list2 .hidden-content > div {
  display: table-row;
}
[data-page-name=sellCarDone] .data-list2 .hidden-content > div:first-child,
[data-page-name=MysellCar] .data-list2 .hidden-content > div:first-child {
  padding-top: 0;
}
[data-page-name=sellCarDone] .data-list2 .hidden-content > div.divide dt,
[data-page-name=MysellCar] .data-list2 .hidden-content > div.divide dt {
  padding-top: 2.8rem;
}
[data-page-name=sellCarDone] .data-list2 .hidden-content > div.divide dd,
[data-page-name=MysellCar] .data-list2 .hidden-content > div.divide dd {
  padding-top: 2.7rem;
}
[data-page-name=sellCarDone] .data-list2 .hidden-content > div dt,
[data-page-name=MysellCar] .data-list2 .hidden-content > 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-page-name=sellCarDone] .data-list2 .hidden-content > div dt .skeleton-loading,
[data-page-name=MysellCar] .data-list2 .hidden-content > div dt .skeleton-loading {
  height: 1.4rem;
  margin-right: 2.5rem;
  margin-top: 0.1rem;
}
[data-page-name=sellCarDone] .data-list2 .hidden-content > div dt .skeleton-loading:before,
[data-page-name=MysellCar] .data-list2 .hidden-content > div dt .skeleton-loading:before {
  background: #f8f8f8;
}
[data-page-name=sellCarDone] .data-list2 .hidden-content > div dd,
[data-page-name=MysellCar] .data-list2 .hidden-content > 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-page-name=sellCarDone] .data-list2 .hidden-content > div dd .skeleton-loading,
[data-page-name=MysellCar] .data-list2 .hidden-content > div dd .skeleton-loading {
  width: 19rem;
}
[data-page-name=sellCarDone] .data-list2 .hidden-content > div .info-desc,
[data-page-name=MysellCar] .data-list2 .hidden-content > 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-page-name=sellCarDone] .data-list2 .hidden-content > div .info-desc + .info-desc,
[data-page-name=MysellCar] .data-list2 .hidden-content > div .info-desc + .info-desc {
  margin-top: 0.2rem;
}
[data-page-name=sellCarDone] .data-list2 .hidden-content > div.align-center > dt,
[data-page-name=sellCarDone] .data-list2 .hidden-content > div.align-center > dd,
[data-page-name=MysellCar] .data-list2 .hidden-content > div.align-center > dt,
[data-page-name=MysellCar] .data-list2 .hidden-content > div.align-center > dd {
  vertical-align: middle;
}
[data-page-name=sellCarDone] .data-list2.ty-2,
[data-page-name=MysellCar] .data-list2.ty-2 {
  padding: 1.1rem 1.6rem 2rem;
  border-radius: 0.8rem;
  background-color: #f8f8f8;
}
[data-page-name=sellCarDone] .data-list2.ty-2 div > dt,
[data-page-name=MysellCar] .data-list2.ty-2 div > dt {
  padding: 0.75rem 1.6rem 0 0;
  color: #666;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  letter-spacing: 0;
}
[data-page-name=sellCarDone] .data-list2.ty-2 div > dd,
[data-page-name=MysellCar] .data-list2.ty-2 div > dd {
  padding: 0.75rem 1.6rem 0 0;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  letter-spacing: 0;
}
[data-page-name=sellCarDone] .data-list2.ty-2 + .data-list2.ty-2,
[data-page-name=MysellCar] .data-list2.ty-2 + .data-list2.ty-2 {
  padding-top: 1.75rem;
  border-radius: 0 0 0.8rem 0.8rem;
}
[data-page-name=sellCarDone] .data-list2.ty-2 + .data-list2.ty-2::after, [data-page-name=sellCarDone] .data-list2.ty-2 + .detail-content::after,
[data-page-name=MysellCar] .data-list2.ty-2 + .data-list2.ty-2::after,
[data-page-name=MysellCar] .data-list2.ty-2 + .detail-content::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.8rem;
  right: 0;
  left: 0;
  height: 0.1rem;
  background-color: #ddd;
  border: 0.6rem solid #f8f8f8;
  border-width: 0.6rem 1.6rem;
}
[data-page-name=sellCarDone] .chart-area1,
[data-page-name=MysellCar] .chart-area1 {
  position: relative;
  padding: 2.4rem 1.6rem;
  background: #f8f8f8;
  border-radius: 1.2rem;
}
[data-page-name=sellCarDone] .chart-area1 .btn-txt-arrow,
[data-page-name=MysellCar] .chart-area1 .btn-txt-arrow {
  position: relative;
  right: 0;
  bottom: 2rem;
  padding: 1rem 1rem 1rem 1.2rem;
  background: #fff;
  border-radius: 2rem;
}
[data-page-name=sellCarDone] .chart-area1 .btn-txt-arrow span,
[data-page-name=MysellCar] .chart-area1 .btn-txt-arrow span {
  font-size: 1.4rem;
  font-weight: bold;
  border-bottom: none;
  color: #222;
}
[data-page-name=sellCarDone] .chart-area1 .point-box,
[data-page-name=MysellCar] .chart-area1 .point-box {
  background: #fff;
}
[data-page-name=sellCarDone] .review-section .main-review-area .main-review .review-item,
[data-page-name=MysellCar] .review-section .main-review-area .main-review .review-item {
  border: 0.1rem solid #eee;
  -webkit-box-shadow: none;
          box-shadow: none;
}
html {
  scroll-behavior: smooth;
  scroll-padding-bottom: 106px;
}

[data-page-name=sellCarDone] .divider,
[data-page-name=MysellCar] .divider {
  border-top: 1px solid #ccc;
  margin: 20px 0;
}
[data-page-name=sellCarDone] .btn-footer-txt,
[data-page-name=MysellCar] .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;
}
[data-page-name=sellCarDone] .detail-content,
[data-page-name=MysellCar] .detail-content {
  position: relative;
  display: grid;
  grid-template-rows: 1fr;
  opacity: 1;
  -webkit-transition: grid-template-rows 500ms, opacity 500ms;
  transition: grid-template-rows 500ms, opacity 500ms;
  transition: grid-template-rows 500ms, opacity 500ms, -ms-grid-rows 500ms;
}
[data-page-name=sellCarDone] .detail-content .detail-content-inner,
[data-page-name=MysellCar] .detail-content .detail-content-inner {
  overflow: hidden;
}
[data-page-name=sellCarDone] .detail-content.hide,
[data-page-name=MysellCar] .detail-content.hide {
  grid-template-rows: 0fr;
  opacity: 0;
}
[data-page-name=sellCarDone] .detail-content .data-list2.ty-2,
[data-page-name=MysellCar] .detail-content .data-list2.ty-2 {
  padding-top: 1.75rem;
}
@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=MysellCar] .mycar-title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
  font-weight: 300;
  margin-top: 0.8rem;
}
[data-page-name=MysellCar] .bg-registcar {
  z-index: -1;
  position: relative;
  width: 11.3rem;
  opacity: 1;
  overflow: initial;
  top: auto;
}
[data-page-name=MysellCar] .bg-registcar img {
  -webkit-animation: none;
          animation: none;
  height: 6.4rem;
}
[data-page-name=MysellCar] .data-list2.ty-2 .btn-txt.c-black {
  margin-left: 0.8rem;
}
[data-page-name=MysellCar] .detail-content {
  display: none;
}
[data-page-name=MysellCar] .detail-content.show {
  display: block;
}

.btn-area.bottom-fixed a,
.btn-area.bottom-fixed button {
  position: relative;
}
.btn-area .balloon-box {
  position: absolute;
  top: 0;
  left: 16px;
  margin-top: -4px;
  font-size: 12px;
  background-color: #222;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.btn-area .balloon-box::before {
  right: auto;
  left: 2rem;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}

[data-page-name=financialServiceIntro] .service-icon-list {
  margin: 0 -2rem;
}

[data-page-name=pCommTagCar] .modal {
  height: 90%;
}

[data-page-name=pCommTagModel] .modal .modal-body {
  padding: 0 1.6rem 13.7rem;
  max-height: calc(90dvh - 13.7rem);
}

[data-page-name=MFilterP2004] .bottom-space {
  height: 0;
}

[data-page-name=pCarInfoAgree] .bottom-space {
  height: 8.3rem !important;
}

[data-page-name=optionPopup] .modal-header,
[data-page-name=MFilterP2005] .modal-header {
  position: absolute;
  height: 7.5rem;
}
[data-page-name=optionPopup] .modal-body.top-gap82 .filter-select-area.no-tab.type-full,
[data-page-name=MFilterP2005] .modal-body.top-gap82 .filter-select-area.no-tab.type-full {
  height: 30rem !important;
}
[data-page-name=optionPopup] .modal-body.top-gap82 .c-mfilter-selection-list.has-counting.has-scroll,
[data-page-name=MFilterP2005] .modal-body.top-gap82 .c-mfilter-selection-list.has-counting.has-scroll {
  padding-bottom: 0 !important;
}

.CMYMGA013[data-page-name=popupInList] .modal-header {
  position: absolute;
}
.CMYMGA013[data-page-name=popupInList] .modal-body {
  padding-top: 8.2rem !important;
}
.CMYMGA013[data-page-name=popupInList] .modal-body .c-mfilter-selection-list.has-counting.has-scroll {
  padding-bottom: 11.7rem !important;
}

.dealer .color-orange {
  color: #ff5d16;
}
.dealer .step-guide {
  margin-top: 1.2rem;
  font-size: 1.8rem;
  font-size: 1.8rem;
  line-height: 1.44;
  letter-spacing: -0.04rem;
}
.dealer .step-section {
  margin-top: 3rem;
  color: #222;
}
.dealer .step-section ~ .step-section {
  margin-top: 4rem;
}
.dealer .step-section .line {
  margin: 2.4rem 0 0 0;
  border-top: 0.1rem solid #eee;
}
.dealer .step-section .title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.1rem;
}
.dealer .step-section .title ~ .sub-title {
  margin-top: 1.6rem;
}
.dealer .step-section .sub-title {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.031rem;
}
.dealer .step-section .sub-title ~ .sub-title {
  margin-top: 2.4rem;
}
.dealer .step-section .sub-title .stxt {
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: -0.027rem;
  color: #888;
}
.dealer .step-section .desc {
  margin-top: 0.4rem;
  font-size: 1.6rem;
  line-height: 1.43;
  letter-spacing: -0.031rem;
  color: #757575;
}
.dealer .mycar-info {
  margin-top: 1.6rem;
  padding: 2.4rem 1.6rem 2.8rem 1.6rem;
  border-radius: 0.4rem;
  background-color: #f8f8f8;
}
.dealer .mycar-info .car-num {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.86;
  line-height: normal;
  letter-spacing: -0.031rem;
}
.dealer .mycar-info .car-detail {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: normal;
  letter-spacing: -0.031rem;
  color: #888;
}
.dealer .mycar-info .car-model {
  display: block;
  margin-top: 1.6rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.63;
  letter-spacing: -0.036rem;
}
.dealer .mycar-info .select-box {
  margin-top: 0.8rem;
}
.dealer .mycar-info .select-box select {
  height: 4.8rem;
  padding-left: 1.2rem;
  border-radius: 0.4rem;
  border: solid 1px #e9e9e9;
  font-size: 1.6rem;
  letter-spacing: -0.031rem;
  background-color: #fff;
}
.dealer .form-wrap {
  margin: 0.8rem -0.5rem -0.4rem -0.5rem;
  font-size: 0;
}
.dealer .form-wrap.has-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1.2rem 0 0 0;
}
.dealer .form-field {
  position: relative;
}
.dealer .form-field.form-check {
  display: inline-block;
  width: 50%;
  padding: 0.4rem 0.5rem;
  vertical-align: top;
}
.dealer .form-field.form-check input, .dealer .form-field.form-check .inp-box .ico-confirm, .inp-box .dealer .form-field.form-check .ico-confirm {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.dealer .form-field.form-check input:checked + label::before, .dealer .form-field.form-check .inp-box .ico-confirm:checked + label::before, .inp-box .dealer .form-field.form-check .ico-confirm:checked + label::before {
  background-image: url("../images/icon/ico_checkbox_orange_checked.svg");
}
.dealer .form-field.form-check label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4.8rem;
  padding: 0.4rem 1rem 0.4rem 3.6rem;
  border-radius: 0.4rem;
  border: solid 0.1rem #e9e9e9;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.031rem;
  word-break: keep-all;
}
.dealer .form-field.form-check label::before {
  position: absolute;
  top: 1.4rem;
  left: 1rem;
  display: block;
  content: "";
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: url("../images/icon/ico_checkbox_orange.svg") no-repeat 0 0;
}
.dealer .form-field.form-radio {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  padding: 0;
  border: solid 0.1rem #e9e9e9;
}
.dealer .form-field.form-radio:first-child {
  border-radius: 0.4rem 0 0 0.4rem;
}
.dealer .form-field.form-radio ~ .form-radio {
  margin-left: -1px;
}
.dealer .form-field.form-radio input, .dealer .form-field.form-radio .inp-box .ico-confirm, .inp-box .dealer .form-field.form-radio .ico-confirm {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.dealer .form-field.form-radio input:checked + label, .dealer .form-field.form-radio .inp-box .ico-confirm:checked + label, .inp-box .dealer .form-field.form-radio .ico-confirm:checked + label {
  background-color: #ff5d16;
  color: #fff;
}
.dealer .form-field.form-radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.9rem 0;
  height: 4.6rem;
  font-size: 1.4rem;
  line-height: 1.33;
  letter-spacing: -0.027rem;
  text-align: center;
  background-color: #fff;
  color: #757575;
}
.dealer .price-check {
  margin-top: 0.8rem;
  padding: 2rem 1.6rem;
  border-radius: 0.4rem;
  background-color: #f8f8f8;
}
.dealer .price-check p {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.43;
  letter-spacing: -0.02rem;
}
.dealer .price-check .inpt-box {
  position: relative;
  margin-top: 0.8rem;
}
.dealer .price-check .inpt-box input, .dealer .price-check .inpt-box .inp-box .ico-confirm, .inp-box .dealer .price-check .inpt-box .ico-confirm {
  width: 100%;
  height: 4.8rem;
  line-height: 4.8rem;
  padding: 0 4.6rem 0 1rem;
  border-radius: 0.4rem;
  border: solid 0.1rem #e9e9e9;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: -0.026rem;
  text-align: right;
  color: #ff5d16;
  background-color: #fff;
}
.dealer .price-check .inpt-box .inpt-unit {
  position: absolute;
  right: 1.4rem;
  top: 0;
  height: 4.8rem;
  line-height: 4.8rem;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -0.023rem;
  color: #999;
}
.dealer .total-price {
  margin-top: 1.6rem;
  text-align: right;
}
.dealer .total-price .price {
  font-size: 2rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.029rem;
  color: #ff5d16;
}
.dealer .total-price .txt {
  font-size: 1.4rem;
  line-height: normal;
  letter-spacing: -0.2px;
  color: #888;
}
.dealer .agree {
  position: relative;
  width: 100%;
}
.dealer .agree .inpt {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.dealer .agree .inpt:checked ~ .label::before {
  background-image: url("../images/icon/ico_checkbox_orange_checked.svg");
}
.dealer .agree .inpt:checked ~ .label::after {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.dealer .agree .label {
  position: relative;
  display: block;
  padding: 0 3rem;
}
.dealer .agree .label::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: url("../images/icon/ico_checkbox_orange.svg") no-repeat 0 0;
  background-size: 100%;
}
.dealer .agree .label .subject {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.023rem;
}
.dealer .agree .label .txt {
  margin-top: 0.2rem;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: -0.017rem;
  color: #666;
}
.dealer .agree .btn-expand {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  display: block;
  width: 3rem;
  height: 3rem;
  background: url("../images/icon/icon24-arrow-bottom-black.svg") no-repeat 50% 50%;
  background-size: 2rem;
}
.dealer .agree .btn-expand.active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.dealer .precautions {
  display: none;
  margin-top: 1.8rem;
  padding: 3.2rem 1.6rem;
  border-radius: 0.4rem;
  background-color: #f8f8f8;
}
.dealer .precautions.active {
  display: block;
}
.dealer .precautions .subject {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.02rem;
}
.dealer .precautions .bullet-list {
  margin-top: 1.6rem;
}
.dealer .precautions .bullet-list li {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: -0.02rem;
  color: #888;
}
.dealer .precautions .bullet-list li::before {
  width: 0.3rem;
  height: 0.3rem;
}
.dealer .precautions .bullet-list li li {
  margin: 0;
}
.dealer .car-detail-img-wrap {
  margin-top: 1.6rem;
}
.dealer .car-detail-img-wrap .car-detail-img img {
  width: 100%;
}

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

.tvc-wrap .content-body {
  padding: 0;
}

.tvc-visual img {
  width: 100%;
}

.tvc-btn-list {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  left: 0;
  top: 4.4rem;
  z-index: 20;
  width: 100%;
}
.tvc-btn-list > li {
  width: 25%;
  background-color: #fff;
  border-bottom: 1px solid #878787;
}
.tvc-btn-list > li button {
  width: 100%;
}
.tvc-btn-list > li img {
  width: 100%;
}

.tvc-event-list > li {
  background-color: #000;
}

.movie-area {
  margin: 0 3.3rem;
  padding: 0.2rem;
  background: url(../images/main/tvc_movie_back.png) no-repeat center center;
  background-size: 100% 100%;
}

.tvc-btn {
  position: relative;
}
.tvc-btn img {
  width: 100%;
}
.tvc-btn button {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14rem;
  height: 5rem;
  margin-top: -2.5rem;
  margin-left: -7rem;
  color: transparent;
}
.tvc-btn.tvc-btn1 button {
  width: 14rem;
  height: 5rem;
  margin-top: -2.5rem;
  margin-left: -7rem;
}
.tvc-btn.tvc-btn2 button {
  width: 14rem;
  height: 5rem;
  margin-top: -3.2rem;
  margin-left: -7rem;
}

.tvc-form {
  margin-top: 1.6rem;
  padding: 0 5rem;
}
.tvc-form > div {
  position: relative;
  font-size: 1.8rem;
  background-color: #1d1d1d;
  padding: 2rem 5.6rem;
}
.tvc-form > div:before {
  content: "";
  display: block;
  position: absolute;
  right: -2.6rem;
  bottom: -1.6rem;
  z-index: 10;
  width: 5.4rem;
  height: 7.7rem;
  background: url(../images/main/tvc_star.png) no-repeat center center;
  background-size: 100% 100%;
}
.tvc-form > div > div:after {
  content: "";
  display: block;
  clear: both;
}
.tvc-form .form-radio {
  float: left;
  width: 50%;
  padding-left: 1.6rem;
  margin: 0;
}
.tvc-form .form-radio .icon {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 0;
  background: url(../images/main/tvn_chk.png) no-repeat center center;
  background-size: 100% 100%;
}
.tvc-form .form-radio .txt {
  font-size: 1.1rem;
  color: #fff;
  margin-left: 0;
}
.tvc-form .form-radio input:checked ~ .icon, .tvc-form .form-radio .inp-box .ico-confirm:checked ~ .icon, .inp-box .tvc-form .form-radio .ico-confirm:checked ~ .icon {
  background: none;
}
.tvc-form .form-radio input:checked ~ .txt, .tvc-form .form-radio .inp-box .ico-confirm:checked ~ .txt, .inp-box .tvc-form .form-radio .ico-confirm:checked ~ .txt {
  color: #fc0;
}
.tvc-form .form-radio input:checked ~ .icon:before, .tvc-form .form-radio .inp-box .ico-confirm:checked ~ .icon:before, .inp-box .tvc-form .form-radio .ico-confirm:checked ~ .icon:before {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 0;
  background: none;
  background-color: #fc0;
}

.tvc-alert {
  padding: 0;
}
.tvc-alert .type-center {
  max-width: 42.5rem;
  margin: 0 auto;
  padding: 0.8rem !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 210, 210)), to(rgb(132, 133, 132)));
  background: linear-gradient(180deg, rgb(210, 210, 210) 0%, rgb(132, 133, 132) 100%);
}
.tvc-alert .modal-body {
  padding: 0 !important;
  background-color: #eee;
}
.tvc-alert .modal-footer {
  width: auto;
  left: 0.8rem;
  right: 0.8rem;
  margin-top: -0.1rem;
  padding: 0;
  border: 0 !important;
}
.tvc-alert .modal-footer .tvc-btn-wrap {
  position: relative;
  background-color: #eee;
}
.tvc-alert .modal-footer .tvc-btn-wrap img {
  width: 100%;
}
.tvc-alert .modal-footer .tvc-btn-wrap button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: transparent;
}
.tvc-alert.tvc-black .type-full {
  padding: 0 !important;
  background: #010101;
}
.tvc-alert.tvc-black .modal-body {
  background-color: #010101;
}
.tvc-alert.tvc-black .modal-footer .tvc-btn-wrap {
  background-color: #010101;
}

.tvc-movie-wrap .tvc-movie {
  position: relative;
  width: auto;
  height: 0;
  padding-top: 45%;
  margin: -0.2rem 3.6rem 0;
  border: 2px solid #fff;
}
.tvc-movie-wrap .tvc-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tvc-movie-wrap .tvc-movie.is-shorts {
  padding-bottom: 15vh;
}
.tvc-movie-wrap .movie-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 3.6rem;
  background-color: #fff;
}
.tvc-movie-wrap .movie-select > li {
  width: 33.3333333333%;
  border-left: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}
.tvc-movie-wrap .movie-select > li:first-child {
  border-left: none;
}
.tvc-movie-wrap .movie-select > li:nth-child(4) {
  border-left: none;
}
.tvc-movie-wrap .movie-select > li > button {
  width: 100%;
}
.tvc-movie-wrap .movie-select > li > button img {
  width: 100%;
}
.tvc-movie-wrap .movie-select > li.active {
  background-color: #fee000;
}
.tvc-movie-wrap .movie-select > li.disabled {
  background-color: #eee;
}

@media screen and (max-width: 370px) {
  .tvc-form > div {
    padding: 2rem 5rem;
  }
}
@media screen and (max-width: 320px) {
  .tvc-form > div {
    padding: 2rem 3rem;
  }
}
/* 23ver main */
.recomm-theme-area {
  overflow: hidden;
}
.recomm-theme-area.swiper-css-mode .swiper-wrapper {
  overflow-x: auto;
}
.recomm-theme-area .swiper-wrapper {
  overflow: visible;
}

.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;
}
.recomm-theme-list::-webkit-scrollbar {
  display: none;
}
.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: "";
}
.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;
}
.recomm-theme-list .recomm-theme-item:last-child {
  margin-right: 1.6rem;
}
.recomm-theme-list .recomm-theme-item > a {
  display: block;
}
.recomm-theme-list .recomm-theme-item .inner-card {
  position: relative;
}
.recomm-theme-list .recomm-theme-item .name {
  display: block;
  margin-bottom: 0.3rem;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.4;
}
.recomm-theme-list .recomm-theme-item .desc {
  color: #e0e0e0;
  font-size: 1.2rem;
  line-height: 1.4;
}
.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;
}
.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/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);
}
.recomm-theme-list .recomm-theme-item img {
  z-index: 1;
  left: 2rem;
  bottom: -2.4rem;
  position: absolute;
  width: 16rem;
  height: auto;
}

.main-menu {
  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;
}
.main-menu .item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  padding: 1rem 0;
  text-align: center;
}
.main-menu.type-new-main-menu {
  margin-top: 1.8rem;
  background: #f8f8f8;
  border-radius: 0.6rem;
}
.main-menu.type-new-main-menu .item {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding: 0;
}
.main-menu.type-new-main-menu .item:first-child .main-link::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.1rem;
  height: 1.6rem;
  background: #dddddd;
}
.main-menu.type-new-main-menu .item .main-link {
  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;
  padding: 1.4rem 0;
}
.main-menu.type-new-main-menu .item .main-link .icon36 {
  width: 2rem;
  height: 2rem;
  margin-bottom: 0;
  background-size: contain;
}
.main-menu.type-new-main-menu .item .main-link .txt {
  margin-left: 0.6rem;
  font-weight: 400;
  color: #222;
}

.main-link {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.main-link .icon36 {
  margin-bottom: 0.8rem;
}
.main-link .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  color: #222;
  white-space: nowrap;
}
.main-link .txt.type-rolling {
  position: relative;
}
.main-link .txt.type-rolling > span {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: 100%;
  display: block;
  opacity: 0;
  -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%) translateX(-50%);
      -ms-transform: translateY(10%) translateX(-50%);
          transform: translateY(10%) translateX(-50%);
}
.main-link .txt.type-rolling > span.show {
  opacity: 1;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.main-link.type-sub .txt {
  color: #666;
}

.main-banner-slider {
  padding: 2rem 1.6rem 1.4rem;
  margin: 0 -1.6rem;
  overflow: hidden;
}
.main-banner-slider .main-banner .visual {
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
}
.main-banner-slider .main-banner.swiper-slide-active .visual {
  opacity: 1;
}

.main-banner {
  position: relative;
  display: block;
  border-radius: 1rem;
  padding: 1.3rem 2.4rem 1.3rem 2.4rem;
  background: #f8f8f8;
}
.main-banner .cont {
  z-index: 1;
  position: relative;
}
.main-banner .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: block;
}
.main-banner .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-top: 0.2rem;
}
.main-banner .visual {
  position: absolute;
  bottom: 0;
  right: 0.3rem;
  width: 8.8rem;
  height: 7.5rem;
}
.main-banner .visual img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main-find-area {
  position: relative;
  min-height: 22rem;
  margin: 0 -1.6rem;
}
.main-find-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 217px;
  background: #514b48;
  z-index: -2;
}
.main-find-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 217px;
  background: -webkit-gradient(linear, left top, left bottom, from(#514b48), color-stop(33.07%, rgba(0, 0, 0, 0.3294117647)), to(rgba(202, 202, 202, 0.3176470588)));
  background: linear-gradient(to bottom, #514b48 0%, rgba(0, 0, 0, 0.3294117647) 33.07%, rgba(202, 202, 202, 0.3176470588) 100%);
  z-index: -1;
}
.main-find-area .subcont-box {
  margin: 1.2rem 1.6rem 0;
  padding: 1rem 2rem 2rem;
}

.main-findprice-slider {
  position: relative;
  overflow: hidden;
  padding-bottom: 1.6rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.33)), color-stop(22rem, rgba(202, 202, 202, 0.32)), color-stop(22rem, #fff));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33) 0%, rgba(202, 202, 202, 0.32) 22rem, #fff 22rem);
}
.main-findprice-slider .swiper-pagination {
  z-index: 0;
  position: absolute;
  top: 11.5rem;
  left: 0;
  width: 100%;
}

.main-findprice-area .main-findprice-header {
  z-index: 0;
  position: relative;
  height: 13rem;
  padding: 2.8rem 2.4rem;
  color: #fff;
}
.main-findprice-area .main-findprice-header .upper {
  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;
  font-weight: 500;
  color: #ffcc00;
  margin-bottom: 0.4rem;
}
.main-findprice-area .main-findprice-header .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
  color: #fff;
}
.main-findprice-area .main-findprice-header .name > span {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #fff;
}
.main-findprice-area .main-findprice-header .img {
  z-index: -1;
  position: absolute;
  right: 0;
  top: 0;
  width: 16rem;
  height: 10rem;
  text-align: right;
}
.main-findprice-area .main-findprice-header .img img {
  height: 100%;
}
.main-findprice-area .main-findprice-header .desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  position: relative;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: 0.4rem;
  color: #ccc;
  word-break: keep-all;
}
.main-findprice-area .main-findprice-header .desc.is-overflow:after {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  margin: -0.2rem 0 0 0.3rem;
  background: url("../images/icon/icon16-arrow-bottom-white.svg") center/contain no-repeat;
  content: "";
}
.main-findprice-area .main-findprice-header .desc.show {
  z-index: 4;
  color: transparent;
  overflow: visible;
}
.main-findprice-area .main-findprice-header .desc.show:after {
  display: none;
}
.main-findprice-area .main-findprice-header .desc.show .desc-clone {
  opacity: 1;
  pointer-events: all;
  padding: 1rem 2.8rem 1rem 1rem;
}
.main-findprice-area .main-findprice-header .desc-clone {
  z-index: 2;
  position: absolute;
  top: -3rem;
  left: 0;
  font-size: 1.2rem;
  line-height: 1.6;
  word-break: keep-all;
  pointer-events: none;
  opacity: 0;
  background: rgba(0, 0, 0, 0.85);
  -webkit-box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.2);
  color: #ccc;
  border-radius: 1.2rem;
}
.main-findprice-area .main-findprice-header .desc-clone:after {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icon/icon16-close-white.svg") center/contain no-repeat;
  content: "";
}
.main-findprice-area .main-findprice-header .btn-round-area {
  margin-top: 1rem;
}
.main-findprice-area .main-findprice-header .btn-round-area .btn-round {
  padding: 0 1.6rem;
  color: #fff;
  font-size: 1.4rem;
  background: rgba(0, 0, 0, 0.2);
}
.main-findprice-area .main-findprice-header .btn-round-area .grid-cont {
  color: #ffcc00;
  line-height: 1rem;
}
.main-findprice-area .main-findprice-header .btn-round-area .grid-util {
  font-size: 1.2rem;
  color: #eee;
  font-weight: 400;
}
.main-findprice-area .main-findprice-header .btn-round-area .grid-util .icon16 {
  margin: -0.1rem -0.4rem 0 0;
}
.main-findprice-area .main-findprice-body {
  z-index: 0;
  position: relative;
}
.main-findprice-area.type2 .main-findprice-header {
  padding: 2rem;
}
.main-findprice-area.type2 .main-findprice-header .desc {
  height: 2.8em;
  padding-right: 8.4rem;
}
.main-findprice-area.type2 .main-findprice-header .desc-clone {
  margin-right: 8.4rem;
}
.main-findprice-area.type2 .main-findprice-header .img {
  width: 14rem;
  overflow: hidden;
}
.main-findprice-area.type2 .main-findprice-header .img img {
  width: 100%;
  height: auto;
  -webkit-transform: translateX(30%);
      -ms-transform: translateX(30%);
          transform: translateX(30%);
}
.main-findprice-area.type2 .main-findprice-header .skeleton-loading {
  width: 70% !important;
}
.main-findprice-area.type2 .subcont-box {
  margin-top: 0;
}

.main-findtype-area .tab-linkbox {
  margin: 1rem 0 0.4rem;
}
.main-findtype-area .main-findtype-header {
  text-align: center;
}
.main-findtype-area .main-findtype-header .title {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
}
.main-findtype-area .main-findtype-header .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.2rem;
  color: #ccc;
  font-weight: 500;
}
.main-findtype-area .main-findtype-header .skeleton-loading {
  display: inline-block;
  width: 50%;
  opacity: 0.1;
}
.main-findtype-area .main-findtype-body {
  margin-top: 0.8rem;
  padding-bottom: 1.6rem;
}

.cartype-list .cartype-item {
  padding: 1.2rem 0;
}

.cartype-item {
  position: relative;
  display: block;
  text-align: left;
}
.cartype-item .header-upper {
  display: block;
  margin-bottom: 0.2rem;
}
.cartype-item .header-upper > span {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline-block;
  vertical-align: middle;
  color: #888;
}
.cartype-item .header {
  z-index: 1;
  min-height: 4.4rem;
  position: relative;
  padding-left: 7.5rem;
  padding-right: 2rem;
}
.cartype-item .header .img {
  z-index: -1;
  position: absolute;
  left: 0;
  top: -0.5rem;
  width: 8rem;
  height: 4.5rem;
}
.cartype-item .header .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.cartype-item .header .img:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 4.5rem;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(60%, #fff));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 60%);
  content: "";
}
.cartype-item .header .img.skeleton-loading {
  top: 0.3rem;
  width: 6.6rem;
  height: 4.2rem;
  border-radius: 0.6rem;
}
.cartype-item .header .img.skeleton-loading:after {
  display: none;
}
.cartype-item .header > .icon16 {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.8rem;
}
.cartype-item .header .skeleton-loading ~ .icon16 {
  opacity: 0.2;
}
.cartype-item .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-top: 0.2rem;
}
.cartype-item .name .txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  display: inline;
  color: #222;
  vertical-align: middle;
}
.cartype-item .name .logo {
  display: inline-block;
  height: 1.6rem;
  text-align: center;
  vertical-align: middle;
  font-size: 0;
  margin-right: -0.4rem;
}
.cartype-item .name .logo img {
  height: 100%;
  margin: 0 0.4rem 0 0;
  -o-object-position: center left;
     object-position: center left;
}
.cartype-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;
  color: #888;
  margin-top: 0.4rem;
}
.cartype-item .body {
  margin-top: 1.2rem;
  background: #f7f6f4;
  padding: 0.6rem 1.2rem;
  border-radius: 1.6rem;
  word-break: keep-all;
}
.cartype-item .body > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  font-weight: 700;
}
.cartype-item .inner-link {
  z-index: 2;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: xx-small;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
}

.cartype-nodata {
  padding: 3rem 2rem 2rem;
  text-align: center;
}
.cartype-nodata .icon-notfound {
  margin-bottom: 3.2rem;
}
.cartype-nodata .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.cartype-nodata .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #666;
  margin-top: 1.2rem;
}

.icon-notfound {
  display: inline-block;
  vertical-align: middle;
  width: 11rem;
  height: 8.5rem;
  background: url("../images/main/icon-notfound.png") center/contain no-repeat;
  -webkit-animation: aniSearch ease-in-out 2s infinite;
          animation: aniSearch ease-in-out 2s infinite;
}
@-webkit-keyframes aniSearch {
  0%, 100% {
    -webkit-transform: rotate(-3deg) skew(-1deg);
            transform: rotate(-3deg) skew(-1deg);
  }
  50% {
    -webkit-transform: rotate(2deg) skew(2deg);
            transform: rotate(2deg) skew(2deg);
  }
}
@keyframes aniSearch {
  0%, 100% {
    -webkit-transform: rotate(-3deg) skew(-1deg);
            transform: rotate(-3deg) skew(-1deg);
  }
  50% {
    -webkit-transform: rotate(2deg) skew(2deg);
            transform: rotate(2deg) skew(2deg);
  }
}

.icon-cartype {
  display: inline-block;
  width: 6.1rem;
  height: 3.2rem;
  vertical-align: middle;
  background-position: center;
  background-size: contain;
}
.icon-cartype.type1 {
  background-image: url("../images/icon/icon-cartype1.svg");
}
.icon-cartype.type2 {
  background-image: url("../images/icon/icon-cartype2.svg");
}
.icon-cartype.type3 {
  background-image: url("../images/icon/icon-cartype3.svg");
}
.icon-cartype.type4 {
  background-image: url("../images/icon/icon-cartype4.svg");
}
.icon-cartype.type5 {
  background-image: url("../images/icon/icon-cartype5.svg");
}
.icon-cartype.type6 {
  background-image: url("../images/icon/icon-cartype6.svg");
}
.icon-cartype.type7 {
  background-image: url("../images/icon/icon-cartype7.svg");
}
.icon-cartype.type8 {
  background-image: url("../images/icon/icon-cartype8.svg");
}
.icon-cartype.type9 {
  background-image: url("../images/icon/icon-cartype9.svg");
}
.icon-cartype.type10 {
  background-image: url("../images/icon/icon-cartype10.svg");
}

.main-findsearch-header {
  padding: 2.4rem 0 0.6rem;
  text-align: center;
}
.main-findsearch-header .title {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
}
.main-findsearch-header .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  color: #888;
}

.main-findsearch-body {
  padding-bottom: 1.6rem;
}

.main-intro-search.type-main .tab-base {
  width: calc(100% + 3.2rem);
}
.main-intro-search.type-main .searchbox-area {
  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;
  padding: 0.8rem 0 0.6rem;
  background: #fff;
}
.main-intro-search.type-main .searchbox-area .inner-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: none;
  margin-right: 1.6rem;
}
.main-intro-search.type-main .searchbox-area .main-searchbox {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.main-intro-search.type-main .floating-tab {
  -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;
}
.main-intro-search.type-main:not(.is-floating) .tab-base {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 100%;
}
.main-intro-search.type-main:not(.is-floating) .floating-tab {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
.main-intro-search.type-main.is-floating .floating-inner {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.main-intro-search.type-main.is-floating .floating-inner .inner-util {
  display: block;
}
.main-intro-search.type-main.is-floating .searchbox-area {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.main-intro-search.type-main.is-floating .main-searchbox {
  height: 4rem;
  line-height: 4rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.main-intro-search.type-main.is-floating .main-searchbox .searchbox-inp {
  line-height: 3.6rem;
  height: 3.6rem;
}
.main-intro-search.type-main.is-floating .main-searchbox .inp {
  font-size: 1.4rem;
  color: #222;
}
.main-intro-search.type-main.is-floating .main-searchbox .btn-search {
  border-color: transparent;
}
.main-intro-search.type-main.is-floating .floating-tab {
  display: none;
  position: relative;
  padding: 1rem 1.6rem 0;
  background: #fff;
}
.main-intro-search.type-main.is-floating .floating-tab:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: block;
  height: 1rem;
  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%);
  content: "";
}
@-webkit-keyframes aniShowTab {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes aniShowTab {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.main-searchbox.type4 {
  border: 2px solid #fc0;
  border-radius: 1.2rem;
  background: #fff;
  color: #888;
  font-size: 1.2rem;
  line-height: 4.8rem;
  min-width: 0;
  height: 4.8rem;
  -webkit-box-shadow: 0 0.7rem 1rem 0 rgba(255, 204, 0, 0.1);
          box-shadow: 0 0.7rem 1rem 0 rgba(255, 204, 0, 0.1);
}
.main-searchbox.type4 .searchbox-inp {
  line-height: 4.4rem;
  height: 4.4rem;
  min-width: 0;
}
.main-searchbox.type4 .searchbox-inp .inp {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #888;
}
.main-searchbox.type4 .btn-search {
  width: 4.6rem;
  margin: 0.6rem 0;
  background-position: center;
  border-left: 0.1rem solid #eee;
}

.allservice-list {
  margin-top: 0.4rem;
}
.allservice-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: 1.6rem 0;
  border-top: 0.1rem solid #eee;
}
.allservice-list > .item:first-child {
  border-top: 0;
}
.allservice-list > .item > .icon36,
.allservice-list > .item > .icon24 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 1.2rem;
  background-position: center;
  background-size: contain;
}
.allservice-list .inner-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
}
.allservice-list .desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: block;
  margin-bottom: 0.6rem;
}
.allservice-list .tit {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  display: block;
}
.allservice-list .inner-util {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  text-align: right;
}
.allservice-list .inner-util > span:not(.btn-round) {
  line-height: 2.4rem;
  color: #222;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  vertical-align: middle;
}
.allservice-list .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  text-indent: -999px;
}
.allservice-list.size-s > .item {
  padding: 1.2rem 0 1.2rem 1rem;
}
.allservice-list.size-s .desc {
  margin-bottom: 0.4rem;
}
.allservice-list.size-s .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  color: #222;
}

.banner-box {
  display: block;
  margin-top: 3rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
.banner-box img {
  display: block;
  width: 100%;
  max-height: 100%;
}
.banner-box.type-full {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  border-radius: 0;
}
.subcont-area:not(.type-new-subcont) .banner-box {
  margin-bottom: -1.8rem;
}
.car-list[data-infinity] .banner-box {
  margin: 0;
}
.car-list[data-infinity] .banner-box.type-full {
  margin: 0 -1.6rem;
}
.car-list[data-infinity].type-new-simple .banner-box {
  margin: 0 1.6rem;
}
.car-list[data-infinity].type-new-simple .banner-box.type-full {
  margin: 0;
}

/**
* 가격으로 내차 찾기
* ============== */
.findprice-area {
  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;
  min-height: 100%;
}
.findprice-area .findprice-cont {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  margin: 0;
}
.findprice-area .findprice-cont .point-box {
  padding: 1.2rem 1.6rem;
}

.findprice-step {
  overflow: hidden;
  font-size: 0;
  margin: 0 -1.6rem;
  text-align: center;
  white-space: nowrap;
}
.findprice-step > li {
  position: relative;
  width: 100vw;
  vertical-align: top;
  display: none;
}
.findprice-step > li:before {
  position: absolute;
  top: 50%;
  right: 50%;
  width: 100%;
  height: 0;
  display: block;
  margin-top: -0.1rem;
  border-bottom: 0.2rem solid #fc0;
  content: "";
}
.findprice-step > li.active {
  display: inline-block;
}
.findprice-step > li.active ~ li {
  display: inline-block;
}
.findprice-step > li.active ~ li:before {
  border-bottom: 0.1rem dashed #979797;
}
.findprice-step > li:first-child:before {
  display: none;
}
.findprice-step .num {
  z-index: 1;
  position: relative;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  font-size: 2rem;
  font-weight: 700;
  line-height: 3.2rem;
  color: #222;
  background-color: #fc0;
}

.findprice-model-box {
  text-align: center;
}
.findprice-model-box .img {
  height: 6.7rem;
  margin: 0 auto;
}
.findprice-model-box .img img {
  height: 100%;
}
.findprice-model-box .tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-top: 0.8rem;
  font-weight: 700;
  color: #222;
}
.findprice-model-box .desc {
  line-height: 2rem;
  color: #888;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.6rem;
  word-break: keep-all;
}
.findprice-model-box .btn-txt-area {
  margin-top: 1rem;
}

.findprice-cont.type-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 1.6rem 0 1rem;
}
.findprice-cont.type-title .modal-governing-area {
  margin-top: 3rem;
}

.findprice-cont.type-price {
  margin-top: 1rem;
}
.findprice-cont.type-price .tit strong {
  line-height: 3.2rem;
  color: #222;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.findprice-cont.type-price .tit span {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
}
.findprice-cont.type-price .desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 0.6rem;
  font-weight: 500;
}

.findprice-slider {
  position: relative;
  margin: 0 1.6rem;
  padding: 3.2rem 0 3.8rem;
}
.findprice-slider .drag-gauge-area .drag-gauge {
  background: none;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 0.6rem;
}
.findprice-slider .drag-gauge-area .noUi-connects {
  height: 0.8rem;
  border-radius: 0.4rem;
}
.findprice-slider .drag-gauge-area .noUi-connect {
  background: #2589ff;
  border-radius: 0.4rem;
}
.findprice-slider .drag-gauge-area .noUi-handle {
  width: 3rem;
  height: 3rem;
  border: 0.1rem solid #2589ff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(37, 137, 255, 0.59);
          box-shadow: 0 2px 12px 0 rgba(37, 137, 255, 0.59);
  right: -1.5rem;
}
.findprice-slider .drag-gauge-area .noUi-handle.noUi-active {
  background: #fafafa;
}
.findprice-slider .drag-gauge-area.type-range {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.findprice-slider .drag-gauge-area.type-range .noUi-handle {
  display: none;
}
.findprice-slider .drag-gauge-area.type-range .noUi-marker-normal {
  display: none;
}
.findprice-slider .drag-gauge-area.type-range .noUi-marker-large {
  top: 0;
  width: 0.1rem;
  background: #ccc;
}
.findprice-slider .drag-gauge-area.type-range .noUi-value {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
}
.findprice-slider .drag-gauge-area.type-range .noUi-value.breakpoint {
  color: #2589ff;
}
.findprice-slider .drag-gauge-area.type-bar {
  position: relative;
  z-index: 2;
}
.findprice-slider .drag-gauge-area.type-bar .noUi-connects {
  opacity: 0;
}
.findprice-slider .drag-gauge-area .slider-balloon {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 0.5rem;
  text-align: center;
  -webkit-transition: background-color ease-in-out 0.2s;
  transition: background-color ease-in-out 0.2s;
  background: #2589ff;
  color: #fff;
  font-size: 1.4rem;
  height: 2.6rem;
  line-height: 2.8rem;
  border-radius: 1.3rem;
  padding: 0 1.2rem;
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: -0.075em;
}
.findprice-slider .drag-gauge-area .slider-balloon.type-warn {
  background: #888;
}
.findprice-slider .drag-gauge-area .noUi-pips-horizontal {
  height: auto;
}

.findprice-slider-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  margin-top: 1.6rem;
}
.findprice-slider-desc strong {
  margin-left: 1rem;
  font-weight: inherit;
}

.findprice-cont.type-loan .btn-round.size-m {
  font-size: 1.4rem;
}

.findprice-cont.type-footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  justify-self: flex-end;
  margin-top: 1.6rem;
}

.doughnut-graph {
  position: relative;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin: 0.5rem 1.5rem 0.5rem 1rem;
}
.doughnut-graph .doughnut-gauge {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.doughnut-graph:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  display: block;
  background: #fff;
  content: "";
}
.point-box .doughnut-graph:after {
  background: #f6f8f9;
}

.findprice-cont .point-box.type-loan {
  min-height: 6.5rem;
}

.car-search-form {
  padding: 1.6rem 0;
  margin-bottom: 1.6rem;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.car-search-form .car-search-form-input {
  padding: 0 0.8rem;
  width: 10rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #666;
}
.car-search-form .car-search-form-input .car-search-form-control {
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  color: #222;
}
.car-search-form .car-search-form-input .icon16 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.car-search-form .car-search-form-select {
  padding: 0 0.8rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 2px solid #666;
}
.car-search-form .car-search-form-select .car-search-form-control {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #222;
}
.car-search-form .car-search-form-select .icon16 {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.car-search-form .break {
  margin: 0.8rem 0;
  width: 100%;
  height: 0;
}

.car-search-text {
  text-align: center;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.25;
  color: #888;
}
.car-search-text .underline {
  font-weight: 500;
  text-decoration: underline;
}
.car-search-text > small {
  font-size: 10px;
  color: #888;
}

.main-recent-car-slider {
  overflow: hidden;
}
.main-recent-car-slider .swiper-pagination {
  position: static;
}
.main-recent-car-slider .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.25rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #fff;
  opacity: 0.2;
}
.main-recent-car-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.recent-car .recent-car-card {
  position: relative;
  margin-top: 1.2rem;
  aspect-ratio: 303/183;
  border-radius: 0.8rem;
  background-color: #eee;
  overflow: hidden;
}
.recent-car .recent-car-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}
.recent-car .recent-car-card .recent-car-card-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recent-car .recent-car-card .recent-car-card-desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  z-index: 1;
}
.recent-car .recent-car-card .recent-car-card-desc strong {
  font-size: 12px;
  font-weight: normal;
}
.recent-car .recent-car-card .recent-car-card-desc small {
  font-size: 12px;
  color: #ccc;
}
.recent-car .recent-car-card .recent-car-card-desc small::after {
  content: "·";
  margin-left: 4px;
}
.recent-car .recent-car-card .recent-car-card-desc small:last-child::after {
  display: none;
}
.recent-car .recent-car-card .recent-car-card-desc .recent-car-card-desc-col:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 1%;
}
.recent-car .recent-car-card .recent-car-card-desc .recent-car-card-desc-text {
  line-height: 1;
}
.recent-car .recent-car-card .recent-car-card-desc .recent-car-card-desc-text small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.recent-car .recent-car-card .recent-car-card-desc .text-price {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.16px;
}
.recent-car .recent-car-card .recent-car-card-desc .text-unit {
  font-size: 12px;
}
.recent-car .recent-car-link {
  margin-top: 0.8rem;
  padding: 0 0.8rem;
  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: 32px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.3px;
  background-color: #f6f8f9;
  color: #666;
}
.recent-car .recent-car-link .recent-car-link-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recent-car .recent-car-link .recent-car-link-right .icon16 {
  opacity: 0.6;
}
.recent-car .recent-car-more {
  margin: 0 -2rem -2rem;
  background-color: #ffcc00;
  border-radius: 1.2rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.recent-car .recent-car-more .recent-car-more-link {
  margin-left: 0.6rem;
  padding: 1.2rem 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;
  font-size: 14px;
  font-weight: 500;
  color: #222;
}
.recent-car .recent-car-more .recent-car-more-link .icon16 {
  margin-left: 0.6rem;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.recent-car .recent-car-more .recent-car-more-content {
  display: none;
  padding: 2rem;
}
.recent-car .recent-car-more .recent-car-more-empty {
  gap: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #222;
}
.recent-car .recent-car-more .recent-car-more-empty .btn-wrap {
  margin-top: 0 !important;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.recent-car .recent-car-more.show .recent-car-more-link .icon16 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.recent-car .recent-car-more.show .recent-car-more-content {
  display: block;
}
.recent-car .recent-car-more.show .recent-car-more-content .btn-wrap {
  margin-top: 1rem;
  margin-bottom: -0.4rem;
}
.recent-car .recent-car-more.show .recent-car-more-content .btn-bg-transparent {
  padding: 0.6rem 0 0.4rem 0;
  height: auto;
  line-height: 1;
}
.recent-car .recent-car-more.show .recent-car-more-content .btn-bg-transparent span {
  line-height: 1.2;
  font-weight: 400;
}

.recent-car-define {
  padding: 1.6rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.recent-car-define:last-of-type {
  border: none;
}
.recent-car-define dt {
  font-size: 12px;
  color: #666;
  letter-spacing: -0.36px;
}
.recent-car-define dt span {
  color: #888;
}
.recent-car-define dt .tooltip-wrap {
  position: static;
}
.recent-car-define dt .tooltip-wrap .tooltip-tit {
  font-size: 12px;
  letter-spacing: -0.36px;
  color: #666;
}
.recent-car-define dt .tooltip-wrap .tooltip-tit span {
  vertical-align: top;
  font-size: 12px;
  color: #888;
}
.recent-car-define dd {
  font-size: 12px;
  color: #222;
  font-weight: 500;
}
.recent-car-define dd strong {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.16px;
}
.recent-car-define.expected-amount dt strong {
  font-size: 14px;
  color: #222;
}
.recent-car-define.expected-amount dt small,
.recent-car-define.expected-amount dt .stxt {
  font-size: 10px;
  line-height: 16px;
  font-weight: 500;
  color: #666;
}
.recent-car-define.expected-amount dt .btn {
  margin-left: 0.4rem;
  padding: 0 0.8rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  font-size: 12px;
  letter-spacing: -0.2px;
  color: #222;
  background-color: #eee;
  border-radius: 9999px;
}
.recent-car-define.expected-amount dd strong {
  font-size: 24px;
  font-weight: bold;
}
.recent-car-define.expected-amount dd strong span {
  font-size: 24px;
  font-weight: bold;
}

.recent-car-slider {
  overflow: hidden;
  margin: -2rem -2rem 1.6rem;
  padding: 0 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.recent-car-slider .recent-car-slider-item {
  font-size: 12px;
}
.recent-car-slider .recent-car-slider-img {
  margin-bottom: 0.8rem;
  aspect-ratio: 110/83;
  border: 1px solid rgba(151, 151, 151, 0.3019607843);
  border-radius: 0.4rem;
}
.recent-car-slider .recent-car-slider-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: top;
}
.recent-car-slider .text-name {
  font-weight: 500;
}
.recent-car-slider .text-month-price {
  font-weight: bold;
}
.recent-car-slider .text-price {
  font-size: 10px;
  font-weight: 500;
  color: #888;
}

.payment-months {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.payment-months .payment-months-control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.payment-months .payment-months-text {
  padding: 0 0.8rem;
  height: 26px;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #888;
  font-size: 12px;
  letter-spacing: -0.31px;
}
.payment-months .payment-months-control:checked + .payment-months-text {
  border-color: #222;
  color: #222;
  font-weight: bold;
}

.popular-recomm-area {
  margin-top: 0;
  color: #222;
}
.popular-recomm-area .tit-area {
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  margin-bottom: 1.6rem;
}
.popular-recomm-area .tit-area .header-title-100 {
  line-height: 2.8rem;
}
.popular-recomm-area .tit-area .btn-new-tooltip .icon-tooltip {
  width: 2rem;
  height: 2rem;
  margin-left: 0.2rem;
  margin-bottom: 0.2rem;
  background: url(../images/icon/icon20_tooltip_gray.svg) no-repeat 50% 50%;
}
.popular-recomm-area .tit-area .tooltip.type-new-tolltip {
  top: 3rem;
}

.plcc-area .btn-area.type-intro {
  background: none;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.plcc-area .btn-area .btn-secondary {
  background: #fff;
  border: 0.1rem solid #666;
}
.plcc-area .btn-area .btn-primary {
  background: #eab2f8;
  color: #222;
}

.plcc-hero {
  z-index: 0;
  position: relative;
  min-height: 74.5rem;
  background: #0a0a0a;
  padding: 0 1.6rem;
  overflow: hidden;
}
.plcc-hero .btn-area {
  margin-top: 4rem;
}

.plcc-header {
  text-align: center;
  padding-top: 4.8rem;
}
.plcc-header .plcc-header__logo {
  height: 2.1rem;
  margin-bottom: 4rem;
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 0s;
          animation: aniFadeInUp ease-in-out 0.8s both 0s;
}
.plcc-header .plcc-header__logo img {
  height: 100%;
}
.plcc-header .plcc-header__tit {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 0.3s;
          animation: aniFadeInUp ease-in-out 0.8s both 0.3s;
}
.plcc-header .plcc-header__desc {
  margin-top: 2rem;
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 0.6s;
          animation: aniFadeInUp ease-in-out 0.8s both 0.6s;
}

.plcc-info {
  padding: 0 0.4rem;
  margin-top: 15rem;
}
.plcc-info .plcc-info__item {
  margin-top: 6rem;
  color: #fff;
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 0.9s;
          animation: aniFadeInUp ease-in-out 0.8s both 0.9s;
}
.plcc-info .plcc-info__item.plcc-info__item--n2 dt {
  color: #d07bef;
}
.plcc-info .plcc-info__item:nth-child(2) {
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 1.2s;
          animation: aniFadeInUp ease-in-out 0.8s both 1.2s;
}
.plcc-info dt {
  font-size: 1.6rem;
  font-weight: 700;
  color: #eab2f8;
  margin-bottom: 0.8rem;
}
.plcc-info .plcc-info__num {
  display: inline-block;
  vertical-align: middle;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1;
  margin-right: 0.4rem;
}
.plcc-info .plcc-info__subject {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-right: 0.4rem;
}
.plcc-info .plcc-info__cont {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -0.05em;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.4;
}
.plcc-info .plcc-info__cont span {
  vertical-align: middle;
  font: inherit;
}
.plcc-info .plcc-info__cont small {
  font: inherit;
  font-size: 2.8rem;
  vertical-align: middle;
}

.plcc-visual {
  z-index: -1;
  position: absolute;
  top: 27rem;
  left: 0;
  width: 100%;
  height: 34.5rem;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.plcc-visual .plcc-visual__img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 37.5rem;
  height: 100%;
  opacity: 0;
  background-size: 37.5rem auto;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.plcc-visual .plcc-visual__img.plcc-visual__img--bg {
  -webkit-animation: aniPlccCardShow ease-in-out 0.8s 0.6s both;
          animation: aniPlccCardShow ease-in-out 0.8s 0.6s both;
  background-image: url("../images/buy/plcc-hero-bg.png");
}
.plcc-visual .plcc-visual__img.plcc-visual__img--front {
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
  background-image: url("../images/buy/plcc-hero-front.png");
}
.plcc-visual .plcc-visual__img.plcc-visual__img--line {
  width: 100%;
  -webkit-animation: aniPlccLine ease-in-out 1s 1s both;
          animation: aniPlccLine ease-in-out 1s 1s both;
  background-image: url("../images/buy/plcc-hero-line.png");
}
.plcc-visual .plcc-visual__img.plcc-visual__img--line:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 37.5rem);
  height: 100%;
  background: url("../images/buy/plcc-hero-line2.png") right bottom/auto 100% repeat-x;
  content: "";
}
@-webkit-keyframes aniPlccLine {
  0% {
    opacity: 1;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes aniPlccLine {
  0% {
    opacity: 1;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@-webkit-keyframes aniPlccCardPoint {
  0%, 100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
  }
}
@keyframes aniPlccCardPoint {
  0%, 100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
  }
}
@-webkit-keyframes aniPlccCardShow {
  0% {
    opacity: 0;
    -webkit-transform: translate(20%, -10%);
            transform: translate(20%, -10%);
  }
  50% {
    opactiy: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes aniPlccCardShow {
  0% {
    opacity: 0;
    -webkit-transform: translate(20%, -10%);
            transform: translate(20%, -10%);
  }
  50% {
    opactiy: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

.plcc-detail {
  padding: 9.6rem 1.6rem 5rem;
  background: #0a0a0a;
  text-align: center;
}
.plcc-detail .plcc-detail__tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 4rem;
  color: #eab2f8;
}
.plcc-detail .plcc-detail__tit2 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
  margin: 4rem 0 1.6rem;
}

.plcc-box {
  position: relative;
  padding: 2.4rem 0.6rem;
  border-radius: 2rem;
  background: #1a1a1a;
  margin: 0 0.4rem 4rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(255, 255, 255, 0.06);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(255, 255, 255, 0.06);
  text-align: center;
}
.plcc-box .plcc-box__img {
  width: 8.8rem;
  margin: 0 auto 1.6rem;
}
.plcc-box .plcc-box__img img {
  width: 100%;
}
.plcc-box .plcc-box__cont {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #eab2f8;
}
.plcc-box .plcc-box__btn {
  margin-top: 1.6rem;
}
.plcc-box .plcc-box__subcont {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.8rem;
}
.plcc-box .plcc-box__link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: xx-small;
  text-indent: 999px;
  overflow: hidden;
}

.plcc-tabbtn {
  text-align: center;
}
.plcc-tabbtn > ul > li {
  display: inline-block;
  vertical-align: middle;
}
.plcc-tabbtn .plcc-tabbtn__btn {
  display: inline-block;
  vertical-align: middle;
  line-height: 3.6rem;
  height: 3.6rem;
  border-radius: 1.8rem;
  min-width: 10.7rem;
  color: #666;
  background: #fff;
  margin: 0 0.2rem;
  font-weight: 700;
  font-size: 1.4rem;
}
.plcc-tabbtn .plcc-tabbtn__btn > span {
  font: inherit;
}
.plcc-tabbtn .plcc-tabbtn__btn.active {
  background: #d07bef;
  color: #fff;
}

.plcc-cardinfo {
  margin-top: 1.2rem;
  text-align: center;
}
.plcc-cardinfo .plcc-cardinfo__visual img {
  width: 16.1rem;
}
.plcc-cardinfo .plcc-cardinfo__tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin: 2rem 0 4rem;
}

.plcc-store {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.8rem;
}
.plcc-store .plcc-store__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 0.8rem);
          flex: 0 0 calc(50% - 0.8rem);
  margin: 0.5rem 0.4rem;
  border-radius: 3rem;
  padding: 0.6rem;
  height: 6rem;
  text-align: left;
  background: #f8f8f8;
  font-size: 0;
}
.plcc-store .plcc-store__img {
  display: inline-block;
  vertical-align: middle;
  width: 4.8rem;
  height: 100%;
  margin-right: 1.4rem;
}
.plcc-store .plcc-store__img img {
  width: 4.8rem;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: 0;
}
.plcc-store .plcc-store__name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 6.2rem);
  font-size: 1.6rem;
  color: #222;
  line-height: 1.2;
  font-weight: 500;
}

.plcc-bullet > li {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  color: #222;
  margin-top: 0.4rem;
}
.plcc-bullet > li:first-child {
  margin-top: 0;
}

.plcc-benefit .plcc-benefit__tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 1.2rem;
}
.plcc-benefit .plcc-benefit__cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.plcc-benefit .plcc-benefit__cont small {
  font: inherit;
  color: #666;
}

.point-box.type-plcc {
  padding: 1rem 1.6rem;
}
.point-box.type-plcc .grid-util {
  font-size: 0;
  margin: 0.4rem 1.6rem 0 0;
}

.point-box.type-plcc-link {
  position: relative;
  padding: 1.2rem 2.4rem;
}
.point-box.type-plcc-link .grid-util {
  font-size: 0;
  margin: 0.4rem 1.6rem 0 0;
}
.point-box.type-plcc-link .inner-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 500;
}
.point-box.type-plcc-link .inner-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  color: #222;
  font-weight: 700;
}
.point-box.type-plcc-link .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  font-size: xx-small;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
}
.point-box.type-plcc-link .inner-link:after {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  background: url("../images/icon/icon16-arrow-right-black-bold.svg") center/contain no-repeat;
  content: "";
}

.point-box.type-plcc-full {
  margin: -2.4rem -1.6rem 2.4rem;
  border-radius: 0;
  padding: 1.4rem 2rem;
}
.point-box.type-plcc-full .grid-util {
  margin: 0.4rem 1.2rem 0 0;
}
.point-box.type-plcc-full .inner-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.point-box.type-plcc-full .inner-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.6rem;
}

.plcc-toast {
  z-index: 9999;
  position: fixed;
  bottom: 5.2rem;
  left: 0;
  width: 100%;
  padding: 0 2.4rem;
  text-align: center;
  opacity: 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: transform ease-in-out 0.2s, opacity ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
.plcc-toast.has-dockbar {
  bottom: 8.4rem;
}
.plcc-toast.is-hide {
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);
  opacity: 0;
  pointer-events: none;
}
.plcc-toast .plcc-toast__cont {
  position: relative;
  display: inline-block;
  background: #222;
  border-radius: 2.8rem;
  padding: 1rem 7rem 0.8rem 1.6rem;
  text-align: center;
}
.plcc-toast .plcc-toast__txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline;
  vertical-align: bottom;
  color: #fff;
  font-weight: 500;
}
.plcc-toast .plcc-toast__txt strong {
  font: inherit;
  color: #d07bef;
}
.plcc-toast .plcc-toast__img {
  position: absolute;
  right: 0.8rem;
  bottom: 0;
  width: 5.6rem;
  -webkit-transform: translateY(20%);
      -ms-transform: translateY(20%);
          transform: translateY(20%);
}
.plcc-toast .plcc-toast__img img {
  width: 100%;
}
.plcc-toast .plcc-toast__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  text-indent: -999px;
}
.plcc-toast .plcc-toast__close {
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 0 -0.4rem -0.4rem;
  background: url("../images/icon/icon22-plcc-close.svg") center/2.2rem auto no-repeat;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  text-indent: -999px;
}

.plcc-area-v2.plcc-area .btn-area .btn-outline-point2 {
  border: 0.1rem solid #fbe5ba;
  line-height: 4.6rem;
  color: #fbe5ba;
}
.plcc-area-v2.plcc-area .btn-area .btn-outline-point2 span {
  color: inherit;
}
.plcc-area-v2 .plcc-hero {
  z-index: 0;
  position: relative;
  background: #0a0a0a;
  padding: 0 2rem;
  overflow: hidden;
}
.plcc-area-v2 .plcc-hero .btn-area {
  margin-top: 4rem;
  padding-bottom: 2.6rem;
}

.plcc-area .btn-area.type-intro {
  background: none;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.plcc-area .btn-area .btn-secondary {
  background: #fff;
  border: 0.1rem solid #666;
}
.plcc-area .btn-area .btn-primary {
  background: #eab2f8;
  color: #222;
}

.plcc-hero {
  z-index: 0;
  position: relative;
  min-height: 74.5rem;
  background: #0a0a0a;
  padding: 0 1.6rem;
  overflow: hidden;
}
.plcc-hero .btn-area {
  margin-top: 4rem;
}

.plcc-header {
  text-align: center;
  padding-top: 4.8rem;
}
.plcc-header .plcc-header__logo {
  height: 2.1rem;
  margin-bottom: 4rem;
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 0s;
          animation: aniFadeInUp ease-in-out 0.8s both 0s;
}
.plcc-header .plcc-header__logo img {
  height: 100%;
}
.plcc-header .plcc-header__tit {
  line-height: 4rem;
  color: #222;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 0.3s;
          animation: aniFadeInUp ease-in-out 0.8s both 0.3s;
}
.plcc-header .plcc-header__desc {
  margin-top: 2rem;
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 0.6s;
          animation: aniFadeInUp ease-in-out 0.8s both 0.6s;
}

.plcc-info {
  padding: 0 0.4rem;
  margin-top: 15rem;
}
.plcc-info .plcc-info__item {
  margin-top: 6rem;
  color: #fff;
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 0.9s;
          animation: aniFadeInUp ease-in-out 0.8s both 0.9s;
}
.plcc-info .plcc-info__item.plcc-info__item--n2 dt {
  color: #d07bef;
}
.plcc-info .plcc-info__item:nth-child(2) {
  -webkit-animation: aniFadeInUp ease-in-out 0.8s both 1.2s;
          animation: aniFadeInUp ease-in-out 0.8s both 1.2s;
}
.plcc-info dt {
  font-size: 1.6rem;
  font-weight: 700;
  color: #eab2f8;
  margin-bottom: 0.8rem;
}
.plcc-info .plcc-info__num {
  display: inline-block;
  vertical-align: middle;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1;
  margin-right: 0.4rem;
}
.plcc-info .plcc-info__subject {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-right: 0.4rem;
}
.plcc-info .plcc-info__cont {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -0.05em;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.4;
}
.plcc-info .plcc-info__cont span {
  vertical-align: middle;
  font: inherit;
}
.plcc-info .plcc-info__cont small {
  font: inherit;
  font-size: 2.8rem;
  vertical-align: middle;
}

.plcc-visual {
  z-index: -1;
  position: absolute;
  top: 27rem;
  left: 0;
  width: 100%;
  height: 34.5rem;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}
.plcc-visual .plcc-visual__img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 37.5rem;
  height: 100%;
  opacity: 0;
  background-size: 37.5rem auto;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.plcc-visual .plcc-visual__img.plcc-visual__img--bg {
  -webkit-animation: aniPlccCardShow ease-in-out 0.8s 0.6s both;
          animation: aniPlccCardShow ease-in-out 0.8s 0.6s both;
  background-image: url("../images/buy/plcc-hero-bg.png");
}
.plcc-visual .plcc-visual__img.plcc-visual__img--front {
  -webkit-transition: opacity linear 0.1s;
  transition: opacity linear 0.1s;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
  background-image: url("../images/buy/plcc-hero-front.png");
}
.plcc-visual .plcc-visual__img.plcc-visual__img--line {
  width: 100%;
  -webkit-animation: aniPlccLine ease-in-out 1s 1s both;
          animation: aniPlccLine ease-in-out 1s 1s both;
  background-image: url("../images/buy/plcc-hero-line.png");
}
.plcc-visual .plcc-visual__img.plcc-visual__img--line:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 37.5rem);
  height: 100%;
  background: url("../images/buy/plcc-hero-line2.png") right bottom/auto 100% repeat-x;
  content: "";
}
@keyframes aniPlccLine {
  0% {
    opacity: 1;
    width: 0;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}
@keyframes aniPlccCardPoint {
  0%, 100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
  }
}
@keyframes aniPlccCardShow {
  0% {
    opacity: 0;
    -webkit-transform: translate(20%, -10%);
            transform: translate(20%, -10%);
  }
  50% {
    opactiy: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

.plcc-detail {
  padding: 9.6rem 1.6rem 5rem;
  background: #0a0a0a;
  text-align: center;
}
.plcc-detail .plcc-detail__tit {
  line-height: 3.4rem;
  color: #222;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 4rem;
  color: #eab2f8;
}
.plcc-detail .plcc-detail__tit2 {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #fff;
  margin: 4rem 0 1.6rem;
}

.plcc-box {
  position: relative;
  padding: 3rem 0.6rem 2.4rem;
  border-radius: 2rem;
  background: #1a1a1a;
  margin: 0 0.4rem 4rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(255, 255, 255, 0.06);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(255, 255, 255, 0.06);
  text-align: center;
}
.plcc-box .plcc-box__tit {
  text-align: center;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  height: 2.6rem;
  line-height: 2.2rem;
  padding: 0 0.8rem;
  min-width: 7.6rem;
  border-radius: 0.6rem;
  background: #1a1a1a;
  border: 0.2rem solid #d07bef;
}
.plcc-box .plcc-box__img {
  width: 8.8rem;
  margin: 0 auto 1.6rem;
}
.plcc-box .plcc-box__img img {
  width: 100%;
}
.plcc-box .plcc-box__cont {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  color: #eab2f8;
}
.plcc-box .plcc-box__btn {
  margin-top: 1.6rem;
}
.plcc-box .plcc-box__subcont {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #888;
  margin-top: 0.8rem;
}
.plcc-box .plcc-box__link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  font-size: xx-small;
  text-indent: 999px;
  overflow: hidden;
}

.plcc-tabbtn {
  text-align: center;
}
.plcc-tabbtn > ul > li {
  display: inline-block;
  vertical-align: middle;
}
.plcc-tabbtn .plcc-tabbtn__btn {
  display: inline-block;
  vertical-align: middle;
  line-height: 3.6rem;
  height: 3.6rem;
  border-radius: 1.8rem;
  min-width: 10.7rem;
  color: #666;
  background: #fff;
  margin: 0 0.2rem;
  font-weight: 700;
  font-size: 1.4rem;
}
.plcc-tabbtn .plcc-tabbtn__btn > span {
  font: inherit;
}
.plcc-tabbtn .plcc-tabbtn__btn.active {
  background: #d07bef;
  color: #fff;
}

.plcc-cardinfo {
  margin-top: 1.2rem;
  text-align: center;
}
.plcc-cardinfo .plcc-cardinfo__visual img {
  width: 16.1rem;
}
.plcc-cardinfo .plcc-cardinfo__tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin: 2rem 0 4rem;
}

.plcc-store {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.8rem;
}
.plcc-store .plcc-store__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 0.8rem);
          flex: 0 0 calc(50% - 0.8rem);
  margin: 0.5rem 0.4rem;
  border-radius: 3rem;
  padding: 0.6rem;
  height: 6rem;
  text-align: left;
  background: #f8f8f8;
  font-size: 0;
}
.plcc-store .plcc-store__img {
  display: inline-block;
  vertical-align: middle;
  width: 4.8rem;
  height: 100%;
  margin-right: 1.4rem;
}
.plcc-store .plcc-store__img img {
  width: 4.8rem;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border: 0;
}
.plcc-store .plcc-store__name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 6.2rem);
  font-size: 1.6rem;
  color: #222;
  line-height: 1.2;
  font-weight: 500;
}

.plcc-bullet > li {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  font-weight: 500;
  color: #222;
  margin-top: 0.4rem;
}
.plcc-bullet > li:first-child {
  margin-top: 0;
}

.plcc-benefit .plcc-benefit__tit {
  line-height: 3rem;
  color: #222;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-bottom: 1.2rem;
}
.plcc-benefit .plcc-benefit__cont {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
}
.plcc-benefit .plcc-benefit__cont small {
  font: inherit;
  color: #666;
}

.point-box.type-plcc {
  padding: 1rem 1.6rem;
}
.point-box.type-plcc .grid-util {
  font-size: 0;
  margin: 0.4rem 1.6rem 0 0;
}

.point-box.type-plcc-link {
  position: relative;
  padding: 1.2rem 2.4rem;
}
.point-box.type-plcc-link .grid-util {
  font-size: 0;
  margin: 0.4rem 1.6rem 0 0;
}
.point-box.type-plcc-link .inner-desc {
  line-height: 1.6rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  color: #222;
  font-weight: 500;
}
.point-box.type-plcc-link .inner-tit {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  color: #222;
  font-weight: 700;
}
.point-box.type-plcc-link .inner-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  font-size: xx-small;
  color: transparent;
  text-indent: -999px;
  overflow: hidden;
}
.point-box.type-plcc-link .inner-link:after {
  position: absolute;
  top: 50%;
  right: 2.4rem;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  background: url("../images/icon/icon16-arrow-right-black-bold.svg") center/contain no-repeat;
  content: "";
}

.point-box.type-plcc-full {
  margin: -2.4rem -1.6rem 2.4rem;
  border-radius: 0;
  padding: 1.4rem 2rem;
}
.point-box.type-plcc-full .grid-util {
  margin: 0.4rem 1.2rem 0 0;
}
.point-box.type-plcc-full .inner-desc {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: -0.02rem;
}
.point-box.type-plcc-full .inner-tit {
  line-height: 2.6rem;
  color: #222;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -0.04rem;
  margin-top: 0.6rem;
}

.plcc-toast {
  z-index: 9999;
  position: fixed;
  bottom: 5.2rem;
  left: 0;
  width: 100%;
  padding: 0 2.4rem;
  text-align: center;
  opacity: 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: transform ease-in-out 0.2s, opacity ease-in-out 0.2s;
  transition: transform ease-in-out 0.2s, opacity ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;
}
.plcc-toast.has-dockbar {
  bottom: 8.4rem;
}
.plcc-toast.is-hide {
  -webkit-transform: translateY(2rem);
      -ms-transform: translateY(2rem);
          transform: translateY(2rem);
  opacity: 0;
  pointer-events: none;
}
.plcc-toast .plcc-toast__cont {
  position: relative;
  display: inline-block;
  background: #222;
  border-radius: 2.8rem;
  padding: 1rem 7rem 0.8rem 1.6rem;
  text-align: center;
}
.plcc-toast .plcc-toast__txt {
  line-height: 2rem;
  color: #666;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -0.02rem;
  display: inline;
  vertical-align: bottom;
  color: #fff;
  font-weight: 500;
}
.plcc-toast .plcc-toast__txt strong {
  font: inherit;
  color: #d07bef;
}
.plcc-toast .plcc-toast__img {
  position: absolute;
  right: 0.8rem;
  bottom: 0;
  width: 5.6rem;
  -webkit-transform: translateY(20%);
      -ms-transform: translateY(20%);
          transform: translateY(20%);
}
.plcc-toast .plcc-toast__img img {
  width: 100%;
}
.plcc-toast .plcc-toast__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  text-indent: -999px;
}
.plcc-toast .plcc-toast__close {
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 2.4rem;
  height: 2.4rem;
  margin: 0 0 -0.4rem -0.4rem;
  background: url("../images/icon/icon22-plcc-close.svg") center/2.2rem auto no-repeat;
  color: transparent;
  font-size: xx-small;
  overflow: hidden;
  text-indent: -999px;
}

.plcc-area-v2 .plcc-area .btn-area .btn-outline-point2 {
  border: 0.1rem solid #fbe5ba;
  line-height: 4.6rem;
  color: #fbe5ba;
}
.plcc-area-v2 .plcc-area .btn-area .btn-outline-point2 span {
  color: inherit;
}
.plcc-area-v2 .plcc-hero {
  min-height: 0;
}
.plcc-area-v2 .plcc-header .plcc-header__logo {
  margin-bottom: 2.4rem;
  text-align: left;
}
.plcc-area-v2 .plcc-header .plcc-header__tit {
  text-align: left;
}
.plcc-area-v2 .plcc-header .plcc-header__tit strong {
  color: #eab2f8;
}
.plcc-area-v2 .plcc-header .plcc-header__desc {
  text-align: left;
}
.plcc-area-v2 .plcc-header .plcc-header__desc p {
  font-size: 1.6rem;
  color: #fff;
  margin-top: 0.57rem;
}
.plcc-area-v2 .plcc-body h4 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #eab2f8;
  margin-top: 9.9rem;
}
.plcc-area-v2 .plcc-body .box {
  width: calc(50% - 0.75rem);
  margin-top: 2rem;
  color: #fff;
}
.plcc-area-v2 .plcc-body .box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
}
.plcc-area-v2 .plcc-body .box .detail-icons {
  margin-bottom: 0.8rem;
}
.plcc-area-v2 .plcc-body .box .detail-icons img {
  width: 2.4rem;
  margin-right: 0.6rem;
  vertical-align: middle;
}
.plcc-area-v2 .plcc-body .box dl {
  margin-top: 0.4rem;
}
.plcc-area-v2 .plcc-body .box dl dt {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.025em;
}
.plcc-area-v2 .plcc-body .box dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4rem;
  font-weight: 800;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.plcc-area-v2 .plcc-body .box dl dd strong {
  font-size: 3.2rem;
}
.plcc-area-v2 .plcc-body .box dl.type-vertical dt {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4rem;
  line-height: 1.4;
}
.plcc-area-v2 .plcc-body .box dl.type-vertical dd {
  display: inline-block;
  vertical-align: middle;
}
.plcc-area-v2 .plcc-body .box .box-event {
  font-size: 1rem;
  font-weight: 700;
  display: table;
  border: 1px solid;
  padding: 0.1rem 0.5rem;
  border-radius: 0.4rem;
  margin-bottom: 1.1rem;
}
.plcc-area-v2 .plcc-body .box .box-event.event01 {
  border-color: #fbe5ba;
}
.plcc-area-v2 .plcc-body .box .box-event.event02 {
  border-color: #d07bef;
}
.plcc-area-v2 .plcc-body .box-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}
.plcc-area-v2 .plcc-body .ani-group01 {
  -webkit-animation: aniFadeInUp ease-in-out 0.3s both 0.8s;
          animation: aniFadeInUp ease-in-out 0.3s both 0.8s;
}
.plcc-area-v2 .plcc-body .ani-group02 {
  -webkit-animation: aniFadeInUp ease-in-out 0.3s both 1s;
          animation: aniFadeInUp ease-in-out 0.3s both 1s;
  margin-top: 8.4rem;
}
.plcc-area-v2 .plcc-visual {
  top: 29rem;
}
.plcc-area-v2 .plcc-visual .plcc-visual__img.plcc-visual__img--plus {
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("../images/buy/point-plus.png");
  background-size: 100% 100%;
  left: 7.3rem;
  bottom: 7rem;
  -webkit-animation: aniPlccPlusShow ease-in-out 0.5s 1.3s both;
          animation: aniPlccPlusShow ease-in-out 0.5s 1.3s both;
}
@-webkit-keyframes aniPlccPlusShow {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    opactiy: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes aniPlccPlusShow {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  50% {
    opactiy: 1;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.plcc-area-v2 .plcc-detail {
  padding: 9.6rem 2rem;
}
.plcc-area-v2 .plcc-detail .plcc-detail__tit2 {
  margin-bottom: 5.3rem;
}
.plcc-area-v2 .plcc-detail .plcc-detail__tit2-mt {
  margin-top: 6rem;
}
.plcc-area-v2 .plcc-box {
  margin: 0 0.4rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem 0 rgba(255, 255, 255, 0.08);
          box-shadow: 0 0.4rem 1.6rem 0 rgba(255, 255, 255, 0.08);
}
.plcc-area-v2 .plcc-box:not(:last-child) {
  margin-bottom: 7.3rem;
}
.plcc-area-v2 .plcc-box-mt {
  margin-top: 3.7rem;
}
.plcc-area-v2 .plcc-box .plcc-box__subcont {
  color: #ccc;
}
.plcc-area-v2 .plcc-box .box-event {
  font-size: 1.4rem;
  font-weight: 700;
  display: table;
  border: 0.2rem solid;
  padding: 0.3rem 1rem;
  border-radius: 0.6rem;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 0rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.plcc-area-v2 .plcc-box .box-event.event01 {
  border-color: #fbe5ba;
  color: #fff;
}
.plcc-area-v2 .plcc-box .box-event.event02 {
  border-color: #d07bef;
  color: #fff;
}
.plcc-area-v2 .plcc-box .box {
  position: relative;
}
.plcc-area-v2 .plcc-box .box .thumb {
  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-bottom: 1.6rem;
}
.plcc-area-v2 .plcc-box .box .thumb.j-end {
  position: absolute;
  top: 8rem;
  right: 2rem;
  margin-bottom: 0;
}
.plcc-area-v2 .plcc-box .box > strong {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1.6rem;
}
.plcc-area-v2 .plcc-box .box .link {
  display: table;
  font-size: 1.4rem;
  color: #fff;
  text-decoration: underline;
  margin: 0 auto;
}
.plcc-area-v2 .plcc-box .box > p {
  font-size: 1.2rem;
  color: #ccc;
  margin-bottom: 1.6rem;
  text-align: center;
}
.plcc-area-v2 .plcc-box .box h6 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
  padding-top: 1.3rem;
}
.plcc-area-v2 .plcc-box .box h6 strong {
  display: block;
  font-size: 3rem;
  font-weight: 700;
  color: #fbe5ba;
  text-align: left;
  margin-top: 0.4rem;
}
.plcc-area-v2 .plcc-box .box h6 span {
  display: block;
  font-size: 1.2rem;
  color: #ccc;
  margin-top: 0.8rem;
}
.plcc-area-v2 .plcc-box .box dl {
  margin-top: 8rem;
}
.plcc-area-v2 .plcc-box .box dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fbe5ba;
  gap: 0.8rem;
}
.plcc-area-v2 .plcc-box .box dl dt span {
  color: #fff;
}
.plcc-area-v2 .plcc-box .box dl dd {
  font-size: 1.2rem;
  color: #ccc;
  margin-top: 0.2rem;
}
.plcc-area-v2 .plcc-box .box dl .list {
  text-align: left;
}
.plcc-area-v2 .plcc-box .box dl .list:not(:last-child) {
  margin-bottom: 1.6rem;
}
.plcc-area-v2 .plcc-box .box dl .list.list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
}
.plcc-area-v2 .plcc-box .box dl .list.list-flex dt {
  white-space: nowrap;
}
.plcc-area-v2 .plcc-box .box dl .list.list-flex dd {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  margin-top: 0;
}
.plcc-area-v2 .plcc-tabbtn > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.plcc-area-v2 .plcc-tabbtn > ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.plcc-area-v2 .plcc-tabbtn .plcc-tabbtn__btn {
  min-width: 0;
  margin: 0;
  padding: 0 2.75rem;
}

.magazine .week-best {
  padding-top: 0.8rem;
  margin-bottom: 3.6rem;
}
.magazine .week-best > a {
  position: relative;
  display: block;
  border-radius: 1.2rem;
  overflow: hidden;
  padding-bottom: 119%;
  background-color: #ddd;
  z-index: 0;
}
.magazine .week-best > a:after {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, color-stop(1.47%, rgba(0, 0, 0, 0)), color-stop(101.76%, rgba(0, 0, 0, 0.5)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 1.47%, rgba(0, 0, 0, 0.5) 101.76%);
}
.magazine .week-best > a > img {
  z-index: -2;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.magazine .week-best .title {
  position: absolute;
  left: 2.6rem;
  right: 2.6rem;
  bottom: 3.1rem;
  margin-top: 0.4rem;
  color: #fff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
}
.magazine .week-best .title .stitle {
  display: block;
  color: #ffd338;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.magazine .week-story {
  margin: 0 0.4rem;
}
.magazine .subcont-area > .c-title-18 {
  margin-bottom: 2.4rem;
}
.magazine .subcont-area > .c-title-18.pd {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.magazine .h-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.4rem;
  padding: 0 0.4rem;
}
.magazine .h-box .total {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.magazine .select-wrap {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  -webkit-box-pack: end;
  margin-top: 0.1rem;
}
.magazine .select-wrap .select-type {
  position: relative;
  padding-right: 2rem;
  color: #222;
  min-width: 11.5rem;
  height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  line-height: 2rem;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  direction: rtl;
  text-align: right;
  z-index: 2;
  position: relative;
}
.magazine .select-wrap .select-cover {
  position: absolute;
  top: 0;
  right: 2rem;
  bottom: 0;
  height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  line-height: 2rem;
  width: 11.5rem;
  pointer-events: none;
  text-align: right;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fff;
  z-index: 10;
}
.magazine .select-wrap select option {
  direction: ltr;
  text-align: left;
}
.magazine .select-wrap::after {
  content: "";
  position: absolute;
  top: 49%;
  right: 0.2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  background: url("../images/icon/icon-arrow-bottom.svg") no-repeat center center;
  pointer-events: none;
  color: #222;
}
.magazine .magazine-list {
  margin-top: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-column-gap: 0.7rem;
     -moz-column-gap: 0.7rem;
          column-gap: 0.7rem;
  row-gap: 2.4rem;
}
.magazine .magazine-list li {
  width: calc((100% - 0.7rem) / 2);
}
.magazine .magazine-list li img {
  width: 100%;
  position: absolute;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.magazine .magazine-list li a {
  display: block;
  overflow: hidden;
}
.magazine .magazine-list li a .img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background: #f5f6fa;
  border-radius: 0.4rem;
  overflow: hidden;
  padding-bottom: 79%;
}
.magazine .magazine-list li a .category {
  margin: 1.2rem 0.4rem 0;
  display: block;
  color: #287eff;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.magazine .magazine-list li a .category + .txt {
  margin-top: 0;
}
.magazine .magazine-list li a .txt {
  height: 4.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 1.2rem 0.4rem 0;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.magazine .magazine-list li a .date-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;
  margin: 0.4rem 0.4rem 0;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.magazine .magazine-list li a .date-view .date {
  font-weight: 300;
}
.magazine .magazine-list li a .date-view .views {
  font-weight: 300;
}
.magazine .magazine-list li a .date-view .views::before {
  content: "";
  display: inline-block;
  background: url("../images/icon/icon-view.svg") no-repeat center center;
  width: 1.6rem;
  height: 1.4rem;
  margin-right: 0.4rem;
  margin-top: -0.1rem;
  vertical-align: middle;
}
.magazine .magazine-list li.search-active .txt {
  color: #aaa;
}
.magazine .magazine-list li.search-active .txt .keyword {
  color: #444;
  font-weight: 700;
}
.magazine .magazine-list li.search-active .date-view {
  color: #aaa;
}
.magazine .magazine-list li.search-active .date-view .views {
  font-weight: 300;
}
.magazine .magazine-list li.search-active .date-view .views::before {
  background: url("../images/icon/icon-view-light-gray.svg") no-repeat center center;
}
.magazine .magazine-list .btn-dealer-wrap {
  padding: 0 5px;
}
.magazine .magazine-list .btn-dealer-wrap .btn-dealer-regist {
  margin-left: 10px;
}

.post-item.round-line {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.post-item.round-line .info {
  display: grid;
  grid-template-columns: 6rem auto 5rem;
  grid-template-areas: "thum title star" "thum stitle stitle";
  gap: 0 1.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-item.round-line .thum {
  position: relative;
  display: block;
  width: 6rem;
  height: 6rem;
  border-radius: 6rem;
  overflow: hidden;
  border: 0.1rem solid #ddd;
  grid-area: thum;
  background: #f8f8f8 url("../images/no-image.svg") no-repeat center center;
}
.post-item.round-line .thum > img {
  position: absolute;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.post-item.round-line .title {
  grid-area: title;
  align-self: end;
}
.post-item.round-line .icon-star {
  grid-area: star;
  align-self: end;
  justify-self: end;
  margin-right: 0.6rem;
}
.post-item.round-line .stitle {
  grid-area: stitle;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.post-item.round-line .text {
  margin-top: 1.2rem;
  height: 4.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.post-item.round-line .btn-txt-arrow {
  margin-top: 1.2rem;
}

.sns-sharing {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 21px;
     -moz-column-gap: 21px;
          column-gap: 21px;
}

.btn-txt-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
  font-size: 14px;
}
.btn-txt-arrow > span {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}

.main-intro-search.ty-main-new {
  padding: 6.4rem 2.4rem 5.2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f8f8f8));
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%);
}
.main-intro-search.ty-main-new .searchbox-area {
  padding: 0;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.12);
          box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.12);
  border-radius: 100px;
}

.ad-banner-box {
  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;
  padding: 1.6rem 2.4rem 0;
  gap: 0.8rem;
}
.ad-banner-box .ad-text {
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #222;
}
.ad-banner-box .ad-text .txt-main {
  font-weight: 700;
}
.ad-banner-box .ad-img {
  width: 7.2rem;
  height: 4.4rem;
  border-radius: 4px;
  overflow: hidden;
  background: #ddd;
}
.ad-banner-box .ad-img > img {
  width: 100%;
  height: 100%;
}

.main-searchbox.type5 {
  border-radius: 100px;
  border: 2px solid #222;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.main-searchbox.type5 .searchbox-inp {
  height: 5.2rem;
  line-height: 5.2rem;
}
.main-searchbox.type5 .searchbox-inp .inp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  font-weight: 300;
  padding-left: 2.4rem;
}

.section-area {
  margin-top: 4rem;
}
.section-area .s-top-title {
  padding: 0 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: 1.2rem;
}
.section-area .s-top-title h2 {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
}
.section-area .s-top-title .btn-txt {
  margin-left: auto;
}
.section-area .s-top-title .icon-tooltip {
  width: 1.6rem;
  height: 1.6rem;
  margin-bottom: 0;
}
.section-area .s-top-title .tooltip {
  margin-left: -0.4rem;
}
.section-area .s-top-title .s-img-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.section-area:first-of-type {
  margin-top: 2.8rem;
}
.section-area:last-child {
  margin-bottom: 4rem;
}
.section-area .space-side {
  padding: 0 2rem;
}

.link-scroll-wrapper {
  width: 100%;
  max-height: 8.8rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-left: 2rem;
  padding-right: 2rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin: -0.4rem 0;
}
.link-scroll-wrapper::-webkit-scrollbar {
  display: none;
}
.link-scroll-wrapper .link-list {
  height: 100%;
}
.link-scroll-wrapper .link-list .rows {
  font-size: 0;
}
.link-scroll-wrapper .link-list.no-wrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important; /* 강제 1줄로 펼쳐서 width 측정용 */
}
.link-scroll-wrapper .link-list a {
  color: #222;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  margin: 0.4rem 0.3rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 1.2rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10rem;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  gap: 0.1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.link-scroll-wrapper .link-list a > img {
  width: 2.4rem;
  height: 2.4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.link-scroll-wrapper .link-list a:first-child {
  margin-left: 0;
}
.link-scroll-wrapper .link-list a:last-child {
  margin-right: 2rem;
}

.car-list.type-xscroll.img-scroll-wrapper {
  margin: 0;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
  font-size: 0;
  margin: 0;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  overflow-x: visible;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items ~ .car-items {
  margin-top: 2.4rem;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item {
  width: 16.4rem;
  margin: 0 0.8rem;
  display: inline-block;
  vertical-align: top;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item.ty-bg .car-thumb {
  height: 12.7rem;
  padding-top: 2.4rem;
  background-color: #fff;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item.ty-bg .car-thumb .thumb-img {
  height: 10.3rem;
  border-radius: 0 0 0.2rem 0.2rem;
  overflow: hidden;
  position: relative;
  background: #ddd;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item.ty-bg .car-thumb .thumb-btm {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4rem 0.8rem;
  height: 2.4rem;
  background: #ffd338;
  border-radius: 0.2rem 0.2rem 0 0;
  top: 0;
  color: #222;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item.ty-bg .car-thumb .thumb-btm .tag {
  color: #222;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item.ty-simple .car-thumb .thumb-btm {
  padding: 0.4rem 0.6rem;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item .car-thumb .thumb-btm .tag {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item .car-thumb .thumb-btm .thumb-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item .car-thumb .thumb-btm .thumb-flex .tag {
  overflow: hidden;
  text-overflow: ellipsis;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item .car-thumb .thumb-btm .thumb-flex > img {
  position: initial;
  width: 3.9rem;
  height: 1.2rem;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: auto;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item .car-info {
  padding-right: 0.3rem;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item .car-info .car-name {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item .car-info .price-area .price {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items .car-item ~ .car-item {
  margin-left: 0;
}
.car-list.type-xscroll.img-scroll-wrapper .car-items:after {
  display: none;
}

.section-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;
  width: 100%;
  padding: 1.6rem 2.4rem;
  background-color: #f8f8f8;
  gap: 1.5rem;
}
.section-banner .banner-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.section-banner .banner-text .text,
.section-banner .banner-text .b-text {
  display: block;
  color: #222;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.section-banner .banner-text .b-text {
  font-weight: 700;
}
.section-banner .banner-image {
  width: 8.8rem;
  height: 5.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: #ddd;
}
.section-banner .banner-image > img {
  width: 100%;
  height: 100%;
}

.car-list.type-new-list.ty-row {
  margin: 0;
}
.car-list.type-new-list.ty-row .car-item > a {
  gap: 0.8rem;
}
.car-list.type-new-list.ty-row .car-item .car-thumb {
  width: 42.99%;
  padding-top: 26.87%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.car-list.type-new-list.ty-row .car-item .car-info {
  margin-left: 0;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.car-list.type-new-list.ty-row .car-item .car-info .car-name {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.car-list.type-new-list.ty-row .car-item .car-info .price-area .price {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
}
.car-list.type-new-list.ty-row .car-item .car-info .price-area .unit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}

.img-scroll-wrapper {
  overflow-x: auto;
  padding: 0;
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.img-scroll-wrapper::-webkit-scrollbar {
  display: none;
}
.img-scroll-wrapper .rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem 0.8rem;
  padding: 1rem 2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.img-scroll-wrapper .rows:first-child {
  margin-top: -1rem;
}
.img-scroll-wrapper .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 7.2rem;
}
.img-scroll-wrapper .item .item-theme {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  text-align: center;
  padding-top: 0.8rem;
  white-space: nowrap;
}
.img-scroll-wrapper .circle {
  width: 100%;
  height: 8.8rem;
  background-color: #ddd;
  border-radius: 10rem;
  overflow: hidden;
}
.img-scroll-wrapper .circle > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center right;
     object-position: center right;
}

.main-week-best > a {
  position: relative;
  display: block;
  border-radius: 0.6rem;
  overflow: hidden;
  padding-bottom: 119%;
  background-color: #ddd;
}
.main-week-best > a > img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main-week-best > a:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, color-stop(1.47%, rgba(0, 0, 0, 0)), color-stop(101.76%, rgba(0, 0, 0, 0.5)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 1.47%, rgba(0, 0, 0, 0.5) 101.76%);
}
.main-week-best .title {
  z-index: 1;
  position: absolute;
  left: 2.6rem;
  right: 2.6rem;
  bottom: 3.1rem;
  color: #fff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
}
.main-week-best .title .stitle {
  display: block;
  color: #ffd338;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  margin-top: 0.4rem;
}

.main-findsearch .subcont-box {
  padding: 3.2rem 2rem 2rem;
  font-weight: 300;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #ddd;
  letter-spacing: 0;
  border-radius: 0.8rem;
}
.main-findsearch .subcont-box .car-search-form {
  padding: 0;
  gap: 0 0.6rem;
  margin-bottom: 3.2rem;
}
.main-findsearch .subcont-box .car-search-form .car-search-form-input {
  padding-left: 0.4rem;
  padding-right: 0;
  width: auto;
  min-width: 9.6rem;
  border-color: #222;
}
.main-findsearch .subcont-box .car-search-form .car-search-form-select {
  border-color: #222;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  min-width: 6.4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.main-findsearch .subcont-box .car-search-text {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.main-findsearch .subcont-box .car-search-text .underline {
  border-bottom: 1px solid #222;
  text-decoration: none;
}

.content-footer.ty-main-new {
  padding: 3.2rem 2rem 4.8rem;
}
.content-footer.ty-main-new .footer-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-footer.ty-main-new .footer-link-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.2rem;
  margin-left: auto;
}
.content-footer.ty-main-new .footer-link-sns .sns {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
.content-footer.ty-main-new .footer-link-sns .sns.facebook {
  background-image: url(../../../images/main/logo-f-facebook.svg);
}
.content-footer.ty-main-new .footer-link-sns .sns.instagram {
  background-image: url(../../../images/main/logo-f-instagram.svg);
}
.content-footer.ty-main-new .footer-link-sns .sns.youtube {
  background-image: url(../../../images/main/logo-f-youtube.svg);
}
.content-footer.ty-main-new .footer-link-sns .sns.naver {
  background-image: url(../../../images/main/logo-f-naver.svg);
}
.content-footer.ty-main-new .footer-links {
  margin-top: 2.4rem;
}
.content-footer.ty-main-new .footer-links > span:after {
  width: 0.4rem;
  height: 0.4rem;
  background: #888;
  margin-left: 1rem;
  margin-right: 1rem;
}
.content-footer.ty-main-new .footer-links > span > a {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.content-footer.ty-main-new .footer-info {
  margin-top: 1.6rem;
}
.content-footer.ty-main-new .footer-info li {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.content-footer.ty-main-new .footer-info .tel-link {
  border-bottom: 1px solid #222;
}
.content-footer.ty-main-new .footer-copy > p {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}
.content-footer.ty-main-new .footer-certify-item .desc {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  color: #222;
}

[data-fixed-type=toolbar] {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
[data-fixed-type=toolbar].is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
}
[data-fixed-type=toolbar].is-fixed .searchbox-area {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-left: 1.6rem;
  border-radius: 0;
}
[data-fixed-type=toolbar].is-fixed .searchbox-area .main-searchbox {
  height: 4.4rem;
}
[data-fixed-type=toolbar].is-fixed .searchbox-area .main-searchbox .searchbox-inp {
  height: 100%;
}
[data-fixed-type=toolbar].is-fixed .searchbox-area .inner-util {
  margin-right: 0;
  width: 5.6rem;
  height: 4.4rem;
  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;
}

/* title */
.c-title-28 {
  font-size: 2.8rem;
  line-height: 4rem;
  font-weight: 700;
}

.c-title-24 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700;
}

.c-title-24-l {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 300;
}

.c-title-20 {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
}

.c-title-20-l {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 300;
}

.c-title-18 {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
}

/* text */
.c-body-18 {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}

.c-body-16 {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}

.c-body-14 {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}

.c-body-12 {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
}

.c-body-11 {
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.c-body-10 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.cmgt-0 {
  margin-top: 0 !important;
}

.cmgt-4 {
  margin-top: 0.4rem !important;
}

.cmgt-8 {
  margin-top: 0.8rem !important;
}

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

.cmgt-16 {
  margin-top: 1.6rem !important;
}

.cmgt-20 {
  margin-top: 2rem !important;
}

.cmgt-24 {
  margin-top: 2.4rem !important;
}

.cmgt-32 {
  margin-top: 3.2rem !important;
}

.cmgt-48 {
  margin-top: 4.8rem !important;
}

.title-cmgrl-2 {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.title-cmgrl-4 {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}

.title-cmgrl-8 {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}

.title-cmgl-2 {
  margin-left: 0.2rem;
}

.title-cmgl-4 {
  margin-left: 0.4rem;
}

.title-cmgl-8 {
  margin-left: 0.8rem;
}

/* font-weight */
.font-w-b {
  font-weight: 700 !important;
}

.font-w-m {
  font-weight: 500 !important;
}

.font-w-l {
  font-weight: 300 !important;
}

/* color */
.ps-color {
  color: #f23f3f;
}

.sub-top-area {
  padding-top: 1.6rem;
}
.sub-top-area .col-area {
  margin-top: 1.2rem;
  -webkit-column-gap: 0.2rem;
     -moz-column-gap: 0.2rem;
          column-gap: 0.2rem;
}
.sub-top-area .col-area .btn-common {
  padding: 0 1.6rem;
}
.sub-top-area .ps-text {
  margin: 0.8rem 0 0 0.4rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}

/* notes-list */
.notes-list {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}

/* data-line-list */
.data-line-list.width-full {
  margin: 0 -1.6rem;
}
.data-line-list.space-mt-m {
  margin-top: -2.4rem;
}
.data-line-list .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 7.3rem;
  -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;
  word-break: break-all;
  padding: 0 4.4rem 0 2rem;
}
.data-line-list .item.disabled {
  padding: 0 2rem;
}
.data-line-list .item.disabled .data-title {
  color: #666;
  font-weight: 500;
}
.data-line-list .item.disabled .data-info .txt {
  color: #666;
  font-weight: 300;
}
.data-line-list .data-title {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  white-space: nowrap;
}
.data-line-list .data-info {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  text-align: right;
}
.data-line-list .data-info .txt {
  margin-left: 0.3rem;
  font-weight: 500;
}
.data-line-list .icon-arrow {
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* bullet list */
.num-list {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  counter-reset: number;
  margin-top: 2.2rem;
}
.num-list > li {
  position: relative;
  padding: 0.2rem 0 0.2rem 2rem;
}
.num-list > li::before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number);
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
}
.num-list > li + li {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 0.1rem solid #ddd;
}
.num-list > li + li::before {
  top: 1.4rem;
}
.num-list.num-list--online > li {
  padding: 0;
}
.num-list.num-list--online > li::before {
  counter-increment: number;
  content: counter(number) ". ";
  position: relative;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.num-list.num-list--online > li + li {
  border-top: none;
}
.num-list.num-list--online > li + li::before {
  top: 0;
}

.symbol-bul {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  position: relative;
  padding-left: 1.3rem;
  word-break: keep-all;
  white-space: normal;
}
.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
}
.symbol-bul .list-txt {
  font-weight: 500;
}
.symbol-bul.sm {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  padding-left: 1.1rem;
}
.symbol-bul.wide {
  padding-left: 1.5rem;
}

/* icon */
.icon-arrow {
  position: relative;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
.icon-arrow:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-top: 0.3rem solid #222;
  border-right: 0.3rem solid #222;
  -webkit-transform: rotate(45deg) scale(0.5);
      -ms-transform: rotate(45deg) scale(0.5);
          transform: rotate(45deg) scale(0.5);
  content: "";
}

/* box */
.box-yellow {
  margin-top: 0.8rem;
  padding: 1.25rem 1.6rem;
  border-radius: 0.4rem;
  background-color: #ffd338;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.box-yellow.width-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.box-yellow.width-btn .btn-txt-arrow {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  text-align: right;
  font-weight: 700;
}
.box-yellow.width-btn .btn-txt-arrow > .txt {
  display: none;
}

.line-box--base {
  border: 0.1rem solid #222;
  padding: 2.4rem 2rem;
  border-radius: 0.6rem;
  overflow: hidden;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.line-box--base .line-box--bottom {
  margin: 2.4rem -2rem -2.4rem;
  padding: 1.55rem 2rem;
  background-color: #f8f8f8;
}

/* fixed button */
.fxd-area {
  display: none;
  position: fixed;
  right: 1.9rem;
  bottom: 1.6rem;
  width: 5.6rem;
  height: 5.6rem;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 100;
}
.fxd-area .fxd-btn {
  display: block;
}
.fxd-area .fxd-btn.scr-top {
  position: relative;
  background-color: #fff;
  width: 5.6rem;
  height: 5.6rem;
  border-radius: 5.6rem;
  border: 0.1rem solid #aaa;
  -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);
}
.fxd-area .fxd-btn.scr-top:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("../images/icon/icon-top.svg") no-repeat center center;
}
.fxd-area .fxd-btn.scr-top span {
  position: absolute;
  left: -9999px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}

/* 메인 상단 검색 */
.btn-header-wrap.main-search-wrap {
  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;
  width: calc(100% - 4.7rem);
  z-index: 100;
}
.btn-header-wrap.main-search-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.1rem;
  background-color: #222;
}
.btn-header-wrap.main-search-wrap button.btn-icon {
  position: absolute;
  top: 0.1rem;
  right: 0;
  width: 5.6rem;
  height: 5.3rem;
  padding: 1.4rem 1.6rem 1.5rem;
}
.btn-header-wrap.main-search-wrap button.btn-icon .icon-search {
  background-size: 90%;
}
.btn-header-wrap.main-search-wrap .search-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.btn-header-wrap.main-search-wrap .search-input input, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.btn-header-wrap.main-search-wrap .search-input input::-webkit-input-placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm::-webkit-input-placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm::-webkit-input-placeholder {
  font-weight: 300;
  color: #888;
}
.btn-header-wrap.main-search-wrap .search-input input::-moz-placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm::-moz-placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm::-moz-placeholder {
  font-weight: 300;
  color: #888;
}
.btn-header-wrap.main-search-wrap .search-input input:-ms-input-placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm:-ms-input-placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm:-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
.btn-header-wrap.main-search-wrap .search-input input::-ms-input-placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm::-ms-input-placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm::-ms-input-placeholder {
  font-weight: 300;
  color: #888;
}
.btn-header-wrap.main-search-wrap .search-input input::placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm::placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm::placeholder {
  font-weight: 300;
  color: #888;
}
.btn-header-wrap.main-search-wrap .search-input input:not(:-moz-placeholder-shown), .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm:not(:-moz-placeholder-shown), .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm:not(:-moz-placeholder-shown) {
  font-weight: 700;
}
.btn-header-wrap.main-search-wrap .search-input input:not(:-ms-input-placeholder), .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm:not(:-ms-input-placeholder), .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm:not(:-ms-input-placeholder) {
  font-weight: 700;
}
.btn-header-wrap.main-search-wrap .search-input input:not(:placeholder-shown), .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm:not(:placeholder-shown), .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm:not(:placeholder-shown) {
  font-weight: 700;
}
.btn-header-wrap.main-search-wrap .search-input input:focus::-webkit-input-placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm:focus::-webkit-input-placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm:focus::-webkit-input-placeholder {
  color: transparent;
}
.btn-header-wrap.main-search-wrap .search-input input:focus::-moz-placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm:focus::-moz-placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm:focus::-moz-placeholder {
  color: transparent;
}
.btn-header-wrap.main-search-wrap .search-input input:focus:-ms-input-placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm:focus:-ms-input-placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm:focus:-ms-input-placeholder {
  color: transparent;
}
.btn-header-wrap.main-search-wrap .search-input input:focus::-ms-input-placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm:focus::-ms-input-placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm:focus::-ms-input-placeholder {
  color: transparent;
}
.btn-header-wrap.main-search-wrap .search-input input:focus::placeholder, .btn-header-wrap.main-search-wrap .search-input .inp-box .ico-confirm:focus::placeholder, .inp-box .btn-header-wrap.main-search-wrap .search-input .ico-confirm:focus::placeholder {
  color: transparent;
}
.btn-header-wrap.main-search-wrap .btn-clear {
  position: absolute;
  top: 0.1rem;
  right: 0;
  width: 5.6rem;
  height: 5.3rem;
  padding: 1.4rem 1.6rem 1.5rem;
  cursor: pointer;
  display: none;
  background: #fff url("../images/icon/icon24-close-black.svg") no-repeat center center;
  z-index: 101;
}

/* 상세 상단 검색 */
.btn-header-wrap.search-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background: #fff;
  margin: 0.4rem 0.8rem 0.4rem 0;
  padding: 1rem 1.6rem;
  border: 0.1rem solid #ffd338;
  border-radius: 8px;
  z-index: 100;
}
.btn-header-wrap.search-wrap button.btn-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.9rem;
  height: 4.6rem;
  padding: 1.4rem 0.8rem 1.5rem 1.6rem;
}
.btn-header-wrap.search-wrap .search-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.btn-header-wrap.search-wrap .search-input ::-webkit-input-placeholder {
  color: #888;
  font-weight: 500;
}
.btn-header-wrap.search-wrap .search-input ::-moz-placeholder {
  color: #888;
  font-weight: 500;
}
.btn-header-wrap.search-wrap .search-input :-ms-input-placeholder {
  color: #888;
  font-weight: 500;
}
.btn-header-wrap.search-wrap .search-input ::-ms-input-placeholder {
  color: #888;
  font-weight: 500;
}
.btn-header-wrap.search-wrap .search-input ::placeholder {
  color: #888;
  font-weight: 500;
}
.btn-header-wrap.search-wrap .search-input input, .btn-header-wrap.search-wrap .search-input .inp-box .ico-confirm, .inp-box .btn-header-wrap.search-wrap .search-input .ico-confirm {
  padding: 0.5rem 1.6rem 0.5rem 2.3rem;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-weight: 700;
}
.btn-header-wrap.search-wrap .search-input input:focus::-webkit-input-placeholder, .btn-header-wrap.search-wrap .search-input .inp-box .ico-confirm:focus::-webkit-input-placeholder, .inp-box .btn-header-wrap.search-wrap .search-input .ico-confirm:focus::-webkit-input-placeholder {
  color: transparent;
}
.btn-header-wrap.search-wrap .search-input input:focus::-moz-placeholder, .btn-header-wrap.search-wrap .search-input .inp-box .ico-confirm:focus::-moz-placeholder, .inp-box .btn-header-wrap.search-wrap .search-input .ico-confirm:focus::-moz-placeholder {
  color: transparent;
}
.btn-header-wrap.search-wrap .search-input input:focus:-ms-input-placeholder, .btn-header-wrap.search-wrap .search-input .inp-box .ico-confirm:focus:-ms-input-placeholder, .inp-box .btn-header-wrap.search-wrap .search-input .ico-confirm:focus:-ms-input-placeholder {
  color: transparent;
}
.btn-header-wrap.search-wrap .search-input input:focus::-ms-input-placeholder, .btn-header-wrap.search-wrap .search-input .inp-box .ico-confirm:focus::-ms-input-placeholder, .inp-box .btn-header-wrap.search-wrap .search-input .ico-confirm:focus::-ms-input-placeholder {
  color: transparent;
}
.btn-header-wrap.search-wrap .search-input input:focus::placeholder, .btn-header-wrap.search-wrap .search-input .inp-box .ico-confirm:focus::placeholder, .inp-box .btn-header-wrap.search-wrap .search-input .ico-confirm:focus::placeholder {
  color: transparent;
}
.btn-header-wrap.search-wrap .btn-clear {
  position: absolute;
  right: -1.2rem;
  cursor: pointer;
  display: none;
  background: url("../images/icon/icon-close-round-v2.svg") no-repeat center center;
}
.btn-header-wrap.search-wrap .buttonSearch {
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  background: #007bff;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

/* array */
.col-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.col-area .item {
  text-align: right;
}
.col-area.title {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.col-area.col-btn {
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.col-area.col-btn > *:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.col-area.col-btn button {
  min-width: 104px;
  padding: 0 23px;
  width: auto;
}
.col-area.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 2.4rem 1.6rem calc(constant(safe-area-inset-bottom) + 1.6rem);
  padding: 2.4rem 1.6rem calc(env(safe-area-inset-bottom) + 1.6rem);
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, #fff calc(constant(safe-area-inset-bottom) + 7.2rem), rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, #fff calc(env(safe-area-inset-bottom) + 7.2rem), rgba(255, 255, 255, 0) 100%);
  z-index: 99;
}
.col-area.col-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.col-area.col-between.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.col-area.col-between.align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.col-area.col-2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  --gap: 1.6rem;
  gap: var(--gap);
}
.col-area.col-2 > * {
  width: calc((100% - var(--gap) * 1) / 2);
}
.col-area.col-4 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  --gap: 1.6rem;
  gap: var(--gap);
}
.col-area.col-4 > * {
  width: calc((100% - var(--gap) * 3) / 4);
}
.col-area.gap-1 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.6rem 0;
}
.col-area.gap-1 > .col-area {
  width: 100%;
}
.col-area.gap-1 .hr {
  width: 100%;
  border-top-color: #ddd;
  margin: 0;
}

.btn-common {
  display: inline-block;
  width: 100%;
  height: 48px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  border: 1px solid #666;
  background-color: #fff;
  border-radius: 4px;
  text-decoration: none;
  padding: 0 16px;
  text-align: center;
  line-height: 46px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  color: #222;
}
.btn-common:disabled {
  border: 1px solid #ddd;
  color: #aaa;
}
.btn-common.type-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ddd;
  position: relative;
  padding: 0 35px 0 16px;
  color: #222;
  font-weight: 700;
}
.btn-common.type-dropdown:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: iconImgUrl("icon-select-down.png") no-repeat center;
  background-size: 100% auto;
  right: 12px;
}
.btn-common:disabled {
  opacity: 1;
  cursor: default;
}
.btn-common ~ .btn-common {
  margin-left: 6px;
}
.btn-common.type-small {
  height: 36px;
  line-height: 35px;
  padding: 0 11px;
  font-weight: 500;
}
.btn-common.type-small.type-small--ty2 {
  padding: 0 16px;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}
.btn-common.type-medium {
  height: 40px;
  line-height: 39px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 11px;
}
.btn-common.type-large {
  height: 56px;
  line-height: 54px;
  font-size: 18px;
  border-radius: 6px;
}
.btn-common.btn-yellow {
  background: #ffd338;
  border-color: #ffd338;
  font-weight: 700;
}
.btn-common.btn-yellow:disabled {
  border-color: #ddd;
  color: #aaa;
  background-color: #ddd;
}
.theme-dealer .btn-common.btn-yellow:not(:disabled):not(.disabled) {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.btn-common.btn-common--auto {
  width: auto;
}

.switch-item label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
}
.switch-item [type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 3.8rem;
  height: 2rem;
  margin: 0;
  position: relative;
  background-color: #e9e9e9;
  border-radius: 1.2rem;
}
.switch-item [type=checkbox]::before {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: left 250ms linear;
  transition: left 250ms linear;
}
.switch-item [type=checkbox]:checked {
  background-color: #222;
}
.switch-item [type=checkbox]:checked::before {
  background-color: white;
  left: 2rem;
}
.switch-item [type=checkbox]:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.switch-item [type=checkbox]:disabled:before {
  background-color: lightgray;
}
.switch-item [type=checkbox]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}

.section-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-container .section-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 5.6rem;
  margin-bottom: 7.2rem;
  overflow-y: auto;
  padding: 0 1.6rem 4.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
}

.ui-select-base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 48px;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0 42px 0 16px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
  background: url(../images/icon/icon16-select-arrow.svg) no-repeat;
  background-size: 16px auto;
  background-position: right 16px center;
  color: #222;
}
.ui-select-base:disabled {
  background-color: #eee;
  color: #888;
}

.self-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0.8rem 1.6rem;
}
.self-info dt {
  width: 6rem;
  font-weight: 300;
}
.self-info dd {
  width: calc(100% - 7.6rem);
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  font-weight: 700;
}

.terms-base {
  word-wrap: break-word;
  word-break: keep-all;
}
.terms-base .terms-top-area .tit-txt,
.terms-base .terms-top-area .tit-txt.ty-2 {
  margin-top: 0;
}
.terms-base .terms-top-area .tit-txt + .c-body-16 {
  margin-top: 8px;
}
.terms-base .tit-txt {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 700;
}
.terms-base .tit-txt.ty-2 {
  margin-top: 8px;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
}
.terms-base .tit-txt.ty-2.cmgt {
  margin-top: 24px;
}
.terms-base .tit-txt.ty-2.cmgt-2 {
  margin-top: 0;
}
.terms-base .terms-order:not(p, div) {
  padding-left: 0;
}
.terms-base .terms-order:not(p, div).ty-2 li {
  margin-top: 2px;
}
.terms-base .terms-order:not(p, div).ty-3 li.symbol-num .num-txt,
.terms-base .terms-order:not(p, div).ty-3 li.symbol-num .list-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.terms-base .terms-order:not(p, div).ty-4 {
  margin-top: 0;
}
.terms-base .terms-order:not(p, div).ty-4 li {
  margin-top: 0;
}
.terms-base .terms-order:not(p, div) li {
  position: relative;
  margin-top: 8px;
}
.terms-base .terms-order:not(p, div) li.symbol-num, .terms-base .terms-order:not(p, div) li.symbol-bul {
  position: relative;
  padding-left: 1.6rem;
}
.terms-base .terms-order:not(p, div) li.symbol-num .num-txt,
.terms-base .terms-order:not(p, div) li.symbol-num .bul-txt, .terms-base .terms-order:not(p, div) li.symbol-bul .num-txt,
.terms-base .terms-order:not(p, div) li.symbol-bul .bul-txt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
}
.terms-base .terms-order:not(p, div) li.symbol-bul {
  padding-left: 11px;
}
.terms-base .terms-order:not(p, div) li .table-base {
  margin-left: -19px;
}
.terms-base .terms-order {
  margin-top: 8px;
  padding-left: 19px;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.terms-base .terms-order.ty-2 {
  margin-top: 2px;
}
.terms-base .content-txt + .terms-order {
  margin-top: 4px;
}
.terms-base .content-txt {
  margin-top: 8px;
}
.terms-base .content-txt,
.terms-base .num-txt,
.terms-base .tit-txt,
.terms-base .list-txt {
  display: block;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.terms-base .num-txt,
.terms-base .tit-txt {
  font-weight: 700;
}

/* table */
.table-base.ty-2 table {
  border-spacing: 0;
  width: 100%;
  margin-top: 8px;
  border-bottom: 1px solid #ddd;
}
.table-base.ty-2 table th,
.table-base.ty-2 table td {
  padding: 14px 4px;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  border: 1px solid #ddd;
  vertical-align: middle;
}
.table-base.ty-2 table th small,
.table-base.ty-2 table td small {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
}
.table-base.ty-2 table thead.line th {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.table-base.ty-2 table thead.line tr:first-child th {
  border-top: none;
}
.table-base.ty-2 table thead.narrow th {
  padding-top: 9px;
  padding-bottom: 9px;
}
.table-base.ty-2 table thead th {
  border: none;
  background-color: #f8f8f8;
  font-weight: 500;
  border-right: 1px solid #ddd;
}
.table-base.ty-2 table thead th:last-child {
  border-right: none;
}
.table-base.ty-2 table tbody.narrow td {
  padding-top: 9px;
  padding-bottom: 9px;
}
.table-base.ty-2 table tbody th,
.table-base.ty-2 table tbody td {
  border-left: none;
  border-bottom: none;
}
.table-base.ty-2 table tbody td:last-child {
  border-right: none;
}
.table-base.ty-2 + .table-base {
  margin-top: 8px;
}

.ai-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.chart-area-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chart-area-list .sub-tit {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  margin-left: 0.4rem;
}

.chart-area {
  margin-top: 0.8rem;
  width: 100%;
  height: 34.3rem;
  background-color: #f8f8f8;
  padding: 4.8rem 2rem 2rem;
  border-radius: 0.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.chart-area .chart {
  height: 28rem;
}
.chart-area .chart .amcharts-AxisLabel tspan {
  font-weight: 300;
}
.chart-area .unit-label {
  position: absolute;
  top: 2rem;
  right: 2rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}

.ai-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2rem 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0.4rem;
  text-align: center;
}
.ai-results .ai-car-img {
  height: 18.4rem;
}
.ai-results .ai-car-img > img {
  height: 100%;
}
.ai-results .ai-car-name {
  margin-top: -3.2rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  font-weight: 300;
}
.ai-results .ai-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 1.6rem 0;
  border-top: 0.1rem solid #222;
  border-bottom: 0.1rem solid #222;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
}
.ai-results .ai-option > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 500;
}
.ai-results .ai-option > li button {
  display: block;
  margin: 0.8rem auto 0;
}
.ai-results .ai-option .ai-color {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 100%;
  vertical-align: middle;
}
.ai-results .ai-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0.4rem;
  text-align: left;
}
.ai-results .ai-data dl dt {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
}
.ai-results .ai-data dl dd {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 300;
  line-height: 4rem;
}
.ai-results .ai-data dl dd > strong {
  font-size: 2.8rem;
  line-height: 4rem;
  font-weight: 700;
}

.ai-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.8rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  margin-bottom: 4.8rem;
}
.ai-info dt {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 300;
  margin-top: 2.4rem;
}
.ai-info dt:first-child {
  margin-top: 0;
}
.ai-info dd {
  font-weight: 500;
}
.ai-info .ai-info-list {
  padding-left: 3rem;
}
.ai-info .ai-info-list .title {
  margin-left: -3rem;
  font-weight: 500;
}

.wrap.is-external .content-header .header-aside, .wrap.is-external .content-header button.btn-history-back,
.wrap.is-external .content-header h2,
.wrap.is-external .content-header .btn-header-wrap {
  display: none;
}
.wrap.is-external .content-header + .has-tab-header-d2 {
  padding-top: 5.6rem !important;
}

.search-accordion {
  padding-bottom: 5.9rem;
}
.search-accordion .accordion-group {
  position: relative;
  padding: 0 0.4rem;
}
.search-accordion .accordion-group::before {
  content: "";
  position: absolute;
  left: -1.6rem;
  right: -1.6rem;
  bottom: 0;
  height: 0.1rem;
  background-color: #ddd;
}
.search-accordion .accordion-group .accordion-cont {
  display: none;
  padding: 0 0.4rem 2.4rem;
  margin: 0 -0.4rem;
}
.search-accordion .accordion-group .accordion-cont .col-area.gap-1:first-child {
  margin-top: 0.4rem;
}
.search-accordion .accordion-group .accordion-cont .col-area.gap-1 .hr {
  margin: 0 -0.4rem;
}
.search-accordion .accordion-group.on .accordion-subj > button:not(.action-ty-2):after {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.search-accordion .accordion-subj > button {
  position: relative;
  width: 100%;
  padding: 2.4rem 2.8rem 2.4rem 0;
  text-align: left;
  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;
}
.search-accordion .accordion-subj > button:after {
  content: "";
  position: absolute;
  right: 0.4rem;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  background: url("../images/icon/icon16-arrow-right-black-big.svg") center center/contain no-repeat;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.search-accordion .accordion-subj > button.action-ty-2:after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
.search-accordion .accordion-subj > button .invalid-txt {
  margin-right: auto;
}
.search-accordion .accordion-subj .label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  white-space: nowrap;
  padding-right: 1rem;
}
.search-accordion .accordion-subj .label small {
  color: #888;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.search-accordion .accordion-subj .toggle {
  padding-top: 0.1rem;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
  font-weight: 700;
  white-space: nowrap;
}
.search-accordion:not(:has(.btn-more-toggle.on)) [data-more=toggle] {
  display: none;
}
.search-accordion .btn-more-toggle {
  display: block;
  width: 13rem;
  margin: 2.4rem auto;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 300;
  text-align: center;
}
.search-accordion .btn-more-toggle:after {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  vertical-align: middle;
  background: url("../images/icon/icon16-arrow-right-black-big.svg") center center/contain no-repeat;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-top: -0.2rem;
}
.search-accordion .btn-more-toggle .is-visible {
  display: none;
}
.search-accordion .btn-more-toggle.on .is-hide {
  display: none;
}
.search-accordion .btn-more-toggle.on .is-visible {
  display: initial;
}
.search-accordion .btn-more-toggle.on:after {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.search-accordion .c-mfilter-range-slider {
  margin-top: 1rem;
}
.search-accordion .c-mfilter-range-slider .c-input-control {
  display: block;
  text-align: right;
  font-weight: 700;
}
.search-accordion .c-mfilter-range-slider .col-none {
  color: #ddd;
}
.search-accordion .c-mfilter-range-slider .c-mfilter-range-slider-control .noUi-connects {
  background-color: #ddd;
}
.search-accordion .c-mfilter-range-slider .c-mfilter-range-slider-control.noUi-horizontal {
  height: 0.4rem;
}
.search-accordion .c-mfilter-range-slider .c-mfilter-range-slider-control.noUi-horizontal .noUi-handle {
  top: -10px;
}
.search-accordion .c-mfilter-range-slider.disabled .c-input-control {
  color: #888;
  font-weight: 300;
}
.search-accordion .c-mfilter-range-slider.disabled .c-mfilter-range-slider-control {
  pointer-events: none;
}
.search-accordion .c-mfilter-range-slider.disabled .c-mfilter-range-slider-control .noUi-connect {
  background-color: #ddd;
}
.search-accordion .c-mfilter-range-slider-input-group {
  margin-top: 2.6rem;
}
.search-accordion .c-mfilter-range-slider-input-group .c-new-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-accordion .selection-color-list--ty2 {
  gap: 1.6rem 0;
}
.search-accordion .selection-color-list--ty2.selection-color-list {
  margin: 0;
}
.search-accordion .selection-color-list--ty2 .selection-color-item {
  min-width: 25%;
  width: 25%;
  padding: 0;
}
.search-accordion .selection-color-list--ty2 .selection-color-item:nth-child(3n-2) {
  padding-right: 0;
}
.search-accordion .selection-color-list--ty2 .color-checkbox > .tit {
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: 500;
}
.search-accordion .selection-color-list--ty2 .color-checkbox > .icon-color {
  margin-bottom: 0.4rem;
}
.search-accordion .selection-color-list--ty2 .color-checkbox > input ~ .desc, .search-accordion .selection-color-list--ty2 .inp-box .color-checkbox > .ico-confirm ~ .desc, .inp-box .search-accordion .selection-color-list--ty2 .color-checkbox > .ico-confirm ~ .desc {
  font-weight: 300;
  margin-top: 0;
}
.search-accordion .selection-color-list--ty2 .color-checkbox > input:checked ~ .desc, .search-accordion .selection-color-list--ty2 .inp-box .color-checkbox > .ico-confirm:checked ~ .desc, .inp-box .search-accordion .selection-color-list--ty2 .color-checkbox > .ico-confirm:checked ~ .desc {
  font-weight: 300;
}
.modal.type-full .search-accordion {
  padding-bottom: 0;
}
.modal.type-full .search-accordion > .accordion-group:last-child::before {
  display: none;
}

.icon-has-value {
  display: inline-block;
  overflow: hidden;
  color: rgba(255, 255, 255, 0);
  vertical-align: top;
  font-size: 0;
}
.icon-has-value::before {
  content: "";
  display: inline-block;
  background-color: #f23f3f;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  vertical-align: top;
}

.record-list-wrap {
  padding-bottom: 2.4rem;
  margin: 0 -0.4rem;
}

.record-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  gap: 0.8rem;
}
.record-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;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 0.4rem;
  border: 0.1rem solid #ffd338;
}
.record-list .item .item-text-wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 6.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.record-list .item .item-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0.8rem 0 0.8rem 1.6rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.record-list .item .btn-delete {
  padding: 6.2rem 4.4rem 0 0;
  width: 2rem;
  height: 2em;
  background: url(../images/icon/icon24-close-black.svg) no-repeat center;
  background-size: 1.8rem;
}
.tit-area + .record-list.record-list--ty2 {
  margin-top: 2.4rem;
}
.record-list.record-list--ty2 .item {
  -webkit-box-align: self-start;
      -ms-flex-align: self-start;
          align-items: self-start;
  border: 0.1rem solid #ddd;
}
.record-list.record-list--ty2 .item .item-text-wrap {
  height: 5.5rem;
}
.record-list.record-list--ty2 .item .item-text-wrap {
  height: auto;
}
.record-list.record-list--ty2 .item .item-text {
  overflow: visible;
  text-overflow: clip;
  display: block;
  -webkit-box-orient: initial;
  -webkit-line-clamp: unset;
  white-space: normal;
  margin: 1.6rem;
  font-weight: 700;
}
.record-list.record-list--ty2 .item .item-text .info {
  display: block;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  margin-top: 0.4rem;
}
.record-list.record-list--ty2 .item .item-text .info:not(:first-of-type) {
  margin-top: 0;
}
.record-list.record-list--ty2 .item .btn-delete {
  padding: 5.5rem 4.4rem 0 0;
}

.selection-list-line li {
  padding: 1.6rem 0;
}
.selection-list-line li:first-child {
  padding-top: 0;
}
.selection-list-line li ~ li {
  border-top: 1px solid #ddd;
}
.selection-list-line li .form-radio,
.selection-list-line li .form-chk-radio {
  display: block;
  width: 100%;
  margin-top: -1.6rem;
  margin-bottom: -1.6rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.contract {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 3;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
.contract::before {
  content: "";
  width: 80px;
  height: 80px;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.add-info-txt {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  margin: 0 1.6rem 0.8rem;
}

.k-car-option .option-tab {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin: 0 -1.6rem;
  background-color: #fff;
  scroll-behavior: smooth;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  will-change: transform;
  contain: paint;
}
.k-car-option .option-tab::-webkit-scrollbar {
  display: none;
}
.k-car-option .option-tab .option-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 auto;
  overflow-x: auto;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  position: relative;
}
.k-car-option .option-tab .option-tab-list::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ddd;
}
.k-car-option .option-tab .option-tab-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.k-car-option .option-tab .option-tab-item:first-child {
  padding-left: 1.6rem;
}
.k-car-option .option-tab .option-tab-item:last-child {
  padding-right: 1.6rem;
}
.k-car-option .option-tab .option-tab-item:is(.is-active, .on) .option-tab-link {
  border-bottom: 2px solid #222;
}
.k-car-option .option-tab .option-tab-item:is(.is-active, .on) .option-tab-link > span,
.k-car-option .option-tab .option-tab-item:is(.is-active, .on) .option-tab-link em {
  font-weight: 700;
}
.k-car-option .option-tab .option-tab-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 8.6rem;
  height: 5.6rem;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.k-car-option .option-tab-content {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.k-car-option .option-tab-content .form-chk-radio {
  word-break: keep-all;
}
.k-car-option .option-tab-content .option-tab-tit {
  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-top: 2.4rem;
  padding: 0.2rem 0.7rem;
  height: 2.4rem;
  background-color: #fff;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
  border-radius: 0.4rem;
  border: 1px solid #222;
  border-radius: 10rem;
}
.k-car-option .option-tab-content .box-chk-list2 {
  display: block;
  margin-top: 0;
}
.k-car-option .option-tab-content .box-chk-list2 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 1.6rem 0.4rem;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 1.2rem;
     -moz-column-gap: 1.2rem;
          column-gap: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.k-car-option .option-tab-content .box-chk-list2 li + li {
  border-top: 1px solid #ddd;
}
.k-car-option .option-tab-content .box-chk-list2 .opt-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.4rem;
     -moz-column-gap: 0.4rem;
          column-gap: 0.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.k-car-option .option-tab-content .box-chk-list2 .opt-group .opt-radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.k-car-option .option-tab-content .box-chk-list2 .opt-group .opt-radios::before {
  content: "(";
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.k-car-option .option-tab-content .box-chk-list2 .opt-group .opt-radios::after {
  content: ")";
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
}
.k-car-option .option-tab-content .box-chk-list2 .opt-group .opt-radios .form-radio-round ~ .form-radio-round {
  margin-left: 1.2rem;
}
.k-car-option .option-tab-content .box-chk-list2 .opt-group .opt-radios .form-chk-radio ~ .form-chk-radio {
  margin-left: 1.2rem;
}

.s-history {
  background-color: #fff;
}
.s-history__title {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
}
.s-history__desc {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
}
.s-history__no-data {
  padding-top: 12rem;
  text-align: center;
}
.s-history__no-data .no-data-tit {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
}
.s-history__no-data .no-data-txt {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  margin-top: 0.8rem;
}

.s-group-wrap {
  margin-top: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
.s-group-wrap .s-group__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: 0.8rem 1.6rem;
  background-color: #f8f8f8;
  border-radius: 0.4rem;
}
.s-group-wrap .s-group__label {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 700;
}
.s-group-wrap .s-group .btn-clear {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  font-weight: 300;
  position: relative;
}
.s-group-wrap .s-group .btn-clear::after {
  content: "";
  width: 100%;
  height: 0.1rem;
  background-color: #222;
  position: absolute;
  bottom: 0.1rem;
  left: 0;
}
.s-group-wrap .s-group__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.2rem;
}
.s-group-wrap .s-group__list .tag {
  display: inline-block;
  padding: 0.75rem 1.2rem;
  border: 0.1rem solid #ddd;
  border-radius: 0.6rem;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  font-weight: 300;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.c-list-header {
  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;
  gap: 1rem;
  margin-bottom: 2.4rem;
}
.c-list-header .total {
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  word-break: break-word;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.scroll-top-btn {
  position: fixed;
  right: 1.2rem;
  bottom: 4.8rem;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background: url(../images/icon/icon48-scroll-top.svg) no-repeat;
  background-size: 100% auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 100;
}
.scroll-top-btn.show {
  opacity: 1;
  visibility: visible;
}

.touch-option-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1.6rem 1.6rem !important;
  text-align: center;
  position: relative;
}
.touch-option-wrap:not(.initialized) {
  opacity: 0;
}
.touch-option-wrap::before {
  content: "";
  position: absolute;
  left: 1.6rem;
  right: 1.6rem;
  bottom: 9.6rem;
  height: 5.6rem;
  background-color: #eee;
  border-radius: 0.8rem;
  pointer-events: none;
}
.touch-option-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1.6rem;
  z-index: 2;
  width: 100%;
  height: 21.6rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.6rem, rgb(255, 255, 255)), color-stop(2.4rem, rgba(255, 255, 255, 0.5)), color-stop(8rem, rgba(255, 255, 255, 0.5)), color-stop(8.01rem, rgba(255, 255, 255, 0)), color-stop(13.6rem, rgba(255, 255, 255, 0)), color-stop(13.61rem, rgba(255, 255, 255, 0.5)), color-stop(19.2rem, rgba(255, 255, 255, 0.5)), color-stop(21rem, rgb(255, 255, 255)));
  background: linear-gradient(180deg, rgb(255, 255, 255) 0.6rem, rgba(255, 255, 255, 0.5) 2.4rem, rgba(255, 255, 255, 0.5) 8rem, rgba(255, 255, 255, 0) 8.01rem, rgba(255, 255, 255, 0) 13.6rem, rgba(255, 255, 255, 0.5) 13.61rem, rgba(255, 255, 255, 0.5) 19.2rem, rgb(255, 255, 255) 21rem);
  pointer-events: none;
}
.touch-option-wrap .subj {
  font-size: 1.6rem;
  line-height: 2.3rem;
  font-weight: 500;
  margin-bottom: 1.6rem;
}
.touch-option-wrap .option-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.touch-option-wrap .option-group:nth-child(2) {
  -webkit-box-flex: 0.95;
      -ms-flex: 0.95;
          flex: 0.95;
}
.touch-option-wrap .option-in {
  height: 21.6rem;
  overflow-y: auto;
  scrollbar-width: none;
  position: relative;
}
.touch-option-wrap .option-in:not(.snap-none) {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}
.touch-option-wrap .option-in input, .touch-option-wrap .option-in .inp-box .ico-confirm, .inp-box .touch-option-wrap .option-in .ico-confirm {
  position: absolute;
  opacity: 0;
}
.touch-option-wrap .option-in .item {
  height: 4.32rem;
  padding: 0 0 0.72rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-snap-align: center;
}
.touch-option-wrap .option-in .item.checked {
  padding: 0.36rem 0;
}
.touch-option-wrap .option-in .item.checked ~ .item {
  padding: 0.72rem 0 0;
}
.touch-option-wrap .option-in .item.checked ~ .item label {
  -webkit-transform: translateY(-0.2rem);
      -ms-transform: translateY(-0.2rem);
          transform: translateY(-0.2rem);
}
.touch-option-wrap .option-in .item.checked + .item label {
  -webkit-transform: translateY(0.1rem);
      -ms-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
}
.touch-option-wrap .option-in .item.checked .label {
  font-weight: 700;
}
.touch-option-wrap .option-in .item label,
.touch-option-wrap .option-in .item .label {
  display: block;
  width: 100%;
  font-size: 2.6rem;
  line-height: 3.6rem;
  font-weight: 500;
}
.touch-option-wrap .option-in::before, .touch-option-wrap .option-in::after {
  content: " ";
  display: block;
  height: 8.64rem;
}
/*# sourceMappingURL=app.css.map */