@charset "UTF-8";

/* KV */
.kv {
  position: relative;
  padding: 250px 0 160px;
  background: #222;
}

.kv .inner {
  width: 1280px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kv .swiperBox {
  overflow: hidden;
  height: 800px;
  padding: 120px 0 60px;
}

.kv .swiperPagination {
  z-index: 1;
  display: block;
  position: relative;
  text-align: center;
  bottom: 20px;
}

.kv .swiperPagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border: 2px solid #000;
  background: transparent;
  box-sizing: border-box;
}

.kv .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: none;
  background: #000;
}

.kv .txtBox .txt1 {
  font-family: Pretendard;
  font-weight: 400;
  font-size: 30px;
  color: #fff;
}

.kv .txtBox .txt2 {
  font-family: Pretendard;
  font-weight: 700;
  font-size: 66px;
  color: #fff;
}

.kv .txtBox .txt2 span {
  color: #e40321;
}

.kv .txtBox a.btnGo {
  font-family: Pretendard;
  font-size: 22px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.02em;
  color: #ffffff;
  text-align: center;
  padding: 18px 78px;
  border-radius: 100px;
  border: 2px solid #ffffff;
  margin-top: 30px;
  display: inline-flex;
}

.kv .imgBox {
  width: 500px;
}

.kv .imgBox img {
  width: 100%;
}

/* sec1 */

.container section.sec1 {
  background: #f9f9f9;
  padding-top: 0;
}

.container section.sec1 .inner {
  width: 1280px;
}

.container section.sec1 .inner .appBox {
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-top: -160px;
  background: #fff;
  border-bottom: 1px solid #dedede;
}

.container section.sec1 .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  border-right: 1px solid #f5f5f3;
}

.container section.sec1 .left h2 {
  font-family: Pretendard;
  font-size: 22px;
  font-weight: bold;
  line-height: 40px;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
}

.container section.sec1 .left .tooltipBox {
  position: relative;
  border-radius: 100px;
  padding: 11px 14px;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0em;
  background: #fff;
  color: #222;
  text-align: center;
  border: 1px solid #222;
  animation: ctBounce 1s infinite alternate;
  margin-bottom: 20px;
}

@keyframes ctBounce {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-7px);
    /* Adjust bounce height as needed */
  }
}

.container section.sec1 .left .tooltipBox::after {
  content: "";
  position: absolute;
  top: 38px;
  left: 50%;
  width: 15px;
  height: 15px;
  margin-top: 2px;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  transform: translate(-50%, -50%) rotate(-135deg);
  background: #fff;
}

.container section.sec1 .kakaoButton {
  background: #fae100;
  padding: 15px 23px;
  display: flex;
  align-items: center;
  color: #3c1e1e;
}

.container section.sec1 .kakaoButton img {
  margin-right: 5px;
}

.container section.sec1 .right {
  padding: 40px;
}

.container section.sec1 .right h2 {
  font-family: Pretendard;
  font-size: 22px;
  font-weight: bold;
  line-height: 40px;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
}

.container section.sec1 .labelArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 7px;
}

.container section.sec1 .inputBox {
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
}

.container section.sec1 .inputLabel {
  margin-bottom: 7.5px;
  font-family: Pretendard;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
}

.container section.sec1 .textInput {
  width: 250px;
  padding: 11px;
  border: 1px solid #dedede;
  border-radius: 5px;
  font-size: 12px;
  font-family: Pretendard;
  outline: none;
}

.container section.sec1 .labelBox input[type="checkbox"] {
  display: none;
}

.labelBox input[type="checkbox"]+label {
  position: relative;
  cursor: pointer;
}

.labelBox input[type="checkbox"]#marketingAgreeAll+label {
  padding: 9px 10px;
  background: #f5f5f3;
  border-radius: 5px;
}

.labelBox input[type="checkbox"]+label::before {
  content: "";
  background: url(../img/common/ico_chk_off.svg) no-repeat;
  background-size: 100% auto;
  width: 13px;
  height: 14px;
  margin-right: 5px;
  display: block;
}

.labelBox input[type="checkbox"]:checked+label::before {
  content: "";
  background: url(../img/common/ico_chk_on.svg) no-repeat;
  background-size: 100% auto;
}

.container section.sec1 .radioGroup {
  display: flex;
  justify-content: space-between;
  min-height: 30px;
  width: calc(100% - 115px);
}

.container section.sec1 .labelBox {
  display: flex;
  align-items: center;
  position: relative;
}

.container section.sec1 .labelBox.agreeAll {
  display: flex;
  padding: 5px 5px 5px 10px;
  align-items: center;
  gap: 5px;
  border-radius: 5px;
  background: #f5f5f3;
  width: 81px;
  height: 31px;
}

.container section.sec1 .radioLabel {
  display: flex;
  align-items: center;
  font-family: Pretendard;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #777;
}

.container section.sec1 .radioLabel span {
  color: #aaa;
}

.container section.sec1 .radioLabel span.ess {
  color: #e40321;
}

.container section.sec1 .submitButton {
  width: 770px;
  padding: 19px;
  color: #fff;
  background: #e40321;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: bold;
  justify-content: center;
  line-height: normal;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
  border: none;
  margin-top: 23px;
  cursor: pointer;
}

.container section.sec1 .detailsLink {
  font-family: Pretendard;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  letter-spacing: -0.02em;
  color: #aaa;
  margin-left: 5px;
  text-decoration: underline;
}

/* sec2 */

.container section.sec2 {
  padding: 60px 0 120px;
  background: #f9f9f9;
}

.container section.sec2 .inner {
  width: 1280px;
}

.container section.sec2 .btnBox {
  display: flex;
  justify-content: space-between;
}

.container section.sec2 .btnBox a.btnGo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 50px 30px 20px;
  background: #e9e9e9;
  border-radius: 20px;
  width: 300px;
  height: 500px;
}

.container section.sec2 .btnBox a.btnGo .top p {
  font-family: Pretendard;
  font-size: 13px;
  font-weight: 300;
  line-height: 15px;
  color: #000;
}

.container section.sec2 .btnBox a.btnGo .top p.txt2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 31px;
  margin-top: 7px;
}

.container section.sec2 .btnBox a.btnGo .middle {
  text-align: center;
}

.container section.sec2 .btnBox a.btnGo:nth-child(1) .middle {
  width: 140.783px;
  margin-left: 24.61px;
}

.container section.sec2 .btnBox a.btnGo:nth-child(2) .middle {
  width: 200px;
  margin-left: -10px;
}

.container section.sec2 .btnBox a.btnGo:nth-child(3) .middle {
  width: 167.56px;
  margin-left: 2.44px;
}

.container section.sec2 .btnBox a.btnGo:nth-child(4) .middle {
  width: 183.228px;
  margin-left: 13.39px;
}

.container section.sec2 .btnBox a.btnGo .middle img {
  width: 100%;
}

.container section.sec2 .btnBox a.btnGo .bottom {
  text-align: right;
}

/* sec3 */

.container section.sec3 {
  padding-bottom: 120px;
  background: #e40321;
  padding-top: 0;
}

.container section.sec3 .inner {
  width: 1280px;
}

.container section.sec3 .txtBox {
  text-align: center;
}

.container section.sec3 .icoBell {
  margin-top: -44px;
  animation: ring 2s linear infinite;
  transform-origin: top center;
  height: 250px;
}

