@charset "UTF-8";

.header {
  background: transparent;
}

.kv {
  margin: 0 auto;
  max-width: 1920px;
  height: 950px;
  background-image: url(../img/rent/bg_kv.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-position: center;
}

.kv .inner {
  width: 1280px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.kv .viewBox {
  display: flex;
  align-items: center;
  height: auto;
}

.kv .viewBox .txtBox {
  margin-top: 125px;
}

.kv .viewBox .txtBox .txt1 {
  color: var(--cf, #fff);
  font-family: Pretendard;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 90px;
  /* 150% */
}

.kv .viewBox .txtBox .txt2 {
  color: var(--cf, #fff);
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
}

/* sec1 */
.container section.sec1 {
  padding: 120px 0;
  background: #f5f5f3;
}

.container section.sec1 .inner {
  padding-bottom: 0;
}

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

.sec1 .btnBox {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.sec1 .btnBox .btnGo {
  width: 410px;
  border-radius: 50px 0px 0px 0px;
  border-right: 1px solid var(--cd, #dedede);
  border-bottom: 1px solid var(--cd, #dedede);
  background: #f9f9f9;
  padding: 43px 30px 20px 45px;
}

.sec1 .btnBox .btnGo .top .txt1 {
  position: relative;
  width: fit-content;
}

.sec1 .btnBox .btnGo .top .txt1 span {
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  z-index: 2;
  position: relative;
}

.sec1 .btnBox .btnGo .top .txt1::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fff3b6;
}

.sec1.hybrid .btnBox .btnGo .top .txt1::after {
  background: #dceee6;
}

.sec1 .btnBox .btnGo .top .txt2 {
  margin-top: 73px;
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 33px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.sec1 .btnBox .btnGo .top .txt3 {
  margin-top: 10px;
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.sec1 .btnBox .btnGo .middle {
  margin: 59px 0;
  display: flex;
  justify-content: center;
}

.sec1.rent .btnBox .btnGo:nth-child(2) .middle {
  margin: 42px 0;
}

.sec1.hybrid .btnBox .btnGo:nth-child(2) .middle {
  margin: 42px 0;
}

.sec1.hybrid .btnBox .btnGo:nth-child(3) .middle {
  margin: 9px 0;
}

.sec1 .btnBox .btnGo .bottom {
  display: flex;
  justify-content: flex-end;
}

.sec1.node {
  padding: 120px 0;
  background: #f5f5f3;
}

.sec1.node .inner {
  padding-bottom: 0;
}

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

.sec1.node .txtArea {
  display: flex;
  justify-content: center;
  margin-top: 170px;
}

.sec1.node .txtBox {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 500px;
  height: 500px;
  align-items: center;
  border-radius: 100%;
  background: var(--title-, #222);
  padding-top: 164px;
}

.sec1.node .txtBox .file {
  width: 350px;
  height: 251px;
  margin-top: -271px;
  margin-left: -49px;
}

.sec1.node .txtBox .txt1 {
  /* 150% */
  color: #fff;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.6px;
  margin-top: 16px;
}

.sec1.node .txtBox .txt1 span {
  font-weight: 700;
}

.sec1.node .txtBox .txt2 {
  color: #fff;
  font-family: Pretendard;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  /* 155.556% */
  letter-spacing: -0.5px;
  margin-top: 27px;
}

.sec1.node .txtBox .txt2 span {
  font-size: 25px;
  font-weight: 700;
  line-height: 35px;
  letter-spacing: -0.5px;
  text-decoration-line: underline;
  text-underline-position: from-font;
}

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

.container section.sec2 .inner {
  padding-bottom: 0;
}

.sec2 .inner .bell {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 196px;
  animation: ring 2s linear infinite;
}

.sec2 .inner .txt1 {
  display: flex;
  justify-content: center;
  color: var(--title-, #222);
  text-align: center;
  font-family: Pretendard;
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  /* 107.143% */
  margin-top: 60px;
}

.sec2 .inner .countBox {
  display: flex;
  width: 1280px;
  padding: 33px 0;
  align-items: baseline;
  justify-content: center;
  background: var(--A1, #e40321);
  margin-top: 60px;
}

.sec2 .inner .countBox p {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.6px;
  height: 50px;
  display: flex;
}

.sec2 .inner .countBox span {
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 50px;
  /* 100% */
  letter-spacing: -1px;
  margin-left: 10px;
}

.sec2 .bestCarBox {
  margin-top: 60px;
  padding: 60px 150px 60px 100px;
  background: #fff;
}

.sec2 .bestCarBox .carBox {
  display: flex;
  justify-content: space-between;
  margin-top: 47px;
}

.sec2 .bestCarBox .carBox .left {
  display: flex;
  align-items: center;
  justify-self: center;
}

.sec2 .bestCarBox .carBox .left .car {
  width: 500px;
}

.sec2 .bestCarBox .carBox .right {
  width: 500px;
}

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

.sec2 .bestCarBox .carBox .carImageSection {
  background-color: #f8f8f8;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec2 .bestCarBox .carBox .carImageSection .carImage {
  max-width: 100%;
  height: auto;
  display: block;
}

.sec2 .bestCarBox .carBox .right .badgeBox {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}

.sec2 .bestCarBox .carBox .right .badge {
  height: 35px;
}

.sec2 .bestCarBox .carBox .right .carHeader {
  margin-bottom: 10px;
}

.sec2 .bestCarBox .carBox .right .carHeader .brandBox {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.sec2 .bestCarBox .carBox .right .carHeader .brandLogo {
  width: 60px;
  height: 30px;
  object-fit: contain;
}

.sec2 .bestCarBox .carBox .right .carHeader .carTitle {
  display: flex;
  align-items: center;
  color: var(--title-, #222);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.54px;
}

.sec2 .bestCarBox .carBox .right .carHeader .carTitle p {
  margin-left: 10px;
  color: var(--A1, #e40321);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.39px;
}

.sec2 .bestCarBox .carBox .right .carHeader .carSubtitle {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
}

.sec2 .bestCarBox .carBox .right .infoBox {
  border-top: 1px solid var(--cd, #dedede);
  padding-top: 15px;
  margin-bottom: 15px;
}

.sec2 .bestCarBox .carBox .right .infoRow {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  align-items: center;
}

.sec2 .bestCarBox .carBox .right .infoRow:first-child {
  margin-top: 0;
}

.sec2 .bestCarBox .carBox .right .infoRow .infoLabel {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
}

.sec2 .bestCarBox .carBox .right .infoRow .infoValue {
  color: var(--title-, #222);
  text-align: right;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.28px;
}

.sec2 .bestCarBox .carBox .right .infoBox .infoRow .infoValue.infoValuePrice {
  color: var(--title-, #222);
  text-align: right;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.36px;
}

.sec2 .bestCarBox .carBox .right .infoRow .infoValue .colorInfo {
  display: flex;
  color: var(--title-, #222);
  text-align: right;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.28px;
}

.sec2 .bestCarBox .carBox .right .infoBox .infoRow .infoValue .colorInfo .colorSeparator {
  color: #ccc;
  margin: 0 20px;
  width: 2px;
}

.sec2 .bestCarBox .carBox .right .priceBox {
  border-top: 1px solid var(--cd, #dedede);
  padding-top: 10px;
}

.sec2 .bestCarBox .carBox .right .priceLabel {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.42px;
}

.sec2 .bestCarBox .carBox .right .priceRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.sec2 .bestCarBox .carBox .right .priceOriginal {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  color: var(--ca, #aaa);
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.32px;
}

.sec2 .bestCarBox .carBox .right .priceOriginal span {
  font-size: 18px;
}

.sec2 .bestCarBox .carBox .right .priceDiscount {
  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;
}

.sec2 .bestCarBox .carBox .right .priceBox .priceDiscount span {
  color: var(--A1, #e40321);
  font-size: 18px;
}

.sec2 .bestCarBox .carBox .right .consultButton {
  margin-top: 25px;
  width: 100%;
  padding: 25px;
  cursor: pointer;
  border-radius: 100px;
  background: var(--title-, #222);
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* sec3 */
.container section.sec3 {
  background: #f9f9f9;
  padding: 0;
}

.container section.sec3 .inner {
  padding-bottom: 120px;
}

.container section.sec3 .brandList {
  padding-bottom: 30px;
  margin: 0 auto;
  overflow: hidden;
}

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

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

.container section.sec3 .brandList button:hover {
  border: 1px solid var(--A1, #e40321);
}

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

.container section.sec3 .brandList button .brand img {
  height: 40px;
}

.container section.sec3 .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.sec3 .brandList button:last-child {
  justify-content: center;
}

.container section.sec3 .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.sec3 .carList {
  padding-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-top: 1px solid var(--cd, #dedede);
  gap: 30px 25px;
}

.container section.sec3 .carList .car {
  width: 410px;
  position: relative;
  border-radius: 20px;
  background: #fff;
}

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

.container section.sec3 .carList .imgBox {
  margin-top: 85px;
}

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

.container section.sec3 .carList .brandBox {
  display: flex;
  align-items: center;
  margin-top: 15px;
  padding: 0 30px;
}

.container section.sec3 .carList .brandBox .brandIco {
  width: 50px;
}

.container section.sec3 .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.sec3 .carList .termmBox {
  display: flex;
  align-items: center;
  margin: 20px 30px 0;
}

.container section.sec3 .carList .termmBox .term {
  color: var(--c7, #777);
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.39px;
  border-left: 1px solid #777;
  padding: 0 5px;
  height: 13px;
  display: flex;
  align-items: center;
}

.container section.sec3 .carList .termmBox .term:first-child {
  border-left: none;
  padding-left: 0;
}

.container section.sec3 .carList .infoBox {
  margin-top: 20px;
  padding: 0 30px;
}

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

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

.container section.sec3 .carList .infoBox .priceBox .rent p,
.container section.sec3 .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.sec3 .carList .infoBox .priceBox img.icoBest {
  width: 77px;
  margin-left: 5px;
}

.container section.sec3 .carList .infoBox .priceBox .price.through {
  color: var(--ca, #aaa);
  text-align: right;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.36px;
  text-decoration: line-through;
  text-decoration-thickness: 2px;
}

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

.container section.sec3 .carList .infoBox .priceBox .price.through span {
  color: var(--ca, #aaa);
}

.container section.sec3 .carList .infoBox .priceBox .price span.priceNm {
  font-size: 18px;
  margin-left: 5px;
}

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

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

.container section.sec3 .carList .btnBox button {
  color: var(--title-, #222);
  border: 1px solid var(--ca, #aaa);
  background: #fff;
  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: 100%;
  height: 55px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.container section.sec3 .carList .btnBox button:hover {
  color: var(--cf-, #fff);
  background: var(--title-, #222);
  transition: all 0.3s;
}

/* banner */
section.banner {
  background: #f9f9f9;
  padding-bottom: 120px;
  padding-top: 0;
  display: none;
}

section.banner .inner {
  width: 1280px;
  margin: 0 auto;
  padding: 0 200px;
  background: #fff3b6;
}

section.banner.hybrid .inner {
  background: #DCEEE6;
}

section.banner .inner a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 130px;
}

section.banner.hybrid .inner a {
  height: 150px;
}

section.banner p {
  color: #000;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.26px;
}

section.banner p.txt1 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.36px;
}

section.banner p.txt2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.36px;
}

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

section.banner p.view img {
  margin-left: 10px;
}

section.banner img.item {
  margin-top: -71px;
}

section.banner.hybrid img.item {
  margin-top: 0px;
}

/*  */

.routeBox {
  background: transparent;
}

.routeBox a {
  color: #AAA;
}

.routeBox a.current {
  color: white;
}

.header .inner .menuBottom .bgLayer {
  background: transparent !important;
}

.container.white .header .inner .menuBottom .bgLayer {
  background: #fff !important;
}

.container {
  background: #010101;
}

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

@media (max-width:1320px) and (min-width: 721px) {
  .header {
    background: transparent;
  }

  .kv {
    margin: 0 auto;
    max-width: 145.45vw;
    height: 71.97vw;
    background-image: url(../img/rent/bg_kv.png);
    background-size: 145% 71.97vw;
    background-repeat: no-repeat;
    box-sizing: border-box;
  }

  .kv .inner {
    width: 96.97vw;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .kv .viewBox {
    display: flex;
    align-items: center;
    height: auto;
  }

  .kv .viewBox .txtBox {
    margin-top: 9.47vw;
  }

  .kv .viewBox .txtBox .txt1 {
    color: var(--cf, #fff);
    font-family: Pretendard;
    font-size: 4.55vw;
    font-style: normal;
    font-weight: 700;
    line-height: 6.82vw;
    /* 150% */
  }

  .kv .viewBox .txtBox .txt2 {
    color: var(--cf, #fff);
    font-family: Pretendard;
    font-size: 1.97vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 1.52vw;
  }

  /* sec1 */
  .container section.sec1 {
    padding: 9.09vw 0;
    background: #f5f5f3;
  }

  .container section.sec1 .inner {
    padding-bottom: 0;
  }

  .sec1 .tit1 {
    color: var(--title-, #222);
    text-align: center;
    font-family: Pretendard;
    font-size: 4.24vw;
    font-style: normal;
    font-weight: 700;
    line-height: 4.55vw;
    /* 107.143% */
  }

  .sec1 .btnBox {
    margin-top: 4.55vw;
    display: flex;
    justify-content: space-between;
  }

  .sec1 .btnBox .btnGo {
    width: 31.06vw;
    border-radius: 3.79vw 0vw 0vw 0vw;
    border-right: 0.08vw solid var(--cd, #dedede);
    border-bottom: 0.08vw solid var(--cd, #dedede);
    background: #f9f9f9;
    padding: 3.26vw 2.27vw 1.52vw 3.41vw;
  }

  .sec1 .btnBox .btnGo .top .txt1 {
    position: relative;
  }

  .sec1 .btnBox .btnGo .top .txt1 span {
    color: var(--title-, #222);
    text-align: center;
    font-family: Pretendard;
    font-size: 1.52vw;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    z-index: 2;
    position: relative;
  }

  .sec1 .btnBox .btnGo .top .txt1::after {
    width: 3.79vw;
    height: 3.79vw;
    border-radius: 100%;
    background: #fff3b6;
  }

  .sec1.hybrid .btnBox .btnGo .top .txt1::after {
    background: #dceee6;
  }

  .sec1 .btnBox .btnGo .top .txt2 {
    margin-top: 5.53vw;
    color: var(--title-, #222);
    font-family: Pretendard;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .sec1 .btnBox .btnGo .top .txt3 {
    margin-top: 0.76vw;
    color: var(--title-, #222);
    font-family: Pretendard;
    font-size: 1.36vw;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
  }

  .sec1 .btnBox .btnGo .middle {
    margin: 4.47vw 0;
    display: flex;
    justify-content: center;
  }

  .sec1.rent .btnBox .btnGo:nth-child(2) .middle {
    margin: 3.18vw 0;
  }

  .sec1.rent .btnBox .btnGo:nth-child(1) .middle img {
    width: 19.39vw;
  }

  .sec1.rent .btnBox .btnGo:nth-child(2) .middle img {
    width: 22.73vw;
  }

  .sec1.rent .btnBox .btnGo:nth-child(3) .middle img {
    width: 13.15vw;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(2) .middle {
    margin: 3.18vw 0;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(3) .middle {
    margin: 0.68vw 0;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(1) .middle img {
    width: 19.39vw;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(2) .middle img {
    width: 22.73vw;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(3) .middle img {
    width: 22.73vw;
  }

  .sec1 .btnBox .btnGo .bottom {
    display: flex;
    justify-content: flex-end;
  }

  .sec1.node {
    padding: 9.09vw 0;
    background: #f5f5f3;
  }

  .sec1.node .inner {
    padding-bottom: 0;
  }

  .sec1.node .tit1 {
    color: var(--title-, #222);
    text-align: center;
    font-family: Pretendard;
    font-size: 4.24vw;
    font-style: normal;
    font-weight: 700;
    line-height: 4.55vw;
    /* 107.143% */
  }

  .sec1.node .txtArea {
    display: flex;
    justify-content: center;
    margin-top: 12.88vw;
  }

  .sec1.node .txtBox {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 37.88vw;
    height: 37.88vw;
    align-items: center;
    border-radius: 100%;
    background: var(--title-, #222);
    padding-top: 12.42vw;
  }

  .sec1.node .txtBox .file {
    width: 26.52vw;
    height: 19.02vw;
    margin-top: -20.53vw;
    margin-left: -3.71vw;
  }

  .sec1.node .txtBox .txt1 {
    /* 150% */
    color: #fff;
    font-family: Pretendard;
    font-size: 2.27vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.05vw;
    margin-top: 1.21vw;
  }

  .sec1.node .txtBox .txt1 span {
    font-weight: 700;
  }

  .sec1.node .txtBox .txt2 {
    color: #fff;
    font-family: Pretendard;
    font-size: 1.89vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.65vw;
    /* 155.556% */
    letter-spacing: -0.04vw;
    margin-top: 2.05vw;
  }

  .sec1.node .txtBox .txt2 span {
    font-size: 1.89vw;
    font-weight: 700;
    line-height: 2.65vw;
    letter-spacing: -0.04vw;
    text-decoration-line: underline;
    text-underline-position: from-font;
  }

  /* sec2 */
  .container section.sec2 {
    padding: 4.55vw 0;
    background: #f9f9f9;
  }

  .container section.sec2 .inner {
    padding-bottom: 0;
  }

  .sec2 .inner .bell {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 14.85vw;
    animation: ring 2s linear infinite;
  }

  .sec2 .inner .txt1 {
    display: flex;
    justify-content: center;
    color: var(--title-, #222);
    text-align: center;
    font-family: Pretendard;
    font-size: 4.24vw;
    font-style: normal;
    font-weight: 700;
    line-height: 4.55vw;
    /* 107.143% */
    margin-top: 4.55vw;
  }

  .sec2 .inner .countBox {
    display: flex;
    width: 96.97vw;
    padding: 2.5vw 0;
    align-items: baseline;
    justify-content: center;
    background: var(--A1, #e40321);
    margin-top: 4.55vw;
  }

  .sec2 .inner .countBox p {
    color: #fff;
    text-align: center;
    font-family: Pretendard;
    font-size: 2.27vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.05vw;
    height: 3.79vw;
    display: flex;
  }

  .sec2 .inner .countBox span {
    color: #fff;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.79vw;
    font-style: normal;
    font-weight: 700;
    line-height: 3.79vw;
    /* 100% */
    letter-spacing: -0.08vw;
    margin-left: 0.76vw;
  }

  .sec2 .bestCarBox {
    margin-top: 4.55vw;
    padding: 4.55vw 11.36vw 4.55vw 7.58vw;
    background: #fff;
  }

  .sec2 .bestCarBox .carBox {
    display: flex;
    justify-content: space-between;
    margin-top: 3.56vw;
  }

  .sec2 .bestCarBox .carBox .left {
    display: flex;
    align-items: center;
    justify-self: center;
  }

  .sec2 .bestCarBox .carBox .left .car {
    width: 37.88vw;
  }

  .sec2 .bestCarBox .carBox .right {
    width: 37.88vw;
  }

  .sec2 .bestCarBox .tit1 {
    color: var(--title-, #222);
    text-align: center;
    font-family: Pretendard;
    font-size: 2.27vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .sec2 .bestCarBox .carBox .carImageSection {
    background-color: #f8f8f8;
    padding: 1.52vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .sec2 .bestCarBox .carBox .carImageSection .carImage {
    max-width: 100%;
    height: auto;
    display: block;
  }

  .sec2 .bestCarBox .carBox .right .badgeBox {
    display: flex;
    gap: 0.38vw;
    margin-bottom: 0.76vw;
  }

  .sec2 .bestCarBox .carBox .right .badge {
    height: 2.65vw;
  }

  .sec2 .bestCarBox .carBox .right .carHeader {
    margin-bottom: 0.76vw;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .brandBox {
    display: flex;
    align-items: center;
    margin-bottom: 0.38vw;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .brandBox img {
    width: 6.82vw;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .brandLogo {
    width: 4.55vw;
    height: 2.27vw;
    object-fit: contain;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .carTitle {
    display: flex;
    align-items: center;
    color: var(--title-, #222);
    font-family: Pretendard;
    font-size: 1.36vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.04vw;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .carTitle p {
    margin-left: 0.76vw;
    color: var(--A1, #e40321);
    font-family: Pretendard;
    font-size: 0.98vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03vw;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .carSubtitle {
    color: var(--c7, #777);
    font-family: Pretendard;
    font-size: 1.06vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.03vw;
  }

  .sec2 .bestCarBox .carBox .right .infoBox {
    border-top: 0.08vw solid var(--cd, #dedede);
    padding-top: 1.14vw;
    margin-bottom: 1.14vw;
  }

  .sec2 .bestCarBox .carBox .right .infoRow {
    display: flex;
    justify-content: space-between;
    margin-top: 0.76vw;
    align-items: center;
  }

  .sec2 .bestCarBox .carBox .right .infoRow:first-child {
    margin-top: 0;
  }

  .sec2 .bestCarBox .carBox .right .infoRow .infoLabel {
    color: var(--c7, #777);
    font-family: Pretendard;
    font-size: 1.06vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.03vw;
  }

  .sec2 .bestCarBox .carBox .right .infoRow .infoValue {
    color: var(--title-, #222);
    text-align: right;
    font-family: Pretendard;
    font-size: 1.06vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02vw;
  }

  .sec2 .bestCarBox .carBox .right .infoBox .infoRow .infoValue.infoValuePrice {
    color: var(--title-, #222);
    text-align: right;
    font-family: Pretendard;
    font-size: 1.36vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03vw;
  }

  .sec2 .bestCarBox .carBox .right .infoRow .infoValue .colorInfo {
    display: flex;
    color: var(--title-, #222);
    text-align: right;
    font-family: Pretendard;
    font-size: 1.06vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02vw;
  }

  .sec2 .bestCarBox .carBox .right .infoBox .infoRow .infoValue .colorInfo .colorSeparator {
    color: #ccc;
    margin: 0 1.52vw;
    width: 0.15vw;
  }

  .sec2 .bestCarBox .carBox .right .priceBox {
    border-top: 0.08vw solid var(--cd, #dedede);
    padding-top: 0.76vw;
  }

  .sec2 .bestCarBox .carBox .right .priceLabel {
    color: var(--c7, #777);
    font-family: Pretendard;
    font-size: 1.06vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.03vw;
  }

  .sec2 .bestCarBox .carBox .right .priceRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.76vw;
  }

  .sec2 .bestCarBox .carBox .right .priceOriginal {
    text-decoration: line-through;
    text-decoration-thickness: 0.15vw;
    color: var(--ca, #aaa);
    text-align: right;
    font-family: Pretendard;
    font-size: 1.21vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02vw;
  }

  .sec2 .bestCarBox .carBox .right .priceOriginal span {
    font-size: 1.36vw;
  }

  .sec2 .bestCarBox .carBox .right .priceDiscount {
    color: var(--title-, #222);
    text-align: right;
    font-family: Pretendard;
    font-size: 1.21vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.02vw;
  }

  .sec2 .bestCarBox .carBox .right .priceBox .priceDiscount span {
    color: var(--A1, #e40321);
    font-size: 1.36vw;
  }

  .sec2 .bestCarBox .carBox .right .consultButton {
    margin-top: 1.89vw;
    width: 100%;
    padding: 1.89vw;
    cursor: pointer;
    border-radius: 7.58vw;
    background: var(--title-, #222);
    color: #fff;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.21vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  /* sec3 */
  .container section.sec3 {
    background: #f9f9f9;
    padding: 0;
  }

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

  .container section.sec3 .brandList {
    padding-bottom: 2.27vw;
    margin: 0 auto;
    overflow: hidden;
  }

  .container section.sec3 .brandList button {
    width: 8.33vw;
    height: 7.58vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    box-sizing: border-box;
    border: 0.08vw solid transparent;
    padding: 0.76vw 0;
    gap: 0.76vw;
  }

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

  .container section.sec3 .brandList button:hover {
    border: 0.08vw solid var(--A1, #e40321);
  }

  .container section.sec3 .brandList button .brand {
    display: flex;
    align-items: center;
    height: 4.55vw;
  }

  .container section.sec3 .brandList button .brand img {
    height: 3.03vw;
    width: auto;
  }

  .container section.sec3 .brandList button p {
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.82vw;
    font-style: normal;
    font-weight: 700;
    line-height: 2.27vw;
    /* 125% */
  }

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

  .container section.sec3 .brandList button span {
    color: #000;
    text-align: center;
    font-family: Pretendard;
    font-size: 1.21vw;
    font-style: normal;
    font-weight: 400;
    line-height: 2.27vw;
    /* 187.5% */
  }

  .container section.sec3 .carList {
    padding-top: 2.27vw;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-top: 0.08vw solid var(--cd, #dedede);
    gap: 2.27vw 1.89vw;
  }

  .container section.sec3 .carList .car {
    width: 31.06vw;
    position: relative;
    border-radius: 1.52vw;
    background: #fff;
  }

  .container section.sec3 .carList .car.promo::after {
    content: "";
    position: absolute;
    top: 2.27vw;
    left: 2.27vw;
    background: url(../img/main/ico_speed.png) no-repeat;
    width: 6.14vw;
    height: 2.73vw;
    background-size: 100%;
    display: block;
  }

  .container section.sec3 .carList .imgBox {
    margin-top: 6.44vw;
  }

  .container section.sec3 .carList .imgBox img {
    width: 22.05vw;
    margin: 0 auto;
    display: block;
  }

  .container section.sec3 .carList .brandBox {
    display: flex;
    align-items: center;
    margin-top: 1.14vw;
    padding: 0 2.27vw;
  }

  .container section.sec3 .carList .brandBox .brandIco {
    width: 3.79vw;
  }

  .container section.sec3 .carList .brandBox .model {
    color: var(--title-, #222);
    font-family: Pretendard;
    font-size: 1.36vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.04vw;
  }

  .container section.sec3 .carList .termmBox {
    display: flex;
    align-items: center;
    margin: 1.52vw 2.27vw 0;
  }

  .container section.sec3 .carList .termmBox .term {
    color: var(--c7, #777);
    font-family: Pretendard;
    font-size: 0.98vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.03vw;
    border-left: 0.08vw solid #777;
    padding: 0 0.38vw;
    height: 0.98vw;
    display: flex;
    align-items: center;
  }

  .container section.sec3 .carList .termmBox .term:first-child {
    border-left: none;
    padding-left: 0;
  }

  .container section.sec3 .carList .infoBox {
    margin-top: 1.52vw;
    padding: 0 2.27vw;
  }

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

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

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

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

  .container section.sec3 .carList .infoBox .priceBox .price.through {
    color: var(--ca, #aaa);
    text-align: right;
    font-family: Pretendard;
    font-size: 1.36vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03vw;
    text-decoration: line-through;
    text-decoration-thickness: 0.15vw;
  }

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

  .container section.sec3 .carList .infoBox .priceBox .price.through span {
    color: var(--ca, #aaa);
  }

  .container section.sec3 .carList .infoBox .priceBox .price span.priceNm {
    font-size: 1.36vw;
    margin-left: 0.38vw;
  }

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

  .container section.sec3 .carList .btnBox {
    margin-top: 1.14vw;
    padding: 0vw 2.27vw 2.65vw;
    display: flex;
    justify-content: space-between;
  }

  .container section.sec3 .carList .btnBox button {
    color: var(--title-, #222);
    border: 0.08vw solid var(--ca, #aaa);
    background: #fff;
    text-align: center;
    font-family: Pretendard;
    font-size: 0.98vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.03vw;
    display: flex;
    width: 100%;
    height: 4.17vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .container section.sec3 .carList .btnBox button:hover {
    color: var(--cf-, #fff);
    background: var(--title-, #222);
    transition: all 0.3s;
  }

  /* banner */
  section.banner {
    background: #f9f9f9;
    padding-bottom: 9.09vw;
    padding-top: 0;
    display: none;
  }

  section.banner .inner {
    width: 96.97vw;
    margin: 0 auto;
    padding: 0 15.15vw;
    background: #fff3b6;
  }

  section.banner.hybrid .inner {
    background: #DCEEE6;
  }

  section.banner .inner a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 9.85vw;
  }

  section.banner.hybrid .inner a {
    height: 11.36vw;
  }

  section.banner p {
    color: #000;
    font-family: Pretendard;
    font-size: 0.98vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.52vw;
    letter-spacing: -0.02vw;
  }

  section.banner p.txt1 {
    font-size: 1.36vw;
    font-weight: 400;
    line-height: 1.82vw;
    letter-spacing: -0.03vw;
  }

  section.banner p.txt2 {
    font-size: 1.36vw;
    font-weight: 700;
    line-height: 1.82vw;
    letter-spacing: -0.03vw;
  }

  section.banner p.view {
    display: flex;
    align-items: center;
    margin-top: 0.76vw;
  }

  section.banner p.view img {
    margin-left: 0.76vw;
  }

  section.banner img.item {
    margin-top: -5.38vw;
  }

  section.banner.hybrid img.item {
    margin-top: 0vw;
  }

  /*  */

  .routeBox {
    background: transparent;
  }

  .routeBox a {
    color: #AAA;
  }

  .routeBox a.current {
    color: white;
  }

  .header .inner .menuBottom .bgLayer {
    background: transparent !important;
  }

  .container.white .header .inner .menuBottom .bgLayer {
    background: #fff !important;
  }

  .container {
    background: #010101;
  }
}

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

@media (max-width: 720px) {
  .header {}

  .kv {
    height: 118.06vw;
    background-size: 100% auto;
    background-image: url(../img/rent/bg_kv_mo.png);
  }

  .kv .inner {
    width: 100%;
  }

  .kv .viewBox {
    padding: 0 6.94vw;
  }

  .kv .viewBox .txtBox {
    margin-top: 17.36vw;
  }

  .kv .viewBox .txtBox .txt1 {
    font-size: 8.33vw;
    line-height: 12.5vw;
  }

  .kv .viewBox .txtBox .txt2 {
    font-size: 3.61vw;
    line-height: 5.56vw;
    margin-top: 2.78vw;
  }

  /* sec1 */
  .container section.sec1 {
    padding: 16.67vw 6.94vw 13.89vw;
  }

  .container section.sec1 .inner {}

  .sec1 .tit1 {
    font-size: 6.94vw;
    line-height: 8.33vw;
  }

  .sec1 .btnBox {
    margin-top: 8.33vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.78vw;
  }

  .sec1 .btnBox .btnGo {
    padding: 6.94vw 2.78vw 2.78vw;
    height: 57.64vw;
    width: 41.67vw;
    box-sizing: border-box;
  }

  .sec1 .btnBox .btnGo .top .txt1 {}

  .sec1 .btnBox .btnGo .top .txt1 span {
    font-size: 3.06vw;
    line-height: normal;
  }

  .sec1 .btnBox .btnGo .top .txt1::after {
    width: 5.56vw;
    height: 5.56vw;
  }

  .sec1.hybrid .btnBox .btnGo .top .txt1::after {}

  .sec1 .btnBox .btnGo .top .txt2 {
    font-size: 4.17vw;
    margin-top: 4.17vw;
  }

  .sec1 .btnBox .btnGo .top .txt3 {
    font-size: 3.06vw;
    line-height: 150%;
  }

  .sec1 .btnBox .btnGo .middle {
    margin: 0;
    display: flex;
    justify-content: right;
  }

  .sec1.rent .btnBox .btnGo:nth-child(1) .middle {
    margin-top: 0.99vw;
  }

  .sec1.rent .btnBox .btnGo:nth-child(2) .middle {
    margin: 0;
    margin-top: -0.83vw;
  }

  .sec1.rent .btnBox .btnGo:nth-child(3) .middle {
    margin-top: -1.31vw;
    justify-content: center;
  }

  .sec1.rent .btnBox .btnGo:nth-child(1) .middle img {
    width: 26.88vw;
  }

  .sec1.rent .btnBox .btnGo:nth-child(2) .middle img {
    width: 31.5vw;
  }

  .sec1.rent .btnBox .btnGo:nth-child(3) .middle img {
    width: 18.23vw;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(1) .middle {
    margin-top: 1.25vw;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(2) .middle {
    margin: 0;
    margin-top: 1.08vw;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(3) .middle {
    margin: 0;
    margin-top: -0.69vw;
    justify-content: left;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(1) .middle img {
    width: 26.24vw;
    height: auto;
    margin-right: 3.54vw;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(2) .middle img {
    width: 26.67vw;
    height: auto;
    margin-right: 3.33vw;
  }

  .sec1.hybrid .btnBox .btnGo:nth-child(3) .middle img {
    height: 24.58vw;
    width: auto;
  }

  .sec1 .btnBox .btnGo .bottom {}

  .container section.sec1.node {
    padding-bottom: 16.67vw;
  }

  .sec1.node .inner {}

  .sec1.node .tit1 {
    font-size: 6.94vw;
    line-height: 8.33vw;
  }

  .sec1.node .txtArea {
    margin-top: 23.61vw;
  }

  .sec1.node .txtBox {
    padding: 0;
    width: 69.44vw;
    height: 69.44vw;
  }

  .sec1.node .txtBox .file {
    width: 41.67vw;
    height: auto;
    margin: 0;
    margin-top: -15.28vw;
  }

  .sec1.node .txtBox .txt1 {
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
    margin-top: 2.56vw;
  }

  .sec1.node .txtBox .txt1 span {}

  .sec1.node .txtBox .txt2 {
    font-size: 3.47vw;
    line-height: 4.86vw;
    letter-spacing: -0.07vw;
    margin-top: 4.17vw;
  }

  .sec1.node .txtBox .txt2 span {
    font-size: 3.47vw;
    line-height: 4.86vw;
    letter-spacing: -0.07vw;
  }

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

  .container section.sec2 .inner {}

  .sec2 .inner .bell {
    height: 27.78vw;
    width: auto;
  }

  .sec2 .inner .txt1 {
    margin-top: 8.33vw;
    font-size: 8.33vw;
    line-height: 140%;
  }

  .sec2 .inner .countBox {
    width: 100%;
    margin-top: 8.33vw;
    padding: 5.56vw 0;
  }

  .sec2 .inner .countBox p {
    height: 6.94vw;
    font-size: 4.17vw;
    display: flex;
    line-height: normal;
    letter-spacing: -0.08vw;
  }

  .sec2 .inner .countBox span {
    font-size: 6.94vw;
    line-height: 6.94vw;
    letter-spacing: -0.14vw;
    margin-left: 1.39vw;
  }

  .sec2 .bestCarBox {
    margin-top: 8.33vw;
    padding: 16.67vw 8.33vw;
  }

  .sec2 .bestCarBox .carBox {
    margin-top: 8.47vw;
    display: block;
  }

  .sec2 .bestCarBox .carBox .left {
    width: 100%;
  }

  .sec2 .bestCarBox .carBox .left .car {
    width: 100%;
  }

  .sec2 .bestCarBox .carBox .right {
    margin-top: 4.17vw;
    width: 100%;
  }

  .sec2 .bestCarBox .tit1 {
    font-size: 5.56vw;
  }

  .sec2 .bestCarBox .carBox .carImageSection {}

  .sec2 .bestCarBox .carBox .carImageSection .carImage {}

  .sec2 .bestCarBox .carBox .right .badgeBox {}

  .sec2 .bestCarBox .carBox .right .badge {}

  .sec2 .bestCarBox .carBox .right .carHeader {
    margin-bottom: 4.17vw;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .brandBox {
    margin-bottom: 2.78vw;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .brandBox img {
    height: 8.33vw;
    width: auto;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .carTitle {
    font-size: 4.17vw;
    letter-spacing: -0.13vw;
  }

  .sec2 .bestCarBox .carBox .right .carHeader .carTitle p {}

  .sec2 .bestCarBox .carBox .right .carHeader .carSubtitle {
    font-size: 3.06vw;
    letter-spacing: -0.09vw;
  }

  .sec2 .bestCarBox .carBox .right .infoBox {
    padding: 4.17vw 0;
    margin: 0;
  }

  .sec2 .bestCarBox .carBox .right .infoRow {}

  .sec2 .bestCarBox .carBox .right .infoRow:first-child {}

  .sec2 .bestCarBox .carBox .right .infoRow .infoLabel {
    font-size: 3.06vw;
    letter-spacing: -0.09vw;
  }

  .sec2 .bestCarBox .carBox .right .infoRow .infoValue {}

  .sec2 .bestCarBox .carBox .right .infoBox .infoRow .infoValue.infoValuePrice {
    font-size: 3.61vw;
    letter-spacing: -0.07vw;
  }

  .sec2 .bestCarBox .carBox .right .infoRow .infoValue .colorInfo {}

  .sec2 .bestCarBox .carBox .right .infoBox .infoRow .infoValue .colorInfo .colorSeparator {}

  .sec2 .bestCarBox .carBox .right .priceBox {
    padding-top: 4.17vw;
  }

  .sec2 .bestCarBox .carBox .right .priceLabel {
    font-size: 3.61vw;
    letter-spacing: -0.11vw;
  }

  .sec2 .bestCarBox .carBox .right .priceRow {
    margin-top: 1.39vw;
  }

  .sec2 .bestCarBox .carBox .right .priceOriginal {
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
    text-decoration-thickness: 0.28vw;
  }

  .sec2 .bestCarBox .carBox .right .priceOriginal span {
    font-size: 4.17vw;
  }

  .sec2 .bestCarBox .carBox .right .priceDiscount {
    font-size: 4.17vw;
    letter-spacing: -0.08vw;
  }

  .sec2 .bestCarBox .carBox .right .priceBox .priceDiscount span {
    font-size: 4.17vw;
  }

  .sec2 .bestCarBox .carBox .right .consultButton {
    height: 13.89vw;
    margin-top: 6.94vw;
    border-radius: 13.89vw;
    font-size: 3.61vw;
    padding: 0;
  }

  /* sec3 */
  .container section.sec3 {
    padding: 8.33vw 6.94vw 16.67vw;
  }

  .container section.sec3 .inner {
    padding: 0;
  }

  .container section.sec3 .brandList {
    padding: 0;
    overflow: hidden;
  }

  .container section.sec3 .brandList button {
    width: 21.53vw;
    height: 19.57vw;
    padding: 1.96vw 0 1.91vw;
    gap: 0;
  }

  .container section.sec3 .brandList button:first-child {
    padding-top: 2.83vw;
  }

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

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

  .container section.sec3 .brandList button .brand {
    height: auto;
  }

  .container section.sec3 .brandList button .brand img {
    height: 7.83vw;
    width: auto;
  }

  .container section.sec3 .brandList button p {
    font-size: 4.7vw;
    line-height: 5.87vw;
  }

  .container section.sec3 .brandList button:last-child {
    padding: 0;
  }

  .container section.sec3 .brandList button span {
    font-size: 3.13vw;
    line-height: 5.87vw;
  }

  .container section.sec3 .brandList button.on span {
    font-weight: bold;
  }

  .container section.sec3 .carList {
    border: none;
    padding-top: 8.33vw;
    grid-template-columns: 1fr;
    gap: 2.78vw;
  }

  .container section.sec3 .carList .car {
    margin: 0;
    width: 100%;
    border-radius: 4.2vw;
    padding: 6.3vw 6.3vw 8.4vw;
  }

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

  .container section.sec3 .carList .imgBox {
    margin-top: 0;
  }

  .container section.sec3 .carList .imgBox img {
    width: auto;
    height: 30.63vw;
  }

  .container section.sec3 .carList .brandBox {
    margin-top: 4.2vw;
    padding: 0;
  }

  .container section.sec3 .carList .brandBox .brandIco {
    height: 8.4vw;
    width: auto;
  }

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

  .container section.sec3 .carList .termmBox {
    margin: 2.75vw 0 0;
  }

  .container section.sec3 .carList .termmBox .term {
    font-size: 3.61vw;
    letter-spacing: -0.11vw;
    height: auto;
    padding: 0 0.69vw;
  }

  .container section.sec3 .carList .termmBox .term:first-child {}

  .container section.sec3 .carList .infoBox {
    padding: 0;
    margin-top: 5.59vw;
  }

  .container section.sec3 .carList .infoBox .priceBox {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4.88vw;
  }

  .container section.sec3 .carList .infoBox .priceBox .rent,
  .container section.sec3 .carList .infoBox .priceBox .promotion {
    padding: 0;
  }

  .container section.sec3 .carList .infoBox .priceBox .rent p,
  .container section.sec3 .carList .infoBox .priceBox .promotion p {
    font-size: 3.61vw;
    letter-spacing: -0.11vw;
  }

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

  .container section.sec3 .carList .infoBox .priceBox .price.through {
    font-size: 3.61vw;
    letter-spacing: -0.07vw;
    text-decoration-thickness: 0.28vw;
  }

  .container section.sec3 .carList .infoBox .priceBox .price span {
    font-size: 3.61vw;
    letter-spacing: -0.07vw;
  }

  .container section.sec3 .carList .infoBox .priceBox .price.through span {
    font-size: 3.61vw;
    letter-spacing: -0.07vw;
  }

  .container section.sec3 .carList .infoBox .priceBox .price span.priceNm {
    font-size: 3.61vw;
    letter-spacing: -0.07vw;
  }

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

  .container section.sec3 .carList .btnBox {
    margin-top: 4.2vw;
    padding: 0;
  }

  .container section.sec3 .carList .btnBox button {
    height: 13.89vw;
    letter-spacing: -0.11vw;
    font-size: 3.61vw;
  }

  .container section.sec3 .carList .btnBox button:hover {}

  /* banner */
  section.banner {}

  section.banner .inner {}

  section.banner.hybrid .inner {}

  section.banner .inner a {}

  section.banner.hybrid .inner a {}

  section.banner p {}

  section.banner p.txt1 {}

  section.banner p.txt2 {}

  section.banner p.view {}

  section.banner p.view img {}

  section.banner img.item {}

  section.banner.hybrid img.item {}

  /*  */

  .routeBox {}

  .routeBox a {}

  .routeBox a.current {}

  .header .inner .menuBottom .bgLayer {}

  .container.white .header .inner .menuBottom .bgLayer {}

  .container {}

}