/* base */ /* font */
/* base */
/* margin block */
/* path */
/* media query */
/* font-size */
/* flex */
/* background */
/* bullet */
/* clear */
/* wordBreak */
/* ios css */
/* grid new */
@media (min-width: 1024px) {
  .col-1 {
    flex: 0 0 auto;
    flex-basis: 8.3333333333%;
    width: 8.3333333333%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-1 {
    margin-left: 8.3333333333%;
    position: relative;
  }
  .col-2 {
    flex: 0 0 auto;
    flex-basis: 16.6666666667%;
    width: 16.6666666667%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-2 {
    margin-left: 16.6666666667%;
    position: relative;
  }
  .col-3 {
    flex: 0 0 auto;
    flex-basis: 25%;
    width: 25%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-3 {
    margin-left: 25%;
    position: relative;
  }
  .col-4 {
    flex: 0 0 auto;
    flex-basis: 33.3333333333%;
    width: 33.3333333333%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-4 {
    margin-left: 33.3333333333%;
    position: relative;
  }
  .col-5 {
    flex: 0 0 auto;
    flex-basis: 41.6666666667%;
    width: 41.6666666667%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-5 {
    margin-left: 41.6666666667%;
    position: relative;
  }
  .col-6 {
    flex: 0 0 auto;
    flex-basis: 50%;
    width: 50%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-6 {
    margin-left: 50%;
    position: relative;
  }
  .col-7 {
    flex: 0 0 auto;
    flex-basis: 58.3333333333%;
    width: 58.3333333333%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-7 {
    margin-left: 58.3333333333%;
    position: relative;
  }
  .col-8 {
    flex: 0 0 auto;
    flex-basis: 66.6666666667%;
    width: 66.6666666667%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-8 {
    margin-left: 66.6666666667%;
    position: relative;
  }
  .col-9 {
    flex: 0 0 auto;
    flex-basis: 75%;
    width: 75%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-9 {
    margin-left: 75%;
    position: relative;
  }
  .col-10 {
    flex: 0 0 auto;
    flex-basis: 83.3333333333%;
    width: 83.3333333333%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-10 {
    margin-left: 83.3333333333%;
    position: relative;
  }
  .col-11 {
    flex: 0 0 auto;
    flex-basis: 91.6666666667%;
    width: 91.6666666667%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-11 {
    margin-left: 91.6666666667%;
    position: relative;
  }
  .col-12 {
    flex: 0 0 auto;
    flex-basis: 100%;
    width: 100%;
    padding: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5);
    box-sizing: border-box;
    position: relative;
  }
  .offset-12 {
    margin-left: 100%;
    position: relative;
  }
}
/* font */
/* reset */
html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  padding: 0;
  margin: 0;
}

body {
  font-family: "Pretendard", Helvetica, Arial, sans-serif;
  color: #666;
  font-weight: 400;
  line-height: 1;
  -webkit-text-size-adjust: 100%;
}

html,
body {
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  margin: 0;
  font-size: 100%;
  font-weight: normal;
  line-height: 1;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

select,
button,
input,
textarea,
pre {
  font-family: "Pretendard", Helvetica, Arial, sans-serif;
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  color: #666;
}

pre {
  white-space: pre-wrap;
}

fieldset,
img,
button {
  border: 0;
}

img,
input,
button {
  vertical-align: top;
}

img {
  display: block;
  max-width: 100%;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  word-break: break-all;
  word-wrap: break-word;
}

address,
em {
  font-style: normal;
}

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

hr {
  display: none;
}

a {
  text-decoration: none;
  color: inherit;
}

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

legend {
  position: absolute;
  left: -9999px;
  top: 0;
}

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

button {
  background: none;
  cursor: pointer;
  -webkit-apperance: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  resize: none;
}

* {
  box-sizing: border-box;
}

.blind {
  display: none;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* select arrow none */
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
input[type=button],
input[type=submit] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #999;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #999;
}

input::placeholder,
textarea::placeholder {
  color: #999;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid transparent !important;
  border-bottom: 1px solid #ddd !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.hide {
  display: none !important;
  visibility: hidden !important;
}

.swiper-scrollbar-drag {
  cursor: pointer;
}

@media (min-width: 1024px) and (pointer: fine) {
  :root {
    --pointer: fine;
  }
}
@media (max-width: 1023px), (max-width: 1366px) and (pointer: coarse) {
  :root {
    --pointer: coarse;
  }
}
/* CadillacGothic */
@font-face {
  font-family: CadillacGothic;
  font-weight: bold;
  src: url("../../gmc_font/CadillacGothic-NarrowBold.woff") format("woff") url("../../gmc_font/CadillacGothic-NarrowBold.woff2") format("woff2");
}
/* ChevySans */
@font-face {
  font-family: ChevySans;
  font-weight: normal;
  font-style: normal;
  src: url("../../gmc_font/ChevySans-Regular.woff2") format("woff2"), url("../../gmc_font/ChevySans-Regular.woff") format("woff");
}
@font-face {
  font-family: ChevySans;
  font-weight: 500;
  font-style: normal;
  src: url("../../gmc_font/ChevySans-Medium.woff2") format("woff2"), url("../../gmc_font/ChevySans-Medium.woff") format("woff");
}
@font-face {
  font-family: ChevySans;
  font-weight: bold;
  font-style: normal;
  src: url("../../gmc_font/ChevySans-Bold.woff2") format("woff2"), url("../../gmc_font/ChevySans-Bold.woff") format("woff");
}
/* NotoSans */
@font-face {
  font-family: NotoSansKRWeb;
  font-weight: 400;
  font-style: normal;
  src: url("../../gmc_font/NotoSansCJKkr-Regular.woff2") format("woff2"), url("../../gmc_font/NotoSansCJKkr-Regular.woff") format("woff");
}
@font-face {
  font-family: NotoSansKRWeb;
  font-weight: 500;
  font-style: normal;
  src: url("../../gmc_font/NotoSansCJKkr-Medium.woff2") format("woff2"), url("../../gmc_font/NotoSansCJKkr-Medium.woff") format("woff");
}
@font-face {
  font-family: NotoSansKRWeb;
  font-weight: 600;
  font-style: normal;
  src: url("../../gmc_font/NotoSansCJKkr-Bold.woff2") format("woff2"), url("../../gmc_font/NotoSansCJKkr-Bold.woff") format("woff");
}
/* Stratum */
@font-face {
  font-family: Stratum;
  font-weight: 800;
  font-style: normal;
  src: url("../../gmc_font/StratumGMCWebBlack.woff2") format("woff2"), url("../../gmc_font/StratumGMCWebBlack.woff") format("woff");
}
/* Pretendard */
/* button */
.findMyCar:not(.result_form) .btn_wrap {
  margin-top: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));
  font-size: 0;
  text-align: center;
}
.findMyCar:not(.result_form) .btn_wrap.center {
  text-align: center;
}
.findMyCar:not(.result_form) .btn_wrap.right {
  text-align: right;
}
.findMyCar:not(.result_form) .btn_wrap .btn {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: max(calc(170px * var(--base-ratio)), calc(calc(170 / var(--base-size)) * var(--base-percent)));
  width: auto;
  margin-left: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  padding: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: 500;
  text-align: center;
  background-color: #fff;
  border-radius: max(calc(999px * var(--base-ratio)), calc(calc(999 / var(--base-size)) * var(--base-percent)));
}
.findMyCar:not(.result_form) .btn_wrap .btn:first-child {
  margin-left: 0;
}
.findMyCar:not(.result_form) .btn_wrap .btn.dark {
  color: #fff;
  background-color: #222;
}

.wrap {
  /* custom_radio */
  /* custom_radio - result_form */
  /* input_wrap - result_form */
  /* select_group - result_form */
}
.wrap .custom_radio {
  position: relative;
}
.wrap .custom_radio input[type=radio] {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.wrap .custom_radio input[type=radio] + label {
  position: relative;
  display: inline-block;
  padding: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  width: max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)));
  height: max(calc(132px * var(--base-ratio)), calc(calc(132 / var(--base-size)) * var(--base-percent)));
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.wrap .custom_radio input[type=radio] + label .txt {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 500;
  word-break: keep-all;
  word-wrap: break-word;
  opacity: 1;
}
.wrap .custom_radio input[type=radio] + label:before {
  content: "";
  opacity: 0;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.wrap .custom_radio input[type=radio] + label .ico {
  position: absolute;
  right: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  top: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  width: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  height: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
}
.wrap .custom_radio input[type=radio] + label .ico:before {
  display: none;
  content: "";
  z-index: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  height: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  background-color: #c00;
  border-radius: 100%;
}
.wrap .custom_radio input[type=radio] + label .ico:after {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));
  height: max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));
  background: url("/httpobject/gmc_images/customchoice/common/radio_chk_w.svg") center no-repeat;
  background-size: 100% 100%;
}
.wrap .custom_radio input[type=radio]:hover + label:before, .wrap .custom_radio input[type=radio]:checked + label:before {
  opacity: 1;
  transition: all 0.4s ease;
}
.wrap .custom_radio input[type=radio]:hover + label .bg_txt, .wrap .custom_radio input[type=radio]:hover + label .txt, .wrap .custom_radio input[type=radio]:checked + label .bg_txt, .wrap .custom_radio input[type=radio]:checked + label .txt {
  color: #222;
}
.wrap .custom_radio input[type=radio]:hover + label .ico:before, .wrap .custom_radio input[type=radio]:hover + label .ico:after, .wrap .custom_radio input[type=radio]:checked + label .ico:before, .wrap .custom_radio input[type=radio]:checked + label .ico:after {
  display: block;
}
.wrap .radio_group {
  font-size: 0;
}
.wrap .radio_group .radio_item {
  display: inline-block;
  margin-right: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
}
.wrap .radio_group .radio_item:last-child {
  margin-right: 0;
}
.wrap .radio_group .radio_item input {
  overflow: hidden;
  position: absolute;
  z-index: -1;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.wrap .radio_group .radio_item label {
  display: inline-block;
  position: relative;
  padding-left: max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #999;
}
.wrap .radio_group .radio_item label::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  border: 2px solid #999;
  border-radius: 100%;
}
.wrap .radio_group .radio_item label::after {
  content: none;
  display: inline-block;
  position: absolute;
  left: max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));
  top: 50%;
  transform: translateY(-50%);
  width: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
  height: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
  background-color: #222;
  border-radius: 100%;
}
.wrap .radio_group .radio_item input:checked + label {
  color: #222;
}
.wrap .radio_group .radio_item input:checked + label::before {
  border-color: #222;
}
.wrap .radio_group .radio_item input:checked + label::after {
  content: "";
}
.wrap .checkbox_group {
  font-size: 0;
}
.wrap .checkbox_group.several {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: normal;
  gap: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
}
.wrap .checkbox_group.several .check_item {
  margin-right: 0;
}
.wrap .checkbox_group.several .check_item label {
  height: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  line-height: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  vertical-align: middle;
}
.wrap .checkbox_group .check_item {
  display: inline-block;
  margin-right: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
}
.wrap .checkbox_group .check_item:last-child {
  margin-right: 0;
}
.wrap .checkbox_group .check_item input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.wrap .checkbox_group .check_item label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #999;
  font-weight: 500;
}
.wrap .checkbox_group .check_item label::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  border: 2px solid #999;
  border-radius: max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));
}
.wrap .checkbox_group .check_item label::after {
  content: none;
  display: inline-block;
  position: absolute;
  left: max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));
  top: 50%;
  transform: translateY(-50%);
  width: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
  height: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
  background: url("/httpobject/gmc_images/customchoice/common/ico_chck.svg") center no-repeat;
  background-size: 100% 100%;
}
.wrap .checkbox_group .check_item input.agreeAll + label {
  color: #222;
  font-weight: 600;
}
.wrap .checkbox_group .check_item input:checked + label {
  color: #222;
}
.wrap .checkbox_group .check_item input:checked + label::before {
  border-color: #222;
  background-color: #222;
}
.wrap .checkbox_group .check_item input:checked + label::after {
  content: "";
}
.wrap .checkbox_group .check_item input:disabled + label {
  cursor: auto;
}
.wrap .checkbox_group .check_item input:disabled + label::before {
  border-color: #999;
  background-color: #666;
}
.wrap .checkbox_group .check_item input:disabled + label::after {
  content: none;
}
.wrap .input_wrap {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%;
  font-size: 0;
}
.wrap .input_wrap.sm {
  width: max(calc(470px * var(--base-ratio)), calc(calc(470 / var(--base-size)) * var(--base-percent)));
}
.wrap .input_wrap input {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));
  padding: 0 max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #222;
  border: 1px solid #888;
  background: #fff;
}
.wrap .input_wrap input::-moz-placeholder {
  color: #aaa;
}
.wrap .input_wrap input::placeholder {
  color: #aaa;
}
.wrap .input_wrap input[readonly], .wrap .input_wrap input[disabled] {
  background: #ddd;
}
.wrap .select_group {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-right: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
}
.wrap .select_group.sm {
  width: max(calc(233px * var(--base-ratio)), calc(calc(233 / var(--base-size)) * var(--base-percent)));
}
.wrap .select_group.md {
  width: max(calc(340px * var(--base-ratio)), calc(calc(340 / var(--base-size)) * var(--base-percent)));
}
.wrap .select_group.long {
  width: max(calc(470px * var(--base-ratio)), calc(calc(470 / var(--base-size)) * var(--base-percent)));
}
.wrap .select_group:last-child {
  margin-right: 0;
}
.wrap .select_group select {
  width: 100%;
  height: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));
  padding: 0 max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) 0 max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #888;
  border: 1px solid #999;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("/httpobject/gmc_images/customchoice/common/select_arrow.svg") right 12px center no-repeat;
  background-size: 100% 100%;
  background-size: max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));
  background-color: #fff;
}
.wrap .select_group select::-ms-expand {
  display: none;
}