.container section.sec3 .txtBox .txt1 {
  color: var(--cf, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  /* 107.143% */
}

.container section.sec3 .txtBox .txt2 {
  color: var(--cf, #fff);
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.container section.sec3 .txtBox .hashTag {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.container section.sec3 .txtBox .hashTag .tag {
  display: flex;
  height: 51px;
  padding: 15px 24px;
  justify-content: center;
  align-items: center;
  color: var(--cf, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 100px;
  border: 1px solid var(--cf, #fff);
  margin-left: 10px;
}

.container section.sec3 .swiperBox {
  margin-top: 16px;
  overflow: hidden;
}

.container section.sec3 .swiperBox .swiper-slide {
  width: 625px;
  padding: 50px 37.5px 50px 57.5px;
  background: var(--cf, #fff);
  border-radius: 20px;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  box-sizing: border-box;
}

.container section.sec3 .swiperBox .brandBox {
  display: flex;
  align-items: center;
}

.container section.sec3 .swiperBox .brandBox img {
  height: 30px;
}

.container section.sec3 .brandBox .model {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.container section.sec3 .trimBox {
  margin-top: 7px;
}

.container section.sec3 .trimBox p.trim {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 42px;
  word-break: break-all;
}

.container section.sec3 .infoBox {
  display: flex;
}

.container section.sec3 .infoBox .left {}

.container section.sec3 .infoBox .priceBox {
  margin-top: 15px;
  width: 260px;
}

.container section.sec3 .infoBox .priceBox p {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.container section.sec3 .infoBox .priceBox .rent,
.container section.sec3 .infoBox .priceBox .promotion {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container section.sec3 .infoBox .priceBox .rent span,
.container section.sec3 .infoBox .priceBox .promotion span {
  color: var(--c7, #777);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.container section.sec3 .infoBox .priceBox .rent span:first-child,
.container section.sec3 .infoBox .priceBox .promotion span:first-child {
  margin-right: 5px;
}

.container section.sec3 .infoBox .priceBox .rent span.priceNm,
.container section.sec3 .infoBox .priceBox .promotion span.priceNm {
  color: var(--ca, #aaa);
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: relative;
}

.container section.sec3 .infoBox .priceBox .rent span.cline::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 15px;
  background: #aaa;
}

.container section.sec3 .infoBox .priceBox .promotion {
  margin-top: 5px;
}

.container section.sec3 .infoBox .priceBox .promotion span.priceNm {
  color: var(--A1, #e40321);
}

.container section.sec3 .infoBox .right {
  width: calc(100% - 260px);
}

.container section.sec3 .infoBox .right .imgBox {
  text-align: right;
  position: relative;
  padding-top: 4.5px;
}

.container section.sec3 .infoBox .right .imgBox img {
  height: 100px;
}

.container section.sec3 .infoBox .imgBox .countBox {
  display: flex;
  width: 69px;
  height: 69px;
  justify-content: center;
  align-items: center;
  border-radius: 138px;
  background: var(--A1, #e40321);
  position: absolute;
  right: -8px;
  top: -40px;
  color: #fff;
  font-family: Pretendard;
  font-size: 22.08px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.442px;
}

.container section.sec3 .saleBox {
  display: flex;
  align-items: center;
  margin-top: 10px;
  justify-content: space-between;
}

.container section.sec3 .saleBox .dayBox {
  display: flex;
  width: 260px;
  height: 60px;
  justify-content: center;
  align-items: center;
  color: #222;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%;
  /* 14.4px */
  letter-spacing: -0.03em;
  border-radius: 100px;
  border: 1px solid var(--cd, #dedede);
}

.container section.sec3 .saleBox .dayBox img {
  margin-right: 10px;
}

.container section.sec3 .saleBox .dayBox span {
  color: #da3702;
  margin-left: 5px;
}

.container section.sec3 .saleBox .consultBox {}

.container section.sec3 .saleBox .consultBox button {
  color: var(--A1, #e40321);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 80%;
  letter-spacing: -0.36px;
  border-radius: 100px;
  border: 1px solid var(--A1, #e40321);
  display: flex;
  width: 260px;
  height: 60px;
  justify-content: center;
  align-items: center;
}

.container section.sec3 .swiperBox .swiperScrollbar {
  position: relative;
  margin-top: 60px;
  z-index: 1;
  width: 100%;
  height: 10px;
  background: #fff;
  border-radius: 500px;
}

.container section.sec3 .swiperBox .swiperScrollbar .swiper-scrollbar-drag {
  background: var(--ca, #aaa);
  cursor: pointer;
}

/* sec4 */

.container section.sec4 {
  background: #f9f9f9;
  padding: 198px 0;
}

.container section.sec4 .inner {
  width: 1280px;
}

.container section.sec4 .tit1 {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
}

.container section.sec4 .tit2 {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.container section.sec4 .listBox {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}

.container section.sec4 .listBox .txtBox {
  margin-top: 39px;
}

.container section.sec4 .listBox a.list {
  display: flex;
  flex-direction: column;
  width: 310px;
  padding: 55px 20px 28px 30px;
  border-right: 1px solid var(--cd, #dedede);
  border-bottom: 1px solid var(--cd, #dedede);
  background: var(--cf, #fff);
}

.container section.sec4 .listBox .list img {
  width: fit-content;
  height: 30px;
}

.container section.sec4 .listBox .list p {
  color: #000;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
}

.container section.sec4 .listBox .list .txt1 {
  position: relative;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  /* 136.364% */
  text-decoration-line: underline;
  text-decoration-color: #E40321;
  text-decoration-thickness: 4px;
}

.container section.sec4 .listBox .list .txt1::before {
  content: "";
}

.container section.sec4 .listBox .list ul {
  margin-top: 4px;
  padding-left: 18px;
}

.container section.sec4 .listBox .list ul li {
  text-decoration: blink;
  color: #000;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 171.429% */
  list-style: disc;
}

.container section.sec4 .listBox .list .bottom {
  margin-top: 28px;
  text-align: right;
}

/* sec5 */
.container section.sec5 {
  background: #f9f9f9;
  padding: 120px 0;
}

.container section.sec5 .inner {
  width: 1280px;
}

.container section.sec5 .tit1 {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
}

.container section.sec5 .tit2 {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.container section.sec5 .brandList {
  padding-bottom: 20px;
  overflow: hidden;
  margin: 35px auto 0px;
  position: relative;
}

.container section.sec5 .brandList button {
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  box-sizing: border-box;
  border: 2px solid transparent;
  padding: 10px 0;
}

.container section.sec5 .brandList button:hover {
  border-color: #e40321;
}

.container section.sec5 .brandList button.on {
  border-color: #e40321;
}

.container section.sec5 .brandList button.on {
  border: 2px solid var(--A1, #e40321);
}

.container section.sec5 .brandList button .brand {
  display: flex;
  align-items: center;
  height: 60px;
}

.container section.sec5 .brandList button p {
  color: #000;
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 125% */
}

.container section.sec5 .brandList button:last-child {
  justify-content: center;
}

.container section.sec5 .brandList button span {
  color: #000;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 187.5% */
}

.container section.sec5 .carList {
  padding-top: 30px;
  overflow: hidden;
  border-top: 1px solid var(--cd, #dedede);
}

.container section.sec5 .carList .car {
  width: 410px;
  border: 1px solid var(--cd, #dedede);
  background: var(--cf, #fff);
  position: relative;
}

.container section.sec5 .swiperBox .swiperScrollbar {
  position: relative;
  margin-top: 60px;
  z-index: 1;
  width: 100%;
  height: 10px;
  background: #fff;
  border-radius: 500px;
}

.container section.sec5 .swiperBox .swiperScrollbar .swiper-scrollbar-drag {
  background: var(--cd, #dedede);
}

.container section.sec5 .carList .car.promo::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 25px;
  background: url(../img/main/ico_promo.png) no-repeat;
  width: 86px;
  height: 35px;
  background-size: 100%;
  display: block;
}

.container section.sec5 .carList .imgBox {
  padding-top: 30px;
  height: 200px;
  background: #f5f5f5;
}

.container section.sec5 .carList .imgBox img {
  width: 291px;
  margin: 12px auto 0;
  display: block;
}

.container section.sec5 .carList .brandBox {
  display: flex;
  align-items: center;
  margin-top: 38px;
  padding: 0 35px;
}

.container section.sec5 .carList .brandBox .brandIco {
  width: 33px;
}

.container section.sec5 .carList .brandBox .model {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.54px;
}

.container section.sec5 .carList .trimBox {
  margin-top: 5px;
  padding: 0 35px;
}

.container section.sec5 .carList .trimBox .trim {
  color: var(--c7, #777);
  padding-bottom: 15px;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
  border-bottom: 1px solid var(--cf5, #f5f5f3);
  height: 48px;
}

.container section.sec5 .carList .infoBox {
  margin-top: 15px;
  padding: 0 35px;
}

.container section.sec5 .carList .infoBox .priceBox {
  margin-top: 10px;
}

.container section.sec5 .carList .infoBox .priceBox .rent,
.container section.sec5 .carList .infoBox .priceBox .promotion {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}

.container section.sec5 .carList .infoBox .priceBox .rent p,
.container section.sec5 .carList .infoBox .priceBox .promotion p {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
  display: flex;
  align-items: center;
}

.container section.sec5 .carList .infoBox .priceBox .rent .price {
  display: flex;
  align-items: center;
}

.container section.sec5 .carList .infoBox .priceBox img.icoBest {
  width: 75px;
  margin-left: 5px;
}

.container section.sec5 .carList .infoBox .priceBox .price span {
  color: var(--title-, #222);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
}

.container section.sec5 .carList .infoBox .priceBox .price span.priceNm {
  font-size: 24px;
  letter-spacing: -0.48px;
  margin-left: 5px;
}

.container section.sec5 .carList .infoBox .priceBox .price span.cline {
  color: var(--A1, #e40321);
}

.container section.sec5 .carList .btnBox {
  margin-top: 20px;
  padding: 0 35px 30px;
  display: flex;
  justify-content: space-between;
}

.container section.sec5 .carList .btnBox button {
  color: var(--cf-, #fff);
  background: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.39px;
  display: flex;
  width: 165px;
  height: 55px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container section.sec5 .carList .btnBox button:first-child {
  color: var(--title-, #222);
  background: var(--cf, #fff);
  border: 1px solid var(--cd, #dedede);
}

/* banner1 */
section.banner1 {
  background: #d7e9e0;
  padding: 0;
}

section.banner1 .inner {
  width: 900px;
  margin: 0 auto;
  padding: 63px 0;
}

section.banner1 .inner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.banner1 p {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.36px;
}

section.banner1 p.txt1 {
  font-size: 30px;
  letter-spacing: normal;
}

section.banner1 p.txt1 span {
  color: #4d9b6c;
}

section.banner1 p.txt2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

section.banner1 p.view {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

section.banner1 p.view img {
  margin-left: 10px;
  width: 24px;
}

section.banner1 img.icoBest {
  width: 254.053px;
}

/* sec6 */
.container section.sec6 {
  background: #f9f9f9;
  padding: 120px 0;
}

.container section.sec6 .inner {
  width: 1280px;
}

.container section.sec6 .tit1 {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  /* 100% */
}

.container section.sec6 .tit2 {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.container section.sec6 .carType {
  display: flex;
  margin-top: 60px;
}

.container section.sec6 .carType button {
  width: 50%;
  height: 80px;
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  border-top: 1px solid var(--cd, #dedede);
  border-right: 1px solid var(--cd, #dedede);
  border-left: 1px solid var(--cd, #dedede);
  border-bottom: 2px solid #000;
  padding-right: 1px;
  padding-left: 1px;
  padding-top: 1px;
}

.container section.sec6 .carType button.on {
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  border-left: 2px solid #000;
  border-bottom: 2px solid transparent;
  padding: 0;
}

.container section.sec6 .carList {
  margin-top: 30px;
  overflow: hidden;
}

.container section.sec6 .carList .car {
  width: 410px;
  border: 1px solid var(--cd, #dedede);
  border-radius: 20px;
  background: var(--cf, #fff);
  position: relative;
  padding: 30px;
}

.container section.sec6 .swiperBox .swiperScrollbar {
  position: relative;
  margin-top: 60px;
  z-index: 1;
  width: 100%;
  height: 10px;
  background: #fff;
  border-radius: 500px;
}

.container section.sec6 .swiperBox .swiperScrollbar .swiper-scrollbar-drag {
  background: var(--cd, #dedede);
}

.container section.sec6 .carList .car.promo::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 30px;
  background: url(../img/main/ico_speed.png) no-repeat;
  width: 81px;
  height: 36px;
  background-size: 100%;
  display: block;
}

.container section.sec6 .carList .imgBox {
  margin-top: 20px;
}

.container section.sec6 .carList .imgBox img {
  height: 150px;
  margin: 0 auto;
  display: block;
}

.container section.sec6 .carList .brandBox {
  /* margin-top: 35px; */
}

.container section.sec6 .carList .brandBox .brandIco {
  width: 33px;
  margin-left: -5px;
}

.container section.sec6 .carList .brandBox .model {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
}

.container section.sec6 .carList .trimBox {
  margin-top: 7px;
}

.container section.sec6 .carList .trimBox .trim {
  color: var(--ca, #aaa);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
  height: 32px;
}

.container section.sec6 .carList .infoBox {
  margin-top: 30px;
}

.container section.sec6 .carList .infoBox .priceBox {
  margin-top: 10px;
}

.container section.sec6 .carList .infoBox .priceBox .rent,
.container section.sec6 .carList .infoBox .priceBox .promotion {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container section.sec6 .carList .infoBox .priceBox .rent p,
.container section.sec6 .carList .infoBox .priceBox .promotion p {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
}

.container section.sec6 .carList .infoBox .priceBox img.icoBest {
  width: 77px;
  margin-left: 5px;
}

.container section.sec6 .carList .infoBox .priceBox .price span {
  color: var(--title-, #222);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
}

.container section.sec6 .carList .infoBox .priceBox .price span.priceNm {
  color: var(--A1, #e40321);
  font-size: 24px;
  letter-spacing: -0.48px;
  margin-left: 5px;
}

.container section.sec6 .carList .infoBox .priceBox .price span.cline {
  color: var(--ca, #aaa);
  position: relative;
}

.container section.sec6 .carList .infoBox .priceBox .price span.cline::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 15px;
  background: #aaa;
}

.container section.sec6 .carList .btnBox {
  margin-top: 20px;
}

.container section.sec6 .carList .btnBox button {
  color: var(--cf-, #fff);
  background: var(--A1, #e40321);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.28px;
  display: flex;
  width: 100%;
  height: 55px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container section.sec6 a.btnMore {
  display: flex;
  margin: 60px auto 0;
  width: 266px;
  height: 70px;
  justify-content: center;
  align-items: center;
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  /* 194.444% */
  border-radius: 100px;
  border: 1px solid var(--ca, #aaa);
}

/* banner2 */
section.banner2 {
  background: #f1eee0;
  padding: 0;
}

section.banner2 .inner {
  width: 960px;
  margin: 0 auto;
  padding: 36px 0;
}

section.banner2 .inner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.banner2 p {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.36px;
}

section.banner2 p.txt1 {
  font-size: 30px;
  letter-spacing: normal;
}

section.banner2 p.txt1 span {
  color: #658eef;
}

section.banner2 p.txt2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

section.banner2 p.view {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

section.banner2 p.view img {
  margin-left: 10px;
  width: 24px;
}

section.banner2 img.icoBest {
  width: 300px;
}

/* sec7 */

.container section.sec7 {
  background: #f9f9f9;
  padding: 120px 0;
}

.container section.sec7 .inner {
  width: 1280px;
}

.container section.sec7 .tit1 {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  /* 100% */
}

.container section.sec7 .tit2 {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.container section.sec7 .selectBox {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}

.container section.sec7 .selectBox button {
  display: flex;
  padding: 7px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--cd, #dedede);
  color: var(--cd, #dedede);
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
  /* 194.444% */
  margin-left: 10px;
}

.container section.sec7 .selectBox button.on {
  border: 1px solid var(--A1, #e40321);
  color: var(--A1, #e40321);
}

.container section.sec7 .selectBox button:first-child {
  margin-left: 0;
}

.container section.sec7 .carList {
  margin-top: 30px;
  overflow: hidden;
}

.container section.sec7 .carList .car {
  width: 410px;
  border: 1px solid var(--cd, #dedede);
  border-radius: 20px;
  background: var(--cf, #fff);
  position: relative;
  padding: 20px 30px 30px;
}

.container section.sec7 .swiperBox .swiperPagination {
  position: relative;
  margin-top: 60px;
  text-align: center;
  z-index: 1;
  width: 100%;
  height: 15px;
}

.container section.sec7 .swiperBox .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 2px solid var(--ca, #aaa);
  background: #fff;
  box-sizing: border-box;
}

.container section.sec7 .swiperBox .swiper-pagination-bullet-active {
  border: none;
  background: #222;
}

.container section.sec7 .swiperBox .swiperScrollbar .swiper-scrollbar-drag {
  background: var(--cd, #dedede);
}

.container section.sec7 .carList .car.promo::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 30px;
  background: url(../img/main/ico_speed.png) no-repeat;
  width: 81px;
  height: 36px;
  background-size: 100%;
  display: block;
}

.container section.sec7 .carList .imgBox {
  margin-top: 20px;
}

.container section.sec7 .carList .imgBox img {
  height: 150px;
  margin: 0 auto;
  display: block;
}

.container section.sec7 .carList .brandBox {
  /* margin-top: 35px; */
}

.container section.sec7 .carList .brandBox .brandIco {
  width: 33px;
  margin-left: -5px;
}

.container section.sec7 .carList .brandBox .model {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
}

.container section.sec7 .carList .trimBox {
  margin-top: 7px;
}

.container section.sec7 .carList .trimBox .trim {
  color: var(--ca, #aaa);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
  height: 32px;
}

.container section.sec7 .carList .infoBox {
  margin-top: 30px;
}

.container section.sec7 .carList .infoBox .priceBox {
  margin-top: 10px;
}

.container section.sec7 .carList .infoBox .priceBox .rent,
.container section.sec7 .carList .infoBox .priceBox .promotion {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.container section.sec7 .carList .infoBox .priceBox .rent p,
.container section.sec7 .carList .infoBox .priceBox .promotion p {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
}

.container section.sec7 .carList .infoBox .priceBox img.icoBest {
  width: 77px;
  margin-left: 5px;
}

.container section.sec7 .carList .infoBox .priceBox .price span {
  color: var(--title-, #222);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
}

.container section.sec7 .carList .infoBox .priceBox .price span.priceNm {
  color: var(--A1, #e40321);
  font-size: 24px;
  letter-spacing: -0.48px;
  margin-left: 5px;
}

.container section.sec7 .carList .infoBox .priceBox .price span.cline {
  color: var(--ca, #aaa);
  position: relative;
}

.container section.sec7 .carList .infoBox .priceBox .price span.cline::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 15px;
  background: #aaa;
}

.container section.sec7 .carList .btnBox {
  margin-top: 20px;
}

.container section.sec7 .carList .btnBox button {
  color: var(--cf-, #fff);
  background: var(--A1, #e40321);
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.28px;
  display: flex;
  width: 100%;
  height: 55px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* sec8 */

.container section.sec8 {
  background: #fff;
  padding: 120px 0;
}

.container section.sec8 .inner {
  width: 1280px;
}

.container section.sec8 .tit1 {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  /* 100% */
}

.container section.sec8 .tit1 span {
  color: var(--A1, #e40321);
}

.container section.sec8 .tit2 {
  margin-top: 10px;
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.container section.sec8 .contentList {
  margin-top: 30px;
}

.container section.sec8 .contentList .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px solid var(--cd, #dedede);
}

.container section.sec8 .contentList .list:first-child {
  border-top: 1px solid var(--title-, #222);
}

.container section.sec8 .contentList .list:last-child {
  border-bottom: 1px solid var(--title-, #222);
}

.container section.sec8 .contentList .left {
  display: flex;
  align-items: center;
  width: 250px;
}

.container section.sec8 .contentList .left .imgBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 84px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}

.container section.sec8 .contentList .left .imgBox .errorImg {
  width: 100%;
  height: 100%;
  background-color: white;
}

.container section.sec8 .contentList .left .imgBox img,
.container section.sec8 .contentList .left .imgBox video {
  display: block;
  margin: 0 auto;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.container section.sec8 .contentList .left .modelBox {
  margin-left: 20px;
}

.container section.sec8 .contentList .left .modelBox .txt1,
.container section.sec8 .contentList .left .modelBox .txt2 {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.54px;
}

.container section.sec8 .contentList .left .modelBox .txt2 {
  color: var(--c7, #777);
  font-size: 13px;
  font-weight: 400;
}

.container section.sec8 .contentList .center {
  width: 642px;
}

.container section.sec8 .contentList .center .ratingBox {
  display: flex;
  align-items: center;
}

.container section.sec8 .contentList .center .ratingBox span {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
  margin-left: 5px;
}

.container section.sec8 .contentList .center .txtBox {
  margin-top: 10px;
}

.container section.sec8 .contentList .center .txtBox p {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.container section.sec8 .contentList .right {
  display: flex;
  align-items: center;
  width: 206px;
}

.container section.sec8 .contentList .right .infoBox {
  margin-right: 30px;
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  width: 71px;
  word-break: break-all;
}

.container section.sec8 .contentList .right .infoBox p {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.container section.sec8 .contentList .right .infoBox p.name1 span,
.container section.sec8 .contentList .right .infoBox p.name2 span {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.container section.sec8 .contentList .right .infoBox p.name2 span {
  color: var(--title-, #222);
  font-weight: 700;
}

.container section.sec8 .contentList .right .btnReview {
  display: flex;
  width: 105px;
  height: 84px;
  justify-content: center;
  align-items: center;
  background: var(--A1, #e40321);
  color: #fff;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  flex-shrink: 0;
}

/*  banner3 */
section.banner3 {
  background: #ffe352;
  padding-top: 0;
}

section.banner3 .inner {
  width: 960px;
  margin: 0 auto;
  padding-top: 20px;
}

section.banner3 .inner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.banner3 p {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.36px;
}

section.banner3 p.txt1 {
  font-size: 30px;
  letter-spacing: normal;
}

section.banner3 p.txt1 span {
  color: #f15a2f;
}

section.banner3 p.txt2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

section.banner3 p.view {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

section.banner3 p.view img {
  margin-left: 10px;
  width: 24px;
}

section.banner3 img.icoBest {
  width: 174.285px;
}

/* sec9 */

.container section.sec9 {
  background: var(--title-, #222);
  padding: 120px 0;
}

.container section.sec9 .inner {
  width: 1280px;
}

.container section.sec9 .tit1 {
  color: var(--cf, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  /* 100% */
}

.container section.sec9 .tit2 {
  margin-top: 10px;
  color: var(--cf, #fff);
  text-align: center;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px;
}

.container section.sec9 .btnOutbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container section.sec9 .btnOutbox a {
  display: flex;
  align-items: center;
  color: var(--cf, #fff);
  font-family: Pretendard;
  font-size: 20.25px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.607px;
}

.container section.sec9 .btnOutbox a span {
  font-weight: 700;
  display: contents;
}

.container section.sec9 .btnOutbox a.btnMore {
  font-size: 13px;
  font-weight: 700;
}

.container section.sec9 .btnOutbox a.btnLogo img {
  margin-right: 11px;
}

.container section.sec9 .btnOutbox a.btnMore img {
  margin-left: 6px;
}

.container section.sec9 .youtubeBox {
  margin-top: 10px;
  background: #000;
  width: 100%;
  height: 688px;
  position: relative;
}

.container section.sec9 .youtubeBox #player1 {
  width: 100%;
  height: 100%;
}

.container section.sec9 .carList {
  margin-top: 10px;
  justify-content: space-between;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.container section.sec9 .carList .car {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 630px;
  padding: 30px 20px;
  background: #fff;
  box-sizing: border-box;
}

.container section.sec9 .carList .car .left {
  /* padding-left: 37px; */
}

.container section.sec9 .carList .car .left .imgBox {
  position: relative;
}

.container section.sec9 .carList .car .left .imgBox.speed::before {
  /* content: "";
  position: absolute;
  top: -26px;
  left: -40px;
  background: url(../img/main/ico_speed2.png) no-repeat;
  width: 52px;
  height: 54px;
  background-size: 100%;
  display: block; */
}

.container section.sec9 .carList .car .left .imgBox img {
  width: 120px;
}

.container section.sec9 .carList .car .center {
  width: 200px;
  margin-right: 37px;
}

.container section.sec9 .carList .brandBox {
  display: flex;
  align-items: center;
}

.container section.sec9 .carList .brandBox .brandIco {
  width: 33px;
  margin-left: -6px;
}

.container section.sec9 .carList .brandBox .model {
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.48px;
}

.container section.sec9 .carList .trimBox {
  margin-top: 6.5px;
}

.container section.sec9 .carList .trimBox .trim {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.container section.sec9 .carList .car .right {
  width: 200px;
}

.container section.sec9 .carList .car .right .txt1 {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.36px;
}

.container section.sec9 .carList .car .priceBox {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: -3px;
}

.container section.sec9 .carList .car .priceBox .carPrice .price {
  color: var(--title-, #222);
  text-align: right;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.container section.sec9 .carList .car .priceBox .carPrice .price span:last-child {
  font-size: 13px;
}

.container section.sec9 .carList .car .priceBox .rentPrice .price span {
  color: var(--A1, #e40321);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.container section.sec9 .carList .car .priceBox .rentPrice .price span:first-child {
  margin-right: 5px;
}

.container section.sec9 .carList .car .priceBox .rentPrice .price .priceNm {
  font-size: 24px;
}

.container section.sec9 .carList .car .btnBox {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.container section.sec9 .carList .car .btnBox a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 97.5px;
  height: 40px;
  color: var(--cf, #fff);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 250% */
  letter-spacing: -0.24px;
  background: #222;
}

.container section.sec9 .carList .car .btnBox button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 97.5px;
  height: 40px;
  color: var(--cf, #fff);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 250% */
  letter-spacing: -0.24px;
  background: #222;
  border: 1px solid var(--cd, #dedede);
  color: var(--title-, #222);
  background: #fff;
}

/* ========================================= tablet =========================================*/
/* ========================================= tablet =========================================*/
/* ========================================= tablet =========================================*/

@media (max-width:1320px) and (min-width: 721px) {

  /* KV */
  .kv {
    padding: 18.94vw 0 12.12vw;
  }

  .kv .inner {
    width: 96.97vw;
    height: 100%;
  }

  .kv .swiperBox {
    height: 60.61vw;
    padding: 9.09vw 0 4.55vw;
  }

  .kv .swiperPagination {
    bottom: 1.52vw;
  }

  .kv .swiperPagination .swiper-pagination-bullet {
    width: 1.14vw;
    height: 1.14vw;
    border: 0.15vw solid #000;
  }

  .kv .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {}

  .kv .txtBox .txt1 {
    font-size: 2.27vw;
  }

  .kv .txtBox .txt2 {
    font-size: 5vw;
  }

  .kv .txtBox a.btnGo {
    font-size: 1.67vw;
    padding: 1.36vw 5.91vw;
    border-radius: 7.58vw;
    border: 0.15vw solid #ffffff;
    margin-top: 2.27vw;
  }

  .kv .imgBox {
    width: 37.88vw;
  }

  /* sec1 */

  .container section.sec1 .inner {
    width: 96.97vw;
  }

  .container section.sec1 .inner .appBox {
    margin-top: -12.12vw;
    border-bottom: 0.08vw solid #dedede;
  }

  .container section.sec1 .left {
    padding: 3.03vw;
    border-right: 0.08vw solid #f5f5f3;
  }

  .container section.sec1 .left h2 {
    font-size: 1.67vw;
    line-height: 3.03vw;
    letter-spacing: -0.02em;
  }

  .container section.sec1 .left .tooltipBox {
    border-radius: 7.58vw;
    padding: 0.83vw 1.06vw;
    font-size: 0.91vw;
    border: 0.08vw solid #222;
    margin-bottom: 1.52vw;
  }

  @keyframes ctBounce {
    0% {
      transform: translateY(0);
    }

    100% {
      transform: translateY(-0.53vw);
    }
  }

  .container section.sec1 .left .tooltipBox::after {
    top: 2.88vw;
    width: 1.14vw;
    height: 1.14vw;
    margin-top: 0.15vw;
    border-top: 0.08vw solid #222;
    border-left: 0.08vw solid #222;
  }

  .container section.sec1 .kakaoButton {
    padding: 1.14vw 1.74vw;
  }

  .container section.sec1 .kakaoButton img {
    margin-right: 0.38vw;
    width: 1.89vw;
  }

  .container section.sec1 .right {
    padding: 3.03vw;
  }

  .container section.sec1 .right h2 {
    font-size: 1.67vw;
    line-height: 3.03vw;
  }

  .container section.sec1 .labelArea {
    margin-top: 0.53vw;
  }

  .container section.sec1 .inputBox {
    margin-top: 0.53vw;
  }

  .container section.sec1 .inputLabel {
    margin-bottom: 0.57vw;
    font-size: 0.98vw;
  }

  .container section.sec1 .textInput {
    width: 18.94vw;
    padding: 0.83vw;
    border: 0.08vw solid #dedede;
    border-radius: 0.38vw;
    font-size: 0.91vw;
  }

  .labelBox input[type="checkbox"]#marketingAgreeAll+label {
    padding: 0.68vw 0.76vw;
    border-radius: 0.38vw;
  }

  .labelBox input[type="checkbox"]+label::before {
    width: 0.98vw;
    height: 0.98vw;
    margin-right: 0.38vw;
  }

  .labelBox input[type="checkbox"]:checked+label::before {}

  .container section.sec1 .radioGroup {
    min-height: 2.27vw;
    width: calc(100% - 8.71vw);
  }

  .container section.sec1 .labelBox {}

  .container section.sec1 .labelBox.agreeAll {
    padding: 0.38vw 0.38vw 0.38vw 0.76vw;
    gap: 0.38vw;
    border-radius: 0.38vw;
    width: 6.14vw;
    height: 2.35vw;
  }

  .container section.sec1 .radioLabel {
    font-size: 0.83vw;
    line-height: 0.98vw;
  }

  .container section.sec1 .submitButton {
    width: 58.33vw;
    padding: 1.44vw;
    font-size: 1.06vw;
    letter-spacing: -0.02em;
    margin-top: 1.74vw;
  }

  .container section.sec1 .detailsLink {
    font-size: 0.76vw;
    line-height: 0.91vw;
    letter-spacing: -0.02em;
    margin-left: 0.38vw;
  }

  /* sec2 */

  .container section.sec2 {
    padding: 4.55vw 0 9.09vw;
  }

  .container section.sec2 .inner {
    width: 96.97vw;
  }

  .container section.sec2 .btnBox {}

  .container section.sec2 .btnBox a.btnGo {
    padding: 3.79vw 2.27vw 1.52vw;
    border-radius: 1.52vw;
    width: 22.73vw;
    height: 37.88vw;
  }

  .container section.sec2 .btnBox a.btnGo .top p {
    font-size: 0.98vw;
    font-weight: 300;
    line-height: 1.14vw;
  }

  .container section.sec2 .btnBox a.btnGo .top p.txt2 {
    font-size: 1.97vw;
    font-weight: 700;
    line-height: 2.35vw;
    margin-top: 0.53vw;
  }

  .container section.sec2 .btnBox a.btnGo .middle {}

  .container section.sec2 .btnBox a.btnGo:nth-child(1) .middle {
    width: 10.67vw;
    margin-left: 1.86vw;
  }

  .container section.sec2 .btnBox a.btnGo:nth-child(2) .middle {
    width: 15.15vw;
    margin-left: -0.76vw;
  }

  .container section.sec2 .btnBox a.btnGo:nth-child(3) .middle {
    width: 12.69vw;
    margin-left: 0.18vw;
  }

  .container section.sec2 .btnBox a.btnGo:nth-child(4) .middle {
    width: 13.88vw;
    margin-left: 1.01vw;
  }

  .container section.sec2 .btnBox a.btnGo .bottom img {
    width: 30px;
  }

  /* sec3 */

  .container section.sec3 {
    padding-bottom: 9.09vw;
  }

  .container section.sec3 .inner {
    width: 96.97vw;
  }

  .container section.sec3 .icoBell {
    margin-top: -3.33vw;
    height: 18.94vw;
    width: auto;
  }

  .container section.sec3 .txtBox .txt1 {
    font-size: 4.24vw;
    line-height: 4.55vw;
  }

  .container section.sec3 .txtBox .txt2 {
    font-size: 1.82vw;
    line-height: 3.79vw;
  }

  .container section.sec3 .txtBox .hashTag {
    margin-top: 1.52vw;
  }

  .container section.sec3 .txtBox .hashTag .tag {
    height: 3.86vw;
    padding: 1.14vw 1.82vw;
    font-size: 1.36vw;
    border-radius: 7.58vw;
    border: 0.08vw solid var(--cf, #fff);
    margin-left: 0.76vw;
  }

  .container section.sec3 .swiperBox {
    margin-top: 1.21vw;
  }

  .container section.sec3 .swiperBox .swiper-slide {
    width: 47.35vw;
    padding: 3.79vw 2.84vw 3.79vw 4.36vw;
    border-radius: 1.52vw;
    border-right: 0.08vw solid #dedede;
    border-bottom: 0.08vw solid #dedede;
  }

  .container section.sec3 .swiperBox .brandBox img {
    height: 2.27vw;
    width: auto;
  }

  .container section.sec3 .brandBox .model {
    font-size: 1.67vw;
  }

  .container section.sec3 .trimBox {
    margin-top: 0.53vw;
  }

  .container section.sec3 .trimBox p.trim {
    font-size: 1.36vw;
    height: 3.18vw;
  }

  .container section.sec3 .infoBox .priceBox {
    margin-top: 1.14vw;
    width: 19.7vw;
  }

  .container section.sec3 .infoBox .priceBox p {
    font-size: 1.06vw;
    font-weight: 700;
  }

  .container section.sec3 .infoBox .priceBox .rent span,
  .container section.sec3 .infoBox .priceBox .promotion span {
    font-size: 1.21vw;
  }

  .container section.sec3 .infoBox .priceBox .rent span:first-child,
  .container section.sec3 .infoBox .priceBox .promotion span:first-child {
    margin-right: 0.38vw;
  }

  .container section.sec3 .infoBox .priceBox .rent span.priceNm,
  .container section.sec3 .infoBox .priceBox .promotion span.priceNm {
    font-size: 1.97vw;
  }

  .container section.sec3 .infoBox .priceBox .rent span.cline::before {
    height: 0.15vw;
    top: 1.14vw;
  }

  .container section.sec3 .infoBox .priceBox .promotion {
    margin-top: 0.38vw;
  }

  .container section.sec3 .infoBox .right {
    width: calc(100% - 19.7vw);
  }

  .container section.sec3 .infoBox .right .imgBox {
    padding-top: 0.34vw;
  }

  .container section.sec3 .infoBox .right .imgBox img {
    height: 7.58vw;
    width: auto;
  }

  .container section.sec3 .infoBox .imgBox .countBox {
    width: 5.23vw;
    height: 5.23vw;
    border-radius: 10.45vw;
    right: -0.61vw;
    top: -3.03vw;
    font-size: 1.67vw;
    letter-spacing: -0.03vw;
  }

  .container section.sec3 .saleBox {
    margin-top: 0.76vw;
  }

  .container section.sec3 .saleBox .dayBox {
    width: 19.7vw;
    height: 4.55vw;
    font-size: 1.36vw;
    border-radius: 7.58vw;
    border: 0.08vw solid var(--cd, #dedede);
  }

  .container section.sec3 .saleBox .dayBox img {
    margin-right: 0.76vw;
    width: 1.52vw;
  }

  .container section.sec3 .saleBox .dayBox span {
    margin-left: 0.38vw;
  }

  .container section.sec3 .saleBox .consultBox button {
    font-size: 1.36vw;
    letter-spacing: -0.03vw;
    border-radius: 7.58vw;
    border: 0.08vw solid var(--A1, #e40321);
    width: 19.7vw;
    height: 4.55vw;
  }

  .container section.sec3 .swiperBox .swiperScrollbar {
    margin-top: 4.55vw;
    height: 0.76vw;
    border-radius: 37.88vw;
  }

  /* sec4 */

  .container section.sec4 {
    padding: 15vw 0;
  }

  .container section.sec4 .inner {
    width: 96.97vw;
  }

  .container section.sec4 .tit1 {
    font-size: 4.55vw;
    line-height: 4.55vw;
  }

  .container section.sec4 .tit2 {
    font-size: 1.82vw;
    line-height: 3.79vw;
  }

  .container section.sec4 .listBox {
    margin-top: 4.55vw;
  }

  .container section.sec4 .listBox .txtBox {
    margin-top: 2.95vw;
  }

  .container section.sec4 .listBox a.list {
    width: 23.48vw;
    padding: 4.17vw 1.52vw 2.12vw 2.27vw;
    border-right: 0.08vw solid var(--cd, #dedede);
    border-bottom: 0.08vw solid var(--cd, #dedede);
  }

  .container section.sec4 .listBox .list img {
    height: 2.27vw;
  }

  .container section.sec4 .listBox .list p {
    font-size: 1.06vw;
    line-height: 1.82vw;
  }

  .container section.sec4 .listBox .list .txt1 {
    font-size: 1.67vw;
    line-height: 2.27vw;
    text-decoration-thickness: 0.3vw;
  }

  .container section.sec4 .listBox .list ul {
    margin-top: 0.3vw;
    padding-left: 1.36vw;
  }

  .container section.sec4 .listBox .list ul li {
    font-size: 1.06vw;
    line-height: 1.82vw;
  }

  .container section.sec4 .listBox .list .bottom {
    margin-top: 2.12vw;
  }

  /* sec5 */
  .container section.sec5 {
    padding: 9.09vw 0;
  }

  .container section.sec5 .inner {
    width: 96.97vw;
  }

  .container section.sec5 .tit1 {
    font-size: 4.55vw;
    line-height: 4.55vw;
  }

  .container section.sec5 .tit2 {
    font-size: 1.82vw;
    line-height: 3.79vw;
  }

  .container section.sec5 .brandList {
    padding-bottom: 1.52vw;
    margin: 2.65vw auto 0vw;
  }

  .container section.sec5 .brandList button {
    width: 8.33vw;
    height: 8.33vw;
    border: 0.15vw solid transparent;
    padding: 0.76vw 0;
  }

  .container section.sec5 .brandList button.on {
    border: 0.15vw solid var(--A1, #e40321);
  }

  .container section.sec5 .brandList button .brand {
    height: 4.55vw;
  }

  .container section.sec5 .brandList button .brand img {
    height: 100%;
  }

  .container section.sec5 .brandList button p {
    font-size: 1.82vw;
    line-height: 2.27vw;
  }

  .container section.sec5 .brandList button span {
    font-size: 1.21vw;
    line-height: 2.27vw;
  }

  .container section.sec5 .carList {
    padding-top: 2.27vw;
    border-top: 0.08vw solid var(--cd, #dedede);
  }

  .container section.sec5 .carList .car {
    width: 31.06vw;
    border: 0.08vw solid var(--cd, #dedede);
  }

  .container section.sec5 .swiperBox .swiperScrollbar {
    margin-top: 4.55vw;
    height: 0.76vw;
    border-radius: 37.88vw;
  }

  .container section.sec5 .carList .car.promo::after {
    top: 1.52vw;
    right: 1.89vw;
    width: 6.52vw;
    height: 2.65vw;
  }

  .container section.sec5 .carList .imgBox {
    padding-top: 2.27vw;
    height: 15.15vw;
  }

  .container section.sec5 .carList .imgBox img {
    width: 22.05vw;
    margin: 0.91vw auto 0;
  }

  .container section.sec5 .carList .brandBox {
    margin-top: 2.88vw;
    padding: 0 2.65vw;
  }

  .container section.sec5 .carList .brandBox .brandIco {
    width: 2.5vw;
  }

  .container section.sec5 .carList .brandBox .model {
    font-size: 1.36vw;
    letter-spacing: -0.04vw;
  }

  .container section.sec5 .carList .trimBox {
    margin-top: 0.38vw;
    padding: 0 2.65vw;
  }

  .container section.sec5 .carList .trimBox .trim {
    padding-bottom: 1.14vw;
    font-size: 1.06vw;
    letter-spacing: -0.03vw;
    border-bottom: 0.08vw solid var(--cf5, #f5f5f3);
    height: 3.64vw;
  }

  .container section.sec5 .carList .infoBox {
    margin-top: 1.14vw;
    padding: 0 2.65vw;
  }

  .container section.sec5 .carList .infoBox .priceBox {
    margin-top: 0.76vw;
  }

  .container section.sec5 .carList .infoBox .priceBox .rent,
  .container section.sec5 .carList .infoBox .priceBox .promotion {
    height: 2.272vw;
  }

  .container section.sec5 .carList .infoBox .priceBox .rent p,
  .container section.sec5 .carList .infoBox .priceBox .promotion p {
    font-size: 1.06vw;
    letter-spacing: -0.03vw;
  }

  .container section.sec5 .carList .infoBox .priceBox img.icoBest {
    width: 5.68vw;
    margin-left: 0.38vw;
  }

  .container section.sec5 .carList .infoBox .priceBox .price span {
    font-size: 1.21vw;
    letter-spacing: -0.02vw;
  }

  .container section.sec5 .carList .infoBox .priceBox .price span.priceNm {
    font-size: 1.82vw;
    letter-spacing: -0.04vw;
    margin-left: 0.38vw;
  }

  .container section.sec5 .carList .btnBox {
    margin-top: 1.52vw;
    padding: 0 2.65vw 2.27vw;
  }

  .container section.sec5 .carList .btnBox button {
    font-size: 0.98vw;
    letter-spacing: -0.03vw;
    width: 12.5vw;
    height: 4.17vw;
  }

  .container section.sec5 .carList .btnBox button:first-child {
    border: 0.08vw solid var(--cd, #dedede);
  }

  /* banner1 */

  section.banner1 .inner {
    width: 68.18vw;
    padding: 4.77vw 0;
  }

  section.banner1 p {
    font-size: 1.36vw;
    letter-spacing: -0.03vw;
  }

  section.banner1 p.txt1 {
    font-size: 2.27vw;
  }

  section.banner1 p.txt2 {
    font-size: 1.36vw;
    line-height: 2.27vw;
  }

  section.banner1 p.view {
    margin-top: 2.27vw;
  }

  section.banner1 p.view img {
    margin-left: 0.76vw;
    width: 1.82vw;
  }

  section.banner1 img.icoBest {
    width: 19.25vw;
  }

  /* sec6 */
  .container section.sec6 {
    padding: 9.09vw 0;
  }

  .container section.sec6 .inner {
    width: 96.97vw;
  }

  .container section.sec6 .tit1 {
    font-size: 4.55vw;
    line-height: 4.55vw;
  }

  .container section.sec6 .tit2 {
    font-size: 1.82vw;
    line-height: 3.79vw;
  }

  .container section.sec6 .carType {
    margin-top: 4.55vw;
  }

  .container section.sec6 .carType button {
    height: 6.06vw;
    font-size: 1.67vw;
    line-height: 4.55vw;
    border-top: 0.08vw solid var(--cd, #dedede);
    border-right: 0.08vw solid var(--cd, #dedede);
    border-left: 0.08vw solid var(--cd, #dedede);
    border-bottom: 0.15vw solid #000;
    padding-right: 0.08vw;
    padding-left: 0.08vw;
    padding-top: 0.08vw;
  }

  .container section.sec6 .carType button.on {
    border-top: 0.15vw solid #000;
    border-right: 0.15vw solid #000;
    border-left: 0.15vw solid #000;
    border-bottom: 0.15vw solid transparent;
  }

  .container section.sec6 .carList {
    margin-top: 2.27vw;
  }

  .container section.sec6 .carList .car {
    width: 31.06vw;
    border: 0.08vw solid var(--cd, #dedede);
    border-radius: 1.52vw;
    padding: 2.27vw;
  }

  .container section.sec6 .swiperBox .swiperScrollbar {
    margin-top: 4.55vw;
    height: 0.76vw;
    border-radius: 37.88vw;
  }

  .container section.sec6 .carList .car.promo::after {
    top: 1.52vw;
    right: 2.27vw;
    width: 6.14vw;
    height: 2.73vw;
  }

  .container section.sec6 .carList .imgBox {
    margin-top: 1.52vw;
  }

  .container section.sec6 .carList .imgBox img {
    height: 11.36vw;
    width: auto;
  }

  .container section.sec6 .carList .brandBox .brandIco {
    width: 2.5vw;
    margin-left: -0.38vw;
  }

  .container section.sec6 .carList .brandBox .model {
    font-size: 1.52vw;
    letter-spacing: -0.05vw;
  }

  .container section.sec6 .carList .trimBox {
    margin-top: 0.53vw;
  }

  .container section.sec6 .carList .trimBox .trim {
    font-size: 1.06vw;
    letter-spacing: -0.03vw;
    height: 2.42vw;
  }

  .container section.sec6 .carList .infoBox {
    margin-top: 2.27vw;
  }

  .container section.sec6 .carList .infoBox .priceBox {
    margin-top: 0.76vw;
  }

  .container section.sec6 .carList .infoBox .priceBox .rent p,
  .container section.sec6 .carList .infoBox .priceBox .promotion p {
    font-size: 1.06vw;
    letter-spacing: -0.03vw;
  }

  .container section.sec6 .carList .infoBox .priceBox img.icoBest {
    width: 5.83vw;
    margin-left: 0.38vw;
  }

  .container section.sec6 .carList .infoBox .priceBox .price span {
    font-size: 1.21vw;
    letter-spacing: -0.02vw;
  }

  .container section.sec6 .carList .infoBox .priceBox .price span.priceNm {
    font-size: 1.82vw;
    letter-spacing: -0.04vw;
    margin-left: 0.38vw;
  }

  .container section.sec6 .carList .infoBox .priceBox .price span.cline::before {
    height: 0.15vw;
    top: 1.14vw;
  }

  .container section.sec6 .carList .btnBox {
    margin-top: 1.52vw;
  }

  .container section.sec6 .carList .btnBox button {
    font-size: 1.06vw;
    line-height: 2.27vw;
    letter-spacing: -0.02vw;
    height: 4.17vw;
  }

  .container section.sec6 a.btnMore {
    margin: 4.55vw auto 0;
    width: 20.15vw;
    height: 5.3vw;
    font-size: 1.36vw;
    line-height: 2.65vw;
    border-radius: 7.58vw;
    border: 0.08vw solid var(--ca, #aaa);
  }

  /* banner2 */

  section.banner2 .inner {
    width: 72.73vw;
    padding: 2.73vw 0;
  }

  section.banner2 p {
    font-size: 1.36vw;
    letter-spacing: -0.03vw;
  }

  section.banner2 p.txt1 {
    font-size: 2.27vw;
  }

  section.banner2 p.txt2 {
    font-size: 1.36vw;
    line-height: 2.27vw;
  }

  section.banner2 p.view {
    margin-top: 2.27vw;
  }

  section.banner2 p.view img {
    margin-left: 0.76vw;
    width: 1.82vw;
  }

  section.banner2 img.icoBest {
    width: 22.73vw;
  }

  /* sec7 */

  .container section.sec7 {
    padding: 9.09vw 0;
  }

  .container section.sec7 .inner {
    width: 96.97vw;
  }

  .container section.sec7 .tit1 {
    font-size: 4.55vw;
    line-height: 4.55vw;
  }

  .container section.sec7 .tit2 {
    font-size: 1.82vw;
    line-height: 3.79vw;
  }

  .container section.sec7 .selectBox {
    margin-top: 1.52vw;
  }

  .container section.sec7 .selectBox button {
    padding: 0.53vw 1.82vw;
    border-radius: 7.58vw;
    border: 0.08vw solid var(--cd, #dedede);
    font-size: 1.36vw;
    line-height: 2.65vw;
    margin-left: 0.76vw;
  }

  .container section.sec7 .selectBox button.on {
    border: 0.08vw solid var(--A1, #e40321);
  }

  .container section.sec7 .carList {
    margin-top: 2.27vw;
  }

  .container section.sec7 .carList .car {
    width: 31.06vw;
    border: 0.08vw solid var(--cd, #dedede);
    border-radius: 1.52vw;
    padding: 1.52vw 2.27vw 2.27vw;
  }

  .container section.sec7 .swiperBox .swiperPagination {
    margin-top: 4.55vw;
    height: 1.14vw;
  }

  .container section.sec7 .swiperBox .swiper-pagination-bullet {
    width: 1.14vw;
    height: 1.14vw;
    border: 0.15vw solid var(--ca, #aaa);
  }

  .container section.sec7 .carList .car.promo::after {
    top: 1.52vw;
    right: 2.27vw;
    width: 6.14vw;
    height: 2.73vw;
  }

  .container section.sec7 .carList .imgBox {
    margin-top: 1.52vw;
  }

  .container section.sec7 .carList .imgBox img {
    height: 11.36vw;
    width: auto;
  }

  .container section.sec7 .carList .brandBox .brandIco {
    width: 2.5vw;
    margin-left: -0.38vw;
  }

  .container section.sec7 .carList .brandBox .model {
    font-size: 1.52vw;
    letter-spacing: -0.05vw;
  }

  .container section.sec7 .carList .trimBox {
    margin-top: 0.53vw;
  }

  .container section.sec7 .carList .trimBox .trim {
    font-size: 1.06vw;
    letter-spacing: -0.03vw;
    height: 2.42vw;
  }

  .container section.sec7 .carList .infoBox {
    margin-top: 2.27vw;
  }

  .container section.sec7 .carList .infoBox .priceBox {
    margin-top: 0.76vw;
  }

  .container section.sec7 .carList .infoBox .priceBox .rent p,
  .container section.sec7 .carList .infoBox .priceBox .promotion p {
    font-size: 1.06vw;
    letter-spacing: -0.03vw;
  }

  .container section.sec7 .carList .infoBox .priceBox img.icoBest {
    width: 5.83vw;
    margin-left: 0.38vw;
  }

  .container section.sec7 .carList .infoBox .priceBox .price span {
    font-size: 1.21vw;
    letter-spacing: -0.02vw;
  }

  .container section.sec7 .carList .infoBox .priceBox .price span.priceNm {
    font-size: 1.82vw;
    letter-spacing: -0.04vw;
    margin-left: 0.38vw;
  }

  .container section.sec7 .carList .infoBox .priceBox .price span.cline::before {
    height: 0.15vw;
    top: 1.14vw;
  }

  .container section.sec7 .carList .btnBox {
    margin-top: 1.52vw;
  }

  .container section.sec7 .carList .btnBox button {
    font-size: 1.06vw;
    line-height: 2.27vw;
    letter-spacing: -0.02vw;
    height: 4.17vw;
  }

  /* sec8 */

  .container section.sec8 {
    padding: 9.09vw 0;
  }

  .container section.sec8 .inner {
    width: 96.97vw;
  }

  .container section.sec8 .tit1 {
    font-size: 4.55vw;
    line-height: 4.55vw;
  }

  .container section.sec8 .tit2 {
    margin-top: 0.76vw;
    font-size: 1.82vw;
    line-height: 3.79vw;
  }

  .container section.sec8 .contentList {
    margin-top: 2.27vw;
  }

  .container section.sec8 .contentList .list {
    padding: 2.27vw 0;
    border-bottom: 0.08vw solid var(--cd, #dedede);
  }

  .container section.sec8 .contentList .list:first-child {
    border-top: 0.08vw solid var(--title-, #222);
  }

  .container section.sec8 .contentList .list:last-child {
    border-bottom: 0.08vw solid var(--title-, #222);
  }

  .container section.sec8 .contentList .left {
    width: 18.94vw;
  }

  .container section.sec8 .contentList .left .imgBox {
    width: 7.58vw;
    height: 6.36vw;
  }

  .container section.sec8 .contentList .left .modelBox {
    margin-left: 1.52vw;
  }

  .container section.sec8 .contentList .left .modelBox .txt1,
  .container section.sec8 .contentList .left .modelBox .txt2 {
    font-size: 1.36vw;
    letter-spacing: -0.04vw;
  }

  .container section.sec8 .contentList .left .modelBox .txt2 {
    font-size: 0.98vw;
  }

  .container section.sec8 .contentList .center {
    width: 48.64vw;
  }

  .container section.sec8 .contentList .center .ratingBox img {
    width: 18px;
  }

  .container section.sec8 .contentList .center .ratingBox span {
    font-size: 1.52vw;
    letter-spacing: -0.05vw;
    margin-left: 0.38vw;
  }

  .container section.sec8 .contentList .center .txtBox {
    margin-top: 0.76vw;
  }

  .container section.sec8 .contentList .center .txtBox p {
    font-size: 0.98vw;
    line-height: 1.52vw;
  }

  .container section.sec8 .contentList .right {
    width: 15.61vw;
  }

  .container section.sec8 .contentList .right .infoBox {
    margin-right: 2.27vw;
    font-size: 0.98vw;
    line-height: 1.52vw;
    width: 5.38vw;
  }

  .container section.sec8 .contentList .right .infoBox p {
    font-size: 0.98vw;
    line-height: 1.52vw;
  }

  .container section.sec8 .contentList .right .infoBox p.name1 span,
  .container section.sec8 .contentList .right .infoBox p.name2 span {
    font-size: 0.98vw;
    line-height: 1.52vw;
  }

  .container section.sec8 .contentList .right .btnReview {
    width: 7.95vw;
    height: 6.36vw;
    font-size: 1.06vw;
  }

  /*  banner3 */
  section.banner3 .inner {
    width: 72.73vw;
    padding-top: 1.52vw;
  }

  section.banner3 p {
    font-size: 1.36vw;
    letter-spacing: -0.03vw;
  }

  section.banner3 p.txt1 {
    font-size: 2.27vw;
  }

  section.banner3 p.txt2 {
    font-size: 1.36vw;
    font-weight: 400;
    line-height: 2.27vw;
  }

  section.banner3 p.view {
    margin-top: 2.27vw;
  }

  section.banner3 p.view img {
    margin-left: 0.76vw;
    width: 1.82vw;
  }

  section.banner3 img.icoBest {
    width: 13.2vw;
  }


  /* sec9 */

  .container section.sec9 {
    padding: 9.09vw 0;
  }

  .container section.sec9 .inner {
    width: 96.97vw;
  }

  .container section.sec9 .tit1 {
    font-size: 4.55vw;
    line-height: 4.55vw;
  }

  .container section.sec9 .tit2 {
    margin-top: 0.76vw;
    font-size: 1.82vw;
    line-height: 3.79vw;
  }

  .container section.sec9 .btnOutbox a {
    font-size: 1.53vw;
    letter-spacing: -0.05vw;
  }

  .container section.sec9 .btnOutbox a.btnMore {
    font-size: 0.98vw;
  }

  .container section.sec9 .btnOutbox a.btnLogo img {
    margin-right: 0.83vw;
    width: 1.89vw;
  }

  .container section.sec9 .btnOutbox a.btnMore img {
    margin-left: 0.45vw;
    width: 0.56vw;
  }

  .container section.sec9 .youtubeBox {
    margin-top: 0.76vw;
    height: 52.12vw;
  }

  .container section.sec9 .carList {
    margin-top: 0.76vw;
    gap: 1.52vw;
  }

  .container section.sec9 .carList .car {
    width: 47.73vw;
    padding: 2.27vw 1.52vw;
  }

  .container section.sec9 .carList .car .left .imgBox img {
    width: 9.09vw;
  }

  .container section.sec9 .carList .car .center {
    width: 15.15vw;
    margin-right: 2.8vw;
  }

  .container section.sec9 .carList .brandBox .brandIco {
    width: 2.5vw;
    margin-left: -0.45vw;
  }

  .container section.sec9 .carList .brandBox .model {
    font-size: 1.21vw;
    letter-spacing: -0.04vw;
  }

  .container section.sec9 .carList .trimBox {
    margin-top: 0.49vw;
  }

  .container section.sec9 .carList .trimBox .trim {
    font-size: 0.91vw;
  }

  .container section.sec9 .carList .car .right {
    width: 15.15vw;
  }

  .container section.sec9 .carList .car .right .txt1 {
    font-size: 0.91vw;
    letter-spacing: -0.03vw;
  }

  .container section.sec9 .carList .car .priceBox {
    margin-top: -0.23vw;
  }

  .container section.sec9 .carList .car .priceBox .carPrice .price {
    font-size: 1.36vw;
  }

  .container section.sec9 .carList .car .priceBox .carPrice .price span:last-child {
    font-size: 0.98vw;
  }

  .container section.sec9 .carList .car .priceBox .rentPrice .price span {
    font-size: 1.21vw;
  }

  .container section.sec9 .carList .car .priceBox .rentPrice .price span:first-child {
    margin-right: 0.38vw;
  }

  .container section.sec9 .carList .car .priceBox .rentPrice .price .priceNm {
    font-size: 1.82vw;
  }

  .container section.sec9 .carList .car .btnBox {
    margin-top: 0.76vw;
  }

  .container section.sec9 .carList .car .btnBox a {
    width: 7.39vw;
    height: 3.03vw;
    font-size: 0.91vw;
    line-height: 2.27vw;
    letter-spacing: -0.02vw;
  }

  .container section.sec9 .carList .car .btnBox button {
    width: 7.39vw;
    height: 3.03vw;
    font-size: 0.91vw;
    line-height: 2.27vw;
    letter-spacing: -0.02vw;
    border: 0.08vw solid var(--cd, #dedede);
  }
}

/* ========================================= mobile =========================================*/
/* ========================================= mobile =========================================*/
/* ========================================= mobile =========================================*/

@media (max-width: 720px) {

  /* KV */
  .container section.kv {
    padding: 0;
    padding-top: 20.83vw;
  }

  .kv .inner {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 6.94vw;
    justify-content: normal;
  }

  .kv .swiperBox {
    height: 225vw;
    padding: 16.67vw 0 0;
  }

  .kv .swiperPagination {}

  .kv .swiperPagination .swiper-pagination-bullet {}

  .kv .swiperPagination .swiper-pagination-bullet.swiper-pagination-bullet-active {}

  .kv .txtBox .txt1 {
    font-size: 4.17vw;
  }

  .kv .txtBox .txt2 {
    font-size: 9.17vw;
    margin-top: 1.67vw;
  }

  .kv .txtBox .txt2 span {
    color: #e40321;
  }

  .kv .txtBox a.btnGo {
    border-radius: 13.89vw;
    border: 0.28vw solid #ffffff;
    font-size: 4.17vw;
    font-weight: 700;
    letter-spacing: -0.08vw;
    padding: 2.78vw 11.11vw;
    margin-top: 4.17vw;
  }

  .kv .imgBox {
    width: 76.39vw;
    margin-left: 27.78vw;
    margin-top: 8.33vw;
  }

  .kv .swiper-wrapper .swiper-slide {
    overflow: hidden;
  }

  .kv .swiper-wrapper .swiper-slide:nth-child(2) .imgBox {
    width: 48.75vw;
    margin-left: 38.33vw;
    margin-top: 4.17vw;
  }

  .kv .swiper-wrapper .swiper-slide:nth-child(3) .imgBox {
    width: 56.39vw;
    margin-left: 27.78vw;
    margin-top: 4.17vw;
  }

  /* sec1 */

  .container section.sec1 {
    width: auto;
    margin: 0 auto;
  }

  .container section.sec1 .inner {
    width: 100%;
    padding: 0 4.17vw;
  }

  .container section.sec1 .inner .appBox {
    margin-top: -96.11vw;
    flex-direction: column;
    padding: 8.33vw 6.94vw;
    border-right: 0.14vw solid #dedede;
  }

  .container section.sec1 .left {
    border-right: none;
    border-bottom: 0.14vw solid #dedede;
    padding: 0;
    align-items: center;
    padding-bottom: 8.33vw;
  }

  .container section.sec1 .left .bottomBox {
    width: 100%;
    margin-top: 5.56vw;
  }

  .container section.sec1 .left h2 {
    font-size: 6.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 5.56vw;
    /* 88.889% */
    letter-spacing: -0.13vw;
    text-align: center;
  }

  .container section.sec1 .left .tooltipBox {
    width: 47.22vw;
    border-radius: 26.11vw;
    padding: 2.64vw 0vw;
    margin: 0 auto;
    margin-top: 3.75vw;
    font-size: 3.06vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.06vw;
    border: 0.28vw solid #222;
  }

  .container section.sec1 .left .tooltipBox::after {
    top: -0.42vw;
    left: 50%;
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0.28vw;
    border-top: 0.28vw solid #222;
    border-left: 0.28vw solid #222;
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .container section.sec1 .kakaoButton {
    justify-content: center;
    padding: 4.31vw 0;
    color: #3c1e1e;
    font-family: Pretendard;
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 700;
    line-height: 5.46vw;
    /* 130.932% */
    letter-spacing: -0.08vw;
  }

  .container section.sec1 .kakaoButton img {
    width: 5.56vw;
    margin-right: 0.69vw;
  }

  .container section.sec1 .right {
    display: flex;
    flex-direction: column;
    padding: 8.33vw 0 0 0;
  }

  .container section.sec1 .right h2 {
    font-size: 6.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 6.67vw;
    /* 106.667% */
    letter-spacing: -0.13vw;
    justify-content: center;
  }

  .container section.sec1 .inputBox {
    flex-direction: column;
    justify-content: normal;
    margin-top: 7.22vw;
  }

  .container section.sec1 .inputBox .inputGroup {
    display: flex;
    margin-top: 3.33vw;
    justify-content: space-between;
  }

  .container section.sec1 .inputBox .inputGroup:first-child {
    margin-top: 0;
  }

  .container section.sec1 .inputLabel {
    width: 11.11vw;
    color: #000;
    font-family: Pretendard;
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.08vw;
  }

  .container section.sec1 .textInput {
    width: 63.89vw;
    padding: 4.17vw;
    border: 0.17vw solid #dedede;
    border-radius: 0.83vw;
    font-size: 4.17vw;
  }

  .container section.sec1 .labelBox input[type="checkbox"] {}

  .labelBox input[type="checkbox"]+label {}

  .labelBox input[type="checkbox"]#marketingAgreeAll+label {}

  .labelBox input[type="checkbox"]+label::before {
    width: 4.86vw;
    height: 5vw;
    margin-right: 1.39vw;
  }

  .labelBox input[type="checkbox"]:checked+label::before {
    width: 4.86vw;
    height: 5vw;
    margin-right: 1.39vw;
  }

  .container section.sec1 .radioGroup {
    margin-top: 2.78vw;
    flex-direction: column;
    width: 100%;
  }

  .container section.sec1 .labelBox {
    margin-top: 4.17vw;
  }

  .container section.sec1 .labelBox.agreeAll {
    width: 26.94vw;
    height: 10.42vw;
    border-radius: 1.53vw;
    padding: 2.78vw;
    gap: 2.78vw;
  }

  .container section.sec1 .labelBox:first-child {
    margin-top: 0;
  }

  .container section.sec1 .radioLabel {
    font-family: Pretendard;
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.08vw;
  }

  .container section.sec1 .radioLabel span {
    color: #aaa;
  }

  .container section.sec1 .submitButton {
    width: 100%;
    color: #fff;
    font-family: Pretendard;
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.08vw;
    margin-top: 5.56vw;
    padding: 5.56vw 0;
    border-bottom-left-radius: 1.67vw;
    border-bottom-right-radius: 1.67vw;
  }

  .container section.sec1 .labelArea {
    margin-top: 4.17vw;
  }

  .container section.sec1 .detailsLink {
    font-family: Pretendard;
    font-size: 2.97vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.06vw;
    margin-left: 1.39vw;
  }

  /* sec2 */

  .container section.sec2 {
    padding: 8.33vw 6.94vw 16.67vw;
  }

  .container section.sec2 .inner {
    width: 100%;
  }

  .container section.sec2 .btnBox {
    display: grid;
    grid-template-columns: 2fr 2fr;
    justify-content: unset;
    gap: 2.78vw;
  }

  .container section.sec2 .btnBox a.btnGo {
    width: 41.67vw;
    height: 69.44vw;
    padding: 6.94vw 4.17vw 2.78vw;
    border-radius: 2.78vw;
  }

  .container section.sec2 .btnBox a.btnGo .top p {
    color: #000;
    font-family: Pretendard;
    font-size: 3.61vw;
    font-style: normal;
    font-weight: 300;
    line-height: 4.58vw;
  }

  .container section.sec2 .btnBox a.btnGo .top p.txt2 {
    color: #000;
    font-family: Pretendard;
    font-size: 4.86vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 2.78vw;
  }

  .container section.sec2 .btnBox a.btnGo:nth-child(1) .middle {
    width: 19.55vw;
    margin-left: 3.42vw;
  }

  .container section.sec2 .btnBox a.btnGo:nth-child(2) .middle {
    width: 27.78vw;
    margin-left: -1.39vw;
  }

  .container section.sec2 .btnBox a.btnGo:nth-child(3) .middle {
    width: 23.27vw;
    margin-left: 0.34vw;
  }

  .container section.sec2 .btnBox a.btnGo:nth-child(4) .middle {
    width: 25.45vw;
    margin-left: 1.86vw;
  }

  .container section.sec2 .btnBox a.btnGo .bottom {
    width: 6.94vw;
  }

  /* sec3 */

  .container section.sec3 .inner {
    width: 100%;
  }

  .container section.sec3 .txtBox {
    width: 100%;
  }

  .container section.sec3 .icoBell {
    width: 34.03vw;
    margin-top: -6.94vw;
    height: auto;
  }

  .container section.sec3 .txtBox .txt1 {
    text-align: center;
    font-family: Pretendard;
    font-size: 8.33vw;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    /* 16.67vw */
  }

  .container section.sec3 .txtBox .txt2 {
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
  }

  .container section.sec3 .txtBox .hashTag {
    margin-top: 2.78vw;
  }

  .container section.sec3 .txtBox .hashTag .tag {
    height: 8.47vw;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.61vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 2.08vw 2.78vw;
    border-radius: 13.89vw;
    border: 0.14vw solid var(--cf, #fff);
    margin-left: 1.39vw;
  }

  .container section.sec3 .swiperBox {
    margin-top: 4.03vw;
    padding: 0vw 6.53vw;
  }

  .container section.sec3 .swiperBox .swiper-slide {
    padding: 5.56vw 6.94vw;
    border-radius: 2.78vw;
    border-right: 0.14vw solid #dedede;
    border-bottom: 0.14vw solid #dedede;
  }

  .container section.sec3 .swiperBox .brandBox {}

  .container section.sec3 .swiperBox .brandBox img {
    width: auto;
    height: 8.06vw;
  }

  .container section.sec3 .brandBox .model {
    font-family: Pretendard;
    font-size: 5.93vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .container section.sec3 .trimBox {
    margin-top: 0.97vw;
  }

  .container section.sec3 .trimBox p.trim {
    font-family: Pretendard;
    font-size: 3.61vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 5.42vw */
    height: auto;
  }

  .container section.sec3 .infoBox {
    justify-content: space-between;
  }

  .container section.sec3 .infoBox .left {
    display: flex;
    flex-direction: column;
    width: 38.89vw;
  }

  .container section.sec3 .infoBox .priceBox {
    margin-top: 2.08vw;
    width: auto;
  }

  .container section.sec3 .infoBox .priceBox p {
    font-family: Pretendard;
    font-size: 2.78vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .container section.sec3 .infoBox .priceBox .rent,
  .container section.sec3 .infoBox .priceBox .promotion {
    margin-top: 0.69vw;
  }

  .container section.sec3 .infoBox .priceBox .rent span,
  .container section.sec3 .infoBox .priceBox .promotion span {
    font-size: 2.78vw;
  }

  .container section.sec3 .infoBox .priceBox .rent span:first-child,
  .container section.sec3 .infoBox .priceBox .promotion span:first-child {
    margin-right: 0.69vw;
  }

  .container section.sec3 .infoBox .priceBox .rent span.priceNm,
  .container section.sec3 .infoBox .priceBox .promotion span.priceNm {
    text-align: right;
    font-size: 4.17vw;
  }

  .container section.sec3 .infoBox .priceBox .rent span.cline::before {
    height: 0.42vw;
    top: 2.36vw;
  }

  .container section.sec3 .infoBox .priceBox .promotion {}

  .container section.sec3 .infoBox .right {
    width: calc(100% - 38.89vw);
    display: flex;
    align-items: center;
  }

  .container section.sec3 .infoBox .right .imgBox {}

  .container section.sec3 .infoBox .right .imgBox img {
    width: auto;
    height: 17.36vw;
  }

  .container section.sec3 .infoBox .imgBox .countBox {
    width: 13.89vw;
    height: 13.89vw;
    color: #fff;
    font-family: Pretendard;
    border-radius: 100%;
    right: -1.39vw;
    top: -8.33vw;
    font-size: 5.56vw;
    font-style: normal;
    font-weight: 700;
    line-height: 80%;
    /* 4.44vw */
    letter-spacing: -0.11vw;
  }

  .container section.sec3 .saleBox {
    margin-top: 4.86vw;
  }

  .container section.sec3 .saleBox .dayBox {
    width: 38.89vw;
    height: 12.5vw;
    color: #222;
    font-family: Pretendard;
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 700;
    line-height: 80%;
    /* 3.33vw */
    letter-spacing: -0.08vw;
    border-radius: 18.75vw;
    border: 0.18vw solid var(--cd, #dedede);
  }

  .container section.sec3 .saleBox .dayBox img {
    width: 3.61vw;
    margin-right: 1.81vw;
  }

  .container section.sec3 .saleBox .dayBox span {
    color: #da3702;
    margin-left: 0.69vw;
  }

  .container section.sec3 .saleBox .consultBox {}

  .container section.sec3 .saleBox .consultBox button {
    display: flex;
    width: 31.94vw;
    height: 12.5vw;
    justify-content: center;
    align-items: center;
    gap: 1.87vw;
    color: var(--A1, #e40321);
    font-family: Pretendard;
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 700;
    line-height: 80%;
    /* 3.33vw */
    letter-spacing: -0.08vw;
    border-radius: 18.75vw;
    border: 0.18vw solid var(--A1, #e40321);
  }

  .container section.sec3 .swiperBox .swiperScrollbar {
    margin-top: 11.11vw;
    height: 4.17vw;
    border-radius: 208.33vw;
  }

  .container section.sec3 .swiperBox .swiperScrollbar .swiper-scrollbar-drag {
    border-radius: 208.33vw;
  }

  /* sec4 */

  .container section.sec4 {
    padding: 16.67vw 5.97vw;
  }

  .container section.sec4 .inner {
    width: 100%;
  }

  .container section.sec4 .tit1 {
    color: var(--title-, #222);
    text-align: center;
    font-family: Pretendard;
    font-size: 8.33vw;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 10.83vw */
  }

  .container section.sec4 .tit2 {
    color: var(--title-, #222);
    font-family: Pretendard;
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
  }

  .container section.sec4 .listBox {
    margin-top: 8.33vw;
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: 1.94vw;
  }

  .container section.sec4 .listBox .txtBox {
    margin-top: 4.58vw;
  }

  .container section.sec4 .listBox a.list {
    width: 43.06vw;
    padding: 6.53vw 2.78vw 3.33vw 4.17vw;
    border-right: 0.14vw solid var(--cd, #dedede);
    border-bottom: 0.14vw solid var(--cd, #dedede);
  }

  .container section.sec4 .listBox .list img {
    width: 22.50vw;
    height: 4.17vw;
  }

  .container section.sec4 .listBox .list .bottom img {
    height: 6.94vw;
    width: 6.94vw;
  }

  .container section.sec4 .listBox .list p {}

  .container section.sec4 .listBox .list .txt1 {
    color: #000;
    font-family: Pretendard;
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 700;
    line-height: 4.17vw;
    /* 100% */
    text-decoration-thickness: 0.56vw;
  }

  .container section.sec4 .listBox .list .txt1::before {}

  .container section.sec4 .listBox .list ul {
    height: 200%;
    /* 7.22vw */
    margin-top: 1.39vw;
    padding-left: 3.61vw;
  }

  .container section.sec4 .listBox .list ul li {
    color: #000;
    font-family: Pretendard;
    font-size: 3.61vw;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
  }

  .container section.sec4 .listBox .list .bottom {}

  /* sec5 */
  .container section.sec5 {}

  .container section.sec5 .inner {
    width: 100%;
  }

  .container section.sec5 .tit1 {
    font-size: 8.33vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
  }

  .container section.sec5 .tit2 {
    font-size: 4.17vw;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
  }

  .container section.sec5 .brandList {
    margin: 4.17vw auto 0vw;
    padding-bottom: 4.86vw;
    padding-left: 6.94vw;
  }

  .container section.sec5 .brandList button {
    width: 20.83vw;
    height: 19.44vw;
    padding: 1.94vw 0 1.56vw;
  }

  .container section.sec5 .brandList .swiper-button-next,
  .container section.sec5 .brandList .swiper-button-prev {
    display: none;
  }

  .container section.sec5 .brandList button:hover {}

  .container section.sec5 .brandList button.on {
    border: 0.28vw solid var(--A1, #e40321);
  }

  .container section.sec5 .brandList button.on {}

  .container section.sec5 .brandList button .brand {
    width: 11.74vw;
    height: 7.83vw;
    justify-content: center;
  }

  .container section.sec5 .brandList button .brand img {}

  .container section.sec5 .brandList button p {
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 4.7vw;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
  }

  .container section.sec5 .brandList button:last-child {}

  .container section.sec5 .brandList button span {
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.13vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.87;
  }

  .container section.sec5 .carList {
    padding-left: 6.94vw;
    padding-right: 6.94vw;
  }

  .container section.sec5 .carList .car {}

  .container section.sec5 .swiperBox .swiperScrollbar {
    height: 3.59vw;
    border-radius: 59.8vw;
  }

  .container section.sec5 .swiperBox .swiperScrollbar .swiper-scrollbar-drag {
    border-radius: 59.8vw;
  }

  .container section.sec5 .carList .car.promo::after {}

  .container section.sec5 .carList .imgBox {
    padding-top: 4.86vw;
    height: 25.42vw;
    position: relative;
    box-sizing: border-box;
  }

  .container section.sec5 .carList .imgBox img {
    width: 49.4vw;
    margin: 0 auto;
  }

  .container section.sec5 .carList .brandBox {
    margin-top: 9.03vw;
    padding: 0 6.94vw;
  }

  .container section.sec5 .carList .brandBox .brandIco {
    width: 8.33vw;
  }

  .container section.sec5 .carList .brandBox .model {
    font-size: 4.17vw;
    letter-spacing: -0.13vw;
  }

  .container section.sec5 .carList .trimBox {
    color: #777;
    font-family: Pretendard;
    font-size: 3.61vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.11vw;
    margin-top: 1.67vw;
    padding: 0 6.94vw;
  }

  .container section.sec5 .carList .trimBox .trim {
    height: auto;
    padding-bottom: 3.08vw;
    font-size: 3.61vw;
    letter-spacing: -0.11vw;
  }

  .container section.sec5 .carList .infoBox {
    margin-top: 1.69vw;
    padding: 0 6.94vw;
  }

  .container section.sec5 .carList .infoBox .priceBox {}

  .container section.sec5 .carList .infoBox .priceBox .rent,
  .container section.sec5 .carList .infoBox .priceBox .promotion {
    height: 6.94vw;
  }

  .container section.sec5 .carList .infoBox .priceBox .rent p,
  .container section.sec5 .carList .infoBox .priceBox .promotion p {
    font-size: 3.06vw;
    letter-spacing: -0.09vw;
  }

  .container section.sec5 .carList .infoBox .priceBox .rent .price {}

  .container section.sec5 .carList .infoBox .priceBox img.icoBest {
    width: auto;
    height: 6.94vw;
    margin-left: 1.39vw;
  }

  .container section.sec5 .carList .infoBox .priceBox .price span {
    font-size: 3.06vw;
    letter-spacing: -0.06vw;
  }

  .container section.sec5 .carList .infoBox .priceBox .price span.priceNm {
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
  }

  .container section.sec5 .carList .infoBox .priceBox .price span.cline {}

  .container section.sec5 .carList .btnBox {
    margin-top: 3.39vw;
    gap: 1.39vw;
    justify-content: unset;
    padding: 0 6.94vw 5.36vw;
  }

  .container section.sec5 .carList .btnBox button {
    width: 50%;
    height: 11.11vw;
    font-size: 3.06vw;
    letter-spacing: -0.09vw;
    box-sizing: border-box;
  }

  .container section.sec5 .carList .btnBox button:first-child {}

  /* banner1 */
  section.banner1 {}

  section.banner1 .inner {
    padding: 11.11vw 6.94vw 8.33vw;
    width: 100%;
  }

  section.banner1 .inner a {
    display: block;
    text-align: right;
  }

  section.banner1 .inner a .txtBox {
    text-align: left;
  }

  section.banner1 .inner a img {
    width: 48.61vw;
  }

  section.banner1 p {}

  section.banner1 p.txt1 {
    font-size: 6.25vw;
    line-height: 200%;
  }

  section.banner1 p.txt1 span {}

  section.banner1 p.txt2 {
    font-size: 4.17vw;
  }

  section.banner1 p.view {
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
  }

  section.banner1 p.view img {
    height: 4.86vw;
    width: auto;
    margin-left: 1.6vw;
  }

  /* sec6 */
  .container section.sec6 {}

  .container section.sec6 .inner {
    width: 100%;
  }

  .container section.sec6 .tit1 {
    text-align: center;
    font-size: 8.33vw;
    line-height: 8.33vw;
  }

  .container section.sec6 .tit2 {
    font-size: 4.17vw;
    line-height: 200%;
  }

  .container section.sec6 .carType {
    margin-top: 8.33vw;
  }

  .container section.sec6 .carType button {
    font-size: 3.06vw;
    line-height: 8.33vw;
    border-bottom: 0.28vw solid var(--title-, #222);
    border-top: 0.14vw solid var(--cd, #dedede);
    border-right: 0.14vw solid var(--cd, #dedede);
    border-left: 0.14vw solid var(--cd, #dedede);
  }

  .container section.sec6 .carType button.on {
    border-top: 0.28vw solid #000;
    border-right: 0.28vw solid #000;
    border-left: 0.28vw solid #000;
    border-bottom: 0.28vw solid transparent;
  }

  .container section.sec6 .carList {
    margin-top: 8.33vw;
    padding: 0 6.94vw;
  }

  .container section.sec6 .carList .car {
    padding: 4.17vw 6.94vw;
  }

  .container section.sec6 .swiperBox .swiperScrollbar {
    margin-top: 8.33vw;
    height: 3.59vw;
    border-radius: 59.8vw;
  }

  .container section.sec6 .swiperBox .swiperScrollbar .swiper-scrollbar-drag {
    border-radius: 59.8vw;
  }

  .container section.sec6 .carList .car.promo::after {}

  .container section.sec6 .carList .imgBox {}

  .container section.sec6 .carList .imgBox img {
    width: 41.67vw;
    height: auto;
  }

  .container section.sec6 .carList .brandBox {
    /* margin-top: 4.86vw; */
  }

  .container section.sec6 .carList .brandBox .brandIco {
    width: 13.89vw;
    margin-left: -1.39vw;
  }

  .container section.sec6 .carList .brandBox .model {
    font-size: 5.56vw;
    letter-spacing: -0.17vw;
    margin-top: 0.69vw;
  }

  .container section.sec6 .carList .trimBox {
    margin-top: 0.97vw;
  }

  .container section.sec6 .carList .trimBox .trim {
    font-size: 3.61vw;
    letter-spacing: -0.11vw;
    height: auto;
  }

  .container section.sec6 .carList .infoBox {
    margin-top: 4.17vw;
  }

  .container section.sec6 .carList .infoBox .priceBox {
    margin-top: 0;
  }

  .container section.sec6 .carList .infoBox .priceBox .rent,
  .container section.sec6 .carList .infoBox .priceBox .promotion {}

  .container section.sec6 .carList .infoBox .priceBox .promotion {
    margin-top: 0.69vw;
  }

  .container section.sec6 .carList .infoBox .priceBox .rent p,
  .container section.sec6 .carList .infoBox .priceBox .promotion p {
    font-size: 3.06vw;
    letter-spacing: -0.09vw;
  }

  .container section.sec6 .carList .infoBox .priceBox img.icoBest {}

  .container section.sec6 .carList .infoBox .priceBox .price span {
    font-size: 2.78vw;
    letter-spacing: -0.06vw;
  }

  .container section.sec6 .carList .infoBox .priceBox .price span.priceNm {
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
  }

  .container section.sec6 .carList .infoBox .priceBox .price span.cline {
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
  }

  .container section.sec6 .carList .infoBox .priceBox .price span.cline::before {
    height: 0.56vw;
    top: 2.08vw;
  }

  .container section.sec6 .carList .btnBox {
    margin-top: 2.22vw;
  }

  .container section.sec6 .carList .btnBox button {
    height: 13.89vw;
    color: #FFF;
    font-size: 4.17vw;
    line-height: 4.17vw;
    letter-spacing: -0.08vw;
  }

  .container section.sec6 a.btnMore {
    margin: 8.33vw auto 0;
    width: 55.56vw;
    height: 14.62vw;
    border-radius: 20.89vw;
    border: 0.21vw solid #AAA;
    font-size: 4.17vw;
    line-height: 7.31vw;
    box-sizing: border-box;
  }

  /* banner2 */
  section.banner2 {}

  section.banner2 .inner {
    width: 100%;
    padding: 13.89vw 6.94vw 8.33vw;
  }

  section.banner2 .inner a {
    display: block;
    text-align: right;
  }

  section.banner2 .inner a img {
    width: 41.14vw;
  }

  section.banner2 .inner a .txtBox {
    text-align: left;
  }

  section.banner2 p {}

  section.banner2 p.txt1 {
    font-size: 6.25vw;
    line-height: 4.17vw;
  }

  section.banner2 p.txt1 span {}

  section.banner2 p.txt2 {
    font-size: 4.17vw;
    line-height: 200%;
  }

  section.banner2 p.view {
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
    margin-top: 4.17vw;
  }

  section.banner2 p.view img {
    width: 4.86vw;
    margin-left: 1.39vw;
  }

  .container section.sec7 {
    padding: 16.67vw 0;
    overflow: hidden;
  }

  .container section.sec7 .inner {
    width: 100%;
    padding: 0 6.94vw;
  }

  .container section.sec7 .tit1 {
    font-size: 8.33vw;
    line-height: 8.33vw;
  }

  .container section.sec7 .tit2 {
    font-size: 4.17vw;
    line-height: 200%;
  }

  .container section.sec7 .selectBox {
    margin-top: 2.78vw;
    gap: 1.39vw;
  }

  .container section.sec7 .selectBox button {
    margin: 0;
    border-radius: 13.89vw;
    border: 0.14vw solid #DEDEDE;
    height: 8.47vw;
    box-sizing: border-box;
    font-size: 3.61vw;
    line-height: 4.86vw;
    padding: 0;
    flex: 1;
    word-break: keep-all;
  }

  .container section.sec7 .selectBox button.on {
    border: 0.14vw solid var(--A1, #e40321);
  }

  .container section.sec7 .selectBox button:first-child {}

  .container section.sec7 .carList {
    margin-top: 8.33vw;
    overflow: unset;
  }

  .container section.sec7 .carList .car {
    padding: 4.17vw 6.94vw;
  }

  .container section.sec7 .swiperBox .swiperPagination {
    margin-top: 8.33vw;
    height: 3.59vw;
    display: flex;
    gap: 1.39vw;
    justify-content: center;
  }

  .container section.sec7 .swiperBox .swiper-pagination-bullet {
    width: 3.59vw;
    height: 3.59vw;
    border: 0.28vw solid var(--ca, #aaa);
    margin: 0;
  }

  .container section.sec7 .swiperBox .swiper-pagination-bullet-active {}

  .container section.sec7 .swiperBox .swiperScrollbar .swiper-scrollbar-drag {}

  .container section.sec7 .carList .car.promo::after {}

  .container section.sec7 .carList .imgBox {
    margin-top: 2.78vw;
  }

  .container section.sec7 .carList .imgBox img {
    width: 41.67vw;
    height: auto;
  }

  .container section.sec7 .carList .brandBox {
    /* margin-top: 4.86vw; */
  }

  .container section.sec7 .carList .brandBox .brandIco {
    width: 13.89vw;
    margin-left: -1.39vw;
  }

  .container section.sec7 .carList .brandBox .model {
    margin-top: 0.69vw;
    font-size: 5.56vw;
    letter-spacing: -0.17vw;
  }

  .container section.sec7 .carList .trimBox {
    margin-top: 0.97vw;
  }

  .container section.sec7 .carList .trimBox .trim {
    font-size: 3.61vw;
    letter-spacing: -0.11vw;
    height: auto;
  }

  .container section.sec7 .carList .infoBox {
    margin-top: 4.17vw;
  }

  .container section.sec7 .carList .infoBox .priceBox {
    margin-top: 0;
  }

  .container section.sec7 .carList .infoBox .priceBox .rent,
  .container section.sec7 .carList .infoBox .priceBox .promotion {}

  .container section.sec7 .carList .infoBox .priceBox .promotion {
    margin-top: 0.69vw;
  }

  .container section.sec7 .carList .infoBox .priceBox .rent p,
  .container section.sec7 .carList .infoBox .priceBox .promotion p {
    font-size: 3.06vw;
    letter-spacing: -0.09vw;
  }

  .container section.sec7 .carList .infoBox .priceBox img.icoBest {}

  .container section.sec7 .carList .infoBox .priceBox .price span {
    font-size: 2.78vw;
    letter-spacing: -0.06vw;
  }

  .container section.sec7 .carList .infoBox .priceBox .price span.priceNm {
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
    text-decoration-line: line-through;
  }

  .container section.sec7 .carList .infoBox .priceBox .price span.cline {}

  .container section.sec7 .carList .infoBox .priceBox .price span.cline::before {
    display: none;
  }

  .container section.sec7 .carList .btnBox {
    margin-top: 2.22vw;
  }

  .container section.sec7 .carList .btnBox button {
    height: 13.89vw;
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
  }

  .container section.sec8 {
    padding: 16.67vw 0;
  }

  .container section.sec8 .inner {
    width: 100%;
    padding: 0 6.94vw;
  }

  .container section.sec8 .tit1 {
    font-size: 8.33vw;
    line-height: 8.33vw;
  }

  .container section.sec8 .tit1 span {}

  .container section.sec8 .tit2 {
    font-size: 4.17vw;
    line-height: 150%;
    margin-top: 2.08vw;
  }

  .container section.sec8 .contentList {
    margin-top: 4.17vw;
  }

  .container section.sec8 .contentList .list {
    padding: 8.33vw 0;
    border-bottom: 0.14vw solid var(--cd, #dedede);
    align-items: unset;
    gap: 2.78vw;
  }

  .container section.sec8 .contentList .list:first-child {
    border-top: 0.14vw solid var(--title-, #222);
  }

  .container section.sec8 .contentList .list:last-child {
    border-bottom: 0.14vw solid var(--title-, #222);
  }

  .container section.sec8 .contentList .left {
    display: block;
    width: 18.06vw;
  }

  .container section.sec8 .contentList .left .imgBox {
    width: 100%;
    height: 15.23vw;
  }

  .container section.sec8 .contentList .left .imgBox .errorImg {}

  .container section.sec8 .contentList .left .imgBox img,
  .container section.sec8 .contentList .left .imgBox video {}

  .container section.sec8 .contentList .left .modelBox {
    margin-left: 0;
    margin-top: 2.78vw;
  }

  .container section.sec8 .contentList .left .modelBox .txt1,
  .container section.sec8 .contentList .left .modelBox .txt2 {
    font-size: 3.06vw;
    letter-spacing: -0.09vw;
  }

  .container section.sec8 .contentList .left .modelBox .txt2 {
    margin-top: 0.69vw;
  }

  .container section.sec8 .contentList .center {
    width: 41.67vw;
  }

  .container section.sec8 .contentList .center .ratingBox {}

  .container section.sec8 .contentList .center .ratingBox img {
    width: 4.72vw;
  }

  .container section.sec8 .contentList .center .ratingBox span {
    font-size: 5.24vw;
    letter-spacing: -0.16vw;
  }

  .container section.sec8 .contentList .center .txtBox {
    margin-top: 2.78vw;
  }

  .container section.sec8 .contentList .center .txtBox p {
    font-size: 4.17vw;
    line-height: 160%;
    -webkit-line-clamp: 5;
  }

  .container section.sec8 .contentList .right {
    display: block;
    width: 20.83vw;
  }

  .container section.sec8 .contentList .right .infoBox {
    margin: 0;
    width: 100%;
  }

  .container section.sec8 .contentList .right .infoBox p {
    font-size: 3.61vw;
    line-height: 150%;
    word-break: keep-all;
  }

  .container section.sec8 .contentList .right .infoBox p.name1 span,
  .container section.sec8 .contentList .right .infoBox p.name2 span {
    font-size: 3.61vw;
    line-height: 150%;
    word-break: keep-all;
  }

  .container section.sec8 .contentList .right .infoBox p.name2 span {}

  .container section.sec8 .contentList .right .btnReview {
    height: 27.78vw;
    width: 100%;
    margin-top: 2.08vw;
    font-size: 4.17vw;
  }

  /*  banner3 */
  section.banner3 {}

  section.banner3 .inner {
    width: 100%;
    padding: 16.67vw 6.94vw 0;
  }

  section.banner3 .inner a {
    display: block;
    text-align: right;
  }

  section.banner3 .inner a .txtBox {
    text-align: left;
  }

  section.banner3 .inner a img {
    width: 24.21vw;
    margin-top: -5.42vw;
    vertical-align: bottom;
  }

  section.banner3 p {}

  section.banner3 p.txt1 {
    font-size: 6.25vw;
    line-height: 4.17vw;
  }

  section.banner3 p.txt1 span {}

  section.banner3 p.txt2 {
    font-size: 4.17vw;
    line-height: 200%;
  }

  section.banner3 p.view {
    margin-top: 4.17vw;
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
  }

  section.banner3 p.view img {
    width: 4.86vw;
    margin-left: 1.39vw;
    margin-top: 0;
  }

  /* sec9 */

  .container section.sec9 {
    padding-bottom: 16.67vw;
  }

  .container section.sec9 .inner {
    width: 100%;
    padding: 0 6.94vw;
  }

  .container section.sec9 .tit1 {
    font-size: 8.33vw;
    line-height: 8.33vw;
  }

  .container section.sec9 .tit2 {
    font-size: 4.17vw;
    line-height: 200%;
    margin-top: 0;
  }

  .container section.sec9 .btnOutbox {
    margin-top: 4.17vw;
  }

  .container section.sec9 .btnOutbox a {
    font-size: 6.94vw;
    letter-spacing: -0.21vw;
  }

  .container section.sec9 .btnOutbox a span {}

  .container section.sec9 .btnOutbox a.btnMore {
    font-size: 3.92vw;
    letter-spacing: -0.12vw;
    word-break: keep-all;
  }

  .container section.sec9 .btnOutbox a.btnLogo img {
    width: 6.94vw;
    margin-right: 1.39vw;
  }

  .container section.sec9 .btnOutbox a.btnMore img {
    width: 1.39vw;
    margin-left: 1.39vw;
  }

  .container section.sec9 .youtubeBox {
    margin-top: 2.78vw;
    height: 48.51vw;
  }

  .container section.sec9 .youtubeBox #player1 {}

  .container section.sec9 .carList {
    margin-top: 4.17vw;
    gap: 2.78vw;
    grid-template-columns: 1fr;
  }

  .container section.sec9 .carList .car {
    padding: 4.17vw;
    width: 100%;
    position: relative;
    padding-left: 39.17vw;
    display: block;
  }

  .container section.sec9 .carList .car:last-child {
    margin-bottom: 0;
  }

  .container section.sec9 .carList .car .left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4.17vw;
  }

  .container section.sec9 .carList .car .left .imgBox {}

  .container section.sec9 .carList .car .left .imgBox.speed::before {}

  .container section.sec9 .carList .car .left .imgBox img {
    width: 32.22vw;
  }

  .container section.sec9 .carList .car .center {
    margin: 0;
    width: auto;
  }

  .container section.sec9 .carList .brandBox {}

  .container section.sec9 .carList .brandBox .brandIco {
    width: 8.71vw;
    margin: 0;
  }

  .container section.sec9 .carList .brandBox .model {
    font-size: 4.22vw;
    letter-spacing: -0.13vw;
  }

  .container section.sec9 .carList .trimBox {
    margin-top: 1.32vw;
  }

  .container section.sec9 .carList .trimBox .trim {
    font-size: 3.61vw;
    line-height: 130%;
  }

  .container section.sec9 .carList .car .right {
    width: auto;
    margin-top: 2.58vw;
  }

  .container section.sec9 .carList .car .right .txt1 {
    font-size: 2.78vw;
    letter-spacing: -0.08vw;
  }

  .container section.sec9 .carList .car .priceBox {
    margin-top: 0.79vw;
  }

  .container section.sec9 .carList .car .priceBox .carPrice .price {}

  .container section.sec9 .carList .car .priceBox .carPrice .price span.priceNm {
    font-size: 4.17vw;
  }

  .container section.sec9 .carList .car .priceBox .carPrice .price span:last-child {
    font-size: 3.47vw;
  }

  .container section.sec9 .carList .car .priceBox .rentPrice .price span {
    font-size: 3.47vw;
  }

  .container section.sec9 .carList .car .priceBox .rentPrice .price span:first-child {
    margin-right: 1.11vw;
  }

  .container section.sec9 .carList .car .priceBox .rentPrice .price .priceNm {
    font-size: 4.17vw;
  }

  .container section.sec9 .carList .car .btnBox {
    margin-top: 2.64vw;
    gap: 1.32vw;
    justify-content: unset;
    height: 10.56vw;
  }

  .container section.sec9 .carList .car .btnBox a,
  .container section.sec9 .carList .car .btnBox button {
    height: 100%;
    width: 50%;
    font-size: 2.78vw;
    line-height: 7.92vw;
    letter-spacing: -0.06vw;
  }
}