@charset "UTF-8";

/**
 @mixin
 */
/*img url*/
/*life*/
/*life*/
html {
  scroll-behavior: smooth;
}

.hidden {
  height: 100vh;
  min-height: 100%;
  overflow: hidden !important;
  -ms-touch-action: none;
  touch-action: none;
  height: -webkit-fill-available;
}

.contents-warp {
  position: relative;
  z-index: 100;
  padding-top: 0.9rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 1920px) {
  .contents-warp {
    margin: 0 auto;
  }
}

@media (max-width: 1024px) {
  .contents-warp {
    padding-top: 0.6rem;
    padding-bottom: 0.1rem;
  }
}

::-webkit-scrollbar {
  width: 2px;
  height: 1px;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-button {
  background-color: #868686;
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}

.inner {
  position: relative;
  max-width: 11rem;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1200px) {
  .inner {
    width: 11rem;
    margin: 0 auto;
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

@media (max-width: 1024px) {
  .inner {
    width: 100%;
    max-width: 13rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

@media (max-width: 500px) {
  .inner {
    width: 100%;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.page-title-area {
  margin-bottom: 0.5rem;
}

@media (max-width: 500px) {
  .page-title-area {
    margin-bottom: 0.4rem;
  }
}

.page-title-area h1 {
  font-size: 0.6rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

@media (max-width: 500px) {
  .page-title-area h1 {
    font-size: 0.45rem;
  }
}

.page-title-area .title-text {
  font-size: 0.2rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 0.2rem;
}

.page-title-area .page-title-box-h2warp {
  margin-bottom: 0;
}

.page-title-area.border-bnone {
  border-bottom: 0 !important;
}

.page-title-area.fiexd .inner {
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 0.6rem;
  top: 0rem;
  left: 0;
  background-color: #fff;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #CCCCCC;
}

.page-title-area.fiexd h1 {
  width: 11rem;
  padding-left: 0rem;
  padding-right: 0rem;
  margin: 0 auto;
  font-size: 0.16rem !important;
  margin-top: 0 !important;
}

@media (max-width: 1024px) {
  .page-title-area.fiexd h1 {
    width: 100%;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.view-title.fiexd h1 {
  position: fixed;
  width: 100%;
  height: 0.6rem;
  top: 0rem;
  left: 0;
  background-color: #fff;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #CCCCCC;
}

.view-title.fiexd h1 em {
  display: none;
}

.view-title.fiexd h1 p {
  width: 11rem;
  padding-left: 0rem;
  padding-right: 0rem;
  margin: 0 auto;
  font-size: 0.16rem !important;
  margin-top: 0 !important;
}

@media (max-width: 1024px) {
  .view-title.fiexd h1 p {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.sub-page-title-box h2 {
  font-size: 0.5rem;
  font-family: 'home2023HyundaiSanstextCNBold';
  margin-bottom: 0.2rem;
}

@media (max-width: 500px) {
  .sub-page-title-box h2 {
    font-size: 0.3rem;
  }
}

.sub-page-title-box h2 span {
  color: var(--unnamed-color-00aad2);
}

.sub-page-title-box p {
  font-size: 0.2rem;
  font-family: "home2023HyundaiSansHeadCN";
  font-weight: 400;
}

@media (max-width: 500px) {
  .sub-page-title-box p {
    font-size: 0.18rem;
  }
}

.h2-title-text-box h2 {
  font-size: 0.5rem;
  font-family: 'home2023HyundaiSanstextCNBold';
  margin-bottom: 0.2rem;
}

@media (max-width: 500px) {
  .h2-title-text-box h2 {
    font-size: 0.35rem;
  }
}

.h2-title-text-box h2 span {
  color: var(--unnamed-color-00aad2);
}

.h2-title-text-box p {
  font-size: 0.2rem;
  font-family: "home2023HyundaiSansHeadCN";
  font-weight: 400;
}

@media (max-width: 500px) {
  .h2-title-text-box p {
    font-size: 0.18rem;
  }
}

.h3-title__tag h3 {
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
  margin-bottom: 0.2rem;
}

@media (max-width: 500px) {
  .h3-title__tag h3 {
    font-size: 0.3rem;
  }
}

.h3-title__tag p {
  font-size: 0.2rem;
  font-family: "home2023HyundaiSansHeadCN";
  font-weight: 400;
}

@media (max-width: 500px) {
  .h3-title__tag p {
    font-size: 0.18rem;
  }
}

.h3-title__tag div.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.15rem;
  color: var(--unnamed-color-676767);
}

@media (max-width: 500px) {
  .h3-title__tag div.tag {
    margin-top: 0.1rem;
  }
}

.h3-title__tag div.tag p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  font-size: 0.14rem;
  margin-right: 0.1rem;
}

.h3-title__tag div.tag p::before {
  content: "ㆍ";
  display: block;
  margin-right: 0.05rem;
}

.bg-dim-box {
  background-color: #6767674D;
}

/*keyvisual*/
.header.gnb-Fixed+.keyvisual-text-warp {
  height: 9.38rem;
}

@media (max-width: 500px) {
  .header.gnb-Fixed+.keyvisual-text-warp {
    height: calc(4rem - 0rem);
  }
}

/*keyvisual*/
.keyvisual-warp {
  position: relative;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  max-height: 6.5rem;
}

@media (min-width: 1920px) {
  .keyvisual-warp {
    background-size: cover;
  }
}

@media (max-width: 500px) {
  .keyvisual-warp {
    background-size: cover;
    height: 5.5rem;
    background-position: bottom;
  }
}

.keyvisual-text-warp {
  position: relative;
  max-height: 5.7rem;
  height: calc(100% - 0.8rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.keyvisual-text-warp .keyvisual-text {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -2.2rem;
}

@media (max-width: 500px) {
  .keyvisual-text-warp .keyvisual-text {
    width: 100%;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.keyvisual-text-warp .keyvisual-text .kv-text1,
.keyvisual-text-warp .keyvisual-text .kv-text2 {
  position: relative;
  top: 30px;
  opacity: 0;
}

.keyvisual-text-warp .keyvisual-text span,
.keyvisual-text-warp .keyvisual-text h1 {
  color: var(--unnamed-color-ffffff);
  font-size: 0.24rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

@media (max-width: 500px) {

  .keyvisual-text-warp .keyvisual-text span,
  .keyvisual-text-warp .keyvisual-text h1 {
    font-size: 0.16rem;
    font-family: 'home2023HyundaiSanstextCNBold';
  }
}

.keyvisual-text-warp .keyvisual-text p {
  color: var(--unnamed-color-ffffff);
  line-height: 1;
  word-break: keep-all;
}

@media (max-width: 500px) {
  .keyvisual-text-warp .keyvisual-text p {
    margin-top: 0.2rem;
  }
}

.keyvisual-text-warp .keyvisual-text p strong {
  font-size: 1rem;
  displaY: block;
  word-break: keep-all;
  line-height: 1;
  margin-top: 0.1rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

@media (max-width: 500px) {
  .keyvisual-text-warp .keyvisual-text p strong {
    font-size: 0.5rem;
    font-family: 'home2023HyundaiSanstextCNBold';
  }
}

/*search*/
.search-pop-warp {
  position: fixed;
  display: none;
  width: 100%;
  height: 100vh;
  padding: 0.4rem;
  background-color: #fff;
  z-index: 40000;
  top: -100%;
  left: 0;
  overflow-y: auto;
}
.search-pop-warp *{
  background:transparent;
  border: none;
}
@media (max-width: 900px) {
  .search-pop-warp {
    padding: 0rem;
    padding-top: 0.4rem;
  }

}

@media (max-width: 1024px) {
  .search-pop-warp .inner {
    max-width: 100%;
    width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.4rem;
  }
}

@media (max-width: 500px) {
  .search-pop-warp {
    left: -100px;
    opacity: 0;
    top: 0;
  }
}

.search-pop-warp .logo {
  displaY: block;
  width: 1.6rem;
  height: 0.31rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/assets/home2023/images/layout/logo.png);
}

@media (max-width: 1000px) {

  .search-pop-warp .logo {
    width: 2.5rem;
    height: 0.51rem;
  }
}

.search-pop-warp .search-in {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #E4DCD3;
  margin-top: 1.5rem;
  padding-bottom: 0.1rem;
}

@media (max-width: 1000px) {
  .search-pop-warp .search-in {
    margin-top: 1.8rem;
    padding-bottom: 0.4rem;
  }
}

/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile >12
   - Android Browser 2.1-4.4.4
   - Samsung Internet
   - UC Browser for Android
   - QQ Browser */
.search-pop-warp .search-in input::-webkit-input-placeholder {
  color: #E4DCD3;
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

/* Firefox 4-18 */
.search-pop-warp .search-in input:-moz-placeholder {
  color: #E4DCD3;
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

/* Firefox 19-50 */
.search-pop-warp .search-in input::-moz-placeholder {
  color: #E4DCD3;
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
.search-pop-warp .search-in input:-ms-input-placeholder {
  color: #E4DCD3 !important;
  font-size: 0.4rem !important;
  font-family: 'home2023HyundaiSanstextCNBold' !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
.search-pop-warp .search-in input::-ms-input-placeholder {
  color: #E4DCD3;
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

/* CSS Working Draft */
.search-pop-warp .search-in input::placeholder {
  color: #E4DCD3;
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}


.search-pop-warp .search-in input[type="text"] {
  width: 100%;
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
  color: #000;
}

@media (max-width: 1000px) {
  .search-pop-warp .search-in input::-webkit-input-placeholder {
    font-size: 0.54rem;
  }

  .search-pop-warp .search-in input[type="text"] {
    font-size: 0.54rem;
  }
}

.search-pop-warp .search-in .delete i {
  display: block;
  width: 0.12rem;
  height: 0.12rem;
  background-size: contain;
}

.search-pop-warp .search-in .btn-search {
  display: block;
  width: 0.35rem;
  height: 0.3rem;
  margin-left: 0.3rem;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("/assets/home2023/images/icon/icon-search.svg");
}

@media (max-width: 1000px) {
  .search-pop-warp .search-in .delete i {
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    background-size: contain;
  }

  .search-pop-warp .search-in .btn-search {
    display: block;
    width: 0.55rem;
    height: 0.5rem;
    margin-left: 0.3rem;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("/assets/home2023/images/icon/icon-search.svg");
  }
}

.search-pop-warp .search-list-warp {
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 900px) {
  .search-pop-warp .search-list-warp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0.3rem;
  }
}

@media (max-width: 500px) {
  .search-pop-warp .search-list-warp {
    padding-bottom: 0.3rem;
  }
}

.search-pop-warp .search-list-warp .keyword {
  padding-right: 0.5rem;
}

@media (max-width: 900px) {
  .search-pop-warp .search-list-warp .keyword {
    padding-right: 0rem;
  }
}

@media (max-width: 500px) {
  .search-pop-warp .search-list-warp .keyword {
    margin-bottom: 0.3rem;
  }
}

.search-pop-warp .search-list-warp .keyword dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 0.4rem;
}

@media (max-width: 1024px) {
  .search-pop-warp .search-list-warp .keyword dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.search-pop-warp .search-list-warp .keyword dl dt {
  width: 30%;
  font-size: 0.14rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

@media (max-width: 1024px) {
  .search-pop-warp .search-list-warp .keyword dl dt {
    width: 100%;
  }
}

.search-pop-warp .search-list-warp .keyword dl dd {
  width: 70%;
  padding-left: 0.3rem;
}

@media (max-width: 1024px) {
  .search-pop-warp .search-list-warp .keyword dl dd {
    padding-left: 0rem;
    width: 100%;
    margin-top: 0.1rem;
  }
}

.search-pop-warp .search-list-warp .keyword dl dd a {
  font-size: 0.16rem;
}

.search-pop-warp .search-list-warp .keyword dl dd a::after {
  content: ",";
  padding-left: 0.05rem;
}

@media (max-width: 500px) {
  .search-pop-warp .search-list-warp .keyword dl dd a:last-child {
    margin-bottom: 0;
  }
}

.search-pop-warp .search-list-warp .keyword dl dd a:hover {
  text-decoration: underline;
}

.search-pop-warp .search-list-warp .keyword dl .cate-search a {
  displaY: block;
  margin-bottom: 0.25rem;
}

@media (max-width: 500px) {
  .search-pop-warp .search-list-warp .keyword dl .cate-search a {
    margin-bottom: 0.15rem;
  }
}

.search-pop-warp .search-list-warp .keyword dl .cate-search a::after {
  content: none;
}

@media (max-width: 500px) {
  .search-pop-warp .search-list-warp .keyword dl:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 800px) {
  .search-pop-warp .search-list-warp .banner-warp {
    width: 100%;
  }

  .search-pop-warp .search-list-warp .banner-warp img {
    width: 100%;
  }
}

.search-pop-warp .close-search {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1000px) {
  .search-pop-warp .close-search {
    right: 0.5rem;
    top: 0.3rem;
  }
}

.search-pop-warp .close-search .icon-close {
  display: block;
  displaY: block;
  width: 0.16rem;
  height: 0.16rem;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 1000px) {
  .search-pop-warp .close-search .icon-close {
    display: block;
    displaY: block;
    width: 0.36rem;
    height: 0.36rem;
    background-size: contain;
    background-repeat: no-repeat;
  }
}

/*search view*/
@media (max-width: 500px) {
  .search-view .inner {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 500px) {
  .search-view .need-more .inner {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.search-view .need-more .inner h2 {
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
  margin-bottom: 0.3rem;
}

@media (max-width: 500px) {
  .search-view .need-more .inner h2 {
    font-size: 0.3rem;
    padding-left: 0rem;
    margin-bottom: 0;
  }
}

@media (max-width: 500px) {
  .search-view .more-ajax {
    margin-top: 0.4rem;
  }
}

.search-view h2 {
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
  margin-bottom: 0.3rem;
}

@media (max-width: 500px) {
  .search-view h2 {
    font-size: 0.3rem;
    padding-left: 0.3rem;
  }
}

.search-view .tag {
  font-size: 0.16rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 0.1rem;
}

@media (max-width: 500px) {
  .search-view .tag {
    font-size: 0.14rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.search-view .tag a {
  color: #999999;
}

.search-view .tag a em {
  color: #00AAD2;
  font-style: normal;
}

.search-view .tag a::before {
  content: "•";
}

.search-view .hashtag {
  margin-top: 0.2rem;
}

.search-view .hashtag a {
  font-size: 0.14rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  color: #999999;
}

.search-view .hashtag a::before {
  content: "#";
}

.search-view .hashtag a:hover {
  color: #00AAD2;
}

.search-view .search-in {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #E4DCD3;
  margin-top: 0.6rem;
  padding-bottom: 1rem;
}

@media (max-width: 900px) {
  .search-view .search-in {
    margin-top: 0.8rem;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
  }
}

.search-view .search-in input::-webkit-input-placeholder {
  color: #E4DCD3;
  font-size: 0.24rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

@media (max-width: 900px) {
  .search-view .search-in input::-webkit-input-placeholder {
    font-size: 0.24rem;
  }
}

.search-view .search-in input[type="text"] {
  width: 100%;
  font-size: 0.24rem;
  font-family: 'home2023HyundaiSanstextCNBold';
  color: #000;
}

.search-view .search-in .delete i {
  display: block;
  width: 0.12rem;
  height: 0.12rem;
  background-size: contain;
}

.search-view .search-in .btn-search {
  display: block;
  width: 3.5rem;
  height: 0.3rem;
  margin-left: 0.1rem;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/assets/home2023/images/icon/icon-search.svg");
}

@media (max-width: 500px) {
  .search-view .search-in .btn-search {
    width: 0.18rem;
    height: 0.18rem;
  }
}

.search-view .search-keyword {
  margin-top: 0.1rem;
}

@media (max-width: 900px) {
  .search-view .search-keyword {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.search-view .search-keyword dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 500px) {
  .search-view .search-keyword dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.search-view .search-keyword dl dt {
  font-size: 0.14rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

.search-view .search-keyword dl dd {
  margin-left: 0.3rem;
}

@media (max-width: 500px) {
  .search-view .search-keyword dl dd {
    margin-left: 0rem;
  }
}

.search-view .search-keyword dl dd a {
  font-size: 0.16rem;
}

.search-view .search-keyword dl dd a::after {
  content: ",";
  padding-left: 0.05rem;
}

.search-view .search-keyword dl dd a:hover {
  text-decoration: underline;
}

.search-view .search-cate {
  background-color: #F6F3F2;
  height: 0.5rem;
  width: 100%;
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.6rem;
  position: relative;
}

@media (max-width: 500px) {
  .search-view .search-cate {
    margin-top: 0.3rem;
  }
}

.search-view .search-cate .cate-item {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 8rem;
}

@media (max-width: 900px) {
  .search-view .search-cate .cate-item {
    padding-left: 0.3rem;
  }
}

@media (max-width: 500px) {
  .search-view .search-cate .cate-item {
    max-width: 3.7rem;
  }
}

.search-view .search-cate .cate-item a {
  padding-right: 0.2rem;
  font-size: 0.14rem;
  color: #999;
  font-family: 'home2023HyundaiSanstextCNBold';
}

.search-view .search-cate .cate-item a.current {
  font-family: 'home2023HyundaiSanstextCNBold';
  color: #000;
}

.search-view .car {
  margin-top: 0.4rem;
}

.search-view .car .car-item-list .car-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 800px) {
  .search-view .car .car-item-list .car-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .search-view .car .car-item-list .car-inner {
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
  }
}

.search-view .car .car-item-list .car-inner .slick-next {
  right: 0.15rem;
}

.search-view .car .car-item-list .car-inner .slick-prev {
  left: 0.15rem;
}

.search-view .car .car-item-list .car-inner .slick-prev,
.search-view .car .car-item-list .car-inner .slick-next {
  top: 20%;
}

@media (max-width: 500px) {
  .search-view .car .car-item-list .car-inner .slick-slide {
    width: 100%;
    max-height: 2.8rem;
  }
}

.search-view .car .car-item-list .car-inner .slick-slide p {
  max-width: 3.6rem;
  width: 100%;
}

@media (max-width: 500px) {
  .search-view .car .car-item-list .car-inner .slick-slide p {
    margin: 0 auto;
  }
}

@media (max-width: 500px) {
  .search-view .car .car-item-list .car-inner .slick-slide p img {
    width: auto;
    max-height: 1.6rem;
  }
}

.search-view .car .car-item-list .car-inner .slick-slide+.slick-slide {
  margin-left: 0;
}

.search-view .car .car-item-list .car-inner .car-item {
  width: calc(100% / 3);
  position: relative;
  margin-bottom: 0.5rem;
}

@media (max-width: 900px) {
  .search-view .car .car-item-list .car-inner .car-item {
    width: 49%;
  }
}

@media (max-width: 800px) {
  .search-view .car .car-item-list .car-inner .car-item {
    width: 100%;
  }
}

.search-view .car .car-item-list .car-inner .car-item>p {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.search-view .car .car-item-list .car-inner .car-item>p u img {
  width: 3.6rem;
  height: 1.6rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.search-view .car .car-item-list .car-inner .car-item .content-text {
  font-size: 0.16rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 0.2rem;
  padding-left: 0.18rem;
  padding-right: 0.18rem;
  text-align: left;
}

@media (max-width: 500px) {
  .search-view .car .car-item-list .car-inner .car-item .content-text {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

@media (max-width: 500px) {
  .search-view .car .car-item-list .car-inner .car-item {
    width: 100%;
    max-height: 2.8rem;
    margin-bottom: 0rem;
  }
}

.search-view .car .car-item-list .car-inner .car-item .car-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 0.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0rem 0.18rem 0rem 0.18rem;
  border-right: 1px solid #E4DCD3;
}

@media (max-width: 500px) {
  .search-view .car .car-item-list .car-inner .car-item .car-contents {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.search-view .car .car-item-list .car-inner .car-item .car-contents .year {
  color: var(--unnamed-color-999999);
  font-size: 0.14rem;
}

.search-view .car .car-item-list .car-inner .car-item .car-contents dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.search-view .car .car-item-list .car-inner .car-item .car-contents dl.big dt {
  font-size: 0.2rem;
  font-family: 'home2023HyundaiSanstextCNBold';
  line-height: 1.2;
}

.search-view .car .car-item-list .car-inner .car-item .car-contents dl.big dd {
  font-size: 0.12rem;
}

.search-view .car .car-item-list .car-inner .car-item .car-contents dl.small dt {
  font-size: 0.16rem;
}

.search-view .car .car-item-list .car-inner .car-item .car-contents dl.small dd {
  font-size: 0.12rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

.search-view .car .car-item-list .car-inner .car-item:nth-last-child(-n+3) {
  margin-bottom: 0rem;
}

.search-view .car .car-item-list .car-inner .car-item:last-child .car-contents {
  border-right: 0;
}

.search-view .car .car-item-list .car-inner .Not__available::after {
  content: "Not available \A at this moment";
  white-space: pre;
  displaY: flex;
  font-size: 0.24rem;
  color: var(--unnamed-color-ffffff);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 800px) {
  .search-view .car .car-item-list .car-inner .Not__available::after {
    font-family: 'home2023HyundaiSanstextCNBold';
  }
}

.search-view .car .car-item-list .car-inner .car-item:nth-child(3n) .car-contents {
  border-right: 0;
}

@media (max-width: 900px) {
  .search-view .car .car-item-list .car-inner .car-item:nth-child(2n) .car-contents {
    border-right: 0;
  }
}

.search-view .menu {
  padding-top: 0.6rem;
}

@media (max-width: 500px) {
  .search-view .menu .menu-list {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.search-view .menu .menu-list p {
  margin-bottom: 0.3rem;
}

.search-view .menu .menu-list p a {
  font-size: 0.2rem;
}

@media (max-width: 500px) {
  .search-view .menu .menu-list p a {
    font-size: 0.18rem;
  }
}

.search-view .menu .menu-list p a::after {
  content: ">";
}

.search-view .menu .menu-list p a:last-child::after {
  content: none;
}

.search-view .menu .menu-list p a:hover {
  color: #00AAD2;
  text-decoration: underline;
}

.search-view .offers {
  margin-top: 0.15rem;
}

@media (max-width: 500px) {
  .search-view .offers {
    margin-top: 0.6rem;
  }
}

.search-view .offers .offers-list {
  displaY: flex;
  width: 11rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 900px) {
  .search-view .offers .offers-list {
    width: 100%;
  }
}

@media (max-width: 800px) {
  .search-view .offers .offers-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.search-view .offers .offers-list .item {
  width: 49.5%;
}

@media (max-width: 900px) {
  .search-view .offers .offers-list .item {
    width: 49%;
  }
}

@media (max-width: 800px) {
  .search-view .offers .offers-list .item {
    width: 100%;
  }
}

.search-view .offers .offers-list .item p {
  margin-top: 0.2rem;
  font-size: 0.16rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

@media (max-width: 500px) {
  .search-view .offers .offers-list .item p {
    margin-top: 0;
  }
}

@media (max-width: 900px) {
  .search-view .offers .offers-list .item p img {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .search-view .offers .offers-list .item p+p {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    margin-top: 0.2rem;
  }
}

@media (max-width: 500px) {
  .search-view .offers .offers-list .item+.item p:nth-child(1) {
    margin-top: 0.2rem;
  }
}

@media (max-width: 500px) {

  .search-view .support,
  .search-view .brand-story {
    margin-top: 0.6rem;
  }
}

.search-view .support .support-list .item,
.search-view .brand-story .support-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  border-bottom: 1px solid #E4DCD3;
}

@media (max-width: 800px) {

  .search-view .support .support-list .item,
  .search-view .brand-story .support-list .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0rem;
  }
}

.search-view .support .support-list .item .img-item,
.search-view .brand-story .support-list .item .img-item {
  margin-right: 0.3rem;
}

@media (max-width: 500px) {

  .search-view .support .support-list .item .img-item,
  .search-view .brand-story .support-list .item .img-item {
    margin-right: 0;
  }
}

@media (max-width: 500px) {

  .search-view .support .support-list .item .img-item img,
  .search-view .brand-story .support-list .item .img-item img {
    width: 100%;
  }
}

@media (max-width: 800px) {

  .search-view .support .support-list .item .item-contets,
  .search-view .brand-story .support-list .item .item-contets {
    margin-top: 0.2rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.search-view .support .support-list .item .item-contets dl dt,
.search-view .brand-story .support-list .item .item-contets dl dt {
  font-size: 0.2rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

.search-view .support .support-list .item .item-contets dl dd,
.search-view .brand-story .support-list .item .item-contets dl dd {
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  font-size: 0.16rem;
  margin-top: 0.15rem;
}

@media (max-width: 500px) {

  .search-view .support .support-list .item .item-contets .tag,
  .search-view .brand-story .support-list .item .item-contets .tag {
    padding-left: 0;
    padding-right: 0;
  }
}

.search-view .support .support-list .item .item-contets .breadcrumbs,
.search-view .brand-story .support-list .item .item-contets .breadcrumbs {
  font-size: 0.16rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 0.25rem;
}

.search-view .support .support-list .item .item-contets .breadcrumbs a::after,
.search-view .brand-story .support-list .item .item-contets .breadcrumbs a::after {
  content: ">";
}

.search-view .support .support-list .item .item-contets .breadcrumbs a:last-child::after,
.search-view .brand-story .support-list .item .item-contets .breadcrumbs a:last-child::after {
  content: none;
}

@media (max-width: 500px) {
  .search-view .community {
    margin-top: 0.6rem;
  }
}

.search-view .community .comm-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  border-bottom: 1px solid #E4DCD3;
}

.search-view .community .comm-list .item .name-warp {
  displaY: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 500px) {
  .search-view .community .comm-list .item .name-warp {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.search-view .community .comm-list .item .name-warp .name-img {
  displaY: flex;
  width: 0.35rem;
  height: 0.35rem;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #E61DD9;
  color: #fff;
  font-size: 0.16rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

@media (max-width: 500px) {
  .search-view .community .comm-list .item .name-warp .name-img {
    width: 0.35rem;
    height: 0.35rem;
    font-size: 0.16rem;
  }
}

.search-view .community .comm-list .item .comm-text {
  margin-left: 0.2rem;
}

.search-view .community .comm-list .item .comm-text p {
  font-size: 0.16rem;
}

@media (max-width: 500px) {
  .search-view .community .comm-list .item .comm-text p {
    font-size: 0.14rem;
  }
}

@media (max-width: 500px) {
  .search-view .community .comm-list .item .comm-text .tag {
    padding-left: 0;
    padding-right: 0;
  }
}

.search-view .community .comm-list .item .comm-text .tag a::before {
  content: "#";
}

@media (max-width: 500px) {
  .search-view .banner-style2 .inner {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.search-view .no_result {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (max-width: 500px) {
  .search-view .no_result {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.search-view .no_result p {
  text-align: center;
  font-size: 0.18rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.search-view .no_result p span {
  color: #00AAD2;
}

.search-view .no_result p.big-text {
  font-size: 0.24rem;
  font-family: 'home2023HyundaiSanstextCNBold';
  margin-bottom: 0.2rem;
}

.search-view .no_result p.big-text strong {
  color: #00AAD2;
}

/*header*/
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 80px;
  z-index: 200;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#002C5FB3), to(transparent)) 0% 0% no-repeat padding-box;
  /* background: transparent linear-gradient(180deg, #000000b3 0%, #002C5F00 100%) 0% 0% no-repeat padding-box; */
  /* background: transparent linear-gradient(180deg, #002C5FB3 0%, #7189a400 80%) 0% 0% no-repeat padding-box; */
  /*all-menu start*/
}

@media (max-width: 500px) {
  .header {
    height: 1.2rem;
  }
}

.header .gnb-warp {
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 11.2rem;
  /* max-width: 192rem; */
  /* padding: 0 21%; */
  box-sizing: border-box;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* justify-content: center; */
}

@media (max-width: 2560px) {
  .header .gnb-warp {
    /* padding: 0 27%; */
  }
}

@media (max-width: 1980px) {
  .header .gnb-warp {
    /* padding: 0 21%; */
  }
}

@media (max-width: 1920px) {
  .header .gnb-warp {
    /* padding: 0 21%; */
  }
}

@media (max-width: 1200px) {
  .header .gnb-warp {
    /* width: 110rem; */
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1024px) {
  .header .gnb-warp {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

@media (max-width: 500px) {
  .header .gnb-warp {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.header .gnb-warp .site-logo {
  display: block;
}

.header .gnb-warp .top-logo {
  position: relative;
  left: -1%;
}

@media (max-width: 2560px) {
  .header .gnb-warp .top-logo {
    position: relative;
    left: 2%;
  }
}

@media (max-width: 1980px) {
  .header .gnb-warp .top-logo {
    position: relative;
    left: 2%;
  }
}

@media (max-width: 1920px) {
  .header .gnb-warp .top-logo {
    position: relative;
    left: -1%;
  }
}

@media (max-width: 1024px) {
  .header .gnb-warp .site-logo {
    position: absolute;
    width: 0.41rem;
    left: 0.2rem;
    /* -webkit-transform: translate(-50%);
    transform: translate(-50%); */
    top: 35%;
    z-index: 103;
  }
}

@media (max-width: 524px) {
  .header .gnb-warp .all-top .site-logo {
    left: 0.5rem;
  }
}

.header .gnb-warp .site-logo .gnb-logo {
  display: block;
  width: 1.6rem;
  height: 0.31rem;
  background-image: url("/assets/home2023/images/layout/logo-white.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 1024px) {
  .header .gnb-warp .top-logo {
    left: 50%;
    transform: translateX(-50%);
  }

  .header .gnb-warp .site-logo .gnb-logo {
    width: 1.11rem;
    height: 0.5rem;
    background-image: url("/assets/home2023/images/layout/logo-symbol-w.svg");
  }
}

@media (max-width: 500px) {
  .header .gnb-warp .top-logo {
    left: 50%;
    transform: translateX(-50%);
  }

  .header .gnb-warp .site-logo .gnb-logo {
    width: 0.8rem;
    height: 0.4rem;
    background-image: url("/assets/home2023/images/layout/logo-symbol-w.svg");
  }
}

.header .gnb-warp .gnb-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 102;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .header .gnb-warp .gnb-box {
    width: 100%;
    margin-left: 1rem;
  }

  .header .gnb-warp .gnb-box .gnb {
    display: none;
  }
}

@media (max-width: 700px) {
  .header .gnb-warp .gnb-box {
    margin-left: 0.5rem;
  }
}

.header .gnb-warp .gnb-box .gnb-banner {
  position: absolute;
  bottom: 0.3rem;
  left: 0rem;
  width: 4.6rem;
  height: 2.18rem;
  display: none;
}

.header .gnb-warp .gnb-box .gnb-banner img {
  width: 100%;
  height: 2.18rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.header .gnb-warp .gnb-box .gnb-banner .banner-content {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.header .gnb-warp .gnb-box .gnb-banner .banner-content span {
  color: #00AAD2;
  font-size: 0.14rem;
}

.header .gnb-warp .gnb-box .gnb-banner .banner-content p {
  font-size: 0.2rem;
  color: #fff;
  width: 83%;
}

.header .gnb-warp .gnb-box .gnb-banner .banner-content i {
  position: absolute;
  right: 0.3rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 0.1rem;
  height: 0.2rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/home2023/images/icon/icon-mmove-rightw.svg");
}

.header .gnb-warp .gnb-box .gnb-inner .dropdown-menu {
  display: none;
}

.header .gnb-warp .gnb-box .gnb-inner>ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 0.02rem solid #ccc;
  padding-bottom: 0.04rem;
  padding-right: 0.2rem;
}

.header .gnb-warp .gnb-box .gnb-inner>ul>li {
  font-size: 0.16rem;
}

.header .gnb-warp .gnb-box .gnb-inner>ul>li .h2 {
  /* display: none; */
  font-family: 'home2023HyundaiSanstextCNBold';
  font-size: 0.28rem;
}

.header .gnb-warp .gnb-box .gnb-inner>ul>li>a {
  /* font-family: 'home2023HyundaiSanstextCNBold'; */
  /* padding-right: 4.5rem; */
  /* padding-right: 3rem;
  padding-left: 0.6rem; */
  padding: 0 1em;
  color: var(--unnamed-color-ffffff);
  font-family: 'home2023HyundaiSansHeadCN';
  pointer-events: auto;
  position: relative;
}

.header .gnb-warp .gnb-box .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 101;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

@media (max-width: 1024px) {
  .header .gnb-warp .gnb-box .unit {
    padding-left: 0 !important;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    justify-content: flex-end;
    /* justify-content: space-between; */
  }
}

.header .gnb-warp .gnb-box .unit .lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .header .gnb-warp .gnb-box .unit .lang {
    display: none !important;
  }
}

.header .gnb-warp .gnb-box .unit .lang i {
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  background-size: contain;
  background-image: url("/assets/home2023/images/icon/icon-lang.svg");
}

.header .gnb-warp .gnb-box .unit .lang span {
  display: block;
  font-size: 0.12rem;
  color: #fff;
  margin-left: 0.05rem;
  margin-top: 0rem;
}

.header .gnb-warp .gnb-box .unit .search {
  padding-left: 0.2rem;
  padding-bottom: 0.08rem;
}

@media (max-width: 500px) {
  .header .gnb-warp .gnb-box .unit .search {
    padding-left: 0;
    width: 0.3rem;
    height: 0.3rem;
    padding-bottom: 0;
  }
}

@media (max-width: 1044px) {
  .header .gnb-warp .gnb-box .unit .search {
    padding-left: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 800px) {
  .header .gnb-warp .gnb-box .unit .search {
    padding-left: 0;
  }
}

.header .gnb-warp .gnb-box .unit .search i {
  display: block;
  width: 0.17rem;
  height: 0.15rem;
  background-image: url("/assets/home2023/images/icon/icon-top-search.svg");
  /* background-image: url("/assets/home2023/images/common/icon-sousuo.png"); */
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 1024px) {

  .header .gnb-warp .gnb-box .unit .search i {
    width: 0.37rem;
    height: 0.35rem;
  }
}

@media (max-width: 600px) {

  .header .gnb-warp .gnb-box .unit .search i {
    width: 0.27rem;
    height: 0.25rem;
  }
}

.header .gnb-warp .gnb-box .unit.on span {
  color: var(--unnamed-color-000000) !important;
}

.header .gnb-warp.on {
  position: relative;
}

.header .gnb-warp.on .gnb-box .gnb {
  height: 100vh;
  width: 4.79rem;
  top: -30px;
  right: 1.3rem;
  background-color: #fff;
  position: absolute;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  opacity: 1 !important;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  z-index: 101;
}

@media (max-width: 1200px) {
  .header .gnb-warp.on .gnb-box .gnb {
    right: 0;
  }
}

.header .gnb-warp.on .gnb-box .gnb::after {
  content: "";
  display: block;
  width: 100vw;
  background-color: #fff;
  position: absolute;
  left: calc(100% - (50% - 2.2rem));
  top: 0;
  height: 100vh;
}

.header .gnb-warp.on .gnb-box .gnb::before {
  content: "";
  display: block;
  width: 1.3rem;
  background-color: #fff;
  position: absolute;
  left: -1.3rem;
  top: 0;
  height: 100vh;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item>a {
  color: var(--unnamed-color-000000);
  width: 100%;
  display: block;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item li a {
  color: var(--unnamed-color-000000);
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on>a {
  color: var(--unnamed-color-00aad2);
  -webkit-animation: fadeIn ease 0.5s;
  animation: fadeIn ease 0.5s;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on {
  display: none;
  position: absolute;
  left: 0;
  top: 113px;
  width: 100%;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on h2 {
  displaY: block;
  font-size: 0.35rem;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul {
  margin-top: 0.25rem;
  position: relative;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul li {
  displaY: block;
  margin-top: 0.15rem;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul li a {
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 50%;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul li ul {
  display: none;
  margin-top: inherit;
  position: inherit;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul li ul li:first-child {
  margin-top: 0;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul li ul li a {
  width: 100%;
  font-size: 0.14rem;
  font-weight: 400;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul>li.ico>a::after {
  content: url("/assets/home2023/images/icon/icon-pl.svg");
  width: 11px;
  height: 11px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul>li.on>a::after {
  content: url("/assets/home2023/images/icon/icon-mi.svg");
  height: 1px;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul>li.on>ul {
  direction: ltr;
  display: block;
  width: 47%;
  height: 100%;
  top: 0;
  right: 0;
  margin-top: 0;
  margin-left: 0.2rem;
  padding-left: 0.2rem;
  position: absolute;
  border-left: 1px solid #E1E1E1;
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul>li.on>ul>li>a {
  color: var(--unnamed-color-999999);
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul>li.on>ul>li:hover>a {
  color: var(--unnamed-color-00aad2);
}

.header .gnb-warp.on .gnb-box .gnb li.nav-item.on .dropdown-menu.on ul>li:hover a {
  color: var(--unnamed-color-00aad2);
}

.header .gnb-warp.on .gnb-box .h-menu span,
.header .gnb-warp.on .gnb-box .h-menu.on span {
  background-color: #000;
}

.header .gnb-warp.on .gnb-box .unit {
  position: absolute;
  right: 1.3rem;
  top: 0.06rem;
}

@media (max-width: 1200px) {
  .header .gnb-warp.on .gnb-box .unit {
    right: 0;
  }
}

.header .gnb-warp.on .gnb-box .unit i {
  background-image: url("/assets/home2023/images/icon/icon-lang-b.svg");
}

.header .gnb-warp.on .gnb-box .unit span {
  color: var(--unnamed-color-000000);
}

.header .gnb-warp.on .gnb-box .search i {
  background-image: url("/assets/home2023/images/icon/icon-top-search-b.svg");
}

.header .gnb-warp.on .gnb-box .search span {
  color: var(--unnamed-color-000000);
}

.header .h-menu {
  position: relative;
  width: 0.35rem;
  height: 0.35rem;
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0.33rem;
  display: block;
  display: none;
}

.header .h-menu span {
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  background-color: #fff;
}

@media (max-width: 1024px) {
  .header .h-menu {
    display: block;
  }

  .header .h-menu span {
    height: 2px;
  }
}

@media (max-width: 624px) {
  .header .h-menu {
    width: 0.25rem;
    height: 0.25rem;
    margin-left: 0.23rem;
  }

  .header .h-menu span {
    height: 2px;
  }
}

.header .h-menu span:nth-child(1) {
  top: 0;
}

.header .h-menu span:nth-child(2) {
  top: 0.07rem;
}

@media (max-width: 1024px) {
  .header .h-menu span:nth-child(2) {
    top: 0.15rem;
  }
}

@media (max-width: 624px) {
  .header .h-menu span:nth-child(2) {
    top: 0.1rem;
  }
}

.header .h-menu span:nth-child(3) {
  bottom: 0rem;
}

.header .h-menu.active span:nth-child(1) {
  -webkit-transform: translateY(0.07rem) rotate(-45deg);
  transform: translateY(0.07rem) rotate(-45deg);
}

.header .h-menu.active span:nth-child(2) {
  opacity: 0;
}

.header .h-menu.active span:nth-child(3) {
  -webkit-transform: translateY(-0.07rem) rotate(45deg);
  transform: translateY(-0.07rem) rotate(45deg);
}

.header .all-menu {
  display: none;
  position: fixed;
  min-width: 3.7rem;
  height: 100vh;
  overflow-y: auto;
  right: -100%;
  top: 0;
  z-index: 102;
}

@media (max-width: 500px) {
  .header .all-menu {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 1000px) {
  .header .all-menu {
    min-width: 6rem;
  }
}

@media (max-width: 320px) {
  .header .all-menu {
    width: 100%;
    min-width: 6.2rem;
  }
}

.header .all-menu .m-lang {
  display: none;
}

.header .all-menu .h-menu-c {
  position: relative;
  width: 0.41rem;
  height: 0.21rem;
  display: block;
  -webkit-transition: all 0.04s;
  transition: all 0.04s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0.23rem;
  display: block;
}

.header .all-menu .h-menu-c span {
  display: block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  background-color: #fff;
}

.header .all-menu .h-menu-c span:nth-child(1) {
  top: 0;
}

.header .all-menu .h-menu-c span:nth-child(2) {
  top: 0.1rem;
}

.header .all-menu .h-menu-c span:nth-child(3) {
  bottom: 0rem;
}

.header .all-menu .h-menu-c.on span {
  background-color: #000;
}

.header .all-menu .h-menu-c.on span:nth-child(1) {
  -webkit-transform: translateY(0.1rem) rotate(-45deg);
  transform: translateY(0.1rem) rotate(-45deg);
}

.header .all-menu .h-menu-c.on span:nth-child(2) {
  opacity: 0;
}

.header .all-menu .h-menu-c.on span:nth-child(3) {
  -webkit-transform: translateY(-0.1rem) rotate(45deg);
  transform: translateY(-0.1rem) rotate(45deg);
}

@media (max-width: 1000px) {
  .header .all-menu .h-menu-c.on span:nth-child(3) {
    -webkit-transform: translateY(-0.09rem) rotate(45deg);
    transform: translateY(-0.09rem) rotate(45deg);
  }
}

.header .all-menu .all-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  min-width: 4rem;
  padding: 0.6rem;
  background-color: #fff;
  z-index: 2;
}

@media (max-width: 1024px) {
  .header .all-menu .all-top {
    width: 8rem;
  }
  .header .all-menu .all-top .m-lang-box .search-btn {
    display: block;
    width: 0.41rem;
    height: 0.21rem;
    padding-right: 0.4rem;
    background: url(/assets/home2023/images/icon/icon-sousuo-m.png) no-repeat right center;
    background-size: 0.28rem;
    /* margin-right: 0.3rem; */
    color: #333333;
    line-height: 2;
  }
  .header .all-menu .all-top .m-lang-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    right: 0;
  }
  .header .all-menu .all-top .m-lang-box .search-btn {
    padding: 0;
    width: 0.42rem;
    height: 0.41rem;
    background-position: center;
    background-size: 100%;
    /* margin-right: 0.3rem; */
  }
  .header .all-menu .h-menu-c{
   transform: scale(1.2);
   margin-left: 0.5rem;
  }
  
}

@media (max-width: 500px) {
  .header .all-menu .all-top {
    height: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.5rem;
    width: 100%;
    border-bottom: 1px solid #E4DCD3;
    min-width: inherit;
  }

  .header .all-menu .all-top .m-lang-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    right: -3%;
  }

  .header .all-menu .all-top .m-lang-box .search-btn {
    padding: 0;
    width: 0.32rem;
    height: 0.31rem;
    background-position: center;
    background-size: 100%;
    /* margin-right: 0.3rem; */
  }

  .header .all-menu .all-top .m-lang-box .m-lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header .all-menu .all-top .m-lang-box .m-lang i {
    display: block;
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0;
    background-image: url("/assets/home2023/images/icon/icon-lang-b.svg");
    background-position: center;
  }

  .header .all-menu .all-top .m-lang-box .m-lang span {
    display: block;
    font-family: 'home2023HyundaiSansHeadCN';
    font-size: 0.12rem;
    color: var(--unnamed-color-666666);
    margin-left: 0.05rem;
  }
}

@media (max-width: 320px) {
  .header .all-menu .all-top {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }
}

.header .all-menu .all-top .log-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header .all-menu .all-top .log-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.14rem;
}

.header .all-menu .all-top .log-box a+a {
  border-left: 1px solid #E4DCD3;
  margin-left: 0.15rem;
  padding-left: 0.15rem;
}

.header .all-menu .all-top i {
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.1rem;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.header .all-menu .all-top i.login {
  background-image: url("/assets/home2023/images/icon/icon-login.svg");
}

.header .all-menu .all-top i.loginout {
  background-image: url("/assets/home2023/images/icon/icon-loginout.svg");
}

.header .all-menu .all-top i.register {
  background-image: url("/assets/home2023/images/icon/icon-register.svg");
}

.header .all-menu .all-mmenu-inner {
  margin-top: 1rem;
  padding: 0.6rem 0.4rem;
  min-height: 100%;
  background-color: #fff;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner {
    margin-top: 0;
    padding: 0;
    overflow-y: hidden;
    height: calc(var(--vh, 1vh) * 100);
    padding-bottom: calc(1em + env(safe-area-inset-bottom));
  }
}

@media (max-width: 375px) {
  .header .all-menu .all-mmenu-inner {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: inherit;
  }
}

@supports (-webkit-touch-callout: none) {
  .header .all-menu .all-mmenu-inner {
    height: -webkit-fill-available;
  }
}

.header .all-menu .all-mmenu-inner a:hover {
  color: var(--unnamed-color-00aad2);
}

.header .all-menu .all-mmenu-inner .search-wrap {
  width: 6.86rem;
  height: 0.9rem;
  background-color: #f3f3f2;
  border-radius: 0.04rem;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
  margin: 1.3rem auto 0;
}

.header .all-menu .all-mmenu-inner .search-wrap .nav-search-btn {
  display: block;
  width: 0.36rem;
  height: 0.36rem;
  background: url(/assets/home2023/images/icon/icon-sousuo-m.png) no-repeat center;
  background-size: 100%;
  margin-right: 0.16rem;
}

.header .all-menu .all-mmenu-inner .search-wrap input {
  width: calc(100% - 0.52rem);
  border: none;
  background-color: transparent;
  font-size: 0.3rem;
}
@media (max-width: 1067px) {
  .header .all-menu .all-mmenu-inner .search-wrap {
    margin: 0 auto 0.3rem;
  }
}
@media (max-width: 767px) {
  .header .all-menu .all-mmenu-inner .search-wrap {
    height: 0.8rem;
    padding: 0 0.2rem;
    margin: 1.3rem auto 0;
  }

  .header .all-menu .all-mmenu-inner .search-wrap .nav-search-btn {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.2rem;
  }
}

/* - Chrome ≤56,
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile >12
   - Android Browser 2.1-4.4.4
   - Samsung Internet
   - UC Browser for Android
   - QQ Browser */
.header .all-menu .all-mmenu-inner .search-wrap input::-webkit-input-placeholder {
  color: #999;
  font-size: 0.3rem;
}

/* Firefox 4-18 */
.header .all-menu .all-mmenu-inner .search-wrap input:-moz-placeholder {
  color: #999;
  font-size: 0.3rem;
}

/* Firefox 19-50 */
.header .all-menu .all-mmenu-inner .search-wrap input::-moz-placeholder {
  color: #999;
  font-size: 0.3rem;
}

/* - Internet Explorer 10–11
     - Internet Explorer Mobile 10-11 */
.header .all-menu .all-mmenu-inner .search-wrap input:-ms-input-placeholder {
  color: #999;
  font-size: 0.3rem;
}

/* Edge (also supports ::-webkit-input-placeholder) */
.header .all-menu .all-mmenu-inner .search-wrap input::-ms-input-placeholder {
  color: #999;
  font-size: 0.3rem;
}

/* CSS Working Draft */
.header .all-menu .all-mmenu-inner .search-wrap input::placeholder {
  color: #999;
  font-size: 0.3rem;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul {
    overflow-y: hidden;
    min-height: 3.8rem;
    height: calc(100vh - 1.98rem);
    margin-bottom: 0.3rem;
    padding-top: 0.4rem;
  }
}

@media (max-width: 375px) {
  .header .all-menu .all-mmenu-inner>ul {
    min-height: 3rem;
    height: calc(100vh - 0.8rem);
    position: relative;
  }
}

.header .all-menu .all-mmenu-inner>ul>li {
  width: 6.86rem;
  min-height: 0.9rem;
  margin: 0 auto;
  line-height: 0.9rem;
  display: block;
  border-bottom: 0.02rem solid #cccccc;
}

.header .all-menu .all-mmenu-inner>ul>li>a {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 0.28rem;
  border-bottom: 1px solid #E4DCD3;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* font-family: 'home2023HyundaiSanstextCN'; */
}

/* .header .all-menu .all-mmenu-inner>ul>li.ico a::after {
  content: url(/assets/home2023/images/icon/icon-pl.svg);
}

.header .all-menu .all-mmenu-inner>ul>li.ico.on a::after {
  content: url(/assets/home2023/images/icon/icon-mi.svg);
  height: 1px;
  font-size: 0;
} */

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li>a {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0;
  }
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth {
  display: none;
  border-bottom: 1px solid #E4DCD3;
  padding-bottom: 0.1rem;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 101;
    background-color: #fff;
    overflow-y: auto;
    border-bottom: 0;
  }
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth .m-submenu-title {
  displaY: none;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth .m-submenu-title {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding-left: 0.4rem; */
    padding-right: 0.6rem;
    border-bottom: 1px solid #E4DCD3;
    background-color: #fff;
  }
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth .m-submenu-title h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.32rem;
    /* font-family: 'home2023HyundaiSanstextCNBold'; */
    font-family: 'home2023HyundaiSanstextCNBold';
    cursor: pointer;
  }
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth .m-submenu-title h2 span {
    line-height: 1;
    margin-top: 0.02rem;
  }
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth .m-submenu-title h2::before {
    content: url("/assets/home2023/images/icon/icon-mmove-left.svg");
    width: 0.1rem;
    height: 0.33rem;
    margin-right: 0.18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0.05rem;
  }
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul {
    height: calc(100vh - 1.98rem);
    margin-top: 1.4rem;
  }
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li {
  padding-top: 0.07rem;
  padding-bottom: 0rem;
  display: block;
  height: 0.9rem;
  line-height: 0.9rem;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0.12rem;
    padding-bottom: 0.12rem;
  }
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li a {
  font-size: 0.14rem;
  border: none;
  color: #000;
  padding-top: 0.07rem;
  padding-bottom: 0.07rem;
  font-weight: 400;
  displaY: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: 'home2023HyundaiSansHeadCN';
  width: 100%;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li a {
    padding-left: 0.25rem;
    padding-right: 0.5rem;
    font-size: 0.32rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li a::after {
  displaY: none;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li .w-3depth {
    display: none;
  }
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li .w-3depth>ul {
    height: auto;
    min-height: auto;
    margin-bottom: 0;
    margin-top: 0.1rem;
  }
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li .w-3depth>ul>li {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0rem;
  padding-bottom: 0rem;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li .w-3depth>ul>li {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li .w-3depth>ul>li a {
  display: block;
  color: var(--unnamed-color-999999);
  font-size: 0.14rem;
  margin-left: 0.05rem;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li .w-3depth>ul>li a {
    font-size: 0.14rem;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.07rem;
    padding-bottom: 0.07rem;
  }
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li .w-3depth>ul>li a span {
  display: block;
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li .w-3depth>ul>li a::after {
  displaY: none;
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li .w-3depth>ul li::before {
  content: "·";
  display: inline-block;
  color: var(--unnamed-color-999999);
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li.ico>a::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: url("/assets/home2023/images/icon/icon-pl.svg");
  height: 11px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li.ico>a {
    displaY: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: var(--unnamed-color-000000);
  }
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li.on {
    background-color: #F6F3F2;
  }
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth>ul>li.on>a::after {
    content: url("/assets/home2023/images/icon/icon-mi.svg");
    background-position: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1px;
    font-size: 0;
  }
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth .all-gnb-banner {
  display: none;
}

.header .all-menu .all-mmenu-inner>ul>li div.w-2depth .all-gnb-banner a::after {
  content: none;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li div.w-2depth .all-gnb-banner {
    display: block;
  }
}

.header .all-menu .all-mmenu-inner>ul>li a::after {
  content: url("/assets/home2023/images/icon/icon-arrow-r.png");
  transform: scale(0.6) translateY(10%);

}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner>ul>li a::after {
    content: url("/assets/home2023/images/icon/icon-arrow-r.png");
  }
}

.header .all-menu .all-mmenu-inner>ul>li.ico .all-gnb-banner a::after {
  content: none;
}

.header .all-menu .all-mmenu-inner>ul>li.ico.on a::after {
  /* content: url("/assets/home2023/images/icon/icon-mi.svg");
  height: 1px;
  font-size: 0; */
}

.header .all-menu .all-mmenu-inner .all-gnb-banner {
  position: absolute;
  left: 0;
  width: 3.7rem;
  height: 1.7rem;
  padding-top: 0.5rem;
  display: none;
}

@media (max-width: 900px) {
  .header .all-menu .all-mmenu-inner .all-gnb-banner {
    width: 100%;
    left: 0;
    margin-top: 0.5rem;
  }
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner .all-gnb-banner {
    display: block;
    position: absolute;
    bottom: calc(0.8rem + env(safe-area-inset-bottom));
    width: 100%;
    max-height: 1.7rem;
    height: auto;
    margin-top: 0;
  }
}

@media (max-width: 375px) {
  .header .all-menu .all-mmenu-inner .all-gnb-banner {
    bottom: 0.6rem;
  }
}

.header .all-menu .all-mmenu-inner .all-gnb-banner img {
  width: 100%;
  height: 1.7rem;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 500px) {
  .header .all-menu .all-mmenu-inner .all-gnb-banner img {
    -o-object-fit: cover;
    object-fit: cover;
    height: initial;
    width: 100%;
    height: 1.7rem;
  }
}

.header .all-menu .all-mmenu-inner .all-gnb-banner .banner-content {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.header .all-menu .all-mmenu-inner .all-gnb-banner .banner-content span {
  color: #00AAD2;
  font-size: 0.14rem;
}

.header .all-menu .all-mmenu-inner .all-gnb-banner .banner-content p {
  font-size: 0.2rem;
  color: #fff;
  width: 83%;
}

.header .all-menu .all-mmenu-inner .all-gnb-banner .banner-content i {
  position: absolute;
  right: 0.3rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 0.1rem;
  height: 0.2rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/home2023/images/icon/icon-mmove-rightw.svg");
}

.header .all-menu::-webkit-scrollbar {
  width: 1px;
}

.header .all-menu::-webkit-scrollbar-thumb {
  background-color: #868686;
  border-radius: 10px;
}

.header .all-menu::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}

.all-dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

@media (max-width: 500px) {
  .all-dim {
    displaY: none;
  }
}

.header.gnb-Fixed,
.view-page .header {
  position: fixed;
  top: 0;
  background: #fff;
  -webkit-animation: updoun ease 1s forwards;
  animation: updoun ease 1s forwards;
  border-bottom: 1px solid #CCCCCC;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.header.gnb-Fixed .gnb-warp .site-logo .gnb-logo,
.view-page .header .gnb-warp .site-logo .gnb-logo {
  background-image: url("/assets/home2023/images/layout/logo.png");
}

@media (max-width: 1024px) {

  .header.gnb-Fixed .gnb-warp .site-logo .gnb-logo,
  .view-page .header .gnb-warp .site-logo .gnb-logo {
    background-image: url("/assets/home2023/images/layout/logo-symbol-b.svg");
  }
}

.header.gnb-Fixed .gnb-warp .gnb-box .gnb-inner>ul>li a,
.view-page .header .gnb-warp .gnb-box .gnb-inner>ul>li a {
  color: var(--unnamed-color-000000);
}

.header.gnb-Fixed .gnb-warp .gnb-box .unit .lang i,
.view-page .header .gnb-warp .gnb-box .unit .lang i {
  background-image: url("/assets/home2023/images/icon/icon-lang-b.svg");
}

.header.gnb-Fixed .gnb-warp .gnb-box .unit .lang span,
.view-page .header .gnb-warp .gnb-box .unit .lang span {
  color: var(--unnamed-color-000000);
}

.header.gnb-Fixed .gnb-warp .gnb-box .unit .search i,
.view-page .header .gnb-warp .gnb-box .unit .search i {
  background-image: url("/assets/home2023/images/icon/icon-top-search.svg");
  background-image: url("/assets/home2023/images/common/icon-sousuo.png");
}

.header.gnb-Fixed .gnb-warp .gnb-box .unit .h-menu span,
.view-page .header .gnb-warp .gnb-box .unit .h-menu span {
  background-color: var(--unnamed-color-000000);
}

.header.scrollUp {
  top: -0.8rem;
  -webkit-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.floating-menu {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: 0.25rem;
  bottom: 0.25rem;
  z-index: 20;
}

.floating-menu .floating-content {
  displaY: none;
}

.floating-menu .floating {
  position: fixed;
  right: 0rem;
  bottom: 0.3rem;
  transition: 0.3s;
}

.floating-menu .floating i {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.3rem;
  height: 1.3rem;
}

.floating-menu.active {
  direction: ltr;
  background-color: #002C5F;
  padding-top: 0.5rem;
  padding-bottom: 0.9rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  right: 0;
  bottom: 0;
  padding-right: 0rem;
  -webkit-animation: fadeIn ease 1s forwards;
  animation: fadeIn ease 1s forwards;
}

@media (max-width: 500px) {
  .floating-menu.active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-right: 0.3rem;
    padding-top: 0.5rem;
    padding-bottom: 1.8rem;
  }
}

.floating-menu.active .floating-content {
  margin-right: 0.4rem;
  display: block;
}

@media (max-width: 500px) {
  .floating-menu.active .floating-content {
    margin-right: 0rem;
  }
}

.floating-menu.active .floating-content ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.floating-menu.active .floating-content ul li button:hover span {
  color: #fff;
}

.floating-menu.active .floating-content ul li button {
  displaY: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.floating-menu.active .floating-content ul li button p {
  display: block;
  margin-left: 0.3rem;
}

.floating-menu.active .floating-content ul li button p img {
  width: 0.35rem;
  height: 0.35rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.floating-menu.active .floating-content ul li button span {
  font-size: 0.26rem;
  color: rgba(255, 255, 255, 0.3);
}

.floating-menu.active .floating-content ul li+li {
  margin-top: 0.3rem;
}

/* .floating-menu.active .floating {
  position: fixed;
  right: 0.25rem;
  bottom: 0.25rem;
} */

@media (max-width: 500px) {
  .floating-menu.active .floating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    /* margin-top: 0.2rem; */
  }
}

.floating-menu.active .floating i {
  transition: 0.3s;
  background-image: url("/assets/home2023/images/icon/float-icon2.png");
}

.feedback-pop {
  position: fixed;
  bottom: 0;
  display: none;
  width: 100%;
  -webkit-animation: updoun ease 1s forwards;
  animation: updoun ease 1s forwards;
  z-index: 100;
  -webkit-box-shadow: 0px -2px 20px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -2px 20px 5px rgba(0, 0, 0, 0.2);
}

@media (max-width: 375px) {
  .feedback-pop {
    height: 100%;
    overflow-y: auto;
    margin-top: 0.2rem;
    bottom: initial;
  }
}

.feedback-pop .poptitle {
  background-color: #F6F3F2;
  padding-top: 0.25rem;
  padding-bottom: 0.3rem;
}

.feedback-pop .poptitle>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.feedback-pop .poptitle>div h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.2rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

.feedback-pop .poptitle>div h1 i {
  width: 0.3rem;
  height: 0.3rem;
  displaY: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 0.1rem;
}

.feedback-pop .poptitle>div p {
  font-size: 0.16rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.feedback-pop .poptitle>div p a {
  text-decoration: underline;
}

.feedback-pop .poptitle .close-feed {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1024px) {
  .feedback-pop .poptitle .close-feed {
    right: 0.3rem;
  }
}

.feedback-pop .poptitle .close-feed .icon-close {
  displaY: block;
  width: 0.12rem;
  height: 0.12rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.feedback-pop .feedback-content {
  background-color: #fff;
  padding-top: 0.3rem;
}

@media (max-width: 500px) {
  .feedback-pop .feedback-content {
    padding-bottom: 0.3rem;
  }
}

.feedback-pop .feedback-content .inner {
  displaY: flex;
}

@media (max-width: 900px) {
  .feedback-pop .feedback-content .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.feedback-pop .feedback-content .inner .feed-section {
  width: calc(100% / 3);
}

@media (max-width: 900px) {
  .feedback-pop .feedback-content .inner .feed-section {
    width: 100%;
  }
}

.feedback-pop .feedback-content .inner .feed-section h2 {
  font-size: 0.16rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-bottom: 0.15rem;
}

.feedback-pop .feedback-content .inner .feed-section .check {
  displaY: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.feedback-pop .feedback-content .inner .feed-section .check .option-item {
  min-width: inherit;
}

@media (max-width: 500px) {
  .feedback-pop .feedback-content .inner .feed-section .check .option-item {
    margin-right: 0.1rem;
  }
}

.feedback-pop .feedback-content .inner .feed-section .check .option-item input[type="radio"] {
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
}

.feedback-pop .feedback-content .inner .feed-section .check .option-item label {
  displaY: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  min-width: inherit;
  cursor: pointer;
}

.feedback-pop .feedback-content .inner .feed-section .check .option-item label i {
  displaY: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.feedback-pop .feedback-content .inner .feed-section .check .option-item input[type="radio"]:checked+label {
  border: 1px solid #00AAD2;
}

.feedback-pop .feedback-content .inner .feed-section .check .option-item input[type="radio"]:checked+label strong,
.feedback-pop .feedback-content .inner .feed-section .check .option-item input[type="radio"]:checked+label span {
  color: #000;
}

.feedback-pop .feedback-content .inner .feed-section .feed-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item {
  margin-right: 0.1rem;
  margin-bottom: 0.1rem;
}

@media (max-width: 500px) {
  .feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item {
    margin: 0;
    margin-bottom: 0.1rem;
  }
}

.feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item input[type="radio"] {
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
}

.feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item label {
  width: 0.56rem;
  height: 0.56rem;
  displaY: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 320px) {
  .feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item label {
    width: 0.5rem;
    height: 0.5rem;
  }
}

.feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item label i {
  width: 0.56rem;
  height: 0.56rem;
  displaY: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (max-width: 320px) {
  .feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item label i {
    width: 0.5rem;
    height: 0.5rem;
  }
}

.feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item input[type="checkbox"]:checked+label {
  border: 1px solid #00AAD2;
}

.feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item input[type="checkbox"]:checked+label strong,
.feedback-pop .feedback-content .inner .feed-section .feed-level .foption-item input[type="checkbox"]:checked+label span {
  color: #000;
}

.feedback-pop .feedback-content .inner .feed-section .coment textarea {
  width: 100%;
  border: 1px solid #E3DCD4;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  font-size: 0.14rem;
}

.feedback-pop .feedback-content .inner .feed-section .coment p {
  font-size: 0.14rem;
  color: #999;
  margin-top: 0.15rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.feedback-pop .feedback-content .inner .feed-section+.feed-section {
  padding-left: 0.3rem;
  margin-left: 0.3rem;
  position: relative;
}

@media (max-width: 1024px) {
  .feedback-pop .feedback-content .inner .feed-section+.feed-section {
    padding-left: 0.1rem;
    margin-left: 0.1rem;
  }
}

@media (max-width: 900px) {
  .feedback-pop .feedback-content .inner .feed-section+.feed-section {
    padding-left: 0;
    margin-left: 0;
    margin-top: 0.3rem;
  }
}

@media (max-width: 500px) {
  .feedback-pop .feedback-content .inner .feed-section+.feed-section {
    margin-top: 0.2rem;
  }
}

.feedback-pop .feedback-content .inner .feed-section+.feed-section::before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0rem;
  width: 1px;
  height: 1.4rem;
  background-color: #E4DCD3;
}

@media (max-width: 900px) {
  .feedback-pop .feedback-content .inner .feed-section+.feed-section::before {
    content: none;
  }
}

.feedback-pop .feedback-content .btn-submit {
  margin-bottom: 0;
  margin-top: 0.2rem;
  padding-bottom: 0.4rem;
}

@media (max-width: 500px) {
  .feedback-pop .feedback-content .btn-submit .inner {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}

.p-text {
  margin-top: 0.3rem;
}

.p-text p {
  font-size: 0.2rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

@media (max-width: 500px) {
  .p-text p {
    font-size: 0.18rem;
  }
}

.p-text p+p {
  margin-top: 03rem;
}

.cookie-warp-pop {
  display: none;
  position: fixed;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  bottom: 0;
  left: 0;
  background-color: #F5F3F2;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  z-index: 100;
  -webkit-animation: updoun ease 1s forwards;
  animation: updoun ease 1s forwards;
}

.cookie-warp-pop dl dt {
  font-size: 0.2rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

.cookie-warp-pop dl dd {
  margin-top: 0.15rem;
  font-size: 0.16rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
}

.cookie-warp-pop .close-cookie {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1024px) {
  .cookie-warp-pop .close-cookie {
    right: 0.3rem;
  }
}

.cookie-warp-pop .close-cookie .icon-close {
  displaY: block;
  width: 0.12rem;
  height: 0.12rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.cookie-warp-pop .close-info {
  position: absolute;
  right: 0.3rem;
  top: 0rem;
}

.cookie-warp-pop .close-info i {
  displaY: block;
  width: 0.12rem;
  height: 0.12rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/assets/home2023/images/icon/icon-close.svg);
}

.cookie-warp-pop .btn-submit {
  displaY: flex;
  margin-bottom: 0.4rem;
}

.cookie-warp-pop .btn-submit a {
  displaY: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #000;
  min-width: 2.5rem;
  height: 0.4rem;
  text-align: center;
}

.cookie-warp-pop .btn-submit a+a {
  margin-left: 0.1rem;
}

.cookie-info {
  border-top: 1px solid #E4DCD3;
  margin-top: 0.7rem;
  padding-top: 0.7rem;
}

.cookie-info h2 {
  font-size: 0.4rem;
  font-family: 'home2023HyundaiSanstextCNBold';
}

@media (max-width: 500px) {
  .cookie-info h2 {
    font-size: 0.3rem;
  }
}

.cookie-info p {
  font-size: 0.2rem;
  font-family: "home2023HyundaiSansHeadCN", "Apple SD Gothic Neo", Helvetica, arial, Tahoma, sans-serif;
  margin-top: 0.2rem;
}

@media (max-width: 500px) {
  .cookie-info p {
    font-size: 0.18rem;
  }
}

.cookie-info p a {
  text-decoration: underline;
}

@media (max-width: 500px) {
  .cookie-info p a {
    font-size: 0.18rem;
  }
}

.cookie-warp-pop .btn-submit input[type="submit"] {
  background-color: #F5F3F2;
}

.home2023-new-hoveritem {
  position: relative;
}

.home2023-new-hoveritem a:hover {
  color: #00AADB;
}

.home2023-new-hoveritem a span:hover {
  color: #00AADB;
}

.home2023-new-maskitem {
  width: 100vw;
  height: 7rem;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  transform: 1s;
  display: none;
}

.buycar-main {
  width: 60%;
  height: 82%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.buycar-item {
  width: 28%;
  height: 50%;
  position: relative;
}

.buycar-item .img {
  width: 100%;
  height: auto;
  border-radius: 1vw;
}

.buycar-item .txt-title {
  position: absolute;
  top: 0;
  left: 0;
  padding: 38% 52% 38% 4%;
  color: #fff;
  font-size: 0.26rem;
}

.buycar-item .txt-title:hover {
  color: #00AAD2;
}

.buycar-item .txt-memo {
  position: relative;
  left: 4%;
  top: 8%;
  font-family: 'home2023HyundaiSansHeadCNLight';
  color: #333;
  font-size: 0.14rem;
}

.choose-header-item {
  width: 100%;
  height: 100%;
  position: relative;
  color: #00AAD2;
}

.choose-header-item a {
  color: #00AADB;
}

.choose-header-item a span {
  color: #00AADB;
}

.choose-header-line {
  width: 69%;
  height: 0.04rem;
  background-color: #00AAD2;
  position: absolute;
  bottom: -0.32rem;
  left: 0.16rem;
  display: none;
}

.choose-header-item .choose-header-line {
  display: block;
}

.all-menu .all-top .site-logo .gnb-logo {
  background-image: url("/assets/home2023/images/layout/logo.png");
  display: block;
  width: 1.21rem;
  height: 0.31rem;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 1024px) {
  .all-menu .all-top .site-logo .gnb-logo {
    background-image: url("/assets/home2023/images/layout/logo.png");
    display: block !important;
    width: 1.21rem;
    height: 0.31rem;
    background-repeat: no-repeat;
    background-size: contain;
  }

}

@media (max-width: 500px) {
  .all-menu .all-top .site-logo .gnb-logo {
    width: 2.3rem;
    height: 0.61rem;
  }

}

/*# sourceMappingURL=layout.css.map */