:root {
  --base-ratio: 0.75;
  --base-size: 1536;
  --base-percent: 100vw;
}
@media (max-width: 1023px) {
  :root {
    --base-ratio: 1;
    --base-size: 1;
    --base-percent: 1px;
  }
}

html.overflow,
body.overflow {
  height: 100%;
  min-height: 100%;
  overflow: hidden !important;
  touch-action: none;
}

.row_wrap {
  padding: 0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));
}
@media (max-width: 1023px) {
  .row_wrap {
    padding: 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
  }
}
@media (max-width: 767px) {
  .row_wrap {
    padding: 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  }
}

.row {
  position: relative;
}
@media (min-width: 1024px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) * 0.5 * -1);
  }
}

.pc_on {
  display: block;
}

.laptop_on {
  display: none;
}

.tablet_on {
  display: none;
}

.m_on {
  display: none;
}

.pc_none {
  display: none;
}

.laptop_none {
  display: block;
}

.tablet_none {
  display: block;
}

.m_none {
  display: block;
}

@media (max-width: 1366px) {
  .laptop_on {
    display: block;
  }
  .laptop_none {
    display: none;
  }
}
@media (max-width: 1023px) {
  .laptop_none {
    display: block;
  }
  .pc_on {
    display: none;
  }
  .tablet_on {
    display: block;
  }
  .m_on {
    display: none;
  }
  .pc_none {
    display: block;
  }
  .tablet_none {
    display: none;
  }
  .m_none {
    display: block;
  }
}
@media (max-width: 767px) {
  .laptop_none {
    display: block;
  }
  .pc_on {
    display: none;
  }
  .tablet_on {
    display: none;
  }
  .m_on {
    display: block;
  }
  .pc_none {
    display: block;
  }
  .tablet_none {
    display: block;
  }
  .m_none {
    display: none;
  }
}
.findMyCar {
  font-family: "NotoSansKRWeb", sans-serif;
}
.findMyCar.intro .sec {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: normal;
  flex-direction: column;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100);
  padding: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) 0;
}
.findMyCar.intro .tit_wrap {
  text-align: center;
}
.findMyCar.intro .tit_wrap h2 {
  font-family: "Stratum", sans-serif;
  font-size: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #222;
  word-break: keep-all;
  word-wrap: break-word;
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.intro .tit_wrap p {
  font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #444;
  font-weight: 500;
  word-break: keep-all;
  word-wrap: break-word;
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.intro .swiper {
  position: relative;
  margin-top: max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));
  width: 100%;
  height: max(calc(392px * var(--base-ratio)), calc(calc(392 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.intro .swiper.active {
  z-index: 2;
}
.findMyCar.intro .swiper.active .swiper-wrapper {
  opacity: 1;
}
.findMyCar.intro .swiper.show .swiper-slide.first, .findMyCar.intro .swiper.show .swiper-slide.prev {
  opacity: 0;
  transform: translateX(200%);
}
.findMyCar.intro .swiper.show .swiper-slide.last, .findMyCar.intro .swiper.show .swiper-slide.next {
  opacity: 0;
  transform: translateX(-200%);
}
.findMyCar.intro .swiper.show.move .swiper-slide.first, .findMyCar.intro .swiper.show.move .swiper-slide.prev, .findMyCar.intro .swiper.show.move .swiper-slide.last, .findMyCar.intro .swiper.show.move .swiper-slide.next {
  opacity: 1;
  transform: translateX(0);
  transition: all 1s ease;
}
.findMyCar.intro .swiper.show.move .swiper-slide.first, .findMyCar.intro .swiper.show.move .swiper-slide.last {
  transition-delay: 0.5s;
}
.findMyCar.intro .swiper .swiper-wrapper {
  opacity: 0;
}
.findMyCar.intro .swiper-wrapper {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
}
.findMyCar.intro .swiper-slide {
  position: relative;
  margin-left: 2vw;
  width: 16.6vw;
  height: max(calc(392px * var(--base-ratio)), calc(calc(392 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.intro .swiper-slide .img {
  overflow: hidden;
  position: relative;
  top: 50%;
  transform: translateY(-50%) rotate(0.003deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 100%;
  height: max(calc(192px * var(--base-ratio)), calc(calc(192 / var(--base-size)) * var(--base-percent)));
  border-radius: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.intro .swiper-slide .img::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-0.003deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  width: 52vw;
  height: max(calc(392px * var(--base-ratio)), calc(calc(392 / var(--base-size)) * var(--base-percent)));
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.findMyCar.intro .swiper-slide.item1 .img::before {
  background-image: url("/httpobject/gmc_images/customchoice/intro/img_1.jpg");
}
.findMyCar.intro .swiper-slide.item2 .img::before {
  background-image: url("/httpobject/gmc_images/customchoice/intro/img_2.jpg");
}
.findMyCar.intro .swiper-slide.item3 .img::before {
  background-image: url("/httpobject/gmc_images/customchoice/intro/img_3.jpg");
}
.findMyCar.intro .swiper-slide.item4 .img::before {
  background-image: url("/httpobject/gmc_images/customchoice/intro/img_4.jpg");
}
.findMyCar.intro .swiper-slide.item5 .img::before {
  background-image: url("/httpobject/gmc_images/customchoice/intro/img_5.jpg");
}
.findMyCar.intro .swiper-slide:first-child {
  margin-left: 0;
}
.findMyCar.intro .swiper-slide.first, .findMyCar.intro .swiper-slide.last {
  z-index: 1;
}
.findMyCar.intro .swiper-slide.prev, .findMyCar.intro .swiper-slide.next {
  z-index: 10;
  width: 16.6vw;
}
.findMyCar.intro .swiper-slide.prev .img, .findMyCar.intro .swiper-slide.next .img {
  height: max(calc(288px * var(--base-ratio)), calc(calc(288 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.intro .swiper-slide.center {
  z-index: 20;
  width: 52vw;
}
.findMyCar.intro .swiper-slide.center .img {
  height: max(calc(392px * var(--base-ratio)), calc(calc(392 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.intro .swiper_cover {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  position: absolute;
  left: 50.2%;
  top: 51.2%;
  transform: translate(-50%, -50%);
}
.findMyCar.intro .swiper_cover .bg {
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  border-radius: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.intro .swiper_cover.show {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  position: fixed;
}
.findMyCar.intro .swiper_cover.show.scale .swiper-slide {
  width: 52vw;
  height: max(calc(392px * var(--base-ratio)), calc(calc(392 / var(--base-size)) * var(--base-percent)));
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: width 1s ease, height 1s ease;
  will-change: width, height;
}
.findMyCar.intro .swiper_cover.show .swiper-slide {
  overflow: hidden;
  position: relative;
  width: 0;
  height: 0;
  border-radius: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.intro .swiper_cover.active {
  position: fixed;
  opacity: 1;
  visibility: visible;
  left: 50%;
  top: 50%;
  z-index: 10;
}
.findMyCar.intro .swiper_cover.active .bg {
  z-index: 21;
}
.findMyCar.intro .swiper_cover.active .swiper-slide .img {
  width: 100%;
  height: 100%;
}
.findMyCar.intro .swiper_cover.active .swiper-slide .img::before {
  width: 100%;
  height: 100%;
}
.findMyCar.intro .swiper_cover .swiper-slide {
  margin-left: 0;
  width: 52vw;
}
.findMyCar.intro .ani {
  transition: width 0.8s ease, height 0.8s ease;
}
.findMyCar.intro .btn_wrap {
  text-align: center;
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.intro .btn_wrap .btn {
  color: #fff;
  font-weight: 500;
  background-color: #c00;
}
.findMyCar.phase .sec {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-color: #000;
}
.findMyCar.phase .sec .bg {
  opacity: 10;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  transition: opacity 1s ease;
}
.findMyCar.phase .sec .bg.off {
  opacity: 0;
}
.findMyCar.phase .sec .bg_img {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.findMyCar.phase .step_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: calc(var(--vh, 1vh) * 100);
}
.findMyCar.phase .step_cont .step {
  display: none;
  width: 100%;
}
.findMyCar.phase .step_cont .step.active {
  display: block;
}
.findMyCar.phase .step_cont .step.step_box_show .step_box {
  opacity: 1;
  visibility: visible;
}
.findMyCar.phase .step_cont .step.step_box_show .swiper .swiper-slide {
  opacity: 1;
  transform: translateY(0);
}
.findMyCar.phase .step_cont .step .step_box {
  opacity: 0;
  visibility: hidden;
  margin: 0 auto max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));
  max-width: max(calc(980px * var(--base-ratio)), calc(calc(980 / var(--base-size)) * var(--base-percent)));
  transition: opacity 1s ease, visibility 1s ease;
}
.findMyCar.phase .step_cont .step .swiper .swiper-slide {
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.phase .step1 input[type=radio]:hover + label .bg_ico.female, .findMyCar.phase .step1 input[type=radio]:checked + label .bg_ico.female {
  background-image: url("/httpobject/gmc_images//customchoice/common/ico_female_on.svg");
}
.findMyCar.phase .step1 input[type=radio]:hover + label .bg_ico.male, .findMyCar.phase .step1 input[type=radio]:checked + label .bg_ico.male {
  background-image: url("/httpobject/gmc_images//customchoice/common/ico_male_on.svg");
}
.findMyCar.phase .step1 .question_wrap {
  position: relative;
}
.findMyCar.phase .step1 .question_wrap::before, .findMyCar.phase .step1 .question_wrap::after {
  content: "";
  overflow: hidden;
  position: absolute;
  top: -1%;
  width: 52%;
  height: 102%;
  transition: width 0.8s ease;
  background-color: #000;
}
.findMyCar.phase .step1 .question_wrap::before {
  left: -1%;
  border-top-left-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
  border-bottom-left-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step1 .question_wrap::after {
  right: -1%;
}
.findMyCar.phase .step1 .question_wrap.active::before, .findMyCar.phase .step1 .question_wrap.active::after {
  width: 0;
}
.findMyCar.phase .step2 .step_box:first-child input[type=radio] + label {
  width: max(calc(150px * var(--base-ratio)), calc(calc(150 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step2 .step_box input[type=radio] + label {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.findMyCar.phase .step2 .step_box input[type=radio] + label .ico {
  right: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  top: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step3 input[type=radio] + label:before, .findMyCar.phase .step4 input[type=radio] + label:before {
  content: none;
}
.findMyCar.phase .step3 input[type=radio]:hover + label:before, .findMyCar.phase .step3 input[type=radio]:checked + label:before, .findMyCar.phase .step4 input[type=radio]:hover + label:before, .findMyCar.phase .step4 input[type=radio]:checked + label:before {
  content: "";
  overflow: hidden;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid #c00;
  background-color: transparent;
  border-radius: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step3 .step_box, .findMyCar.phase .step4 .step_box {
  min-height: max(calc(444px * var(--base-ratio)), calc(calc(444 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step3 .swiper-slide, .findMyCar.phase .step4 .swiper-slide {
  width: max(calc(230px * var(--base-ratio)), calc(calc(230 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step3 .swiper-slide .card, .findMyCar.phase .step4 .swiper-slide .card {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: max(calc(335px * var(--base-ratio)), calc(calc(335 / var(--base-size)) * var(--base-percent)));
  border-radius: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step3 .swiper-slide .card::before, .findMyCar.phase .step4 .swiper-slide .card::before {
  content: "";
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.findMyCar.phase .step3 .swiper-slide .card::before, .findMyCar.phase .step4 .swiper-slide .card::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.findMyCar.phase .step3 .swiper-slide .txt, .findMyCar.phase .step4 .swiper-slide .txt {
  margin-top: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 500;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.phase .step3 .custom_radio, .findMyCar.phase .step4 .custom_radio {
  width: 100%;
  height: 100%;
}
.findMyCar.phase .step3 .custom_radio input[type=radio] + label, .findMyCar.phase .step4 .custom_radio input[type=radio] + label {
  width: 100%;
  height: 100%;
}
.findMyCar.phase .step3 .bg_ico, .findMyCar.phase .step4 .bg_ico {
  position: absolute;
  bottom: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  right: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  width: max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)));
  height: max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)));
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.findMyCar.phase .step3 .swiper-slide:nth-child(1) {
  transition-delay: 0.3s;
}
.findMyCar.phase .step3 .swiper-slide:nth-child(2) {
  transition-delay: 0.6s;
}
.findMyCar.phase .step3 .swiper-slide:nth-child(3) {
  transition-delay: 0.9s;
}
.findMyCar.phase .step3 .swiper-slide:nth-child(4) {
  transition-delay: 1.2s;
}
.findMyCar.phase .step3 .swiper-slide {
  transition: opacity 1.2s ease, transform 1.2s ease;
}
.findMyCar.phase .step3 .swiper-slide:nth-child(1) .card::before {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step3_img_1.jpg");
}
.findMyCar.phase .step3 .swiper-slide:nth-child(1) .bg_ico {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step3_ico_1.svg");
}
.findMyCar.phase .step3 .swiper-slide:nth-child(2) .card::before {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step3_img_2.jpg");
}
.findMyCar.phase .step3 .swiper-slide:nth-child(2) .bg_ico {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step3_ico_2.svg");
}
.findMyCar.phase .step3 .swiper-slide:nth-child(3) .card::before {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step3_img_3.jpg");
}
.findMyCar.phase .step3 .swiper-slide:nth-child(3) .bg_ico {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step3_ico_3.svg");
}
.findMyCar.phase .step3 .swiper-slide:nth-child(4) .card::before {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step3_img_4.jpg");
}
.findMyCar.phase .step3 .swiper-slide:nth-child(4) .bg_ico {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step3_ico_4.svg");
}
.findMyCar.phase .step4 .swiper {
  margin: 0 auto;
  width: 73%;
}
.findMyCar.phase .step4 .swiper-slide:nth-child(1) {
  transition-delay: 0.3s;
}
.findMyCar.phase .step4 .swiper-slide:nth-child(2) {
  transition-delay: 0.6s;
}
.findMyCar.phase .step4 .swiper-slide:nth-child(3) {
  transition-delay: 0.9s;
}
.findMyCar.phase .step4 .swiper-slide {
  transition: opacity 1s ease, transform 1s ease;
}
.findMyCar.phase .step4 .swiper-slide:nth-child(1) .card::before {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step4_img_1.jpg");
}
.findMyCar.phase .step4 .swiper-slide:nth-child(1) .bg_ico {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step4_ico_1.svg");
}
.findMyCar.phase .step4 .swiper-slide:nth-child(2) .card::before {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step4_img_2.jpg");
}
.findMyCar.phase .step4 .swiper-slide:nth-child(2) .bg_ico {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step4_ico_2.svg");
}
.findMyCar.phase .step4 .swiper-slide:nth-child(3) .card::before {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step4_img_3.jpg");
}
.findMyCar.phase .step4 .swiper-slide:nth-child(3) .bg_ico {
  background-image: url("/httpobject/gmc_images/customchoice/phase/step4_ico_3.svg");
}
.findMyCar.phase .step_box {
  margin-top: max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step_box:first-child {
  margin-top: 0;
}
.findMyCar.phase .step_box .tit {
  text-align: center;
}
.findMyCar.phase .step_box .tit span {
  display: inline-block;
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  padding: max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));
  min-width: max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin-bottom: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
  border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
  background: rgba(255, 255, 255, 0.05);
}
.findMyCar.phase .step_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step_list li {
  overflow: hidden;
  position: relative;
  border-radius: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .step_list li:before {
  content: "";
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.findMyCar.phase .step_list li .bg_txt {
  position: absolute;
  right: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  bottom: -29%;
  font-family: "ChevySans", sans-serif;
  font-size: max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #fff;
  opacity: 0.2;
}
.findMyCar.phase .step_list li .bg_ico {
  position: absolute;
  right: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
  bottom: -10%;
  width: max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));
  height: max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.findMyCar.phase .step_list li .bg_ico.female {
  background-image: url("/httpobject/gmc_images/customchoice/common/ico_female.svg");
}
.findMyCar.phase .step_list li .bg_ico.male {
  background-image: url("/httpobject/gmc_images/customchoice/common/ico_male.svg");
}
.findMyCar.phase .question_wrap {
  margin: max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent))) auto 0;
  width: 100%;
  max-width: max(calc(980px * var(--base-ratio)), calc(calc(980 / var(--base-size)) * var(--base-percent)));
  height: max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)));
  background-color: #fff;
  border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
  box-shadow: 0px max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent))) max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) 0px rgba(0, 0, 0, 0.05), 0px 4px 24px 0px rgba(0, 0, 0, 0.08);
}
.findMyCar.phase .question_wrap .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  padding: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .question_wrap .label {
  font-family: "ChevySans", sans-serif;
  width: max(calc(44px * var(--base-ratio)), calc(calc(44 / var(--base-size)) * var(--base-percent)));
  margin-right: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: bold;
  text-align: center;
}
.findMyCar.phase .question_wrap .typing {
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: 600;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.phase .question_wrap .btn_step_nav .btn {
  position: relative;
  min-width: max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));
  height: max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));
  border-radius: 100%;
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-weight: 500;
  color: #fff;
  text-align: center;
}
.findMyCar.phase .question_wrap .btn_step_nav .btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)));
  height: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.phase .question_wrap .btn_step_nav .btn_prev {
  margin-right: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
  border: 1px solid #222;
  background-color: #fff;
}
.findMyCar.phase .question_wrap .btn_step_nav .btn_prev::before {
  background: url("/httpobject/gmc_images/customchoice/common/btn_prev.svg") center no-repeat;
  background-size: cover;
}
.findMyCar.phase .question_wrap .btn_step_nav .btn_next {
  background-color: #888;
  transition: background-color 0.4s ease;
}
.findMyCar.phase .question_wrap .btn_step_nav .btn_next.active {
  background-color: #c00;
}
@media (min-width: 1024px) and (pointer: fine) {
  .findMyCar.phase .question_wrap .btn_step_nav .btn_next:hover {
    background-color: #c00;
  }
}
.findMyCar.phase .question_wrap .btn_step_nav .btn_next::before {
  background: url("/httpobject/gmc_images/customchoice/common/btn_next.svg") center no-repeat;
  background-size: cover;
}
.findMyCar.phase .question_wrap .btn_step_nav .btn_result {
  width: max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));
  padding: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));
  border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
  background-color: #888;
  transition: background-color 0.4s ease;
}
.findMyCar.phase .question_wrap .btn_step_nav .btn_result::before {
  content: none;
}
@media (min-width: 1024px) and (pointer: fine) {
  .findMyCar.phase .question_wrap .btn_step_nav .btn_result:hover {
    background-color: #c00;
  }
}
.findMyCar.result .sec {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100);
  z-index: -1;
  opacity: 0;
  transition: opacity 1s ease;
  background-color: #000;
}
.findMyCar.result .sec.active {
  opacity: 1;
  z-index: 2;
}
.findMyCar.result .sec h4 {
  font-size: max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 500;
  text-align: center;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.result .cover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/httpobject/gmc_images/customchoice/result/bg_loading.jpg") center no-repeat;
  background-size: cover;
}
.findMyCar.result .cover .txt_wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.findMyCar.result .cover .loading {
  display: inline-block;
  width: max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));
  height: max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .cover h4 {
  margin-top: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.findMyCar.result .result_cover.active {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: normal;
  flex-direction: column;
}
.findMyCar.result .result_cover.bg_result_ct5-v_blackwing::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_result_ct5-v_blackwing.jpg");
}
.findMyCar.result .result_cover.bg_result_escalade::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_result_escalade.jpg");
}
.findMyCar.result .result_cover.bg_result_lyriq::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_result_lyriq.jpg");
}
.findMyCar.result .result_cover.bg_result_trax_crossover::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_result_trax_crossover.jpg");
}
.findMyCar.result .result_cover.bg_result_colorado::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_result_colorado.jpg");
}
.findMyCar.result .result_cover.bg_result_trailblazer::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_result_trailblazer.jpg");
}
.findMyCar.result .result_cover.bg_result_tahoe::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_result_tahoe.jpg");
}
.findMyCar.result .result_cover.bg_result_sierra::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_result_sierra.jpg");
}
.findMyCar.result .result_cover.bg_result_escalade_iq::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_result_escalade_iq.jpg");
}
.findMyCar.result .result_cover.bg_loading::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/bg_loading.jpg");
}
.findMyCar.result .result_cover .result {
  display: none;
}
.findMyCar.result .result_cover .result.active {
  display: block;
}
.findMyCar.result .result_cover .result .sec_step {
  display: none;
  margin: 0 auto;
  width: max(calc(980px * var(--base-ratio)), calc(calc(980 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result .sec_step.active {
  display: block;
}
.findMyCar.result .result_cover .result .step1 h4 {
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translateX(-50%);
  transition: top 1s ease;
}
.findMyCar.result .result_cover .result .step1 h4.active {
  top: 10%;
}
.findMyCar.result .result_cover .result .step1 .result_info {
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result .result_cover .result .step1 .result_info .img_wrap {
  position: relative;
  left: 25%;
  min-height: max(calc(420px * var(--base-ratio)), calc(calc(420 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result .step1 .result_info .img_wrap .brand_logo {
  opacity: 0;
}
.findMyCar.result .result_cover .result .step1 .result_info .img_wrap .model {
  top: 15%;
}
.findMyCar.result .result_cover .result .step1 .result_info .img_wrap .model_info {
  opacity: 0;
}
.findMyCar.result .result_cover .result .step1 .result_info .txt_wrap {
  right: 25%;
}
.findMyCar.result .result_cover .result .step2 h4 {
  opacity: 0;
}
.findMyCar.result .result_cover .result .step2 .result_info {
  overflow: visible;
  background-color: transparent;
}
.findMyCar.result .result_cover .result .step2 .result_info .img_wrap {
  overflow: hidden;
  position: relative;
  border-radius: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
  width: calc(50% - max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));
  margin-left: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result .result_cover .result .step2 .result_info .img_wrap:first-child {
  margin-left: 0;
}
.findMyCar.result .result_cover .result.nodata .step1 {
  margin-top: max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));
  max-width: max(calc(814px * var(--base-ratio)), calc(calc(814 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result.nodata h4 {
  position: static;
  transform: translateX(0);
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result .result_cover .result.nodata .banner_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
  margin-top: max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result .result_cover .result.nodata .banner_wrap .banner {
  overflow: hidden;
  display: inline-block;
  position: relative;
  width: calc(50% - max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))));
  padding-top: 15%;
  border-radius: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result.nodata .banner_wrap .banner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.findMyCar.result .result_cover .result.nodata .banner_wrap .banner.banner1::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/banner1.jpg");
}
.findMyCar.result .result_cover .result.nodata .banner_wrap .banner.banner2::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/banner2.jpg");
}
.findMyCar.result .result_cover .result.nodata .banner_wrap .banner .txt {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  padding: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 500;
}
.findMyCar.result .result_cover .result.nodata .banner_wrap .banner .txt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.findMyCar.result .result_cover .result.nodata .banner_wrap .banner .txt i {
  display: inline-block;
  position: relative;
  padding-right: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));
  font-style: normal;
}
.findMyCar.result .result_cover .result.nodata .banner_wrap .banner .txt i::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));
  height: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
  background: url("/httpobject/gmc_images/customchoice/result/ico_banner_arrow.svg") center no-repeat;
  background-size: cover;
}
.findMyCar.result .result_cover .result_info {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  overflow: hidden;
  position: relative;
  margin-top: max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap {
  z-index: 2;
  overflow: hidden;
  position: relative;
  left: 0;
  width: 50%;
  padding: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  border-radius: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
  background-color: #f8f8f8;
}
.findMyCar.result .result_cover .result_info .img_wrap .brand_logo {
  position: absolute;
  left: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap .model {
  position: relative;
  top: 0;
}
.findMyCar.result .result_cover .result_info .img_wrap .model img {
  width: 100%;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info {
  margin-top: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .model_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .model_box .name {
  font-family: "Stratum", sans-serif;
  font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: bold;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .model_box .name.cadillac {
  font-family: "CadillacGothic", sans-serif;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .model_box .name.chevy {
  font-family: "ChevySans", sans-serif;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .model_box .name.gmc {
  font-family: "Stratum", sans-serif;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .model_box .price_box {
  font-family: "ChevySans", sans-serif;
  font-size: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  line-height: 1.4666666667;
  letter-spacing: -0.02em;
  color: #888;
  font-weight: 500;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .model_box .price_box .price {
  margin-left: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .btn_box {
  overflow: hidden;
  border-radius: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .btn_box.cadillac a {
  background-color: #222;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .btn_box.chevy a {
  background-color: #cd9834;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .btn_box.gmc a {
  background-color: #c00;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .btn_box.brand {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
  width: 100%;
  min-height: max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .btn_box.brand a {
  overflow: hidden;
  width: 100%;
  border-radius: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .btn_box .btn {
  position: relative;
  display: block;
  float: left;
  width: 50%;
  padding: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent))) max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .btn_box .btn + .btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  background-color: #fff;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .share_box {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: normal;
  margin-top: max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .share_box .btn {
  display: block;
  position: relative;
  width: 50%;
  padding: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent))) 0;
  font-size: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #666;
  text-align: center;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .share_box .btn:first-child::before {
  content: none;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .share_box .btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  background-color: #ddd;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .share_box .btn span {
  display: inline-block;
  position: relative;
  padding-left: max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .share_box .btn span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  height: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .share_box .btn_estimate span::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_talk.svg");
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .share_box .btn_application span::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_drive.svg");
}
.findMyCar.result .result_cover .result_info .img_wrap .model_info .share_box .btn_more span::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_more.svg");
}
.findMyCar.result .result_cover .result_info .txt_wrap {
  z-index: 1;
  overflow: hidden;
  position: relative;
  right: 0;
  width: 50%;
  padding: max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));
  background-color: #fff;
  border-radius: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .info_inner {
  position: relative;
  overflow-y: auto;
  height: max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));
  padding: max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .info_inner::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.findMyCar.result .result_cover .result_info .txt_wrap .info_inner::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}
.findMyCar.result .result_cover .result_info .txt_wrap .info_inner::-webkit-scrollbar-thumb {
  background: #252728;
}
.findMyCar.result .result_cover .result_info .txt_wrap .box {
  margin-top: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .box:first-child {
  margin-top: 0;
}
.findMyCar.result .result_cover .result_info .txt_wrap .tit {
  margin-bottom: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5384615385;
  letter-spacing: -0.02em;
  color: #666;
  font-weight: 500;
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result .result_cover .result_info .txt_wrap .list {
  overflow: hidden;
  padding: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
  border: 1px solid #ddd;
  border-radius: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result .result_cover .result_info .txt_wrap .list li {
  padding: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  border-top: 1px solid #f2f2f2;
  font-size: max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5384615385;
  letter-spacing: -0.02em;
  color: #444;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.result .result_cover .result_info .txt_wrap .list li:first-child {
  border-top: none;
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico {
  position: relative;
  padding-left: max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  height: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico_female::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_female.svg");
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico_male::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_male.svg");
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico_briefcase::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_briefcase.svg");
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico_time::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_time.svg");
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico_travel::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_travel.svg");
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico_car1::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_car1.svg");
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico_car2::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_car2.svg");
}
.findMyCar.result .result_cover .result_info .txt_wrap .choice_list .ico_car3::before {
  background-image: url("/httpobject/gmc_images/customchoice/result/ico_car3.svg");
}
.findMyCar.result .result_cover .result_info .txt_wrap .recomm_list li {
  position: relative;
  padding-left: max(calc(42px * var(--base-ratio)), calc(calc(42 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .recomm_list li::before {
  content: "";
  position: absolute;
  left: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));
  top: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  width: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  height: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  background: url("/httpobject/gmc_images/customchoice/result/ico_chk.svg") center no-repeat;
  background-size: cover;
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap {
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
  margin-top: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
  padding-bottom: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap .tit {
  opacity: 1;
  transform: translateY(0);
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap dl {
  overflow: hidden;
  position: relative;
  margin-top: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap dl dt {
  float: left;
  margin-right: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  width: max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));
  height: max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap dl dt img {
  width: 100%;
  max-width: inherit;
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap dl dd {
  float: left;
  position: relative;
  width: calc(100% - max(calc(76px * var(--base-ratio)), calc(calc(76 / var(--base-size)) * var(--base-percent))));
  padding: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))) max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  background-color: #9097a2;
  border-radius: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap dl dd::before {
  content: "";
  position: absolute;
  left: max(calc(calc(16px * var(--base-ratio)) * -1), calc(calc(calc(16 / var(--base-size)) * var(--base-percent)) * -1));
  top: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  width: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  height: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  background: url("/httpobject/gmc_images/customchoice/result/ico_bubble_left.svg") center no-repeat;
  background-size: cover;
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap dl dd p {
  font-size: max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5384615385;
  letter-spacing: -0.02em;
  color: #fff;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap dl.right dt {
  float: right;
  margin-right: 0;
  margin-left: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap dl.right dd {
  float: none;
}
.findMyCar.result .result_cover .result_info .txt_wrap .user_voice_wrap dl.right dd::before {
  left: unset;
  right: max(calc(calc(16px * var(--base-ratio)) * -1), calc(calc(calc(16 / var(--base-size)) * var(--base-percent)) * -1));
  background: url("/httpobject/gmc_images/customchoice/result/ico_bubble_right.svg") center no-repeat;
  background-size: cover;
}
.findMyCar.result .result_cover .result_info .scroll_wrap {
  opacity: 0;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: max(calc(74px * var(--base-ratio)), calc(calc(74 / var(--base-size)) * var(--base-percent)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.findMyCar.result .result_cover .result_info .scroll_wrap.active .btn_scroll::after {
  transform: translate(-50%, -50%) rotate(-180deg);
}
.findMyCar.result .result_cover .result_info .scroll_wrap > div {
  position: relative;
  width: 100%;
  height: 100%;
}
.findMyCar.result .result_cover .result_info .btn_scroll {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));
  height: max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));
  background-color: #222;
  border-radius: 100%;
  cursor: pointer;
}
.findMyCar.result .result_cover .result_info .btn_scroll::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  height: max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));
  background: url("/httpobject/gmc_images/customchoice/result/ico_scroll_arrow.svg") center no-repeat;
  background-size: cover;
}
.findMyCar.result .result_cover .btn_wrap {
  opacity: 0;
  transform: translateY(max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result .result_cover .btn_wrap .btn {
  min-width: max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));
  padding: max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .btn_wrap .btn_reset {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .btn_wrap .btn_reset span {
  position: relative;
  padding-left: max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result .result_cover .btn_wrap .btn_reset span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  height: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));
  background: url("/httpobject/gmc_images/customchoice/result/ico_reset.svg") 0 0 no-repeat;
  background-size: cover;
}
.findMyCar.result .result_cover .btn_wrap .btn_reset, .findMyCar.result .result_cover .btn_wrap .btn_other_view, .findMyCar.result .result_cover .btn_wrap .btn_model_view {
  display: none;
}
.findMyCar.result .result_cover .btn_wrap .btn_reset.active, .findMyCar.result .result_cover .btn_wrap .btn_other_view.active, .findMyCar.result .result_cover .btn_wrap .btn_model_view.active {
  display: inline-block;
}
.findMyCar.result_form h1, .findMyCar.result_form h2, .findMyCar.result_form h3, .findMyCar.result_form h4, .findMyCar.result_form input, .findMyCar.result_form button, .findMyCar.result_form a {
  font-family: Pretendard, NotoSansKRWeb, Dotum, Helvetica, sans-serif;
}
.findMyCar.result_form > * {
  font-family: Pretendard, NotoSansKRWeb, sans-serif;
}
.findMyCar.result_form > * :focus {
  outline-color: #000;
}
.findMyCar.result_form .sec1 .sec_inner {
  margin-top: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .sec1 h3 {
  margin-bottom: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  line-height: 1.2916666667;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: 600;
}
.findMyCar.result_form.test_drive .visual_wrap {
  background: url("/httpobject/gmc_images/customchoice/result/test_drive.jpg") center no-repeat;
  background-size: cover;
}
.findMyCar.result_form .visual_wrap {
  position: relative;
  padding-top: 41.6%;
  background: url("/httpobject/gmc_images/customchoice/result/quote.jpg") center no-repeat;
  background-size: cover;
}
.findMyCar.result_form .visual_wrap h2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: bold;
}
.findMyCar.result_form .form_wrap .top_desc {
  margin: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) 0;
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #666;
  font-weight: 500;
  text-align: center;
}
.findMyCar.result_form .form_wrap .user_info {
  padding: max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent))) max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent)));
  background-color: #f8f8f8;
}
.findMyCar.result_form .form_wrap .btn_wrap .btn {
  padding: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  width: max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 600;
  text-align: center;
  background-color: #000;
}
.findMyCar.result_form .form_wrap .btn_wrap .btn_complete {
  display: block;
  margin: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));
  width: 100%;
  padding: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: bold;
  background-color: #c00;
}
.findMyCar.result_form .form_wrap .tit_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
  margin: max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent))) auto 0;
}
.findMyCar.result_form .form_wrap .table_form .item {
  overflow: hidden;
  margin-top: max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent)));
  padding-top: max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent)));
  border-top: 1px solid #ddd;
}
.findMyCar.result_form .form_wrap .table_form .item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.findMyCar.result_form .form_wrap .table_form .row {
  display: block;
  margin: 0;
  width: 100%;
}
.findMyCar.result_form .form_wrap .table_form .row-50 {
  float: left;
  width: calc(50% - max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result_form .form_wrap .table_form .row-50:first-child {
  margin-right: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .table_form dt {
  margin-bottom: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .table_form dt label {
  display: inline-block;
  font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: 600;
}
.findMyCar.result_form .form_wrap .table_form dt .desc {
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #666;
  font-weight: 500;
}
.findMyCar.result_form .form_wrap .table_form dt .txt_point {
  margin-left: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: 600;
}
.findMyCar.result_form .form_wrap .phone_wrap {
  display: flex;
  flex-wrap: nowrap;
}
.findMyCar.result_form .form_wrap .phone_wrap .input_wrap {
  width: calc(100% - max(calc(130px * var(--base-ratio)), calc(calc(130 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result_form .form_wrap .phone_wrap .btn_wrap {
  margin-left: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .email_wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: normal;
}
.findMyCar.result_form .form_wrap .email_wrap .inner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
  align-items: center;
  width: 67%;
}
.findMyCar.result_form .form_wrap .email_wrap .input_wrap {
  width: calc(50% - max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result_form .form_wrap .email_wrap .symbol {
  padding: 0 max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .email_wrap .select_group {
  margin-left: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  width: 30%;
  width: max(calc(330px * var(--base-ratio)), calc(calc(330 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .modelcode_wrap .box {
  margin-top: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  display: none;
}
.findMyCar.result_form .form_wrap .modelcode_wrap .box.active {
  display: block;
}
.findMyCar.result_form .form_wrap .showroom_wrap .box {
  display: none;
  margin-top: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .showroom_wrap .box.active {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
}
.findMyCar.result_form .form_wrap .showroom_wrap .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
  width: calc(100% - max(calc(130px * var(--base-ratio)), calc(calc(130 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result_form .form_wrap .showroom_wrap .select_group {
  width: calc(50% - max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent))));
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box {
  display: none;
  margin-top: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  width: 100%;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box.active {
  display: block;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .showroom_list, .findMyCar.result_form .form_wrap .showroom_wrap .search_box .carManager_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: normal;
  gap: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .showroom_list li, .findMyCar.result_form .form_wrap .showroom_wrap .search_box .carManager_list li {
  width: calc(50% - max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent))));
  padding: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
  border: 1px solid #ddd;
  background-color: #fff;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .showroom_list p, .findMyCar.result_form .form_wrap .showroom_wrap .search_box .carManager_list p {
  margin-top: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .showroom_list p:first-child, .findMyCar.result_form .form_wrap .showroom_wrap .search_box .carManager_list p:first-child {
  margin-top: 0;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .carManager_list {
  display: none;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .carManager_list.active {
  display: flex;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .tit {
  font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: 600;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .address {
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3333333333;
  letter-spacing: -0.02em;
  color: #444;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .tel {
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3333333333;
  letter-spacing: -0.02em;
  color: #444;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .tel a {
  font-size: inherit;
  color: inherit;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .email {
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3333333333;
  letter-spacing: -0.02em;
  color: #444;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .email a {
  font-size: inherit;
  color: inherit;
}
.findMyCar.result_form .form_wrap .showroom_wrap .search_box .btn {
  margin-top: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
  width: 100%;
  padding: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3333333333;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: 600;
  border: 2px solid #222;
}
.findMyCar.result_form .form_wrap .showroom_wrap .result_box {
  display: none;
  width: 100%;
  padding: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));
  background-color: #fff;
}
.findMyCar.result_form .form_wrap .showroom_wrap .result_box.active {
  display: block;
}
.findMyCar.result_form .form_wrap .showroom_wrap .result_box .tit {
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3333333333;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: 600;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.result_form .form_wrap .showroom_wrap .result_box .select_list {
  margin-top: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  padding-top: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  border-top: 1px solid #ddd;
}
.findMyCar.result_form .form_wrap .showroom_wrap .result_box .select_list li {
  margin-top: max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3333333333;
  letter-spacing: -0.02em;
  color: #444;
}
.findMyCar.result_form .form_wrap .showroom_wrap .result_box .select_list li:first-child {
  margin-top: 0;
}
.findMyCar.result_form .form_wrap .term_area .tit_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
  margin: max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent))) auto 0;
}
.findMyCar.result_form .form_wrap .term_area h4 {
  margin-bottom: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: bold;
}
.findMyCar.result_form .form_wrap .term_box {
  overflow-y: scroll;
  height: max(calc(420px * var(--base-ratio)), calc(calc(420 / var(--base-size)) * var(--base-percent)));
  border: 1px solid #888;
  background-color: #fff;
  color: #888;
}
.findMyCar.result_form .form_wrap .term_box .text_inner {
  padding: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .term_box .text_inner * {
  line-height: 150%;
}
.findMyCar.result_form .form_wrap .term_box h5 {
  margin-bottom: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: 600;
}
.findMyCar.result_form .form_wrap .term_box .tit {
  margin-bottom: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1.3333333333;
  letter-spacing: -0.02em;
  color: #222;
}
.findMyCar.result_form .form_wrap .term_box ol > li {
  margin-top: max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.result_form .form_wrap .term_box ol > li:first-child {
  margin-top: 0;
}
.findMyCar.result_form .form_wrap .term_box ul > li {
  margin-top: max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1.25;
  letter-spacing: -0.02em;
  word-break: keep-all;
  word-wrap: break-word;
}
.findMyCar.result_form .form_wrap .term_box ul > li > p {
  color: #222;
}
.findMyCar.result_form .form_wrap .term_box ul > li:first-child {
  margin-top: 0;
}
.findMyCar.result_form .form_wrap .term_box .dot_list {
  margin-top: max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .term_box .dot_list > li {
  position: relative;
  margin-top: max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));
  padding-left: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));
  line-height: 1.25;
  letter-spacing: -0.02em;
}
.findMyCar.result_form .form_wrap .term_box .dot_list > li:first-child {
  margin-top: 0;
}
.findMyCar.result_form .form_wrap .term_box .dot_list > li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0;
}
.findMyCar.result_form .form_wrap .term_box strong {
  color: #222;
  font-weight: 600;
}
.findMyCar.result_form .form_wrap .term_box a {
  font-size: inherit;
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}
.findMyCar.result_form .form_wrap .agreeAll_wrap .checkbox_group .check_item label {
  font-size: max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
}
.findMyCar.result_form .form_wrap .agree_wrap dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: normal;
  margin-top: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .agree_wrap dl:first-child {
  margin-top: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .form_wrap .agree_wrap dt {
  color: #666;
  font-weight: 500;
}
.findMyCar.result_form .form_wrap .accordion_wrap {
  padding: max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent))) max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent)));
  background-color: #f8f8f8;
}
.findMyCar.result_form .form_wrap .accordion_wrap .acco_tit {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.findMyCar.result_form .form_wrap .accordion_wrap .acco_tit .tit {
  font-size: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: bold;
}
.findMyCar.result_form .form_wrap .accordion_wrap .acco_cont {
  display: none;
  margin-top: max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent)));
  padding-top: max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent)));
  border-top: 1px solid #d9d9d9;
}
.findMyCar.result_form .sec_complete {
  margin: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) auto max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));
}
.findMyCar.result_form .sec_complete .txt_wrap {
  margin: 0 auto max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));
  padding: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) 0;
  width: auto;
  text-align: center;
  border-bottom: 1px solid #d2d2d2;
}
.findMyCar.result_form .sec_complete .txt_wrap h3 {
  font-size: max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #222;
  font-weight: bold;
}
.findMyCar.result_form .sec_complete .box {
  margin: 0 auto;
  max-width: max(calc(1025px * var(--base-ratio)), calc(calc(1025 / var(--base-size)) * var(--base-percent)));
  padding: max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  text-align: center;
  background-color: #f8f8f8;
}
.findMyCar.result_form .sec_complete .box p {
  margin: max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))) 0;
  font-size: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #787878;
}
.findMyCar.result_form .sec_complete .box p strong {
  color: #282828;
  font-weight: 600;
}
.findMyCar.result_form .sec_complete .btn_wrap .btn_complete {
  display: block;
  margin: max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) auto 0;
  max-width: max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent)));
  width: auto;
  padding: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));
  font-size: max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));
  line-height: 1;
  letter-spacing: -0.02em;
  color: #000;
  font-weight: bold;
  border: 2px solid #000;
}