@charset "UTF-8";
.section-model {
  background: #101319;
}
.section-model .title-wrap {
  padding: 113px 0 83px;
}
@media all and (max-width: 1024px) {
  .section-model .title-wrap {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .section-model .title-wrap {
    max-width: 768px;
  }
}
.section-model .title-wrap {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
}
.section-model .inner {
  display: grid;
  grid-template-columns: 302px 1fr;
  gap: 40px;
  padding-top: 72px;
  padding-bottom: 200px;
}
.section-model .inner .model-filter-wrap {
  position: sticky;
  top: 0;
  padding-left: 30px;
}
.section-model .inner .model-filter-wrap .filter-wrap + .filter-wrap {
  margin-top: 20px;
}
.section-model .inner .model-filter-wrap .filter-wrap .filter-title {
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #FCFCFD;
  opacity: 0.7;
}
.section-model .inner .model-filter-wrap .filter-wrap .filter-button-list {
  gap: 8px;
}
.section-model .inner .model-filter-bar-wrap {
  display: none;
}
.section-model .inner .selected-model-list-wrap {
  display: none;
}
.section-model .inner .car-list-wrap .car-model-wrap {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  justify-content: flex-start;
  margin-top: 10px;
}
.section-model .inner .car-list-wrap .car-model-wrap .car-item {
  width: unset;
}
.section-model .inner .car-list-wrap .car-model-wrap .car-item:hover {
  background: #39404D;
}
.section-model .inner .car-list-wrap .car-model-wrap .car-item .view-detail i {
  transform: rotate(270deg);
}
.section-model .inner .total-count {
  font-size: 12px;
  line-height: 1.6666666667;
  opacity: 0.7;
}
.section-model .inner .filtered-result-wrap {
  display: block;
}
.section-model .inner .filtered-result-wrap .filtered-result-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(332px, 1fr));
  justify-content: flex-start;
  margin-top: 10px;
}
.section-model .inner .filtered-result-wrap .filtered-result-list .filtered-result-item {
  width: 100%;
}
.section-model .inner .filtered-result-wrap .filtered-result-list .filtered-result-item figure img {
  display: flex;
  margin: auto;
}
@media all and (max-width: 1024px) {
  .section-model .inner {
    display: block;
    padding: 0;
  }
  .section-model .inner .model-filter-area {
    display: none;
  }
  .section-model .inner .model-filter-bar-wrap {
    position: sticky;
    display: block;
    top: 72px;
    padding: 16px 30px;
    z-index: 85;
    background-color: rgb(44, 52, 63);
  }
  .section-model .inner .model-filter-bar-wrap .btn-pop-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .section-model .inner .model-filter-bar-wrap .btn-pop-filter .text {
    font-size: 14px;
    font-weight: 400;
    color: #FCFCFD;
  }
  .section-model .inner .selected-model-list-wrap {
    display: block;
    padding: 36px 4% 0;
  }
  .section-model .inner .selected-model-list-wrap .selected-model-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .section-model .inner .selected-model-list-wrap .selected-model-tag-list .selected-model-tag {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    margin: 0px;
    border-radius: 10px;
    padding: 4px 8px 4px 12px;
    transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
    transition-duration: 250ms;
    transition-property: background-color, box-shadow, color;
    min-height: 28px;
    background-color: rgba(154, 163, 177, 0.1);
    box-shadow: rgba(128, 128, 128, 0) 0px 0px 0px 1px inset;
  }
  .section-model .inner .selected-model-list-wrap .selected-model-tag-list .selected-model-tag .text {
    font-size: 12px;
    line-height: 16px;
    color: #FCFCFD;
  }
  .section-model .inner .car-list-wrap {
    padding: 35px 4% 85px;
  }
  .section-model .inner .car-list-wrap .total-count {
    font-size: 12px;
    line-height: 1.6666666667;
    opacity: 0.7;
  }
  .section-model .inner .car-list-wrap .car-model-wrap {
    margin-top: 15px;
  }
  .section-model .inner .filtered-result-wrap {
    padding: 35px 4% 85px;
  }
}
@media (max-width: 768px) {
  .section-model .inner .car-list-wrap .car-model-wrap .car-item figure {
    max-width: 100%;
  }
  .section-model .inner .filtered-result-wrap .filtered-result-list .filtered-result-item {
    width: 100%;
  }
}

.section-detail {
  padding-bottom: 194px;
}
@media all and (max-width: 1024px) {
  .section-detail .visual .visual-title {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .section-detail .visual .visual-title {
    max-width: 768px;
  }
}
.section-detail .visual .visual-title {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  left: 50%;
  top: 112px;
  transform: translateX(-50%);
  padding-top: 0;
}
.section-detail .visual .visual-title .btn-wrap {
  margin-top: 18px;
}
.section-detail .visual-model {
  position: relative;
  max-height: 100%;
  padding-top: 72px;
}
.section-detail .visual-model .visual-images {
  width: 100%;
  height: 60vh;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.section-detail .visual-model .visual-title {
  position: absolute;
  left: 4%;
  top: 132px;
}
.section-detail .visual-model .visual-title .title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.571em;
  color: #fff;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
}
.section-detail .page-nav {
  background: #101319;
  border-bottom: 1px solid #50545F;
}
.section-detail .page-nav ul {
  gap: 80px;
  max-width: 1920px;
  margin: 0 auto;
  justify-content: inherit;
  padding-left: 9%;
}
@media all and (max-width: 1440px) {
  .section-detail .page-nav ul {
    padding-left: 6%;
  }
}
@media all and (max-width: 1024px) {
  .section-detail .page-nav ul {
    padding-left: 5.6%;
  }
}
.section-detail .page-nav ul li {
  margin: 0;
  padding: 17px 0;
}
.section-detail .page-nav ul li a {
  font-weight: 400;
}
.section-detail .page-nav.fixed {
  position: fixed;
  top: 72px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  z-index: 20;
}
.section-detail .page-nav .page-title {
  display: none;
}
.section-detail .title-wrap {
  margin-bottom: 66px;
  word-break: keep-all;
}
.section-detail .title-wrap .title-type {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3888888889;
}
.section-detail .title-wrap .sub-text {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.5em;
  font-weight: 400;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
}
.section-detail [class^=cont-type] {
  margin-bottom: 192px;
}
.section-detail [class^=cont-type] .inner-box2 {
  display: flex;
  align-items: center;
}
.section-detail [class^=cont-type] .inner-box2 > div {
  width: 50%;
}
.section-detail [class^=cont-type] .title-wrap {
  padding: 0 4%;
}
.section-detail [class^=cont-type] .title-wrap .title-type2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4444444444;
  color: #FCFCFD;
}
.section-detail [class^=cont-type] .title-wrap .sub-text {
  margin-top: 15px;
}
.section-detail [class^=cont-type] .image-box {
  border-radius: 20px;
  overflow: hidden;
}
.section-detail [class^=cont-type] .video-box {
  position: relative;
}
.section-detail [class^=cont-type] .video-box a {
  display: block;
}
.section-detail [class^=cont-type] .video-box:before {
  content: "";
  width: 46px;
  height: 46px;
  background: url("../images/icon/ico-play.png") no-repeat;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section-detail [class^=cont-bg-type] {
  position: relative;
  width: 100%;
  margin-bottom: 192px;
}
.section-detail [class^=cont-bg-type] .bg-image img {
  width: 100%;
}
.section-detail [class^=cont-bg-type] .title-wrap {
  margin-left: 12%;
  margin-right: 12%;
  width: 76%;
  max-width: 1174px;
}
.section-detail .cont-bg-type .title-wrap {
  position: absolute;
  top: 50px;
  left: 0;
  background: #FCFCFD;
  padding: 60px 100px;
  border-radius: 20px;
}
.section-detail .cont-bg-type .title-wrap .title-type2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4444444444;
  color: #020203;
}
.section-detail .cont-bg-type .title-wrap .sub-text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: #020203;
}
@media all and (max-width: 1024px) {
  .section-detail .article-intro {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .section-detail .article-intro {
    max-width: 768px;
  }
}
.section-detail .article-intro {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 100px 0;
  text-align: center;
}
.section-detail .article-intro .intro-list ul {
  display: flex;
  justify-content: space-between;
  max-width: 1400px;
}
.section-detail .article-intro .intro-list .intro-item [class^=ico-] {
  display: block;
  margin: 4px auto;
}
.section-detail .article-intro .intro-list .intro-item span {
  display: block;
  padding-top: 10px;
  font-weight: 400;
}
.section-detail .article-gallery {
  margin-bottom: 178px;
}
.section-detail .article-gallery .inner-box {
  max-width: unset;
  margin: unset;
  padding: 0 4%;
}
.section-detail .article-gallery .gallery-wrap {
  position: relative;
}
.section-detail .article-gallery .gallery-wrap .icon-circle2 {
  position: absolute;
  right: 12px;
  bottom: 12px;
}
.section-detail .article-gallery .gallery-wrap .icon-circle2.active .icon-toggle {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.section-detail .article-gallery .gallery-slide {
  position: relative;
  margin-bottom: 12px;
}
.section-detail .article-gallery .gallery-slide .gallery-item {
  width: 100%;
}
.section-detail .article-gallery .gallery-slide .gallery-item figure {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  border-radius: 20px;
}
.section-detail .article-gallery .gallery-slide .gallery-item .video-box {
  position: relative;
  padding-bottom: 56.25%;
}
.section-detail .article-gallery .gallery-slide .gallery-item iframe {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.section-detail .article-gallery .gallery-nav {
  position: relative;
  width: 100%;
  margin-top: 40px;
  padding-bottom: 40px;
}
.section-detail .article-gallery .gallery-nav .gallery-list {
  position: relative;
  margin: 0 10px;
  border: 1px solid transparent;
  overflow: hidden;
  cursor: pointer;
}
.section-detail .article-gallery .gallery-nav .gallery-list figure {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  border-radius: 10px;
}
.section-detail .article-gallery .gallery-nav .slick-current {
  border-color: #000000;
}
.section-detail .article-gallery .gallery-nav .slick-arrow {
  transform: none;
  top: auto;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  font-size: 0;
  text-indent: -9999px;
  border: none;
  background: transparent;
}
.section-detail .article-gallery .gallery-nav .slick-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.section-detail .article-gallery .gallery-nav .slick-prev {
  left: unset;
  right: 35px;
}
.section-detail .article-gallery .gallery-nav .slick-prev:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.7L6.7 8L11.85 13.14L17 8L17.7 8.7L11.85 14.56L6 8.7Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
  transform: translate(-50%, -50%) rotate(90deg);
}
.section-detail .article-gallery .gallery-nav .slick-next:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.7L6.7 8L11.85 13.14L17 8L17.7 8.7L11.85 14.56L6 8.7Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
  transform: translate(-50%, -50%) rotate(270deg);
}
.section-detail .article-gallery .gallery-nav .video:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.section-detail .article-gallery .gallery-nav .video:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 23px;
  height: 23px;
  background: url("../images/icon/ico-play.png") no-repeat;
  background-size: cover;
}
.section-detail .article-gallery .gallery-info {
  position: absolute;
  bottom: -150px;
  width: 100%;
  height: 150px;
  background: #fff;
  z-index: -1;
  padding-top: 26px;
  text-align: right;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.section-detail .article-gallery .gallery-info .title {
  text-align: left;
  margin-bottom: 18px;
}
.section-detail .article-gallery .gallery-info.is-show {
  opacity: 1;
  z-index: 10;
}
.section-detail .board-area {
  margin-bottom: 35px;
}
.section-detail .board-area .board-list .data-type .board-tab {
  border: none;
}
.section-detail .board-area .board-list .data-type .board-tab + .board-tab {
  margin-top: 20px;
}
.section-detail .board-area .board-list .data-type .board-tab.is-show > a {
  background-color: #2D333E;
  border-color: #50545F;
}
.section-detail .board-area .board-list .data-type .board-tab > a {
  display: inline-block;
  padding: 14px 24px;
  border: 1px solid #2D333E;
  border-radius: 100px;
  background-color: #181D25;
  font-size: 14px;
  line-height: 1.4285714286;
  color: #FCFCFD;
}
.section-detail .board-area .board-list .data-type .board-tab > a:after {
  content: none;
}
.section-detail .board-area .board-content ul li .data-option .data-item {
  border-color: #50555F;
}
.section-detail .board-area .board-content ul li .data-option .data-item dt a .icon-circle {
  border: 1px solid var(--Line-Big-bt-Strocke, #50545F);
  background: var(--Brand-Secondary-02, #2D333E);
}
.section-detail .board-area .board-content ul li .data-option .data-item dd {
  background: var(--Brand-Secondary05, rgba(154, 163, 177, 0.1));
  border-color: #50555F;
}
.section-detail .board-area .board-content ul li .data-option .data-item dd ul li + li {
  margin-top: 20px;
}
.section-detail .board-area .board-content ul li .data-option .data-item dd ul li .tit,
.section-detail .board-area .board-content ul li .data-option .data-item dd ul li .sub {
  font-size: 16px;
  font-weight: 400;
}
@media all and (max-width: 1024px) {
  .section-detail .board-area .board-list {
    background-color: transparent;
  }
  .section-detail .board-area .board-list .data-type .board-tab {
    border: none;
    background-color: transparent;
  }
  .section-detail .board-area .board-list .data-type .board-tab + .board-tab {
    margin-top: 20px;
  }
  .section-detail .board-area .board-list .data-type .board-tab.is-show > a {
    background-color: #2D333E;
    border-color: #50545F;
  }
  .section-detail .board-area .board-list .data-type .board-tab > a {
    width: 100%;
    margin: 0;
    text-align: center;
  }
  .section-detail .board-area .board-list .data-type .board-tab .data-option {
    margin-top: 30px;
    background-color: transparent;
  }
  .section-detail .board-area .board-list .data-type .board-tab .data-option dl dt a span {
    font-size: 12px;
  }
  .section-detail .board-area .board-list .data-type .board-tab .data-option dl dt a .icon-circle {
    width: 22px;
    height: 22px;
    border: 1px solid var(--Line-Big-bt-Strocke, #50545F);
    background: var(--Brand-Secondary-02, #2D333E);
  }
  .section-detail .board-area .board-list .data-type .board-tab .data-option dl dt a .icon-circle .icon-toggle::before {
    height: 13px;
    margin-top: -5.5px;
  }
  .section-detail .board-area .board-list .data-type .board-tab .data-option dl dt a .icon-circle .icon-toggle::after {
    width: 13px;
    margin-left: -6px;
  }
  .section-detail .board-area .board-list .data-type .board-tab .data-option dl dd {
    background: var(--Brand-Secondary05, rgba(154, 163, 177, 0.1));
  }
  .section-detail .board-area .board-list .data-type .board-tab .data-option dl dd ul li {
    flex-wrap: nowrap;
  }
  .section-detail .board-area .board-list .data-type .board-tab .data-option dl dd ul li .tit,
  .section-detail .board-area .board-list .data-type .board-tab .data-option dl dd ul li .sub {
    font-weight: 400;
  }
  .section-detail .board-area .board-list .data-type .board-tab .data-option dl dd ul li .sub {
    text-align: right;
  }
}

.section-car .visual-model .visual-title {
  top: 115px;
}
.section-car .article-intro {
  padding: 112px 0 30px;
}
.section-car .article-intro .title-wrap {
  margin-bottom: 75px;
}
.section-car .article-intro .title-wrap .title-type {
  font-size: 66px;
  line-height: 1.45;
}
.section-car .article-intro .intro-list {
  margin-bottom: 111px;
}
.section-car .article-intro .intro-list ul {
  max-width: 371px;
  margin: 0 auto;
}
.section-car {
  padding-bottom: 0;
}
.section-car .txt-wrap {
  margin-bottom: 70px;
  font-size: 13px;
  line-height: 1.38;
  text-align: left;
}

.model-list ul {
  max-width: 1766px;
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
}
.model-list ul li {
  flex-basis: calc(33.33% - 10px);
  max-width: calc(33.33% - 10px);
  margin-bottom: 70px;
  text-align: left;
  line-height: 1.5;
}
.model-list ul li img {
  border-radius: 20px;
  overflow: hidden;
}
.model-list ul li h3 {
  display: block;
  margin: 28px 0 16px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.43;
}
.model-list ul li span {
  display: block;
  margin-bottom: 22px;
}
.model-list ul.type2 li {
  flex-basis: calc(50% - 30px);
  max-width: calc(50% - 30px);
}

.inner-box2 {
  margin-left: 12%;
  margin-right: 12%;
  padding: 0;
  width: 76%;
  max-width: 1470px;
  position: relative;
}

.car-group {
  display: flex;
  flex-wrap: wrap;
}
.car-group .car-model {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0 0 18px 12px;
  flex: 0 0 332px;
  flex-basis: calc(25% - 9px);
}
.car-group .car-model .car-item {
  width: 100%;
  background: #fff;
  text-align: left;
}
.car-group .car-model .car-item .car-info {
  padding: 18px 18px 0;
  min-height: 159px;
}
.car-group .car-model .car-item .name {
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  font-size: 21px;
  font-weight: 700;
}
.car-group .car-model .car-item .price {
  margin-top: 14px;
  font-size: 14px;
}
.car-group .car-model .car-item figure {
  text-align: center;
}
.car-group .car-model .car-item img {
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}
.car-group .car-model .car-item .btn-wrap {
  padding: 18px;
  margin-top: 0;
}
.car-group .car-model .car-item .btn-wrap .btn-type-brd {
  width: 100%;
}
.car-group .car-model .car-caption {
  font-size: 13px;
  line-height: 20px;
  margin-top: 10px;
}

.car-lineup .car-line {
  margin: 100px auto 0;
  max-width: 1440px;
  position: relative;
}
.car-lineup .car-line .car-symbols .symbols-name {
  left: -1.86%;
  width: 31%;
  max-width: 549px;
  position: absolute;
  top: 0;
  height: auto;
}
.car-lineup .car-line .car-symbols .symbols-bg {
  left: -79.2px;
  max-width: 660px;
  top: 94px;
  width: auto;
  position: absolute;
}
.car-lineup .car-line .car-container {
  position: relative;
}
.car-lineup .car-line .car-group {
  overflow: hidden;
}
@media (max-width: 768px) {
  .car-lineup .car-line .car-group {
    width: 100%;
  }
}
@media all and (max-width: 1024px) {
  .car-lineup .car-line .car-group {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .car-lineup .car-line .car-group {
    max-width: 768px;
  }
}
.car-lineup .car-line .car-group {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
}
.car-lineup .car-line .car-group:before {
  content: "";
  display: flex;
  flex: 0 0 calc(50vw - 332px);
  min-width: calc(25% - 9px);
  flex-basis: calc(25% - 9px);
  margin: 0 0 18px;
  width: 332px;
}
.car-lineup .car-line .car-group .bin {
  flex: 0 0 332px;
  display: none;
}
.car-lineup .car-line .car-group .car-model:nth-of-type(4n) {
  margin-left: 0;
}

@media (max-width: 768px) {
  .car-result {
    width: 100%;
  }
}
@media all and (max-width: 1024px) {
  .car-result {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .car-result {
    max-width: 768px;
  }
}
.car-result {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 60px 0;
}
.car-result .car-group {
  padding: 0 4%;
}
.car-result .car-group .car-model:nth-child(4n+1) {
  margin-left: 0;
}

@media all and (min-width: 1920px) {
  .inner-box2 {
    margin: 0 auto;
    width: 100%;
  }
  .section-detail .cont-bg-type2 .title-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media all and (max-width: 1440px) {
  .section-model .title-wrap {
    padding: 78px 0 66px;
  }
  .section-detail .article-data .inner {
    margin-left: 8%;
    margin-right: 8%;
    width: 84%;
  }
  .inner-box2 {
    margin-left: 8%;
    margin-right: 8%;
    width: 84%;
  }
}
@media all and (max-width: 1024px) {
  .section-model .title-wrap {
    padding: 60px 0 54px;
  }
  .section-model .filter-wrap .filter-item [class^=item] {
    display: none;
  }
  .section-model .filter-wrap .filter-item .item-close {
    display: inline-flex;
    margin-left: 0;
  }
  .section-detail .detail-wrap .article-intro {
    padding-top: 73px;
  }
  .section-detail .detail-wrap .article-intro .title-wrap {
    text-align: center;
  }
  .section-detail .detail-wrap .article-intro .title-wrap .title-type {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.5555555556;
    word-break: keep-all;
  }
  .section-detail .detail-wrap .article-intro .title-wrap .sub-text {
    margin-top: 25px;
  }
  .section-detail .detail-wrap .article-intro .intro-list {
    margin-top: 40px;
  }
  .section-detail .detail-wrap .article-intro .intro-list .intro-item span {
    font-size: 16px;
  }
  .section-detail .detail-wrap .article-gallery .inner-box {
    padding: 0;
  }
  .section-detail .detail-wrap .article-gallery .inner-box .gallery-wrap .gallery-slide .gallery-item figure {
    border-radius: 0;
  }
  .section-detail .detail-wrap .article-gallery .inner-box .gallery-nav {
    margin-top: 20px;
  }
  .section-detail .detail-wrap .article-gallery .inner-box .gallery-nav .gallery-list {
    margin: 0 5px;
  }
  .section-detail .detail-wrap .article-gallery .inner-box .gallery-nav .gallery-list figure {
    border-radius: 5px;
  }
  .section-detail .filter-area .filter-box .title {
    width: auto;
    margin-right: 40px;
  }
  .section-detail .board-area {
    margin-bottom: 50px;
  }
  .section-detail [class^=cont-bg-type] .title-wrap {
    margin-left: 8%;
    margin-right: 8%;
    width: 84%;
  }
  .section-detail .visual-model .visual-title {
    width: 92%;
    right: 4%;
    left: 4%;
    height: calc(100% - 72px);
  }
  .section-detail .visual-model .visual-title .title {
    font-size: 27px;
    line-height: 42px;
  }
  .inner-box2 {
    margin-left: 4%;
    margin-right: 4%;
    width: 92%;
    max-width: 1024px;
  }
  .car-group .car-model {
    flex-basis: calc(33.33333% - 8px);
  }
  .car-lineup {
    margin-top: 20px;
  }
  .car-lineup .car-line {
    max-width: 1024px;
    margin-top: 60px;
  }
  .car-lineup .car-line .car-symbols .symbols-name {
    left: -2.28%;
    width: 38%;
  }
  .car-lineup .car-line .car-symbols .symbols-bg {
    left: 0;
    max-width: 640px;
    top: 76px;
  }
  .car-lineup .car-line .car-group:before {
    min-width: calc(33.33333% - 8px);
    flex-basis: calc(33.33333% - 8px);
  }
  .car-lineup .car-line .car-group .car-model:nth-of-type(3n) {
    margin-left: 0;
  }
  .car-lineup .car-line .car-group .car-model:nth-of-type(4n) {
    margin-left: 12px;
  }
  .car-result .car-group .car-model:nth-child(4n+1) {
    margin-left: 12px;
  }
  .car-result .car-group .car-model:nth-child(3n+1) {
    margin-left: 0;
  }
  .section-car .visual-model .visual-title {
    top: 115px;
  }
  .section-car .visual-model .visual-title .title {
    font-size: 37px;
    line-height: 1.455em;
  }
  .section-car .article-intro .title-wrap .title-type {
    font-size: 36px;
    line-height: 1.455em;
  }
}
.launching-benefit-wrap {
  padding: 120px 0 50px;
}
.launching-benefit-wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 80px;
}
.launching-benefit-wrap ul li {
  flex: 1 1 0;
}
.launching-benefit-wrap ul li .img-wrap {
  position: relative;
  height: 0px;
  overflow: hidden;
  padding-top: 56.25%;
}
.launching-benefit-wrap ul li .img-wrap img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.launching-benefit-wrap ul li .text-wrap {
  margin-top: 40px;
  text-align: left;
}
.launching-benefit-wrap ul li .text-wrap p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.launching-benefit-wrap ul li .text-wrap a {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 768px) {
  .launching-benefit-wrap h3 {
    text-align: center;
  }
  .launching-benefit-wrap ul li {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 55px;
  }
}

.model-view-wrap .filter-wrap .filter-button-list,
.model-filter-wrap .filter-wrap .filter-button-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn,
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 28px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.3333333333;
  color: #FCFCFD;
  border: 1px solid #2D333E;
  border-radius: 10px;
  background-color: #181D25;
  cursor: pointer;
  position: relative;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn.v2,
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn.v2 {
  padding: 10px 12px;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn:hover,
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn:hover {
  background: #2E343F;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn input[type=checkbox],
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn:first-child,
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn:first-child {
  padding-right: 20px;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn:first-child:not(.active),
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn:first-child:not(.active) {
  padding-right: 12px;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn:first-child:not(.active) .ico-check,
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn:first-child:not(.active) .ico-check {
  display: none;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn:has(input[disabled]),
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn:has(input[disabled]) {
  background-color: rgba(252, 252, 253, 0);
  box-shadow: rgba(252, 252, 253, 0.1) 0px 0px 0px 1px inset;
  cursor: not-allowed;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn:has(input[disabled]) span,
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn:has(input[disabled]) span {
  color: rgba(154, 163, 177, 0.3);
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn.active,
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn.active {
  background-color: rgb(64, 74, 89);
  box-shadow: rgba(219, 223, 230, 0.2) 0px 0px 0px 1px inset;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn:has(input[data-filter=e-tron]:checked) .ico-electric,
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn:has(input[data-filter=e-tron]:checked) .ico-electric {
  display: none;
}
.model-view-wrap .filter-wrap .filter-button-list .filter-btn:has(input[data-filter=electric]:checked) .ico-electric,
.model-filter-wrap .filter-wrap .filter-button-list .filter-btn:has(input[data-filter=electric]:checked) .ico-electric {
  display: none;
}
.model-view-wrap .car-group-wrap .result-wrap,
.model-filter-wrap .car-group-wrap .result-wrap {
  margin-top: 42px;
}
.model-view-wrap .car-group-wrap .result-wrap .result,
.model-filter-wrap .car-group-wrap .result-wrap .result {
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  font-size: 12px;
  line-height: 1.6666666667;
}
.model-view-wrap .car-group-wrap .car-list-wrap,
.model-filter-wrap .car-group-wrap .car-list-wrap {
  position: relative;
  margin-left: -5px;
  padding: 22px 4% 0;
}
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper {
  overflow: hidden;
  margin: 0 -4%;
}
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-wrapper,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-wrapper {
  display: flex;
}
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper .car-model,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper .car-model {
  width: 240px;
}
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-wrap,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-wrap {
  position: absolute;
  top: -35px;
  right: 0;
  display: flex;
  align-items: center;
}
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-next,
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-prev,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-next,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
}
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-next.swiper-button-disabled,
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-prev.swiper-button-disabled,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-next.swiper-button-disabled,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0.2;
  cursor: default;
}
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-next,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-next {
  right: -24px;
}
.model-view-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-prev,
.model-filter-wrap .car-group-wrap .car-list-wrap .car-list-swiper .swiper-button-prev {
  left: -24px;
}

.filtered-result-wrap {
  display: none;
  margin-top: 25px;
}
.filtered-result-wrap .filtered-result-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.filtered-result-wrap .filtered-result-list .filtered-result-item {
  width: 332px;
  min-height: 263px;
  padding: 22px;
  background-color: #1E2128;
  border-radius: 10px;
}
.filtered-result-wrap .filtered-result-list .filtered-result-item .tag-wrap {
  min-height: 28px;
  margin-bottom: 5px;
}
.filtered-result-wrap .filtered-result-list .filtered-result-item .tag-wrap .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  background-color: #2B2E36;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3333333333;
  color: #FCFCFD;
}
.filtered-result-wrap .filtered-result-list .filtered-result-item .name-wrap {
  margin-top: 20px;
  text-align: center;
}
.filtered-result-wrap .filtered-result-list .filtered-result-item .name-wrap .car-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
.filtered-result-wrap .filtered-result-list .filtered-result-item .name-wrap .btn-type {
  width: 100%;
  margin-top: 10px;
}
.filtered-result-wrap .filtered-result-list .filtered-result-item .info-wrap {
  margin-top: 40px;
}
.filtered-result-wrap .filtered-result-list .filtered-result-item .info-wrap .info-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.filtered-result-wrap .filtered-result-list .filtered-result-item .info-wrap .info-text + .info-text {
  margin-top: 20px;
}

.btn-refresh {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.btn-refresh i {
  width: 14px;
  height: 14px;
}
.btn-refresh .text {
  font-size: 14px;
  line-height: 1.4285714286;
  color: #FCFCFD;
  text-decoration: underline;
}

.car-model-wrap .car-item {
  width: 240px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid #2C343F;
  background: linear-gradient(180deg, #232A34 0%, #181D25 100%);
}
.car-model-wrap .car-item.active {
  border: 1px solid #626874;
  background: #39404D;
}
.car-model-wrap .car-item.active .view-detail i {
  transform: rotate(180deg);
}
.car-model-wrap .car-item:hover {
  background: #39404D;
}
.car-model-wrap .car-item .car-title {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  min-height: 50px;
  height: 50px;
}
.car-model-wrap .car-item .car-title .name {
  display: -webkit-box;
  width: 70%;
  font-size: 16px;
  line-height: 1.5384615385;
  color: #FCFCFD;
  text-align: left;
  height: 50px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.car-model-wrap .car-item .car-title .tag-wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px 6px 13px;
  border-radius: 10px;
  background: var(--Brand-Secondary05, rgba(154, 163, 177, 0.1));
}
.car-model-wrap .car-item figure {
  max-width: 188px;
  margin: auto;
}
.car-model-wrap .car-item .view-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.car-model-wrap .car-item .view-detail .text {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6666666667;
  color: #FCFCFD;
}

@media (max-width: 768px) {
  .section-model .title-wrap {
    padding: 50px 0 41px;
  }
  .section-model .filter-wrap .filter-item {
    padding: 24px 4% 0;
  }
  .section-detail {
    padding-bottom: 69px;
  }
  .section-detail .visual .visual-title {
    height: auto;
    bottom: 28px;
  }
  .section-detail .visual .visual-title .title {
    font-size: 27px;
  }
  .section-detail .visual .visual-title .btn-wrap {
    position: initial;
    margin-top: 25px;
  }
  .section-detail .visual-model .visual-images {
    height: 36vh;
  }
  .section-detail .visual-model .visual-title {
    position: absolute;
    left: 4%;
    top: 108px;
  }
  .section-detail .filter-area .filter-box .title {
    width: 100%;
    margin-right: 0;
  }
  .section-detail .page-nav .page-title {
    height: 54px;
    line-height: 54px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 0 4%;
  }
  .section-detail .page-nav .page-title:before {
    content: "";
    display: inline-block;
    vertical-align: -7px;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.7L6.7 8L11.85 13.14L17 8L17.7 8.7L11.85 14.56L6 8.7Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
    background-size: cover;
    width: 28px;
    height: 28px;
  }
  .section-detail .page-nav ul {
    display: none;
    width: 100%;
    flex-wrap: wrap;
    padding: 0 4%;
  }
  .section-detail .page-nav ul li {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .section-detail .page-nav ul li + li {
    border-top: 1px solid #50555F;
  }
  .section-detail .page-nav ul li.active a {
    text-decoration: none;
  }
  .section-detail .page-nav ul li a {
    display: flex;
    height: 53px;
    align-items: center;
  }
  .section-detail .page-nav.active .page-title:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4.75305' y1='5.14614' x2='14.6525' y2='15.0456' stroke='white'/%3E%3Cline x1='14.6525' y1='4.75333' x2='4.75297' y2='14.6528' stroke='white'/%3E%3C/svg%3E%0A");
    background-size: cover;
  }
  .section-detail .page-nav.active ul {
    display: block;
  }
  .section-detail .title-wrap {
    margin-bottom: 36px;
  }
  .section-detail [class^=cont-type] {
    margin-bottom: 75px;
  }
  .section-detail [class^=cont-type] .inner-box2 {
    flex-wrap: wrap;
  }
  .section-detail [class^=cont-type] .inner-box2 > div {
    width: 100%;
  }
  .section-detail [class^=cont-type] .inner-box2 .title-wrap {
    padding: 0;
  }
  .section-detail [class^=cont-type] .inner-box2 .title-wrap .title-type2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
  }
  .section-detail [class^=cont-type] .inner-box2 .title-wrap .sub-text {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #FCFCFD;
    opacity: 0.7;
  }
  .section-detail [class^=cont-type] .title-wrap {
    padding: 0 9%;
    margin: 36px 0 0 0;
  }
  .section-detail .cont-type2 .inner-box2 {
    flex-flow: column-reverse;
    gap: 15px 0;
  }
  .section-detail [class^=cont-bg-type] {
    margin-bottom: 60px;
  }
  .section-detail [class^=cont-bg-type] .title-wrap {
    position: initial;
    margin: 0 0 15px;
    padding: 0 4%;
    width: 100%;
    background-color: transparent;
  }
  .section-detail [class^=cont-bg-type] .title-wrap .title-type,
  .section-detail [class^=cont-bg-type] .title-wrap .title-type2 {
    font-size: 24px;
    line-height: 1.5555555556;
    color: #FCFCFD;
  }
  .section-detail [class^=cont-bg-type] .title-wrap .sub-text {
    color: #FCFCFD;
    opacity: 0.7;
  }
  .section-detail .detail-wrap .article-intro {
    padding: 36px 0;
    text-align: left;
  }
  .section-detail .detail-wrap .article-intro .intro-list {
    margin-bottom: 12px;
  }
  .section-detail .detail-wrap .article-intro .intro-list ul {
    flex-wrap: wrap;
  }
  .section-detail .detail-wrap .article-intro .intro-list ul .intro-item {
    text-align: center;
    width: 50%;
  }
  .section-detail .detail-wrap .article-intro .intro-list ul .intro-item:nth-child(n+3) {
    margin-top: 36px;
  }
  .section-detail .article-gallery {
    margin-bottom: 40px;
  }
  .section-detail .article-gallery .inner-box2 {
    padding: 0;
  }
  .section-detail .article-gallery .gallery-info {
    padding: 17px 4% 0;
  }
  .section-car {
    padding-bottom: 0;
  }
  .section-car .visual-model .visual-title {
    height: calc(100% - 107px);
  }
  .section-car .visual-model .visual-title .title {
    font-size: 28px;
  }
  .section-car .article-intro {
    padding: 74px 0 15px;
  }
  .section-car .article-intro .title-wrap {
    margin-bottom: 50px;
  }
  .section-car .article-intro .title-wrap .title-type {
    font-size: 27px;
    line-height: 1.56;
  }
  .section-car .article-intro .title-wrap .sub-text {
    margin-top: 30px;
  }
  .section-car .article-intro .title-wrap .sub-text br {
    display: none;
  }
  .section-car .article-intro .title-wrap .sub-text.type2 br {
    display: block;
  }
  .section-car .article-intro .intro-list {
    margin-bottom: 52px;
  }
  .section-car .txt-wrap {
    margin-bottom: 52px;
  }
  .inner-box2 {
    max-width: 768px;
    margin-left: 0;
    margin-right: 0;
    padding: 0 4%;
    width: 100%;
  }
  .car-group .car-model {
    flex-basis: auto;
    flex: auto;
  }
  .car-group .car-model .car-item .car-info {
    min-height: 207px;
  }
  .car-lineup {
    overflow: hidden;
  }
  .car-lineup .car-line {
    margin-top: 45px;
    max-width: none;
    padding-top: 205px;
  }
  .car-lineup .car-line .car-symbols .symbols-name {
    left: -16.74px;
    width: 279px;
  }
  .car-lineup .car-line .car-symbols .symbols-bg {
    height: auto;
    left: 0;
    max-width: 512px;
    top: 12px;
  }
  .car-lineup .car-line .car-symbols .symbols-bg img {
    width: auto;
    max-width: 512px;
  }
  .car-lineup .car-line .car-group {
    max-width: none;
    flex-wrap: nowrap;
  }
  .car-lineup .car-line .car-group:before {
    display: none;
  }
  .car-lineup .car-line .car-group .car-model {
    margin: 0 6px 0 6px;
  }
  .car-result {
    padding-top: 24px;
  }
  .car-result .car-group .car-model:nth-child(4n+1), .car-result .car-group .car-model:nth-child(3n+1) {
    margin-left: 0;
  }
  .car-result .car-group .car-model {
    margin-left: 0;
  }
  .model-list ul li {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 55px;
  }
  .model-list ul li h3 {
    margin-bottom: 13px;
  }
  .model-list ul.type2 li {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.section-showroom .title-wrap2 {
  margin: 40px 0 50px;
}

.showroom .btn-detail-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.showroom .title-wrap2 .title-type {
  font-weight: 700;
}
@media (max-width: 768px) {
  .showroom .showroom-list-area .title-wrap2 {
    width: 100%;
  }
}
@media all and (max-width: 1024px) {
  .showroom .showroom-list-area .title-wrap2 {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .showroom .showroom-list-area .title-wrap2 {
    max-width: 768px;
  }
}
.showroom .showroom-list-area .title-wrap2 {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 113px 0 50px;
}
.showroom .tab-content {
  overflow: hidden;
  height: 0;
}
.showroom .tab-content.active {
  overflow: inherit;
  height: auto;
}
.showroom .map-view {
  padding: 27px 0;
  background: #f2f2f2;
}
.showroom .map-view .map {
  position: relative;
  width: 1250px;
  height: 866px;
  margin: 0 auto;
  background: url(../images/showroom/img_map.png) no-repeat 50% 50%;
  background-size: cover;
}
.showroom .map-view .showroom-list [class^=item] {
  display: flex;
  align-items: center;
  position: absolute;
  font-size: 0;
}
.showroom .map-view .showroom-list [class^=item] .marker {
  display: inline-block;
  vertical-align: middle;
}
.showroom .map-view .showroom-list [class^=item] .text {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 12px;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
}
.showroom .map-view .showroom-list [class^=item] .text strong {
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}
.showroom .map-view .showroom-list [class^=item] .text em {
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  display: block;
  font-size: 12px;
  font-weight: 700;
}
.showroom .map-view .showroom-list [class^=item]:hover .marker {
  background-color: #bb0a30;
}
.showroom .map-view .showroom-list [class^=item]:hover .marker:before {
  border-color: transparent transparent transparent #bb0a30;
}
.showroom .map-view .showroom-list [class^=item]:hover .text strong {
  color: #bb0a30;
}
.showroom .map-view .showroom-list .item1 {
  top: 17%;
  left: 34%;
}
.showroom .map-view .showroom-list .item2 {
  top: 36.5%;
  left: 40.5%;
}
.showroom .map-view .showroom-list .item3 {
  top: 34%;
  left: 71.5%;
}
.showroom .map-view .showroom-list .item4 {
  top: 49.3%;
  left: 62.8%;
}
.showroom .map-view .showroom-list .item5 {
  top: 57.6%;
  left: 45.5%;
}
.showroom .map-view .showroom-list .item6 {
  top: 54%;
  left: 69%;
}
.showroom .map-view .showroom-list .item8 {
  top: 74.7%;
  left: 18.7%;
}
.showroom .map-view .showroom-list .item9 {
  top: 87.8%;
  left: 12.3%;
}
.showroom .map-view .showroom-list .item7 {
  top: 45%;
  left: 41%;
}
.showroom .map-view .showroom-list .item10 {
  top: -1%;
  left: 62.08%;
}
@media (max-width: 768px) {
  .showroom .showroom-info-area {
    width: 100%;
  }
}
@media all and (max-width: 1024px) {
  .showroom .showroom-info-area {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .showroom .showroom-info-area {
    max-width: 768px;
  }
}
.showroom .showroom-info-area {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1700px;
  padding-bottom: 96px;
}
.showroom .showroom-info-area .showroom-info-item {
  overflow: hidden;
  margin: 66px 0 80px;
  display: flex;
  align-items: center;
  gap: 8%;
}
.showroom .showroom-info-area .showroom-info-item .info-text {
  width: 60%;
  font-size: 16px;
}
.showroom .showroom-info-area .showroom-info-item .info-text .title-wrap h4 {
  display: inline-block;
  font-size: 34px;
  font-weight: 400;
  color: #FCFCFD;
}
.showroom .showroom-info-area .showroom-info-item .info-text .title-wrap span {
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  font-weight: normal;
}
.showroom .showroom-info-area .showroom-info-item .info-text .btn-wrap {
  display: flex;
  flex-wrap: wrap;
}
.showroom .showroom-info-area .showroom-info-item .info-text .btn-wrap a {
  flex: 1;
  margin: 0 5px;
  max-width: 200px;
}
.showroom .showroom-info-area .showroom-info-item .info-text > p {
  margin-top: 30px;
  font-size: 16px;
  line-height: 24px;
}
.showroom .showroom-info-area .showroom-info-item .info-text > ul {
  margin-top: 25px;
}
.showroom .showroom-info-area .showroom-info-item .info-text > ul li {
  margin-top: 15px;
  padding-left: 34px;
  text-indent: -34px;
  line-height: 1.6;
}
.showroom .showroom-info-area .showroom-info-item .info-text > ul li:first-child {
  margin-top: 0;
}
.showroom .showroom-info-area .showroom-info-item .info-text > ul li [class^=ico] {
  margin-right: 10px;
  vertical-align: middle;
}
.showroom .showroom-info-area .showroom-info-item .info-text > ul li div {
  display: inline-block;
  margin-left: 49px;
  text-indent: 0;
}
.showroom .showroom-info-area .showroom-info-item .info-text > ul li div span {
  display: inline-block;
  margin-right: 13px;
  font-size: 18px;
}
.showroom .showroom-info-area .showroom-info-item .info-view {
  width: 40%;
}
.showroom .showroom-info-area .showroom-info-item .info-view .gallery-slide .slick-slide {
  padding: 0 3px;
}
.showroom .showroom-info-area .showroom-info-item .info-view .gallery-item figure {
  border-radius: 20px;
  padding-bottom: 55.557%;
}
.showroom .showroom-info-area .showroom-info-item .info-view .gallery-nav {
  padding-bottom: 27px;
}
.showroom .showroom-info-area .showroom-info-item .info-view .gallery-nav .gallery-list figure {
  border-radius: 10px;
}
.showroom .showroom-info-area .showroom-info-item .info-view .gallery-nav .slick-arrow {
  transform: none;
  top: auto;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 24px;
  font-size: 0;
  text-indent: -9999px;
  border: none;
  background: transparent;
}
.showroom .showroom-info-area .showroom-info-item .info-view .gallery-nav .slick-arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.showroom .showroom-info-area .showroom-info-item .info-view .gallery-nav .slick-prev {
  left: unset;
  right: 35px;
}
.showroom .showroom-info-area .showroom-info-item .info-view .gallery-nav .slick-prev:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.7L6.7 8L11.85 13.14L17 8L17.7 8.7L11.85 14.56L6 8.7Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
  transform: translate(-50%, -50%) rotate(90deg);
}
.showroom .showroom-info-area .showroom-info-item .info-view .gallery-nav .slick-next:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.7L6.7 8L11.85 13.14L17 8L17.7 8.7L11.85 14.56L6 8.7Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
  transform: translate(-50%, -50%) rotate(270deg);
}
.showroom .showroom-info-area .showroom-location-view {
  display: none;
  position: relative;
  width: 100%;
  height: 500px;
}
.showroom .showroom-info-area .showroom-location-view .location-view {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 20px;
}
.showroom .showroom-info-area .showroom-location-view.active {
  display: block;
}
.showroom .showroom-info-area .member-info {
  margin-top: 80px;
}
.showroom .showroom-info-area .member-info .team-wrap + .team-wrap {
  margin-top: 100px;
}
.showroom .showroom-info-area .member-info .team-wrap .title-wrap h4 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4444444444;
  color: #FCFCFD;
}
.showroom .showroom-info-area .member-info .team-wrap ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px 50px;
  margin-top: 66px;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item {
  display: flex;
  align-items: center;
  gap: 40px;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .member-view {
  position: relative;
  flex-shrink: 0;
  width: 40%;
  max-width: 220px;
  border-radius: 20px;
  overflow: hidden;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .member-view figure {
  position: relative;
  width: 100%;
  margin: 0;
  /* JS로 정수 픽셀 적용 전 기본 (220×327 비율) */
  height: 0;
  padding-bottom: 148.64%; /* 327/220 */
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .member-view figure img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  image-rendering: -webkit-optimize-contrast;
  /* 스케일 시 선명도 보정 */
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .member-view .cert-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #000000;
  color: #FCFCFD;
  padding: 12px;
  text-align: center;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info {
  width: 60%;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .title-wrap h4 {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4545454545;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap {
  margin-top: 30px;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap .detail {
  display: flex;
  align-items: center;
  gap: 22px;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap .detail + .detail {
  margin-top: 30px;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap .detail [class^=ico] {
  flex-shrink: 0;
  width: 24px;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap .detail span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4285714286;
  word-break: break-all;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .btn-wrap {
  max-width: 300px;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .btn-wrap a {
  width: 100%;
}
.showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .btn-wrap.mo {
  display: none;
}
.showroom .showroom-info-area.type-sales .member-info {
  margin-top: 80px;
}
.showroom .showroom-info-area.type-sales .tab-type3 li {
  margin: 0 15px;
}
.showroom .showroom-info-area.type-sales .tab-type3 li:first-child {
  margin-left: 0;
}
@media (max-width: 768px) {
  .showroom .showroom-apply-area {
    width: 100%;
  }
}
@media all and (max-width: 1024px) {
  .showroom .showroom-apply-area {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .showroom .showroom-apply-area {
    max-width: 768px;
  }
}
.showroom .showroom-apply-area {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
  padding-bottom: 90px;
}
.showroom .showroom-apply-area .btn-wrap {
  margin-top: 60px;
  text-align: center;
}
.showroom .list-tab-title {
  background: #000000;
  color: #fff;
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pop-map .pop-wrap {
  border-radius: 20px;
  overflow: hidden;
}
#pop-map .pop-content {
  width: 100%;
  height: 100%;
  padding: 0;
}
#pop-map .pop-content .map-area {
  width: 100%;
  height: 100%;
  backgroound-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-profile {
  background: #101319;
  z-index: 10;
}
.section-profile .profile-head {
  width: 100%;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid #50545F;
  padding: 0 15px;
}
.section-profile .profile-head > a {
  display: inline-block;
}
.section-profile .profile-head .btn-copy {
  text-align: center;
}
.section-profile .profile-head .btn-copy span {
  font-size: 10px;
  display: block;
}
.section-profile .profile-head .btn-close {
  position: inherit;
  margin-left: 18px;
}
.section-profile .profile-logo {
  padding-top: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-profile .profile-card {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.section-profile .profile-card .img {
  width: 125px;
  text-align: center;
}
.section-profile .profile-card .img .bg {
  width: 125px;
  height: 125px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100%;
  overflow: hidden;
}
.section-profile .profile-card .img .name {
  margin-top: 11px;
  font-size: 15px;
}
.section-profile .profile-card .img .name strong {
  display: inline-flex;
  margin-left: 10px;
  font-size: 20px;
  letter-spacing: 0.1em;
}
.section-profile .profile-card .info {
  width: calc(100% - 125px);
  padding-left: 20px;
  font-size: 13px;
  font-weight: 400;
}
.section-profile .profile-card .info p {
  color: #FCFCFD;
  text-align: left;
  word-wrap: break-word;
}
.section-profile .profile-card .info .list {
  margin-top: 20px;
  font-family: "AudiTypeKR", sans-serif;
  letter-spacing: -0.5px;
}
.section-profile .profile-card .info .list p + p {
  margin-top: 9px;
}
.section-profile .profile-card .info .list .f-r {
  text-align: right;
}
.section-profile .profile-card .info .company {
  margin: 0 0 10px;
  font-size: 15px;
  letter-spacing: -0.1px;
}
.section-profile .profile-card .info .store {
  margin-bottom: 9px;
  font-weight: 400;
}
.section-profile .profile-card .info .f-r {
  float: right;
}
.section-profile .profile-card .info .kr {
  font-family: "AudiTypeKR", sans-serif;
}
.section-profile .profile-content {
  overflow-y: auto;
  overflow-x: hidden;
  height: 80vh;
  padding-bottom: 40px;
}
.section-profile .intro-box {
  margin-top: 25px;
  background: #2D333E;
  position: relative;
  padding: 17px 20px;
  vertical-align: middle;
  border-radius: 25px;
  z-index: 0;
}
.section-profile .intro-box > div {
  font-size: 12px;
  line-height: 1.5;
  color: #FCFCFD;
  word-break: break-word;
}
.section-profile .contact-box {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.section-profile .contact-box .btn-type {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 14px 10px;
}
.section-profile .contact-box .btn-type i {
  flex-shrink: 0;
}
.section-profile .contact-box .btn-type .ico-chat {
  width: 22px;
  height: 20px;
}
.section-profile .contact-box .btn-type .ico-phone {
  width: 24px;
  height: 24px;
}
.section-profile .apply-box {
  margin-top: 20px;
}
.section-profile .apply-box .btn-type + .btn-type {
  margin-top: 15px;
}
.section-profile .apply-box .btn-type {
  width: 100%;
}
.section-profile .apply-box .btn-type i {
  margin-right: 10px;
}
.section-profile .map-box {
  margin-top: 20px;
  background: #181D25;
}
.section-profile .map-box .view figure {
  width: 100%;
  height: 192px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}
.section-profile .map-box .detail {
  padding: 15px;
  display: flex;
  justify-content: space-between;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
}
.section-profile .map-box .detail .category {
  font-size: 11px;
  margin-bottom: 10px;
}
.section-profile .map-box .detail .address {
  font-size: 13px;
}
.section-profile .map-box .detail .address + .address {
  margin-top: 7px;
}
.section-profile .map-box .detail .store {
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  margin-right: 7px;
}
.section-profile .sns-box {
  margin-top: 40px;
  padding-bottom: 80px;
  text-align: center;
}
.section-profile .sns-box h3 {
  font-size: 21px;
}
.section-profile .sns-box .sns-list {
  margin-top: 13px;
}
.section-profile .sns-box .sns-list li {
  font-size: 0;
  display: inline-block;
}
.section-profile .sns-box .sns-list li a {
  display: block;
}
.section-profile .sns-box .sns-list li + li {
  margin-left: 14px;
}
.section-profile .inner {
  padding: 0 15px;
}

@media all and (max-width: 1024px) {
  .section-content .title-wrap2 {
    margin: 60px 0 54px;
  }
  .showroom .map-view .map {
    width: 100%;
    height: auto;
    padding-bottom: 74%;
    background-size: 90%;
    overflow: hidden;
  }
  .showroom .map-view .showroom-list [class^=item] .text {
    margin-left: 5px;
    font-size: 6px;
  }
  .showroom .map-view .showroom-list [class^=item] .text strong {
    font-size: 8px;
    margin-bottom: 1px;
  }
  .showroom .map-view .showroom-list [class^=item] .text em {
    margin-top: 2px;
    font-size: 6px;
  }
  .showroom .showroom-info-area .showroom-info-item {
    flex-wrap: wrap-reverse;
    margin: 33px 0;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text {
    width: 100%;
    margin-top: 15px;
    padding: 0;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text .title-wrap h4 {
    font-size: 22px;
    font-weight: 700;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text p {
    margin-top: 10px;
    font-size: 14px;
    opacity: 0.7;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text ul li {
    font-size: 12px;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text .btn-wrap {
    width: 240px;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text .btn-wrap a {
    width: 100%;
    margin-top: 5px;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text ul li div {
    display: block;
    margin: 8px 0 0;
    text-indent: -32px;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text ul li div .ico-fax {
    margin-right: 7px;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text .btn-wrap {
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  .showroom .showroom-info-area .showroom-info-item .info-text .btn-wrap a {
    width: 100%;
    max-width: unset;
    margin: 0;
  }
  .showroom .showroom-info-area .showroom-info-item .info-view {
    width: 100%;
  }
  .showroom .showroom-info-area .showroom-location-view {
    height: 250px;
  }
  .showroom .showroom-info-area .member-info {
    margin-top: 76px;
  }
  .showroom .showroom-info-area .member-info .team-wrap + .team-wrap {
    margin-top: 60px;
  }
  .showroom .showroom-info-area .member-info .team-wrap .title-wrap h4 {
    font-size: 16px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item {
    display: grid;
    gap: 20px;
    grid-template-columns: 2fr 6fr;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .member-view {
    width: auto;
    min-width: 136px;
    border-radius: 10px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .member-view .cert-wrap {
    font-size: 10px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info {
    width: auto;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .title-wrap h4 {
    font-size: 16px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap {
    margin-top: 10px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap .detail {
    gap: 12px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap .detail + .detail {
    margin-top: 12px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap .detail [class^=ico] {
    width: 20px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .info-detail-wrap .detail span {
    font-size: 11px;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .info .btn-wrap {
    display: none;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .btn-wrap.mo {
    display: block;
    grid-column: span 2;
    margin: 0;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .btn-wrap.mo a {
    width: 100%;
  }
  .showroom .showroom-info-area .member-info .team-wrap ul li .member-info-item .btn-wrap.mo a + a {
    margin-top: 10px;
  }
  .showroom .showroom-info-area .member-info .member-list .no-data {
    margin-top: 30px;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li {
    display: block;
    width: 100%;
  }
}
@media all and (max-width: 1132px) {
  .showroom .showroom-info-area .member-info .member-list > ul > li .info {
    padding-left: 10px;
    letter-spacing: -1px;
  }
}
@media (max-width: 768px) {
  .section-content .title-wrap2 {
    margin: 50px 0 31px;
  }
  .showroom .showroom-list-area .title-wrap2 {
    padding: 50px 15px 31px;
  }
  .showroom .map-view {
    padding: 0;
  }
  .showroom .map-view .showroom-list .item1 {
    top: 15%;
  }
  .showroom .map-view .showroom-list .item2 {
    top: 30.5%;
  }
  .showroom .map-view .showroom-list .item3 {
    top: 26%;
    left: 67.5%;
  }
  .showroom .map-view .showroom-list .item4 {
    top: 41.3%;
    left: 65.8%;
  }
  .showroom .map-view .showroom-list .item5 {
    top: 51.6%;
    left: 42.5%;
  }
  .showroom .map-view .showroom-list .item6 {
    top: 67%;
    left: 68%;
  }
  .showroom .map-view .showroom-list .item6 .marker:before {
    bottom: initial;
    top: -10px;
  }
  .showroom .map-view .showroom-list .item7 {
    top: 53%;
    left: 71%;
  }
  .showroom .map-view .showroom-list .item8 {
    top: 63.7%;
    left: 20.7%;
  }
  .showroom .map-view .showroom-list .item9 {
    top: 75.8%;
    left: 14.3%;
  }
  .showroom .showroom-info-area {
    padding: 0 4% 60px;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li {
    position: relative;
    margin-top: 33px;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li .btn-wrap.mo {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li .btn-wrap.mo [class^=btn-type] + [class^=btn-type] {
    margin-top: 5px;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li .btn-wrap.pc {
    display: none;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li .member-view {
    width: 40.6%;
    min-width: 136px;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li .member-view figure {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 148.64%; /* 327/220 */
    overflow: hidden;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li .member-view figure img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    image-rendering: -webkit-optimize-contrast;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li .info {
    width: 59.4%;
    padding-left: 13px;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li .info dt {
    font-size: 19px;
  }
  .showroom .showroom-info-area .member-info .member-list > ul > li .info dd {
    margin-top: 10px;
    font-size: 12px;
  }
  .showroom .showroom-info-area .member-info .member-info-item .btn-wrap.mo {
    display: block;
  }
  .showroom .showroom-info-area .member-info .member-info-item .btn-wrap.mo a {
    height: 45px;
  }
  .showroom .showroom-apply-area {
    padding: 0 15px 70px;
  }
  .showroom .btn-detail-close {
    right: 15px;
    top: 15px;
  }
  .showroom .tab-type3 li a {
    font-size: 19px;
  }
  .section-profile {
    min-height: 100vh;
    width: 100%;
  }
  .section-profile .profile-content {
    height: calc(100vh - 47px);
  }
}
.section-service .showroom-info-area {
  padding-bottom: 148px;
}
.section-service .showroom-info-area .title-wrap2 {
  padding: 40px 0 43px;
}
.section-service .showroom-info-area .title-wrap2 + .tab-content .showroom-info-item {
  margin-top: 0;
}
@media all and (max-width: 1024px) {
  .section-service .service-info-area {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .section-service .service-info-area {
    max-width: 768px;
  }
}
.section-service .service-info-area {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
  padding-bottom: 100px;
  /* 2023-01-11 수정 */
}
.section-service .service-info-area .title-wrap2 {
  padding: 149px 0 43px;
}
.section-service .service-info-area {
  /* 2023-01-11 수정 */
}
.section-service .service-info-area .detail-info {
  margin: 66px 0;
}
.section-service .service-info-area .detail-info dl dt {
  border-bottom: 1px solid #cccccc;
  font-size: 21px;
  font-weight: 600;
  padding: 35px 25px;
  cursor: pointer;
}
.section-service .service-info-area .detail-info dl dt a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.section-service .service-info-area .detail-info dl dt.active .ico-arrow4 {
  transform: rotate(-135deg);
}
.section-service .service-info-area .detail-info dl dd {
  display: none;
  border-bottom: 1px solid #cccccc;
}
.section-service .service-info-area .detail-info dl dd .table-wrap {
  margin: 25px 0;
}
.section-service .service-info-area .detail-info dl:first-child {
  border-top: 1px solid #cccccc;
}
.section-service .service-info-area .info-list .list-type {
  margin-top: 26px;
}
.section-service .service-category {
  padding-top: 80px;
  padding-bottom: 66px;
  border-bottom: 1px solid #cccccc;
}
.section-service .service-category .title-wrap {
  margin-bottom: 24px;
}
.section-service .service-category .title-wrap .title-type2 {
  color: #FCFCFD;
}
.section-service .service-category ul {
  display: flex;
  justify-content: center;
  text-align: center;
}
.section-service .service-category ul li {
  width: 222px;
  margin-left: 74px;
}
.section-service .service-category ul li:first-child {
  margin-left: 0;
}
.section-service .service-category ul li i {
  display: block;
  margin: 0 auto 12px;
}
.section-service .map-view .showroom-list .item1 {
  top: 14%;
  left: 29.5%;
}
.section-service .map-view .showroom-list .item2 {
  top: 33.8%;
  left: 71.7%;
}
.section-service .map-view .showroom-list .item3 {
  top: 51.8%;
  left: 50.7%;
}
.section-service .map-view .showroom-list .item4 {
  top: 54%;
  left: 69.2%;
}
.section-service .map-view .showroom-list .item5 {
  top: 71.7%;
  left: 14.9%;
}
.section-service .map-view .showroom-list .item6 {
  top: 72.4%;
  left: 69.1%;
}
.section-service .map-view .showroom-list .item7 {
  top: 81.3%;
  left: 16.9%;
}

.section-program .program-summary {
  background: #f2f2f2;
  padding: 66px 0 116px;
}
.section-program .program-summary .inner-box {
  max-width: 1200px;
}
.section-program .program-slide .slick-slide {
  margin: 0 5px;
  background: #fff;
  box-sizing: border-box;
  border: 2px solid #f2f2f2;
}
.section-program .program-slide .slick-dots {
  margin-top: 42px;
}
.section-program .program-slide .active {
  border-color: #000000;
}
.section-program .cont-box {
  min-height: 235px;
  padding: 36px 8% 24px;
}
.section-program .cont-box .en {
  font-size: 13px;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
}
.section-program .cont-box .title {
  font-weight: 700;
  font-size: 21px;
  line-height: 30px;
  margin-top: 6px;
}
.section-program .cont-box .desc {
  font-size: 13px;
  line-height: 18px;
  margin-top: 12px;
}

@media all and (max-width: 1024px) {
  .article-program {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-program {
    max-width: 768px;
  }
}
.article-program {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 137px 0 100px;
}
.article-program [class^=service-] .title-wrap {
  text-align: center;
  margin-bottom: 80px;
}
.article-program [class^=service-] .title-wrap .en {
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 13px;
}
.article-program [class^=service-] .title-wrap .desc {
  margin-top: 6px;
  font-size: 21px;
  font-weight: 500;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
}
.article-program [class^=service-] .visual-area {
  margin-bottom: 66px;
}
.article-program [class^=service-] .detail-area .text-box .text-type {
  margin-bottom: 20px;
}
.article-program [class^=service-] .detail-area .img-box {
  margin: 48px 0;
}
.article-program [class^=service-] .detail-area .img-box .mo {
  display: none;
}
.article-program [class^=service-] .detail-area .img-box .pc {
  display: block;
}
.article-program [class^=service-] .detail-area .text-type {
  margin-bottom: 66px;
  font-size: 16px;
}
.article-program [class^=service-] .detail-area .text-type ~ .list-type2 {
  margin: -40px 0 60px;
}
.article-program [class^=service-] .detail-area .list-type {
  margin-top: 6px;
}
.article-program [class^=service-] .detail-area .list-type2 {
  margin-top: 12px;
}
.article-program [class^=service-] .detail-area .list-type2.v2 {
  margin-top: 24px;
}
.article-program [class^=service-] .detail-area {
  /* 2022-12-20 변경 */
}
.article-program [class^=service-] .detail-area .list-type3.v2 {
  margin-top: 24px;
}
.article-program [class^=service-] .detail-area {
  /* // 2022-12-20 변경 */
}
.article-program [class^=service-] .detail-area dl {
  margin-top: 44px;
}
.article-program [class^=service-] .detail-area dl dt {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 12px;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
}
.article-program [class^=service-] .detail-area dl dd {
  font-size: 16px;
  line-height: 1.438em;
}
.article-program [class^=service-] .detail-area dl.v2 {
  margin-top: 70px;
}
.article-program [class^=service-] .detail-area {
  /* 2022-12-20 변경 */
}
.article-program [class^=service-] .detail-area .table-wrap {
  margin: 24px 0;
}
.article-program [class^=service-] .detail-area .table-wrap.v2 {
  margin-top: 0;
}
.article-program [class^=service-] .detail-area .table-wrap.v2 th:not(:first-child) {
  text-align: center;
}
.article-program [class^=service-] .detail-area .table-wrap.v2 td:not(:first-child) {
  text-align: center;
  color: #ff3f70;
  font-weight: bold;
}
.article-program [class^=service-] .detail-area {
  /* // 2022-12-20 변경 */
}

.article-parts,
.article-customer {
  padding: 96px 0;
}
.article-parts .img-module,
.article-customer .img-module {
  display: flex;
  align-items: center;
  margin-bottom: 132px;
}
.article-parts .img-module > div,
.article-customer .img-module > div {
  width: 50%;
}
.article-parts .img-module .cont-box,
.article-customer .img-module .cont-box {
  padding-left: 4%;
}
.article-parts .img-module .cont-box .title-type,
.article-customer .img-module .cont-box .title-type {
  margin-bottom: 18px;
}
.article-parts .img-module .cont-box .desc,
.article-customer .img-module .cont-box .desc {
  font-size: 16px;
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.article-parts .img-module .cont-box .desc i,
.article-customer .img-module .cont-box .desc i {
  margin-right: 13px;
}
.article-parts .cont-type dt,
.article-customer .cont-type dt {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.571em;
  margin-bottom: 18px;
}
.article-parts .cont-type dd,
.article-customer .cont-type dd {
  font-size: 16px;
  line-height: 1.5em;
}
.article-parts .cont-type dd strong,
.article-customer .cont-type dd strong {
  font-size: 21px;
  font-weight: 600;
}
.article-parts .cont-type + .cont-type,
.article-customer .cont-type + .cont-type {
  margin-top: 84px;
}
.article-parts .service-list,
.article-customer .service-list {
  margin-top: 36px;
}
.article-parts .service-list ul,
.article-customer .service-list ul {
  padding: 48px 0;
  display: flex;
}
.article-parts .service-list ul li,
.article-customer .service-list ul li {
  width: 15%;
  text-align: center;
}
.article-parts .service-list ul li i,
.article-customer .service-list ul li i {
  margin: 3px 0;
}
.article-parts .service-list ul li span,
.article-customer .service-list ul li span {
  display: block;
}
.article-parts .service-list ul li + li,
.article-customer .service-list ul li + li {
  margin-left: 2%;
}
.article-parts .title-wrap,
.article-customer .title-wrap {
  text-align: center;
  margin-bottom: 112px;
}
.article-parts .title-wrap .desc,
.article-customer .title-wrap .desc {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
}
.article-parts figure,
.article-customer figure {
  margin-top: 66px;
}

@media all and (max-width: 1024px) {
  .section-program .program-summary {
    padding-top: 66px;
    margin-top: 35px;
  }
  .section-program .program-summary .inner-wrap {
    padding: 0;
  }
  .article-program * {
    word-break: keep-all;
  }
  .article-parts,
  .article-customer {
    padding: 100px 0 66px;
  }
  .article-parts .cont-type dt,
  .article-customer .cont-type dt {
    font-size: 21px;
  }
  .article-parts .cont-type dd strong,
  .article-customer .cont-type dd strong {
    font-size: 18px;
  }
  .article-parts .cont-type + .cont-type,
  .article-customer .cont-type + .cont-type {
    margin-top: 70px;
  }
}
@media (max-width: 768px) {
  .section-service .showroom-list-area .title-wrap2 {
    padding: 110px 4% 40px;
  }
  .section-service .showroom-info-area {
    padding-bottom: 140px;
  }
  .section-service .showroom-info-area .title-wrap2 {
    padding: 50px 0 25px;
  }
  .section-service .showroom-info-area .showroom-info-item {
    margin: 30px 0;
  }
  .section-service .service-category {
    padding-top: 35px;
    padding-bottom: 33px;
  }
  .section-service .service-category .title-wrap {
    padding-left: 0;
    margin-bottom: 35px;
  }
  .section-service .service-category ul {
    justify-content: initial;
    flex-wrap: wrap;
  }
  .section-service .service-category ul li {
    width: 46%;
    margin: 0 2% !important;
    padding-bottom: 35px;
  }
  .section-service .service-category ul li a i {
    width: 36px;
    height: 36px;
  }
  .section-service .service-info-area {
    /* 2023-01-11 수정 */
  }
  .section-service .service-info-area .title-wrap2 {
    padding: 110px 0 45px;
  }
  .section-service .service-info-area {
    /* // 2023-01-11 수정 */
  }
  .section-service .service-info-area .info-list .list-type {
    margin-top: 50px;
  }
  .section-service .service-info-area .detail-info dl dt {
    font-size: 18px;
    padding: 30px 20px;
  }
  .section-service .map-view .showroom-list .item1 {
    top: 14.1%;
    left: 31.1%;
  }
  .section-service .map-view .showroom-list .item2 {
    top: 26.4%;
    left: 68.6%;
  }
  .section-service .map-view .showroom-list .item3 {
    top: 45.7%;
    left: 50.2%;
  }
  .section-service .map-view .showroom-list .item4 {
    top: 51.2%;
    left: 68.6%;
  }
  .section-service .map-view .showroom-list .item5 {
    top: 61.7%;
    left: 15%;
  }
  .section-service .map-view .showroom-list .item6 {
    top: 73.1%;
    left: 69.5%;
  }
  .section-service .map-view .showroom-list .item7 {
    top: 72.2%;
    left: 18.9%;
  }
  .section-program .program-slide {
    padding-left: 4%;
  }
  .section-program .cont-box {
    min-height: 195px;
    padding-top: 18px;
    padding-bottom: 24px;
  }
  .article-program [class^=service-] .title-wrap {
    text-align: left;
    margin-bottom: 40px;
  }
  .article-program [class^=service-] .title-wrap .en {
    font-size: 18px;
  }
  .article-program [class^=service-] .title-wrap .desc {
    margin-top: 18px;
    font-size: 16px;
  }
  .article-program [class^=service-] .title-wrap .text-type {
    line-height: 1.667em;
  }
  .article-program [class^=service-] .detail-area .text-type {
    font-size: 18px;
  }
  .article-program [class^=service-] .detail-area .img-box .pc {
    display: none;
  }
  .article-program [class^=service-] .detail-area .img-box .mo {
    display: block;
  }
  .article-program [class^=service-] .detail-area dl dt {
    font-size: 21px;
    line-height: 1.556em;
  }
  .article-parts .img-module,
  .article-customer .img-module {
    flex-wrap: wrap;
  }
  .article-parts .img-module > div,
  .article-customer .img-module > div {
    width: 100%;
  }
  .article-parts .img-module .cont-box,
  .article-customer .img-module .cont-box {
    padding: 24px 9.6% 0;
  }
  .article-parts .service-list ul,
  .article-customer .service-list ul {
    flex-wrap: wrap;
  }
  .article-parts .service-list ul li,
  .article-customer .service-list ul li {
    width: 50%;
    margin-bottom: 36px;
  }
  .article-parts .service-list ul li + li,
  .article-customer .service-list ul li + li {
    margin-left: 0;
  }
}
@media all and (max-width: 1024px) {
  .article-customer,
  .article-parts {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-customer,
  .article-parts {
    max-width: 768px;
  }
}
.article-customer,
.article-parts {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
}

.article-recruit {
  padding-bottom: 96px;
}
@media all and (max-width: 1024px) {
  .article-recruit .recruit-area {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-recruit .recruit-area {
    max-width: 768px;
  }
}
.article-recruit .recruit-area {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
}
.article-recruit .recruit-area > dl {
  margin-top: 132px;
}
.article-recruit .title-wrap2 {
  margin: 113px 0 50px;
}
.article-recruit .title-wrap {
  margin-bottom: 54px;
}
.article-recruit .cont-type > dl {
  margin-bottom: 48px;
}
.article-recruit .cont-type > dl:last-child {
  margin-bottom: 0;
}
.article-recruit .cont-type > dl dt {
  font-size: 24px;
  font-weight: 700;
}
.article-recruit .cont-type > dl dd {
  margin-top: 12px;
  line-height: 1.5em;
}
.article-recruit .cont-type > dl dd .icon-list {
  margin-top: 24px;
}
.article-recruit .cont-type > dl dd > p {
  font-size: 16px;
  line-height: 1.5em;
}
.article-recruit .cont-type > dl dd > strong {
  display: block;
  font-size: 16px;
  margin: 24px 0 6px;
}
.article-recruit .cont-type > dl dd > .desc {
  font-size: 13px;
  color: #999999;
}
.article-recruit .btn-wrap {
  margin-top: 66px;
  text-align: center;
}

@media all and (max-width: 1024px) {
  .article-news {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-news {
    max-width: 768px;
  }
}
.article-news {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1174px;
}
.article-news .board-area {
  display: block;
  padding: 101px 0 66px;
}
.article-news .board-list {
  width: 100%;
}
.article-news .board-list .no-data-wrap td {
  padding: 0;
}
.article-news .board-cont .no-data-line {
  padding: 48px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #d9d9d9;
}
.article-news .board-tab.nodata > a {
  background: #fff;
}

@media all and (max-width: 1024px) {
  .article-event {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-event {
    max-width: 768px;
  }
}
.article-event {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 96px;
  max-width: 1174px;
}
.article-event .list-wrap .car-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 120px 12px;
}
.article-event .list-wrap .car-list li .img-area {
  height: 255px;
  margin-bottom: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.article-event .list-wrap .car-list li .img-area img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-event .list-wrap .car-list li .txt-area {
  font-size: 20px;
  line-height: 1.6;
}
.article-event .list-wrap .car-list li .txt-area span {
  display: block;
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.6666666667;
}
.article-event .board-area {
  display: inherit;
  margin-bottom: 96px;
}
.article-event .pagination {
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  display: none;
  margin: 88px auto 96px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.article-event .pagination > a {
  width: 40px;
  height: 40px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: rgba(252, 252, 253, 0.7);
  text-decoration: none;
  border-radius: 999px;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
.article-event .pagination > a:hover, .article-event .pagination > a:focus-visible {
  background: rgb(45, 51, 62);
  color: #FCFCFD;
  outline: none;
}
.article-event .pagination > a.active {
  position: relative;
  font-weight: 700;
  color: #FCFCFD;
}
.article-event .pagination > a.active::before {
  position: absolute;
  content: "";
  width: 50%;
  height: 2px;
  right: 0;
  left: 0;
  bottom: 6px;
  margin: 0 auto;
  background-color: #fff;
}
.article-event .pagination > a.disabled, .article-event .pagination > a[aria-disabled=true] {
  opacity: 0.3;
  pointer-events: none;
  background: transparent;
}
.article-event .pagination [class^=ico] {
  font-size: 0;
}
.article-event .pagination > a.ico-prev,
.article-event .pagination > a.ico-next {
  font-size: 0;
}
.article-event .pagination > a.ico-prev::before,
.article-event .pagination > a.ico-next::before {
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}
.article-event .pagination > a.ico-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.7L6.7 8L11.85 13.14L17 8L17.7 8.7L11.85 14.56L6 8.7Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
  transform: rotate(90deg);
}
.article-event .pagination > a.ico-next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.7L6.7 8L11.85 13.14L17 8L17.7 8.7L11.85 14.56L6 8.7Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
  transform: rotate(270deg);
}
.article-event .pagination > a.ico-prev > i,
.article-event .pagination > a.ico-next > i {
  display: none;
}
.article-event .pagination > a.ico-prev [class^=ico],
.article-event .pagination > a.ico-next [class^=ico] {
  width: 24px;
  height: 24px;
  background-size: contain;
}
.article-event .pagination.pc {
  display: flex;
}

@media all and (max-width: 1024px) {
  .article-about {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-about {
    max-width: 768px;
  }
}
.article-about {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 66px 0 96px;
}
.article-about .about-info {
  display: flex;
  align-items: center;
}
.article-about .about-info .info-img {
  width: 50%;
  border-radius: 20px;
  overflow: hidden;
}
.article-about .about-info .info-box {
  margin-bottom: 0;
  text-align: left;
}
.article-about .about-info .info-box h3 {
  width: 100%;
}
.article-about .about-info .info-box {
  width: 50%;
  padding-left: 67px;
}
.article-about .about-info .info-box .title-wrap {
  font-size: 30px;
  margin-bottom: 30px;
}
.article-about .about-info .info-box .sign {
  margin-top: 20px;
}
.article-about .about-info .info-box .ico-sign {
  margin-top: 30px;
}
.article-about .about-info .info-box p {
  line-height: 1.5em;
}
.article-about .about-history {
  text-align: center;
  margin-top: 144px;
}
.article-about .about-history .title-wrap {
  font-size: 66px;
}
.article-about .about-history ol {
  margin-top: 70px;
  padding-top: 40px;
  position: relative;
}
.article-about .about-history ol:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #000000;
  position: absolute;
  top: 0;
  left: 50%;
}
.article-about .about-history ol li {
  width: 100%;
  margin-top: 40px;
  position: relative;
  text-align: left;
}
.article-about .about-history ol li:before {
  content: "";
  width: 14px;
  height: 14px;
  background: #000000;
  position: absolute;
  left: 50%;
  top: 22px;
  border-radius: 100%;
  margin-left: -6.5px;
}
.article-about .about-history ol li .history-box {
  width: 50%;
  display: inline-block;
  position: relative;
  text-align: right;
  padding-right: 97px;
}
.article-about .about-history ol li .history-box:before {
  content: "";
  width: 0;
  height: 1px;
  background: #000000;
  position: absolute;
  top: 28px;
  right: 0;
  border-radius: 100%;
  transition: all 0.3s linear;
}
.article-about .about-history ol li:nth-of-type(odd) {
  text-align: right;
}
.article-about .about-history ol li:nth-of-type(odd) .history-box {
  text-align: left;
  padding-left: 97px;
  padding-right: 0;
}
.article-about .about-history ol li:nth-of-type(odd) .history-box:before {
  left: 0;
  right: auto;
}
.article-about .about-history ol li:nth-of-type(even) dl dt {
  float: right;
}
.article-about .about-history ol li strong {
  display: block;
  opacity: 0;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  font-size: 42px;
  line-height: 1.429em;
  transition: all 0.3s ease-out;
  transform: translateY(30px);
}
.article-about .about-history ol li .detail {
  margin-top: 12px;
}
.article-about .about-history ol li .detail figure {
  display: inline-block;
  max-width: 400px;
  margin-top: 24px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: translateY(30px);
  transition-delay: 0.8s;
}
.article-about .about-history ol li .detail dl {
  position: relative;
  font-size: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: translateY(30px);
  transition-delay: 0.4s;
}
.article-about .about-history ol li .detail dl dt {
  width: 95px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5em;
  display: inline-block;
  vertical-align: top;
}
.article-about .about-history ol li .detail dl dd {
  display: inline-block;
  width: calc(100% - 95px);
  font-size: 16px;
  line-height: 1.5em;
}
.article-about .about-history ol li.active .history-box:before {
  width: 66px;
}
.article-about .about-history ol li.active strong {
  opacity: 1;
  transform: translateY(0);
}
.article-about .about-history ol li.active .detail figure {
  opacity: 1;
  transform: translateY(0);
}
.article-about .about-history ol li.active .detail dl {
  opacity: 1;
  transform: translateY(0);
}

@media all and (max-width: 1024px) {
  .article-recruit {
    padding-bottom: 66px;
  }
  .article-about {
    padding: 100px 0 90px;
  }
  .article-about .about-info {
    flex-wrap: wrap;
  }
  .article-about .about-info .info-img {
    width: 100%;
    margin-bottom: 30px;
  }
  .article-about .about-info .info-box {
    width: 100%;
    padding: 0 8%;
  }
  .article-about .about-info .info-box .title-wrap {
    font-size: 21px;
    margin-bottom: 30px;
  }
  .article-about .about-info .info-box .sign {
    font-size: 18px;
  }
  .article-about .about-history {
    text-align: left;
  }
  .article-about .about-history .title-wrap {
    font-size: 27px;
  }
  .article-about .about-history ol {
    margin-top: 40px;
    padding-top: 33px;
  }
  .article-about .about-history ol:before {
    left: 12px;
  }
  .article-about .about-history ol li {
    margin-top: 33px;
  }
  .article-about .about-history ol li:before {
    top: 14px;
    left: 12px;
    width: 9px;
    height: 9px;
    margin-left: -4.5px;
  }
  .article-about .about-history ol li .history-box {
    width: 100%;
    display: block;
    text-align: left;
    padding-left: 55px;
    padding-right: 0;
  }
  .article-about .about-history ol li .history-box:before {
    width: 0;
    left: 12px;
    top: 18px;
  }
  .article-about .about-history ol li:nth-of-type(odd) {
    text-align: left;
    padding-left: 0;
  }
  .article-about .about-history ol li:nth-of-type(odd) .history-box {
    padding-left: 55px;
  }
  .article-about .about-history ol li:nth-of-type(odd) .history-box:before {
    width: 0;
    left: 12px;
    top: 18px;
  }
  .article-about .about-history ol li:nth-of-type(even) dl dt {
    float: initial;
  }
  .article-about .about-history ol li strong {
    font-size: 27px;
  }
  .article-about .about-history ol li .detail dl dt {
    width: 80px;
  }
  .article-about .about-history ol li .detail dl dd {
    width: calc(100% - 80px);
  }
  .article-about .about-history ol li.active .history-box:before {
    width: 29px;
  }
  .article-news .board-tab.nodata {
    border-bottom: none;
  }
  .article-news .board-tab.nodata > a {
    display: none;
  }
  .article-news .board-tab.nodata .no-data-line {
    padding: 23px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #d9d9d9;
  }
  .article-news .board-tab.nodata .no-data {
    border: none;
    height: 300px;
    background: #f2f2f2;
  }
  .article-event {
    padding-top: 40px;
  }
  .article-event .list-wrap .car-list {
    display: block;
  }
  .article-event .list-wrap .car-list li {
    width: 100%;
    padding: 0;
  }
  .article-event .list-wrap .car-list li + li {
    margin-top: 40px;
  }
  .article-event .list-wrap .car-list li .txt-area span {
    font-size: 15px;
  }
  .article-event .pagination {
    display: flex;
  }
  .article-event .pagination.pc {
    display: none;
  }
}
.section-audiservice.audi-program .article-audiservice {
  max-width: unset;
}
.section-audiservice .visual .visual-images {
  height: 60vh;
}
.section-audiservice .visual-title br {
  display: none;
}
.section-audiservice .title-wrap .sub-text {
  margin: 33px 0 22px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.63;
}
.section-audiservice.type2 {
  margin: 0 auto;
  background-color: #101319;
}

@media all and (max-width: 1024px) {
  .article-audiservice {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-audiservice {
    max-width: 768px;
  }
}
.article-audiservice {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1174px;
  padding: 40px 0;
}
.article-audiservice .ex-wrap {
  margin-bottom: 0;
}
.article-audiservice .ex-wrap ul {
  flex-wrap: wrap;
}
.article-audiservice .ex-wrap ul li {
  flex: 1 1 40%;
  margin: 0 0 85px;
  line-height: 1.38;
}
.article-audiservice .ex-wrap ul li:nth-child(odd) {
  margin-right: 48px;
}
.article-audiservice .ex-wrap ul li span {
  font-size: 16px;
}
.article-audiservice .ex-wrap ul li figure {
  border-radius: 20px;
  overflow: hidden;
}
.article-audiservice .program-list dt {
  margin: 45px 0 20px;
  font-size: 21px;
  font-weight: 700;
  color: #FCFCFD;
}
.article-audiservice .program-list dd {
  font-size: 13px;
  line-height: 1.63;
}
.article-audiservice .program-list dd .sub-text {
  font-size: 16px;
}
.article-audiservice .program-list2 {
  margin-bottom: 90px;
}
.article-audiservice .program-list2 dt {
  margin: 45px 0 20px;
  font-size: 16px;
  color: #FCFCFD;
}
.article-audiservice .program-list2 dd {
  font-size: 13px;
}
.article-audiservice .info-module {
  display: flex;
  align-items: center;
  color: #fff;
  margin-top: 100px;
}
.article-audiservice .info-module + .info-module {
  margin-top: 88px;
}
.article-audiservice .info-module .cont-box {
  position: relative;
  width: 50%;
  padding: 23px 57px;
  word-break: keep-all;
}
.article-audiservice .info-module .cont-box .title-type {
  color: #FCFCFD;
  line-height: 1.33;
}
.article-audiservice .info-module .cont-box .desc {
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 30px;
  opacity: 0.7;
}
.article-audiservice .info-module .cont-box .btn-wrap {
  margin-top: 60px;
}
.article-audiservice .info-module .img-box {
  width: 50%;
  border-radius: 20px;
  overflow: hidden;
}
.article-audiservice .info-module .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-audiservice .info-module.reverse {
  flex-flow: row-reverse;
}
.article-audiservice .info-module:last-child {
  margin-bottom: 0;
}
.article-audiservice.audiservice .ex-wrap li:nth-child(n+3) {
  margin-bottom: 0;
}
.article-audiservice.audi-program p {
  line-height: 1.77;
}
.article-audiservice.audi-program .sub-text {
  margin-bottom: 50px;
}
.article-audiservice.audi-program .title-wrap {
  margin-bottom: 150px;
}
.article-audiservice.audi-program .title-wrap .title-type {
  margin-top: 0;
}
.article-audiservice.audi-program .title-wrap + .title-type {
  margin-top: 0;
}
.article-audiservice.audi-program .title-type {
  margin-top: 200px;
  font-size: 54px;
}
.article-audiservice.audi-program .title-type2 {
  margin: 75px 0 0;
}
.article-audiservice.audi-program .title-type3 {
  margin: 41px 0 84px;
}
.article-audiservice.audi-program .title-type4 {
  margin: 86px 0 33px;
}
.article-audiservice.audi-program .list-type {
  margin-top: 38px;
}
.article-audiservice.audi-program .list-type li {
  color: #FCFCFD;
}
.article-audiservice.audi-program .list-type2 li {
  margin-top: 20px;
  padding-left: 10px;
  font-size: 13px;
}
.article-audiservice.audi-program .list-type2 li::before {
  font-size: 11px;
}
.article-audiservice.audi-program .list-type2 li .indent-box {
  padding-left: 10px;
}
.article-audiservice.audi-program .list-type2 .list-type3 li {
  margin-top: 0;
}
.article-audiservice.audi-program .img-box {
  margin: 60px 0;
}
.article-audiservice.audi-program .sub-text2 {
  margin-top: -30px;
  font-size: 11px;
}
.article-audiservice.audi-program .txt-msg {
  margin-top: 70px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.71;
}
.article-audiservice.package .sub-text {
  margin-bottom: 0;
}
.article-audiservice.package .list-type {
  margin-top: 18px;
}
.article-audiservice.fixprogram .title-wrap {
  margin-bottom: 98px;
}
.article-audiservice.fixprogram .sub-text {
  margin-bottom: 17px;
}
.article-audiservice.fixprogram .list-type {
  margin-top: 20px;
}
.article-audiservice.fixprogram .program-list2:last-child {
  margin-bottom: 0;
}
.article-audiservice.fixcare .program-list {
  margin-top: 100px;
}
.article-audiservice.fixcare .program-list dt br {
  display: none;
}
.article-audiservice.express .title-wrap {
  margin-bottom: 37px;
}
.article-audiservice.audicenter .title-wrap {
  margin-bottom: 111px;
  text-align: center;
}
.article-audiservice.audicenter .info-module {
  align-items: center;
  margin: 0;
  padding: 78px 141px;
  background-color: #fff;
}
.article-audiservice.audicenter .info-module .cont-box {
  width: 50%;
}
.article-audiservice.audicenter .info-module .cont-box .title-type {
  color: #000;
}
.article-audiservice.audicenter .info-module .cont-box .list-type6 {
  margin-top: 29px;
}
.article-audiservice.audicenter .info-module .cont-box .list-type6 li {
  color: #000;
}
.article-audiservice.audicenter .info-module .img-box {
  width: 50%;
}
.article-audiservice.audicenter .info-module:nth-child(2n) {
  background-color: #000;
}
.article-audiservice.audicenter .info-module:nth-child(2n) .title-type {
  color: #fff;
}
.article-audiservice.audicenter .info-module:nth-child(2n) .list-type6 li {
  color: #fff;
}
.article-audiservice.audicenter .info-module:nth-child(2n) .list-type6 li::before {
  color: #fff;
}
.article-audiservice.audicenter .btn-wrap {
  margin-top: 3px;
}
.article-audiservice.audicenter .title-type5 {
  margin: 105px 0 24px;
}
.article-audiservice.audicenter .ex-wrap {
  margin-bottom: 0;
}
.article-audiservice.audicenter .ex-wrap ul li {
  flex: 1 1 31%;
  margin-bottom: 0;
}
.article-audiservice.audicenter .ex-wrap ul li:nth-child(even) {
  margin: 0 10px;
}
.article-audiservice.audicenter .ex-wrap ul li:nth-child(odd) {
  margin-right: 0;
}
.article-audiservice.audipart .title-wrap {
  margin-bottom: 36px;
}
.article-audiservice.audipart .sub-text {
  margin: 25px 0 50px;
  line-height: 1.38;
}
.article-audiservice.audipart .list-type2 li {
  margin-top: 20px;
  padding-left: 10px;
  font-size: 13px;
}
.article-audiservice.audipart .list-type2 li::before {
  font-size: 11px;
}
.article-audiservice.audipart .ex-wrap {
  margin-top: 99px;
}
.article-audiservice.audipart .ex-wrap ul {
  gap: 20px;
}
.article-audiservice.audipart .ex-wrap li {
  margin-bottom: 0;
}
.article-audiservice.audipart .ex-wrap li:nth-child(odd) {
  margin-right: 4px;
}
.article-audiservice.audipart .btn-wrap {
  margin-top: 45px;
}
.article-audiservice.accessories .title-type {
  margin-bottom: 68px;
  font-size: 42px;
}
.article-audiservice.accessories .acc-wrap {
  display: flex;
  justify-content: space-between;
}
.article-audiservice.accessories .acc-wrap .ex-wrap {
  max-width: 765px;
}
.article-audiservice.accessories .acc-wrap .ex-wrap li {
  margin-bottom: 0;
  line-height: 1.33;
}
.article-audiservice.accessories .acc-wrap .ex-wrap li:nth-child(odd) {
  margin-right: 7px;
}
.article-audiservice.accessories .acc-wrap aside {
  max-width: 306px;
  margin-top: 0;
}
.article-audiservice.accessories .acc-wrap aside figure img {
  border-radius: 20px;
  overflow: hidden;
}
.article-audiservice.accessories .acc-wrap aside figcaption {
  margin: 18px 0;
  font-size: 14px;
}
.article-audiservice.accessories .acc-wrap aside .btn-wrap {
  margin-bottom: 100px;
}
.article-audiservice.accessories .acc-wrap aside .btn-wrap .btn-type2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 4px 10px 6px 10px;
  font-size: 14px;
  line-height: 1.29;
}
.article-audiservice.accessories .acc-wrap aside .btn-wrap .btn-type2 i {
  margin-left: 10px;
}
.article-audiservice.accessories .acc-wrap aside .qr-wrap div {
  margin-top: 18px;
  line-height: 1.44;
}
.article-audiservice.priceinfo .title-type {
  font-size: 42px;
  line-height: 1.5555555556;
}
.article-audiservice.priceinfo .program-list {
  margin-bottom: 107px;
}
.article-audiservice.priceinfo .program-list:last-child {
  margin-bottom: 0;
}
.article-audiservice.manual .ex-wrap {
  margin-top: 29px;
}
.article-audiservice.manual .ex-wrap li {
  flex: 1 1 32%;
  width: auto;
  margin: 0 0 84px;
}
.article-audiservice.manual .ex-wrap li:nth-child(odd) {
  margin-right: 0;
}
.article-audiservice.manual .ex-wrap li:nth-child(3n+2) {
  margin: 0 10px;
}
.article-audiservice.manual .ex-wrap li strong {
  line-height: 1.43;
}
.article-audiservice.manual .ex-wrap li figure {
  border-radius: 20px;
  overflow: hidden;
}
.article-audiservice.fixinfo .footer-text-wrap {
  margin-top: 140px;
  margin-bottom: 120px;
}
.article-audiservice.fixinfo .footer-text-wrap .footer-type {
  text-align: center;
}
.article-audiservice.fixinfo .title-wrap {
  margin-bottom: 52px;
  text-align: center;
  margin-top: 148px;
  margin-bottom: 265px;
}
.article-audiservice.fixinfo .title-wrap + .table-wrap3 h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.article-audiservice.fixinfo h4 {
  margin: 60px 0 0;
  font-size: 30px;
  font-weight: 700;
}
.article-audiservice.fixinfo h4 + h5 {
  margin-top: 22px;
}
.article-audiservice.fixinfo h5 {
  margin: 67px 0 10px;
  font-size: 15px;
  font-weight: 700;
}
.article-audiservice.fixinfo .txt-wrap {
  margin-top: 38px;
  font-size: 13px;
  color: #FCFCFD;
  opacity: 0.7;
  line-height: 1.77;
}
.article-audiservice.fixinfo .txt-wrap strong {
  display: block;
  margin: 24px 0 10px;
  font-size: 18px;
  line-height: 1.67;
}
.article-audiservice.fixinfo table tr th,
.article-audiservice.fixinfo table tr td {
  font-size: 14px;
  line-height: 1.38;
  text-align: center;
}
.article-audiservice.fixinfo table thead tr + tr th {
  background-color: #151920;
}
.article-audiservice.fixinfo table tbody tr td:last-child {
  padding-right: 10px;
  font-weight: normal;
  text-align: center;
  border-right: none;
}
.article-audiservice.fixinfo .table-wrap3 {
  padding-bottom: 10px;
}
.article-audiservice.fixinfo .table-wrap3 .title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  margin-top: 60px;
  margin-bottom: 20px;
}
.article-audiservice.fixinfo .table-wrap3 .title-box h4 {
  font-size: 20px;
  margin-top: 0;
}
.article-audiservice.fixinfo .table-wrap3 .title-box span {
  font-size: 14px;
}
.article-audiservice.fixinfo .table-wrap3 table {
  width: 1174px;
  border-left: none;
  border-right: none;
  border-top: 1.5px solid #8A8E94;
}
.article-audiservice.fixinfo .table-wrap3 table thead tr th {
  background-color: #151920;
  font-weight: bold;
  font-size: 16px;
  padding-right: 10px;
  padding-left: 10px;
}
.article-audiservice.airport .airport-area {
  display: flex;
  align-items: top;
}
.article-audiservice.airport .airport-area .info-img {
  width: 50%;
}
.article-audiservice.airport .airport-area .info-img img {
  border-radius: 20px;
  overflow: hidden;
}
.article-audiservice.airport .airport-area .info-box {
  width: 50%;
  padding-left: 67px;
}
.article-audiservice.airport .airport-area .info-box .title-wrap .sub-text {
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  font-size: 13px;
}
.article-audiservice.airport .airport-area .info-box .title-type5 {
  margin-top: 15px;
}
.article-audiservice.airport .airport-area .info-box .list-type4 {
  margin-top: 10px;
}
.article-audiservice.airport .airport-area .info-box .list-type4 li {
  margin-bottom: 0;
  line-height: 1.63;
}

.section-price .article-price.fixinfo {
  margin: 0 auto;
}

@media all and (max-width: 1200px) {
  .article-audiservice.accessories .acc-wrap {
    display: block;
  }
  .article-audiservice.accessories .acc-wrap .ex-wrap {
    max-width: 100%;
  }
  .article-audiservice.accessories .acc-wrap aside {
    max-width: 100%;
  }
  .article-audiservice.accessories .acc-wrap aside .qr-wrap div {
    margin-top: 18px;
    line-height: 1.44;
  }
}
@media all and (max-width: 1440px) {
  .article-audiservice .info-module .cont-box {
    padding: 20px 45px;
  }
  .article-audiservice .info-module .cont-box .desc {
    margin-top: 15px;
  }
}
@media all and (max-width: 1024px) {
  .article-audiservice .info-module {
    display: block;
    margin: 30px 0 0;
    padding: 0 0 30px;
  }
  .article-audiservice .info-module + .info-module {
    margin-top: 60px;
  }
  .article-audiservice .info-module .cont-box {
    width: 100%;
    padding: 19px 0 0;
  }
  .article-audiservice .info-module .cont-box .btn-wrap {
    position: static;
    margin-top: 26px;
  }
  .article-audiservice .info-module .cont-box .btn-wrap .btn-type-brd {
    width: 100%;
  }
  .article-audiservice .info-module .img-box {
    width: 100%;
  }
  .article-audiservice .info-module .img-box img {
    width: 100%;
  }
  .article-audiservice .info-module.reverse {
    flex-flow: column-reverse;
  }
  .article-audiservice.audicenter .info-module {
    flex-flow: inherit;
    padding: 6%;
  }
  .article-audiservice.audicenter .info-module.reverse {
    flex-flow: row-reverse;
  }
  .article-audiservice.airport .airport-area {
    flex-wrap: wrap;
  }
  .article-audiservice.airport .airport-area .info-img {
    width: 100%;
    margin-bottom: 30px;
  }
  .article-audiservice.airport .airport-area .info-box {
    width: 100%;
    padding: 0 8%;
  }
  .article-audiservice.airport .airport-area .info-box .title-wrap {
    font-size: 21px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .section-audiservice .visual .visual-images {
    height: 36vh;
  }
  .section-audiservice .visual-title br {
    display: block;
  }
  .section-audiservice .title-wrap .title-type {
    font-size: 27px;
  }
  .section-audiservice .title-wrap .sub-text {
    margin: 33px 0 22px;
    font-size: 16px;
    font-weight: normal;
  }
  .section-audiservice.type2 {
    padding: 76px 0 66px;
  }
  .article-audiservice {
    padding: 76px 0;
  }
  .article-audiservice .ex-wrap ul li {
    margin: 0 0 69px;
  }
  .article-audiservice .ex-wrap ul li:nth-child(odd) {
    margin-right: 0;
  }
  .article-audiservice .program-list dt {
    line-height: 1.33;
  }
  .article-audiservice .program-list2 dt {
    font-weight: 700;
  }
  .article-audiservice.audiservice .ex-wrap li:nth-child(n+3):not(:last-child) {
    margin-bottom: 69px;
  }
  .article-audiservice.audi-program p {
    line-height: 1.5;
  }
  .article-audiservice.audi-program .title-wrap {
    margin-bottom: 80px;
  }
  .article-audiservice.audi-program .title-type {
    margin-top: 114px;
    font-size: 27px;
  }
  .article-audiservice.audi-program .title-type3 {
    margin: 26px 0 59px;
    font-size: 21px;
  }
  .article-audiservice.audi-program .title-type4 {
    margin: 83px 0 32px;
  }
  .article-audiservice.audi-program .list-type2 li {
    margin-top: 20px;
  }
  .article-audiservice.audi-program .list-type2 .list-type3 li {
    margin-top: 0;
  }
  .article-audiservice.fixcare .program-list dt br {
    display: block;
  }
  .article-audiservice.audicenter .title-wrap {
    margin-bottom: 60px;
    text-align: left;
  }
  .article-audiservice.audicenter .title-wrap .title-type {
    font-size: 27px;
  }
  .article-audiservice.audicenter .info-module {
    display: block;
    padding: 42px 15px;
  }
  .article-audiservice.audicenter .info-module .cont-box {
    width: 100%;
  }
  .article-audiservice.audicenter .info-module .cont-box .title-type {
    font-size: 21px;
  }
  .article-audiservice.audicenter .info-module .img-box {
    width: 100%;
  }
  .article-audiservice.audicenter .title-type5 {
    margin: 91px 0 24px;
  }
  .article-audiservice.audicenter .ex-wrap ul li {
    display: block;
    margin-bottom: 52px;
  }
  .article-audiservice.audicenter .ex-wrap ul li:nth-child(even) {
    margin: 0 0 52px;
  }
  .article-audiservice.audipart .title-wrap .title-type {
    font-size: 27px;
  }
  .article-audiservice.audipart .sub-text br {
    display: none;
  }
  .article-audiservice.audipart .ex-wrap li:last-child {
    margin-top: 35px;
  }
  .article-audiservice.accessories .title-type {
    font-size: 27px;
    line-height: 1.5555555556;
  }
  .article-audiservice.accessories .acc-wrap aside {
    margin-top: 0;
  }
  .article-audiservice.accessories .acc-wrap aside figure img {
    width: 100%;
  }
  .article-audiservice.accessories .acc-wrap aside .btn-wrap {
    margin-bottom: 84px;
  }
  .article-audiservice.priceinfo .title-type {
    font-size: 27px;
    line-height: 1.5555555556;
  }
  .article-audiservice.priceinfo .program-list {
    margin-bottom: 92px;
  }
  .article-audiservice.manual .ex-wrap {
    margin-top: 26px;
  }
  .article-audiservice.manual .ex-wrap li {
    margin: 0 0 29px;
  }
  .article-audiservice.manual .ex-wrap li:nth-child(3n+2) {
    margin: 0 0 29px;
  }
  .article-audiservice.fixinfo {
    padding-top: 80px;
  }
  .article-audiservice.fixinfo .table-wrap3 {
    padding-bottom: 15px;
    position: relative;
  }
  .article-audiservice.fixinfo .table-wrap3 .title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    margin: 0 0 20px;
  }
  .article-audiservice.fixinfo .table-wrap3 .title-box h4 {
    font-size: 20px;
    margin-top: 0;
  }
  .article-audiservice.fixinfo .table-wrap3 .title-box span {
    font-size: 11px;
    padding-top: 5px;
    position: sticky;
    right: 0;
  }
  .article-audiservice.fixinfo .table-wrap3 .table-01 {
    width: 100%;
    margin-bottom: 60px;
  }
  .article-audiservice.fixinfo .table-wrap3 .table-01 thead tr th {
    font-size: 14px;
  }
  .article-audiservice.fixinfo .table-wrap3 .table-01 tbody td {
    font-size: 12px;
  }
  .article-audiservice.fixinfo .table-wrap3 .table-02 {
    width: 100%;
    font-size: 14px;
    overflow-x: auto;
    display: block;
  }
  .article-audiservice.fixinfo .table-wrap3 .table-02 thead tr th {
    font-size: 14px;
  }
  .article-audiservice.fixinfo .table-wrap3 .table-02 tbody td {
    font-size: 12px;
  }
  .article-audiservice.fixinfo .txt-wrap strong {
    font-size: 13px;
  }
  .article-audiservice.fixinfo .txt-wrap div {
    font-size: 12px;
  }
  .article-audiservice.fixinfo .footer-text-wrap {
    margin: 70px 0;
    align-items: center;
  }
  .article-audiservice.fixinfo .footer-text-wrap .footer-type {
    font-size: 18px;
    text-align: center;
  }
}
.ex-wrap {
  margin-bottom: 100px;
}
.ex-wrap ul {
  display: flex;
  justify-content: center;
}
.ex-wrap ul li {
  width: 50%;
  margin: 0 5px;
  line-height: 1.38;
}
.ex-wrap ul li figure {
  margin-bottom: 17px;
}
.ex-wrap ul li figure img {
  width: 100%;
}
.ex-wrap ul li strong {
  display: block;
  margin-bottom: 9px;
  font-size: 21px;
}
.ex-wrap ul li span {
  display: block;
  margin-bottom: 19px;
  font-size: 13px;
  line-height: 1.63;
}
.ex-wrap ul li a i {
  margin-left: 10px;
  vertical-align: middle;
}
.ex-wrap.type2 ul li {
  width: calc(50% - 5px);
}
.ex-wrap.type3 ul {
  flex-wrap: wrap;
  max-width: 1120px;
}
.ex-wrap.type3 ul li {
  margin: 0 0 124px 0;
}
.ex-wrap.type3 ul li:nth-child(-n+2) {
  width: calc(50% - 66px);
  margin-right: 66px;
}
.ex-wrap.type3 ul li:nth-child(n+3) {
  width: calc(33% - 53px);
  margin-right: 53px;
}
.ex-wrap.type4 ul {
  flex-wrap: wrap;
  max-width: 1120px;
}
.ex-wrap.type4 ul li {
  margin: 0 0 124px 0;
}
.ex-wrap.type4 ul li:nth-child(-n+3) {
  width: calc(33% - 53px);
  margin-right: 53px;
}
.ex-wrap.type5 ul {
  flex-wrap: wrap;
  max-width: 1120px;
  justify-content: left;
}
.ex-wrap.type5 ul li {
  margin: 0 0 124px 0;
}
.ex-wrap.type5 ul li:nth-child(-n+5) {
  width: calc(33% - 53px);
  margin-right: 53px;
}
.ex-wrap .ex-txt {
  display: flex;
}
.ex-wrap .ex-txt figure {
  width: 50%;
  margin-right: 43px;
}
.ex-wrap .ex-txt div {
  line-height: 18px;
  width: calc(45% - 43px);
}
.ex-wrap .ex-txt div strong {
  display: block;
  margin-bottom: 9px;
  font-size: 21px;
  line-height: 30px;
}
.ex-wrap .ex-txt div span {
  font-size: 13px;
}

.section-experience .visual .visual-images {
  height: 60vh;
}
.section-experience .page-nav {
  position: relative;
  background: #000;
}
.section-experience .page-nav ul {
  flex-wrap: wrap;
  justify-content: inherit;
  max-width: 1480px;
  width: 100%;
  margin: 0 auto;
  height: 54px;
  overflow: inherit;
}
.section-experience .page-nav ul li {
  padding: 19px 0 16px;
}
.section-experience .page-nav ul li a {
  color: #fff;
}
.section-experience .page-nav .tit-ex {
  display: none;
}

.article-experience.type2 {
  max-width: 100%;
  width: 100%;
}
.article-experience.type2 .title-wrap {
  width: 92%;
  max-width: 1470px;
  margin: 0 auto 112px;
}
.article-experience.type2 .cont-wrap {
  width: 92%;
  max-width: 1470px;
  margin: 160px auto 0;
}
.article-experience.type2 .cont-wrap .txt-wrap {
  margin-top: 100px;
  font-size: 16px;
}
.article-experience.type2 .cont-wrap .title-wrap {
  width: 50%;
  margin: 0;
}
.article-experience.type2 .cont-wrap .cont-type3:nth-child(1) {
  margin-top: 0;
}
.article-experience.type2 .cont-wrap .cont-type3:nth-child(2) {
  flex-direction: row-reverse;
}
.article-experience.imagine .img-wrap {
  border-radius: 20px;
  overflow: hidden;
}
@media all and (max-width: 1024px) {
  .article-experience {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-experience {
    max-width: 768px;
  }
}
.article-experience {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1174px;
  margin: 100px auto;
}
.article-experience h3 {
  margin-bottom: 29px;
}
.article-experience h4 {
  margin-bottom: 28px;
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
}
.article-experience .ex-wrap figure {
  border-radius: 20px;
  overflow: hidden;
}
.article-experience .txt-wrap {
  margin-bottom: 100px;
  font-size: 13px;
  line-height: 1.63;
}
.article-experience .txt-wrap p {
  margin-bottom: 20px;
}
.article-experience .txt-wrap p.txt-bold {
  font-size: 15px;
  font-weight: bold;
}
.article-experience .txt-wrap.type2 {
  margin-bottom: 18px;
}
.article-experience.quattro .title-wrap {
  text-align: left;
}
.article-experience.quattro .title-wrap + .txt-wrap {
  margin-top: 72px;
}
.article-experience.quattro .ex-wrap ul {
  gap: 20px;
}
.article-experience .title-wrap {
  text-align: center;
  margin-bottom: 112px;
}
.article-experience .title-wrap .desc {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.63;
}
.article-experience .video-box {
  margin: -28px 0 171px;
  width: 100%;
  box-sizing: border-box;
}
.article-experience .video-box .video-wrap {
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}
.article-experience .video-box .video-wrap iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.article-experience .video-box + .title-wrap .title-type {
  font-size: 66px;
}
.article-experience .cont-type3 {
  margin-top: 192px;
  display: flex;
  align-items: center;
}
.article-experience .cont-type3 > div {
  width: 50%;
}
.article-experience .cont-type3 .image-box {
  border-radius: 20px;
  overflow: hidden;
}
.article-experience .cont-type3 .title-wrap {
  padding: 0 4%;
  color: #fff;
  text-align: left;
}
.article-experience .cont-type3 .title-wrap .title-type2 {
  color: #fff;
  font-size: 42px;
  line-height: 1.57;
}
.article-experience .cont-type3 .title-wrap .sub-text {
  margin: 35px 0 28px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
}
.article-experience .service-gallery {
  max-width: 1200px;
  margin: 128px auto 143px;
}
.article-experience .service-gallery h3 {
  margin-bottom: 18px;
  font-size: 21px;
}
.article-experience .service-gallery .gallery-slide {
  margin-bottom: 30px;
}
.article-experience .service-gallery .gallery-slide .gallery-item {
  display: flex;
}
.article-experience .service-gallery .gallery-slide .gallery-item figure {
  width: 100%;
  height: auto;
  padding-bottom: 31.5%;
  max-width: 690px;
  border-radius: 20px;
  overflow: hidden;
}
.article-experience .service-gallery .gallery-slide .gallery-item figcaption {
  position: relative;
  margin-left: 20px;
}
.article-experience .service-gallery .gallery-slide .gallery-item figcaption li {
  margin-bottom: 16px;
  font-family: "Audi";
  font-size: 13px;
  font-weight: normal;
}
.article-experience .service-gallery .gallery-slide .gallery-item figcaption li a {
  color: #000;
}
.article-experience .service-gallery .gallery-nav {
  max-width: 980px;
  margin: 0 auto;
}
.article-experience .service-gallery .gallery-nav .gallery-list {
  border: none;
}
.article-experience .service-gallery .gallery-nav .gallery-list figure {
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.article-experience .service-gallery .gallery-nav .slick-current figcaption {
  text-decoration: underline;
}
.article-experience .img-wrap {
  overflow: hidden;
  max-width: 1174px;
  margin: 0 auto 96px;
}
.article-experience .img-wrap > div {
  position: relative;
  float: left;
}
.article-experience .img-wrap > div a {
  display: block;
}
.article-experience .img-wrap > div a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
}
.article-experience .img-wrap > div a:hover::before {
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.5s ease-in-out;
}
.article-experience .img-wrap > div a > img:nth-child(2) {
  display: none;
}
.article-experience .img-wrap > div .ico-view {
  position: absolute;
  right: 10px;
  top: 10px;
}
.article-experience .img-wrap > div:nth-child(1) {
  width: 50%;
}
.article-experience .img-wrap > div:nth-child(2) {
  width: 50%;
}
.article-experience .img-wrap > div:nth-child(3) {
  width: 25%;
}
.article-experience .img-wrap > div:nth-child(4) {
  width: 25%;
}
.article-experience.connect .title-wrap {
  text-align: left;
}
.article-experience.connect .desc {
  max-width: 700px;
  margin: 30px auto 0;
}
.article-experience.imagine .video-box {
  position: relative;
  margin: 0 0 96px;
}
.article-experience.imagine .video-box video {
  width: 100%;
}
.article-experience.imagine .video-box button {
  z-index: 1;
  background: url(../images/experience/btn-play.png) no-repeat 0 0;
  display: block;
  left: calc(50% - 45px);
  margin: 0 auto;
  padding: 8px 16px;
  position: absolute;
  top: calc(50% - 45px);
  width: 90px;
  height: 90px;
  text-indent: -999em;
}
.article-experience.imagine .video-box.active button {
  display: none;
}
.article-experience.imagine .ex-wrap .ex-txt {
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.article-experience.imagine .ex-wrap .ex-txt figure {
  width: 50%;
  max-width: 430px;
  margin-right: 0;
}
.article-experience.imagine .ex-wrap .ex-txt div {
  width: auto;
}
.article-experience.imagine .ex-wrap h4 {
  font-size: 21px;
}
.article-experience.imagine .ex-wrap a {
  display: block;
  margin-top: 22px;
}
.article-experience.myService .txt-wrap {
  margin-bottom: 0;
  font-size: 16px;
}
.article-experience.myService .title-wrap {
  margin-bottom: 27px;
  text-align: left;
}
.article-experience.myService .title-wrap br {
  display: none;
}
.article-experience.myService .ex-wrap figure {
  margin-bottom: 29px;
}
.article-experience.myService .ex-wrap strong {
  margin-bottom: 14px;
}
.article-experience.myService .ex-wrap span {
  font-size: 16px;
}
.article-experience.myService .ex-wrap p {
  font-size: 14px;
}
.article-experience.interview article {
  margin: 100px 0;
}
.article-experience.interview article.txt-box {
  display: flex;
}
.article-experience.interview article.txt-box img {
  width: 40%;
  height: 100%;
  max-width: 430px;
}
.article-experience.interview article.txt-box dl {
  margin-left: 43px;
}
.article-experience.interview article.txt-box.reverse {
  flex-direction: row-reverse;
}
.article-experience.interview article.txt-box.reverse dl {
  margin: 0 43px 0 0;
}
.article-experience.interview article dl dt {
  margin-bottom: 26px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.43;
}
.article-experience.interview article dl dt.txt-normal {
  margin-top: 26px;
  font-size: 16px;
  font-weight: 500;
}
.article-experience.interview article dl dd {
  line-height: 1.5;
}
.article-experience.interview span {
  font-size: 13px;
}

@media all and (max-width: 1440px) {
  .article-experience .cont-type3 .title-wrap .title-type2 {
    font-size: 32px;
  }
}
@media all and (max-width: 1024px) {
  .section-experience .page-nav .tit-ex {
    display: block;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    font-weight: 600;
    padding: 0 16px;
    color: #fff;
  }
  .section-experience .page-nav .tit-ex:before {
    content: "";
    display: inline-block;
    vertical-align: -8px;
    margin-right: 5px;
    background: url(../images/icon/ico-arrow-down2.png) no-repeat 50% 50%;
    background-size: 14px 8px;
    width: 28px;
    height: 28px;
  }
  .section-experience .page-nav .tab-type2 {
    display: none;
    height: auto;
  }
  .section-experience .page-nav .tab-type2 li {
    margin: 0;
    padding: 0;
  }
  .section-experience .page-nav .tab-type2 li a {
    display: block;
    margin: 0 16px;
    padding: 19px 0 16px;
    color: #FCFCFD;
    font-weight: normal;
    border-top: 1px solid #50555F;
    text-decoration: unset;
  }
  .section-experience .page-nav.active .tit-ex:before {
    content: "";
    background: url(../images/icon/ico-cancel2.png) no-repeat 50% 50%;
    background-size: 12px 12px;
  }
  .section-experience .page-nav.active ul {
    display: block;
    height: auto;
  }
  .article-experience.type2 .cont-wrap .cont-type3 .title-wrap .title-type2 {
    font-size: 22px;
  }
  .article-experience.type2 .cont-wrap .txt-wrap br {
    display: block;
  }
  .article-experience .slick-arrow {
    display: none;
  }
}
@media (max-width: 768px) {
  .section-experience .visual .visual-images {
    height: 36vh;
  }
  .section-experience .visual.visual-attitude .visual-images {
    height: 90vh;
  }
  .section-experience .cont-wrap .cont-type3 {
    flex-direction: column-reverse;
    margin-top: 84px;
  }
  .section-experience .cont-wrap .cont-type3 > div {
    width: 100%;
    margin-bottom: 25px;
  }
  .section-experience .cont-wrap .cont-type3 > div img {
    width: 100%;
  }
  .section-experience .cont-wrap .cont-type3 .title-wrap {
    width: 100%;
    margin-bottom: 60px;
  }
  .section-experience .cont-wrap .cont-type3 .title-wrap .sub-text {
    margin: 20px 0 28px;
  }
  .section-experience .cont-wrap .cont-type3:nth-child(2) {
    flex-direction: column-reverse;
  }
  .article-experience {
    margin: 80px auto;
  }
  .article-experience .video-box {
    margin: 0 0 111px;
  }
  .article-experience .video-box + .title-wrap .title-type {
    font-size: 28px;
  }
  .article-experience.type2 {
    max-width: 100%;
    width: 100%;
    padding: 0 4%;
  }
  .article-experience.type2 .title-wrap {
    width: 100%;
    margin-bottom: 56px;
  }
  .article-experience.type2 .cont-wrap {
    width: 100%;
    margin: 56px auto 0;
  }
  .article-experience.type2 .cont-wrap .txt-wrap {
    margin-top: 44px;
    font-size: 13px;
  }
  .article-experience.type2 .cont-wrap .cont-type3 {
    flex-direction: column-reverse;
    margin-top: 84px;
  }
  .article-experience.type2 .cont-wrap .cont-type3 > div {
    width: 100%;
    margin-bottom: 25px;
  }
  .article-experience.type2 .cont-wrap .cont-type3 > div img {
    width: 100%;
  }
  .article-experience.type2 .cont-wrap .cont-type3 .title-wrap {
    width: 100%;
    margin-bottom: 60px;
  }
  .article-experience.type2 .cont-wrap .cont-type3 .title-wrap .sub-text {
    margin: 20px 0 28px;
  }
  .article-experience.type2 .cont-wrap .cont-type3:nth-child(2) {
    flex-direction: column-reverse;
  }
  .article-experience .txt-wrap {
    margin-bottom: 55px;
  }
  .article-experience .title-wrap {
    text-align: left;
    margin-bottom: 70px;
  }
  .article-experience .title-wrap .desc {
    margin-top: 30px;
    line-height: 1.56;
  }
  .article-experience .service-gallery {
    margin: 55px auto 80px;
  }
  .article-experience .service-gallery .gallery-slide {
    margin-bottom: 30px;
  }
  .article-experience .service-gallery .gallery-slide .gallery-item {
    display: block;
  }
  .article-experience .service-gallery .gallery-slide .gallery-item figure {
    margin-top: 7px;
    padding-bottom: 55%;
  }
  .article-experience .service-gallery .gallery-slide .gallery-item figcaption {
    margin-left: 0;
  }
  .article-experience .service-gallery .gallery-slide .gallery-item figcaption h4 {
    margin-bottom: 21px;
    font-size: 21px;
    text-align: center;
    line-height: 1.43;
  }
  .article-experience .service-gallery .gallery-slide .gallery-item figcaption h4 br {
    display: block;
  }
  .article-experience .service-gallery .gallery-slide .gallery-item figcaption li {
    margin-bottom: 16px;
    font-family: "Audi";
    font-size: 13px;
    font-weight: normal;
  }
  .article-experience .service-gallery .gallery-slide .gallery-item figcaption li a {
    color: #000;
  }
  .article-experience .service-gallery .gallery-slide .slick-arrow {
    display: block;
    transition: none;
    transform: none;
  }
  .article-experience .service-gallery .gallery-slide .slick-prev {
    left: 0;
    right: auto;
  }
  .article-experience .service-gallery .gallery-slide .slick-next {
    right: 0;
  }
  .article-experience .gallery-nav {
    visibility: hidden;
    height: 0;
  }
  .article-experience .img-wrap {
    overflow: hidden;
    max-width: 1174px;
    margin: 0 auto 96px;
  }
  .article-experience .img-wrap > div {
    position: relative;
    float: left;
  }
  .article-experience .img-wrap > div a > img:nth-child(1) {
    display: none;
  }
  .article-experience .img-wrap > div a > img:nth-child(2) {
    display: block;
  }
  .article-experience .img-wrap > div:nth-child(1) {
    width: 50%;
  }
  .article-experience .img-wrap > div:nth-child(2) {
    width: 50%;
  }
  .article-experience .img-wrap > div:nth-child(3) {
    width: 50%;
  }
  .article-experience .img-wrap > div:nth-child(4) {
    width: 50%;
  }
  .article-experience.imagine .video-box {
    margin: 0 0 66px;
  }
  .article-experience.imagine .video-box button {
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    background-size: cover;
  }
  .article-experience.imagine .video-box.active button {
    display: none;
  }
  .article-experience.imagine .img-wrap {
    margin-bottom: 66px;
  }
  .article-experience.imagine .ex-wrap .ex-txt figure {
    width: 100%;
    max-width: 100%;
  }
  .article-experience.myService .title-wrap {
    font-size: 27px;
    line-height: 1.56;
  }
  .article-experience.myService .title-wrap br {
    display: block;
  }
  .article-experience.myService .ex-wrap strong {
    margin-bottom: 14px;
  }
  .article-experience.interview article {
    margin: 66px 0;
  }
  .article-experience.interview article.txt-box {
    display: block;
  }
  .article-experience.interview article.txt-box img {
    width: 100%;
    max-width: 100%;
  }
  .article-experience.interview article.txt-box dl {
    margin-left: 0;
  }
  .article-experience.interview article.txt-box dl dt {
    margin-top: 28px;
  }
  .article-experience.interview article.txt-box.reverse {
    flex-direction: row-reverse;
  }
  .article-experience.interview article.txt-box.reverse dl {
    margin: 0;
  }
  .ex-wrap {
    margin-bottom: 50px;
  }
  .ex-wrap ul {
    display: block;
  }
  .ex-wrap ul li {
    width: 100%;
    margin: 0 0 34px;
  }
  .ex-wrap.type2 ul li {
    width: 100%;
  }
  .ex-wrap.type3 ul {
    display: block;
  }
  .ex-wrap.type3 ul li {
    margin: 0 0 53px 0;
  }
  .ex-wrap.type3 ul li:nth-child(-n+2) {
    width: 100%;
    margin-right: 0;
  }
  .ex-wrap.type3 ul li:nth-child(n+3) {
    width: 100%;
    margin-right: 0;
  }
  .ex-wrap.type4 ul {
    display: block;
  }
  .ex-wrap.type4 ul li {
    margin: 0 0 53px 0;
  }
  .ex-wrap.type4 ul li:nth-child(-n+3) {
    width: 100%;
    margin-right: 0;
  }
  .ex-wrap.type5 ul {
    display: block;
  }
  .ex-wrap.type5 ul li {
    margin: 0 0 53px 0;
  }
  .ex-wrap.type5 ul li:nth-child(-n+5) {
    width: 100%;
    margin-right: 0;
  }
  .ex-wrap .ex-txt {
    display: block;
  }
  .ex-wrap .ex-txt figure {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .ex-wrap .ex-txt figure img {
    width: 100%;
  }
  .ex-wrap .ex-txt div {
    width: 100%;
  }
  .ex-wrap .ex-txt.reverse {
    flex-direction: row-reverse;
  }
}
.electric-wrap .visual .visual-images {
  height: 60vh;
}
.electric-wrap .electric-title {
  position: absolute;
  left: 4%;
  top: 72px;
}
.electric-wrap .electric-title .title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.571em;
  color: #fff;
  font-family: "Audi", "NotoSans", Verdana, sans-serif;
}
@media all and (max-width: 1024px) {
  .electric-wrap .info-box {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .electric-wrap .info-box {
    max-width: 768px;
  }
}
.electric-wrap .info-box {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  margin-bottom: 143px;
}
.electric-wrap .info-box h3.title-area {
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  font-size: 42px;
  line-height: 60px;
  font-weight: bold;
  padding: 105px 0 32px;
}
.electric-wrap .info-box p {
  font-size: 16px;
  line-height: 24px;
}

@media all and (max-width: 1024px) {
  .explain-wrap {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .explain-wrap {
    max-width: 768px;
  }
}
.explain-wrap {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
}
.explain-wrap .cont-wrap {
  max-width: 1174px;
  margin: 0 auto;
}
.explain-wrap .cont-wrap .detail-cont {
  margin-bottom: 200px;
}
.explain-wrap .cont-wrap .detail-cont .title-type {
  padding-bottom: 26px;
  font-size: 30px;
}
.explain-wrap .cont-wrap .detail-cont .detail-txt {
  font-size: 16px;
  margin-bottom: 20px;
  line-height: 24px;
}
.explain-wrap .cont-wrap .detail-cont .detail-txt + .detail-txt {
  margin-top: 30px;
}
.explain-wrap .cont-wrap .detail-cont .detail-txt.sm {
  font-size: 13px;
  line-height: 18px;
}
.explain-wrap .cont-wrap .detail-cont .img-area {
  border-radius: 20px;
  overflow: hidden;
}
.explain-wrap .cont-wrap .detail-cont.mbset1 {
  margin-bottom: 119px;
}
.explain-wrap .cont-wrap .detail-cont.two-cont {
  display: flex;
  margin-bottom: 100px;
}
.explain-wrap .cont-wrap .detail-cont.two-cont .img-area,
.explain-wrap .cont-wrap .detail-cont.two-cont .txt-area {
  width: 50%;
}
.explain-wrap .cont-wrap .detail-cont.two-cont .img-area img {
  width: 100%;
}
.explain-wrap .cont-wrap .detail-cont.two-cont .txt-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}
.explain-wrap .cont-wrap .detail-cont.two-cont .txt-area .bold-txt {
  font-size: 30px;
  line-height: 42px;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  font-weight: bold;
  padding-bottom: 27px;
}
.explain-wrap .cont-wrap .detail-cont.two-cont .txt-area .sm-txt {
  font-size: 16px;
  line-height: 24px;
}
.explain-wrap .cont-wrap .detail-cont.center {
  width: 695px;
  margin: 0 auto 137px;
  text-align: center;
}
.explain-wrap .list-type {
  padding: 100px 0;
}
.explain-wrap .list-type li {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.explain-wrap .list-type li::before {
  content: "*";
}

.hybrid-wrap .hybrid-title {
  position: absolute;
  left: 4%;
  top: 72px;
}
.hybrid-wrap .hybrid-title .title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.571em;
  color: #fff;
  font-family: "Audi", "NotoSans", Verdana, sans-serif;
}

.battery-wrap .visual .visual-images {
  height: 60vh;
}
.battery-wrap .explain-wrap {
  padding: 105px 0 32px;
}

@media all and (max-width: 1024px) {
  .electric-wrap .electric-title {
    top: 35px;
  }
  .electric-wrap .electric-title .title {
    font-size: 27px;
  }
  .electric-wrap .info-box {
    margin-bottom: 58px;
  }
  .electric-wrap .info-box h3.title-area {
    text-align: left;
    padding: 74px 0 30px;
    font-size: 27px;
    line-height: 42px;
  }
  .electric-wrap .info-box p {
    font-size: 16px;
    text-align: left;
    line-height: 24px;
  }
  .explain-wrap .cont-wrap .detail-cont {
    margin-bottom: 47px;
  }
  .explain-wrap .cont-wrap .detail-cont .title-type {
    font-size: 21px;
    line-height: 30px;
  }
  .explain-wrap .cont-wrap .detail-cont .detail-txt {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .explain-wrap .cont-wrap .detail-cont .detail-txt + .detail-txt {
    margin-top: 20px;
  }
  .explain-wrap .cont-wrap .detail-cont .detail-txt.sm {
    margin-top: 62px;
    font-size: 13px;
    line-height: 18px;
  }
  .explain-wrap .cont-wrap .detail-cont .detail-txt.sm b {
    display: block;
  }
  .explain-wrap .cont-wrap .detail-cont.mbset1 {
    margin-bottom: 66px;
  }
  .explain-wrap .cont-wrap .detail-cont.two-cont {
    flex-direction: column;
    margin-bottom: 69px;
  }
  .explain-wrap .cont-wrap .detail-cont.two-cont .img-area {
    width: 100%;
    margin-bottom: 29px;
  }
  .explain-wrap .cont-wrap .detail-cont.two-cont .txt-area {
    width: 81%;
    margin: 0 auto;
    padding-left: 0;
  }
  .explain-wrap .cont-wrap .detail-cont.two-cont .txt-area .bold-txt {
    font-size: 21px;
    line-height: 30px;
    padding-bottom: 26px;
  }
  .explain-wrap .cont-wrap .detail-cont.center {
    width: 100%;
    text-align: left;
  }
  .battery-wrap .explain-wrap {
    padding: 74px 0 30px;
  }
}
@media (max-width: 768px) {
  .electric-wrap .visual .visual-images {
    height: 36vh;
  }
}
@media all and (max-width: 1024px) {
  .article-used {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-used {
    max-width: 768px;
  }
}
.article-used {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 66px 0 96px;
}
.article-used .title-wrap {
  width: 100%;
  font-size: 30px;
  margin-bottom: 30px;
}
.article-used .title-wrap.type2 {
  text-align: left;
}
.article-used .title-wrap.type3 {
  text-align: center;
}
.article-used .used-info {
  display: flex;
  align-items: center;
}
.article-used .used-info .info-img {
  width: 50%;
}
.article-used .used-info .info-img img {
  border-radius: 20px;
  overflow: hidden;
}
.article-used .used-info .info-box {
  margin-bottom: 0;
  text-align: left;
  width: 50%;
  padding-left: 3.4%;
}
.article-used .used-info .info-box .sign {
  margin-top: 20px;
}
.article-used .used-info .info-box .ico-sign {
  margin-top: 30px;
}
.article-used .used-info .info-box p {
  line-height: 1.5em;
}
.article-used .list-plus {
  margin-top: 60px;
}
.article-used .list-plus li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 5.5%;
  margin-bottom: 59px;
}
.article-used .list-plus li div {
  display: inline-block;
  width: 152px;
  margin-right: 3%;
  text-align: center;
  font-weight: bold;
}
.article-used .list-plus li div .icon-bd {
  margin-bottom: 12px;
}
.article-used .list-plus li p {
  width: 70%;
  line-height: 1.5;
}
.article-used .check-area {
  margin-top: 42px;
  text-align: center;
}
.article-used .check-area .btn-wrap {
  margin: 52px 0 139px;
}
.article-used .check-area .btn-wrap a {
  width: 540px;
}
.article-used .check-area p {
  font-size: 26px;
  line-height: 1.4;
}
.article-used .check-area .list-type3 {
  margin-top: 139px;
  text-align: left;
}
.article-used .process-area {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}
.article-used .process-area p {
  margin-bottom: 95px;
  line-height: 1.5;
}
.article-used .process-area .list-process ol {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.article-used .process-area .list-process ol li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0 45px 80px;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  line-height: 1.33;
}
.article-used .process-area .list-process ol li::after {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-style: solid;
  border-color: transparent #FCFCFD #FCFCFD transparent;
  border-width: 0 1px 1px 0;
  transform: rotate(-45deg);
  content: "";
  position: absolute;
  right: -45px;
  top: 50%;
}
.article-used .process-area .list-process ol li:nth-child(3n)::after {
  display: none;
}
.article-used .process-area .list-process ol li span {
  display: block;
  margin-bottom: 28px;
}
.article-used .process-area .list-process ol li span.mob {
  display: none;
}
.article-used .process-area .list-process ol li br {
  display: block;
}
.article-used .process-area .list-process dl {
  text-align: left;
}
.article-used .process-area .list-process dl dt {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
}
.article-used .process-area .list-process dl dd {
  display: flex;
  line-height: 24px;
}
.article-used .process-area .list-process dl dd strong {
  position: relative;
  width: 77px;
  margin-right: 5px;
  padding-right: 15px;
}
.article-used .process-area .list-process dl dd strong::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "｜";
}

.preparing-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 100px 0;
  text-align: center;
}
.preparing-area .icon-preparing {
  display: block;
  width: 96px;
  height: 96px;
  background-image: url("data:image/svg+xml,%3Csvg width='96' height='96' viewBox='0 0 96 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='48' cy='48' r='47' stroke='%23FCFCFD' stroke-width='2'/%3E%3Cg clip-path='url(%23clip0_3_21)'%3E%3Cpath d='M66 24H31V26.359H66V24Z' fill='%23FCFCFD'/%3E%3Cpath d='M62.712 72H34.288V58.0444C34.288 55.6383 35.4845 53.402 37.4818 52.0621L42.3903 48.7785C42.7672 48.5237 42.8048 48.1463 42.8048 47.9953C42.8048 47.8443 42.7672 47.4669 42.3903 47.2215L37.4818 43.9379C35.4845 42.598 34.288 40.3617 34.288 37.9556V24H62.712V37.9556C62.712 40.3617 61.5155 42.598 59.5182 43.9379L54.6097 47.2215C54.2328 47.4763 54.1952 47.8443 54.1952 47.9953C54.1952 48.1463 54.2328 48.5237 54.6097 48.7785L59.5182 52.0621C61.5155 53.402 62.712 55.6383 62.712 58.0444V72ZM36.6433 69.641H60.3567V58.0444C60.3567 56.4309 59.5559 54.9212 58.2086 54.0248L53.3001 50.7411C52.3863 50.1278 51.8398 49.0993 51.8398 48.0047C51.8398 46.9007 52.3863 45.8817 53.3001 45.2683L58.2086 41.9847C59.5559 41.0883 60.3567 39.588 60.3567 37.965V26.359H36.6433V37.9556C36.6433 39.5785 37.4441 41.0788 38.7914 41.9752L43.6999 45.2589C44.6137 45.8722 45.1602 46.8913 45.1602 47.9953C45.1602 49.0993 44.6137 50.1183 43.6999 50.7317L38.7914 54.0153C37.4441 54.9117 36.6433 56.4215 36.6433 58.035V69.6316V69.641Z' fill='%23FCFCFD'/%3E%3Cpath d='M49.6729 47.9953H47.3176C47.3176 46.4006 46.3284 44.7494 44.7456 43.6831L39.8371 40.3994C39.0175 39.8522 38.5276 38.9369 38.5276 37.9461V33.6528H58.4724V37.9461C58.4724 38.9275 57.9825 39.8522 57.1629 40.3994L52.2544 43.6831C50.6622 44.7399 49.6824 46.3912 49.6824 47.9953H49.6729ZM40.8829 36.0212V37.9556C40.8829 38.1537 40.9771 38.333 41.1467 38.4462L46.0552 41.7299C47.0538 42.3998 47.8829 43.2491 48.4953 44.2021C49.1077 43.2491 49.9367 42.3998 50.9354 41.7299L55.8439 38.4462C56.004 38.333 56.1077 38.1537 56.1077 37.9556V36.0212H40.8829Z' fill='%23FCFCFD'/%3E%3Cpath d='M58.4724 67.7539H38.5276V63.3662C38.5276 62.3755 39.0175 61.4602 39.8371 60.9129L48.5047 55.1005L57.1723 60.9224C57.9919 61.4696 58.4818 62.3849 58.4818 63.3757V67.7633L58.4724 67.7539ZM40.8829 65.3949H56.1171V63.3662C56.1171 63.1681 56.0229 62.9888 55.8533 62.8756L48.4953 57.9406L41.1467 62.8756C40.9771 62.9888 40.8829 63.1681 40.8829 63.3662V65.3949Z' fill='%23FCFCFD'/%3E%3Cpath d='M66 69.6411H31V72H66V69.6411Z' fill='%23FCFCFD'/%3E%3Cpath d='M49.6729 47.9953H47.3176V56.5158H49.6729V47.9953Z' fill='%23FCFCFD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_21'%3E%3Crect width='35' height='48' fill='white' transform='translate(31 24)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
}
.preparing-area h3 {
  margin: 20px 0;
  font-size: 44px;
  font-weight: 400;
}
.preparing-area p {
  font-size: 20px;
  line-height: 1.4;
  color: rgba(252, 252, 253, 0.8);
}

.section-used-car .visual .visual-images {
  height: 60vh;
}

@media all and (max-width: 1024px) {
  .article-used-car {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .article-used-car {
    max-width: 768px;
  }
}
.article-used-car {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1700px;
  background: #101319;
}
.article-used-car .used-car-section-title {
  font-size: 36px;
  font-weight: 700;
  color: #FCFCFD;
  text-align: center;
  margin-bottom: 60px;
}
.article-used-car .used-car-recommend {
  margin-top: 106px;
  overflow: hidden;
}
.article-used-car .used-car-recommend .recommend-slider-wrap {
  position: relative;
}
.article-used-car .used-car-recommend .recommend-swiper-body {
  display: flex;
  flex-direction: column;
}
.article-used-car .used-car-recommend .recommend-swiper {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-wrapper {
  align-items: stretch;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .recommend-card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  border-radius: 20px;
  background: rgba(154, 163, 177, 0.1);
  overflow: hidden;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img-link {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  text-decoration: none;
  color: inherit;
  outline: none;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-info-link {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  margin: 20px 0 30px;
  text-decoration: none;
  color: inherit;
  outline: none;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img {
  flex-shrink: 0;
  width: 100%;
  height: 405px;
  overflow: hidden;
  background: #1e232d;
  display: flex;
  flex-direction: column;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  position: relative;
  overflow: hidden;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper .swiper-wrapper {
  height: 100%;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper .swiper-wrapper .swiper-slide {
  height: 100%;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper-ui {
  flex: 0 0 auto;
  padding: 16px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper-count {
  flex: 0 0 auto;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0.02em;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper-count .total {
  color: rgba(252, 252, 253, 0.7);
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper-btn {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  transition: background-color 0.15s ease;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper-btn.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper-btn [class^=ico] {
  width: 24px;
  height: 24px;
}
@media (hover: hover) and (pointer: fine) {
  .article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper-btn:hover:not(.swiper-button-disabled),
  .article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-img .recommend-img-swiper-btn:focus-visible:not(.swiper-button-disabled) {
    background: rgba(252, 252, 253, 0.15);
  }
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  min-height: 0;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-name {
  flex-shrink: 0;
  color: #FCFCFD;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-name h4 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
.article-used-car .used-car-recommend .recommend-swiper .swiper-slide .car-name span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.7142857143;
}
.article-used-car .used-car-recommend .recommend-swiper-scrollbar-area {
  flex-shrink: 0;
  margin-top: 20px;
  padding-top: 16px;
}
.article-used-car .used-car-recommend .recommend-swiper-scrollbar {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  width: 100%;
  height: 4px;
  margin: 0;
  background: rgba(252, 252, 253, 0.12);
  border-radius: 2px;
  box-sizing: border-box;
}
.article-used-car .used-car-recommend .recommend-swiper-scrollbar .swiper-scrollbar-drag {
  height: 4px;
  background: #657081;
  border-radius: 2px;
  cursor: grab;
}
.article-used-car .used-car-recommend .recommend-swiper-scrollbar .swiper-scrollbar-drag:active {
  cursor: grabbing;
}
.article-used-car .used-car-recommend .swiper-button-wrap {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}
.article-used-car .used-car-recommend .swiper-button-prev,
.article-used-car .used-car-recommend .swiper-button-next {
  position: static;
  width: 40px;
  height: 40px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}
.article-used-car .used-car-recommend .swiper-button-prev::after,
.article-used-car .used-car-recommend .swiper-button-next::after {
  display: none;
}
.article-used-car .used-car-recommend .swiper-button-prev.swiper-button-disabled,
.article-used-car .used-car-recommend .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  cursor: default;
  pointer-events: none;
  background: rgb(47, 52, 62);
  border: 1px solid rgb(67, 72, 80);
}
.article-used-car .used-car-recommend .swiper-button-prev.swiper-button-disabled [class^=ico],
.article-used-car .used-car-recommend .swiper-button-next.swiper-button-disabled [class^=ico] {
  flex-shrink: 0;
  opacity: 0.3;
}
.article-used-car .used-car-recommend .swiper-button-prev [class^=ico],
.article-used-car .used-car-recommend .swiper-button-next [class^=ico] {
  flex-shrink: 0;
}
.article-used-car .used-car-recommend .swiper-button-prev,
.article-used-car .used-car-recommend .swiper-button-next {
  background: #181D25;
  border: 1px solid #2D333E;
}
.article-used-car .used-car-recommend .swiper-button-prev:not(.swiper-button-disabled):hover, .article-used-car .used-car-recommend .swiper-button-prev:not(.swiper-button-disabled):focus,
.article-used-car .used-car-recommend .swiper-button-next:not(.swiper-button-disabled):hover,
.article-used-car .used-car-recommend .swiper-button-next:not(.swiper-button-disabled):focus {
  border-color: rgb(80, 85, 95);
  background: rgb(45, 51, 62);
}
.article-used-car .used-car-all {
  padding: 106px 0 130px;
}
.article-used-car .used-car-all .used-car-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 28px;
}
.article-used-car .used-car-all .used-car-list .used-car-item {
  display: flex;
  min-height: 364px;
  border-radius: 20px;
  background: #181D25;
  overflow: hidden;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img {
  flex: 0 0 45%;
  min-height: 0;
  padding: 24px;
  aspect-ratio: auto;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper {
  overflow: hidden;
  width: 100%;
  flex: 1 1 auto;
  height: 100%;
  position: relative;
  border-radius: 6px;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper .swiper-wrapper,
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper .swiper-slide {
  height: 100%;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper .swiper-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper .swiper-slide {
  display: flex;
  position: relative;
}
@media all and (min-width: 1025px) {
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper .swiper-slide::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 80px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(9, 9, 9, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper .swiper-slide::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 80px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(9, 9, 9, 0.6) 100%);
  }
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media all and (min-width: 1025px) {
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper img {
    position: relative;
    z-index: 0;
  }
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  z-index: 2;
  pointer-events: none;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui .used-item-swiper-count {
  flex: 0 0 auto;
  font-size: 16px;
  color: #fff;
  letter-spacing: 0.02em;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui .used-item-swiper-count .total {
  color: rgba(252, 252, 253, 0.7);
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui .used-item-swiper-btn {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  pointer-events: auto;
  transition: background-color 0.15s ease;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui .used-item-swiper-btn.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui .used-item-swiper-btn.used-item-swiper-next {
  padding-left: 4px;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui .used-item-swiper-btn.used-item-swiper-prev {
  padding-right: 4px;
}
@media (hover: hover) and (pointer: fine) {
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui .used-item-swiper-btn:hover:not(.swiper-button-disabled),
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui .used-item-swiper-btn:focus-visible:not(.swiper-button-disabled) {
    background: #2D333E;
  }
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-img .item-count {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 11px;
  color: #FCFCFD;
  background: rgba(0, 0, 0, 0.5);
  padding: 2px 8px;
  border-radius: 2px;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 24px 24px 24px 8px;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-info .car-name h4 {
  font-size: 24px;
  font-weight: 700;
  color: #FCFCFD;
  line-height: 1.5;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-info .car-name span {
  font-size: 14px;
  line-height: 1.7142857143;
  color: rgba(255, 255, 255, 0.7);
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-info .car-number {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-info .car-number dl {
  width: 100%;
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-info .car-number dl dt {
  display: none;
  font-size: 14px;
  line-height: 1.4285714286;
  color: rgba(252, 252, 253, 0.7);
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-info .car-number dl dd {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4285714286;
  color: rgba(255, 255, 255, 0.7);
}
.article-used-car .used-car-all .used-car-list .used-car-item .item-info .car-number dl + dl {
  margin-top: 4px;
  /*
  &::before {
    content: "";
    display: flex;
    width: 1px;
    height: 8px;
    margin-inline: 8px;
    background-color: rgba(255, 255, 255, 0.2);
  }
  */
}
.article-used-car .used-car-all .used-car-list .used-car-item .showroom-name {
  margin-top: 20px;
  font-size: 14px;
  color: rgba(252, 252, 253, 0.7);
}
.article-used-car .used-car-all .used-car-list .used-car-item .btn-wrap {
  display: flex;
  gap: 8px;
  margin-top: 24px;
  margin-top: auto;
}
.article-used-car .used-car-all .used-car-list .used-car-item .btn-wrap .btn-type {
  flex: 1;
  margin: 0;
  white-space: nowrap;
}
.article-used-car .used-car-all .no-data {
  width: 50%;
  margin: auto;
}
.article-used-car .car-spec {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 12px;
}
.article-used-car .car-spec li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(154, 163, 177, 0.1);
  font-size: 14px;
  color: #FCFCFD;
  letter-spacing: -0.02em;
}
.article-used-car .car-price {
  padding-top: 12px;
}
.article-used-car .car-price dl dt {
  display: none;
  font-size: 14px;
  color: rgba(252, 252, 253, 0.7);
}
.article-used-car .car-price dl dd {
  font-size: 18px;
  font-weight: 700;
  color: #FCFCFD;
  line-height: 1.4444444444;
}
.article-used-car .pagination {
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  display: none;
  margin: 88px auto 96px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.article-used-car .pagination > a {
  width: 40px;
  height: 40px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: rgba(252, 252, 253, 0.7);
  text-decoration: none;
  border-radius: 999px;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
}
.article-used-car .pagination > a:hover, .article-used-car .pagination > a:focus-visible {
  background: rgb(45, 51, 62);
  color: #FCFCFD;
  outline: none;
}
.article-used-car .pagination > a.active {
  position: relative;
  font-weight: 700;
  color: #FCFCFD;
}
.article-used-car .pagination > a.active::before {
  position: absolute;
  content: "";
  width: 50%;
  height: 2px;
  right: 0;
  left: 0;
  bottom: 6px;
  margin: 0 auto;
  background-color: #fff;
}
.article-used-car .pagination > a.disabled, .article-used-car .pagination > a[aria-disabled=true] {
  opacity: 0.3;
  pointer-events: none;
  background: transparent;
}
.article-used-car .pagination [class^=ico] {
  font-size: 0;
}
.article-used-car .pagination > a.ico-prev,
.article-used-car .pagination > a.ico-next {
  font-size: 0;
}
.article-used-car .pagination > a.ico-prev::before,
.article-used-car .pagination > a.ico-next::before {
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}
.article-used-car .pagination > a.ico-prev::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.7L6.7 8L11.85 13.14L17 8L17.7 8.7L11.85 14.56L6 8.7Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
  transform: rotate(90deg);
}
.article-used-car .pagination > a.ico-next::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='23' viewBox='0 0 24 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8.7L6.7 8L11.85 13.14L17 8L17.7 8.7L11.85 14.56L6 8.7Z' fill='%23FCFCFD'/%3E%3C/svg%3E%0A");
  transform: rotate(270deg);
}
.article-used-car .pagination > a.ico-prev > i,
.article-used-car .pagination > a.ico-next > i {
  display: none;
}
.article-used-car .pagination > a.ico-prev [class^=ico],
.article-used-car .pagination > a.ico-next [class^=ico] {
  width: 24px;
  height: 24px;
  background-size: contain;
}
.article-used-car .pagination.pc {
  display: flex;
}
.article-used-car .btn-more-wrap {
  display: none;
  text-align: center;
  margin-top: 32px;
}
.article-used-car .btn-more-wrap .btn-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 28px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  letter-spacing: 0;
}
.article-used-car .btn-more-wrap .btn-more [class^=ico] {
  flex: 0 0 auto;
}
.article-used-car .btn-more-wrap .btn-more::after {
  content: none;
}
.article-used-car .btn-more-wrap .btn-more span {
  line-height: 1;
}

@media screen and (max-width: 1624px) {
  .article-used-car .used-car-all .used-car-list .used-car-item {
    position: relative;
    padding-bottom: 98px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img {
    gap: 14px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .btn-wrap {
    position: absolute;
    left: 24px;
    bottom: 24px;
    width: calc(100% - 48px);
    padding-top: 24px;
    z-index: 1;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .btn-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.05);
  }
  .article-used-car .car-spec li {
    padding: 7px 10px;
    letter-spacing: -0.02em;
    border-radius: 4px;
  }
}
@media screen and (max-width: 1439px) {
  .article-used-car .used-car-all .used-car-list {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item {
    padding-bottom: 0;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img {
    gap: 24px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .btn-wrap {
    position: static;
    width: 100%;
    margin-top: 24px;
  }
}
@media all and (max-width: 1024px) {
  .article-used-car .used-car-section-title {
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 20px;
  }
  .article-used-car .recommend-slider-wrap .recommend-swiper-body {
    box-sizing: border-box;
  }
  .article-used-car .recommend-slider-wrap .recommend-swiper-body .recommend-swiper {
    padding: 0 10%;
  }
  .article-used-car .recommend-slider-wrap .recommend-swiper-body .swiper-slide .recommend-card .car-img {
    height: auto;
    aspect-ratio: auto;
    overflow: visible;
  }
  .article-used-car .recommend-slider-wrap .recommend-swiper-body .swiper-slide .recommend-card .car-img .recommend-img-swiper {
    height: 225px;
  }
  .article-used-car .recommend-slider-wrap .recommend-swiper-body .swiper-slide .recommend-card .car-info {
    padding: 0 15px;
  }
  .article-used-car .recommend-slider-wrap .swiper-button-wrap {
    display: none;
  }
  .article-used-car .used-car-recommend {
    width: 100vw;
    margin: 0 0 0 -10%;
    padding-top: 22px;
    overflow: visible;
  }
  .article-used-car .used-car-recommend .used-car-section-title {
    padding: 0 10%;
  }
  .article-used-car .used-car-recommend .recommend-swiper-scrollbar-area {
    margin-top: 16px;
    padding-top: 12px;
  }
  .article-used-car .used-car-recommend .recommend-swiper-scrollbar-area .recommend-swiper-scrollbar {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .article-used-car .used-car-all {
    padding: 75px 0 80px;
  }
  .article-used-car .used-car-all .no-data {
    width: 100%;
    margin: 0;
  }
  .article-used-car .used-car-all .used-car-list {
    gap: 20px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item {
    flex-direction: column;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img {
    flex: none;
    width: 100%;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui {
    position: static;
    padding: 16px 0 0;
    pointer-events: auto;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper-ui .used-item-swiper-count {
    text-shadow: none;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper {
    flex: 0 0 auto;
    height: auto;
    overflow: hidden;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper::before {
    content: "";
    display: block;
    padding-top: 75%;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .used-item-swiper .swiper-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-img .item-count {
    display: block;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-info {
    padding: 16px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-info .car-number,
  .article-used-car .used-car-all .used-car-list .used-car-item .item-info .car-spec {
    margin-top: 24px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-info .showroom-name {
    margin-top: 10px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .item-info .btn-wrap {
    margin-top: 30px;
    gap: 10px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .btn-wrap {
    flex-direction: column;
    gap: 8px;
  }
  .article-used-car .used-car-all .used-car-list .used-car-item .btn-wrap .btn-type {
    flex: none;
    width: 100%;
    font-size: 14px;
    padding: 14px 0;
    text-align: center;
  }
  .article-used-car .btn-more-wrap {
    display: block;
  }
  .article-used-car .pagination,
  .article-used-car .pagination.pc {
    display: none;
  }
}
@media all and (max-width: 1024px) {
  .visual-title.type2 {
    display: none;
  }
  .article-used {
    padding: 33px 0 90px;
  }
  .article-used .title-wrap.type2 {
    font-size: 21px;
    margin-bottom: 30px;
    text-align: center;
  }
  .article-used .title-wrap.type3 {
    text-align: left;
  }
  .article-used .used-info {
    flex-wrap: wrap;
  }
  .article-used .used-info .info-img {
    width: 100%;
    margin-bottom: 30px;
  }
  .article-used .used-info .info-box {
    width: 100%;
    padding: 0 8%;
  }
  .article-used .used-info .info-box .sign {
    font-size: 18px;
  }
  .article-used .list-plus {
    margin-top: 76px;
  }
  .article-used .list-plus li {
    margin-left: 0;
  }
  .article-used .list-plus li div {
    display: block;
    width: 100%;
    margin-right: 0;
    font-size: 18px;
  }
  .article-used .list-plus li div .icon-bd {
    margin-bottom: 14px;
  }
  .article-used .list-plus li p {
    width: 80%;
    margin: 30px auto 0;
  }
  .article-used .check-area {
    margin-top: 0;
    text-align: center;
  }
  .article-used .check-area img {
    width: 186px;
  }
  .article-used .check-area .btn-wrap {
    margin: 30px 0 100px;
  }
  .article-used .check-area .btn-wrap a {
    width: 79.1%;
  }
  .article-used .check-area p {
    max-width: 69%;
    margin: 0 auto;
    font-size: 19px;
    line-height: 1.4;
  }
  .article-used .check-area .list-type3 {
    margin-top: 69.5px;
    text-align: left;
  }
  .article-used .check-area .list-type3 li {
    font-size: 13px;
    line-height: 1.77;
  }
  .article-used .process-area {
    max-width: 100%;
    text-align: left;
  }
  .article-used .process-area h3 {
    font-size: 27px;
  }
  .article-used .process-area p {
    margin-bottom: 60px;
  }
  .article-used .process-area .list-process {
    max-width: 100%;
  }
  .article-used .process-area .list-process ol {
    position: relative;
    display: block;
    margin: 0 0 0 48px;
  }
  .article-used .process-area .list-process ol li {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    margin: 0 0 50px;
    background: none;
    color: #FCFCFD;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.14;
    padding-left: 16px;
    text-indent: -32px;
  }
  .article-used .process-area .list-process ol li::after {
    display: none;
  }
  .article-used .process-area .list-process ol li br {
    display: none;
  }
  .article-used .process-area .list-process ol li span {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18.5px;
    height: 18.5px;
    background-color: #ab2635;
    border-radius: 50%;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-right: 16px;
    margin-bottom: 28px;
    display: none;
    vertical-align: 25%;
    text-indent: 0;
    z-index: 1;
  }
  .article-used .process-area .list-process ol li span.mob {
    display: inline-flex;
    margin-bottom: 0;
  }
  .article-used .process-area .list-process ol::after {
    z-index: 0;
    content: "";
    position: absolute;
    left: -8px;
    top: 5px;
    bottom: 15px;
    border: 1px solid #FCFCFD;
  }
  .article-used .process-area .list-process dl dt {
    margin-bottom: 20px;
  }
  .article-used .process-area .list-process dl dd {
    font-size: 14px;
  }
  .preparing-area .icon-preparing {
    width: 68px;
    height: 68px;
  }
  .preparing-area h3 {
    font-size: 24px;
  }
  .preparing-area p {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}
@media all and (max-width: 1024px) {
  .section-used-car .article-used-car-view {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .section-used-car .article-used-car-view {
    max-width: 768px;
  }
}
.section-used-car .article-used-car-view {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1700px;
}
.section-used-car .article-used-car-view .used-car-section-title {
  font-size: 36px;
  font-weight: 700;
  color: #FCFCFD;
  text-align: center;
  margin-bottom: 60px;
}
.section-used-car .article-used-car-view .view-section {
  padding-top: 106px;
}
.section-used-car .article-used-car-view .view-section + .view-section {
  padding-top: 128px;
}
.section-used-car .article-used-car-view .view-section-head {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 60px;
}
.section-used-car .article-used-car-view .view-section-head .used-car-section-title {
  margin-bottom: 0;
}
.section-used-car .article-used-car-view .view-section-head .btn-share {
  position: absolute;
  right: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #FCFCFD;
  font-size: 16px;
  cursor: pointer;
}
.section-used-car .article-used-car-view .view-section-head .btn-share [class^=ico] {
  width: 24px;
  height: 24px;
}
.section-used-car .article-used-car-view .view-detail-body {
  --vdb-grid-cols: 2;
  --vdb-grid-gap: 80px;
  display: grid;
  grid-template-columns: minmax(0, min(770px, 40.1041666667vw)) minmax(0, 1fr);
  gap: var(--vdb-grid-gap);
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.section-used-car .article-used-car-view .view-detail-body > * {
  min-width: 0;
  min-height: 0;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery__ratio {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  min-height: 200px;
  max-height: min(745px, 85vh);
  aspect-ratio: 4/3;
  overflow: hidden;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery__ratio .swiper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery__ratio .swiper .swiper-wrapper {
  height: 100%;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery__ratio .swiper .swiper-wrapper .swiper-slide {
  height: 100%;
  box-sizing: border-box;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery__ratio .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 20px;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block {
  width: 100%;
  margin-top: 10px;
  flex-shrink: 0;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .used-car-gallery-thumbs.swiper {
  width: 100%;
  margin-top: 0;
  box-sizing: border-box;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .used-car-gallery-thumbs .swiper-slide {
  overflow: hidden;
  background: #1e232d;
  opacity: 0.45;
  cursor: pointer;
  transition: opacity 0.2s;
  box-sizing: border-box;
  border-radius: 20px;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .used-car-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .used-car-gallery-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .used-car-gallery-thumbs-scrollbar-area {
  flex-shrink: 0;
  margin-top: 16px;
  padding-top: 12px;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .used-car-gallery-thumbs-scrollbar-area .used-car-gallery-thumbs-scrollbar {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  width: 100%;
  height: 4px;
  margin: 0;
  background: rgba(252, 252, 253, 0.12);
  border-radius: 2px;
  box-sizing: border-box;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .used-car-gallery-thumbs-scrollbar-area .used-car-gallery-thumbs-scrollbar .swiper-scrollbar-drag {
  height: 4px;
  max-width: 100%;
  box-sizing: border-box;
  background: #657081;
  border-radius: 2px;
  cursor: grab;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .used-car-gallery-thumbs-scrollbar-area .used-car-gallery-thumbs-scrollbar .swiper-scrollbar-drag:active {
  cursor: grabbing;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 24px;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-prev,
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-next {
  position: static;
  width: 40px;
  height: 40px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-prev::after,
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-next::after {
  display: none;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-prev.swiper-button-disabled,
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  cursor: default;
  pointer-events: none;
  background: rgb(47, 52, 62);
  border: 1px solid rgb(67, 72, 80);
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-prev.swiper-button-disabled [class^=ico],
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-next.swiper-button-disabled [class^=ico] {
  flex-shrink: 0;
  opacity: 0.3;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-prev [class^=ico],
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-next [class^=ico] {
  flex-shrink: 0;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-prev,
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-next {
  background: #181D25;
  border: 1px solid #2D333E;
}
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-prev:not(.swiper-button-disabled):hover, .section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-prev:not(.swiper-button-disabled):focus,
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-next:not(.swiper-button-disabled):hover,
.section-used-car .article-used-car-view .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .swiper-button-wrap .swiper-button-next:not(.swiper-button-disabled):focus {
  border-color: rgb(80, 85, 95);
  background: rgb(45, 51, 62);
}
.section-used-car .article-used-car-view .view-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 15px;
  overflow-wrap: break-word;
  word-break: keep-all;
}
.section-used-car .article-used-car-view .view-info .car-name h4 {
  font-size: 32px;
  color: #fff;
  line-height: 1.375;
}
.section-used-car .article-used-car-view .view-info .car-name span {
  display: block;
  margin: 0;
  font-size: 18px;
  line-height: 1.5555555556;
  color: rgba(252, 252, 253, 0.7);
}
.section-used-car .article-used-car-view .view-info .car-number,
.section-used-car .article-used-car-view .view-info .car-price {
  margin-top: 20px;
}
.section-used-car .article-used-car-view .view-info .car-number dl dt,
.section-used-car .article-used-car-view .view-info .car-price dl dt {
  display: none;
  font-size: 14px;
  line-height: 1.7142857143;
  color: rgba(252, 252, 253, 0.7);
}
.section-used-car .article-used-car-view .view-info .car-number dl dd,
.section-used-car .article-used-car-view .view-info .car-price dl dd {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #FCFCFD;
}
.section-used-car .article-used-car-view .view-info .car-price {
  margin-top: 60px;
}
.section-used-car .article-used-car-view .view-info .car-spec {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  max-width: 500px;
  margin-top: 40px;
}
.section-used-car .article-used-car-view .view-info .car-spec li {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 10px;
  background: rgba(154, 163, 177, 0.1);
  font-size: 14px;
  color: #FCFCFD;
}
.section-used-car .article-used-car-view .view-info .car-spec li [class^=ico] {
  flex-shrink: 0;
}
.section-used-car .article-used-car-view .view-info .showroom-name {
  margin: 20px 0 0;
  font-size: 16px;
  color: rgba(252, 252, 253, 0.7);
}
.section-used-car .article-used-car-view .view-info .btn-wrap {
  display: flex;
  gap: 8px;
  margin-top: 70px;
}
.section-used-car .article-used-car-view .view-info .btn-wrap .btn-type {
  flex: 1;
  margin: 0;
}
.section-used-car .article-used-car-view .view-info .view-inquiry-btn {
  width: 100%;
  max-width: 450px;
  justify-content: center;
  text-align: center;
}
.section-used-car .article-used-car-view .check-doc {
  max-width: 600px;
  margin: 0 auto;
}
.section-used-car .article-used-car-view .check-doc__frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  --check-doc-toolbar-inset-x: clamp(10px, 1.2vw, 20px);
  --check-doc-toolbar-inset-y: clamp(10px, 1.2vw, 20px);
  aspect-ratio: 297/210;
}
.section-used-car .article-used-car-view .check-doc .check-doc-swiper.swiper {
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
}
.section-used-car .article-used-car-view .check-doc .check-doc-swiper .swiper-wrapper {
  align-items: stretch;
  height: 100%;
}
.section-used-car .article-used-car-view .check-doc .check-doc-swiper .swiper-slide {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-used-car .article-used-car-view .check-doc .check-doc-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  vertical-align: top;
  border-radius: 20px;
}
.section-used-car .article-used-car-view .check-doc-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
  flex-wrap: wrap;
}
.section-used-car .article-used-car-view .check-doc-toolbar--overlay {
  position: absolute;
  right: var(--check-doc-toolbar-inset-x);
  bottom: var(--check-doc-toolbar-inset-y);
  z-index: 5;
  margin-top: 0;
  flex-wrap: nowrap;
  gap: 8px;
  justify-content: flex-end;
  pointer-events: none;
}
.section-used-car .article-used-car-view .check-doc-toolbar--overlay > * {
  pointer-events: auto;
}
.section-used-car .article-used-car-view .check-doc-zoom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  background: #181D25;
  border: 1px solid #2D333E;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.section-used-car .article-used-car-view .check-doc-zoom__svg {
  flex-shrink: 0;
  opacity: 0.95;
}
.section-used-car .article-used-car-view .check-doc-zoom:hover, .section-used-car .article-used-car-view .check-doc-zoom:focus {
  border-color: rgb(80, 85, 95);
  background: rgb(45, 51, 62);
}
.section-used-car .article-used-car-view .check-doc-scrollbar-area {
  display: none;
  margin-top: 16px;
  padding-top: 8px;
  box-sizing: border-box;
}
.section-used-car .article-used-car-view .check-doc-scrollbar {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  width: 100%;
  height: 4px;
  margin: 0;
  background: rgba(252, 252, 253, 0.12);
  border-radius: 2px;
  box-sizing: border-box;
}
.section-used-car .article-used-car-view .check-doc-scrollbar .swiper-scrollbar-drag {
  height: 4px;
  background: #657081;
  border-radius: 2px;
  cursor: grab;
}
.section-used-car .article-used-car-view .check-doc-scrollbar .swiper-scrollbar-drag:active {
  cursor: grabbing;
}
.section-used-car .article-used-car-view .check-doc .swiper-button-wrap {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 0;
  flex-shrink: 0;
}
.section-used-car .article-used-car-view .check-doc .swiper-button-prev,
.section-used-car .article-used-car-view .check-doc .swiper-button-next {
  position: static;
  width: 40px;
  height: 40px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
}
.section-used-car .article-used-car-view .check-doc .swiper-button-prev::after,
.section-used-car .article-used-car-view .check-doc .swiper-button-next::after {
  display: none;
}
.section-used-car .article-used-car-view .check-doc .swiper-button-prev.swiper-button-disabled,
.section-used-car .article-used-car-view .check-doc .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  cursor: default;
  pointer-events: none;
  background: rgb(47, 52, 62);
  border: 1px solid rgb(67, 72, 80);
}
.section-used-car .article-used-car-view .check-doc .swiper-button-prev.swiper-button-disabled [class^=ico],
.section-used-car .article-used-car-view .check-doc .swiper-button-next.swiper-button-disabled [class^=ico] {
  flex-shrink: 0;
  opacity: 0.3;
}
.section-used-car .article-used-car-view .check-doc .swiper-button-prev [class^=ico],
.section-used-car .article-used-car-view .check-doc .swiper-button-next [class^=ico] {
  flex-shrink: 0;
}
.section-used-car .article-used-car-view .check-doc .swiper-button-prev,
.section-used-car .article-used-car-view .check-doc .swiper-button-next {
  background: #181D25;
  border: 1px solid #2D333E;
}
.section-used-car .article-used-car-view .check-doc .swiper-button-prev:not(.swiper-button-disabled):hover, .section-used-car .article-used-car-view .check-doc .swiper-button-prev:not(.swiper-button-disabled):focus,
.section-used-car .article-used-car-view .check-doc .swiper-button-next:not(.swiper-button-disabled):hover,
.section-used-car .article-used-car-view .check-doc .swiper-button-next:not(.swiper-button-disabled):focus {
  border-color: rgb(80, 85, 95);
  background: rgb(45, 51, 62);
}
@media all and (max-width: 1024px) {
  .section-used-car .article-used-car-view .check-doc__frame {
    --check-doc-toolbar-inset-x: calc(10% + 10px);
    --check-doc-toolbar-inset-y: 10px;
  }
  .section-used-car .article-used-car-view .check-doc-scrollbar-area {
    display: block;
  }
  .section-used-car .article-used-car-view .check-doc-scrollbar {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .section-used-car .article-used-car-view .check-doc .check-doc-nav-group {
    display: none;
  }
  .section-used-car .article-used-car-view .check-doc-toolbar--overlay {
    justify-content: flex-end;
  }
}
.section-used-car .article-used-car-view .view-desc-section .used-car-section-title {
  margin-bottom: 24px;
}
.section-used-car .article-used-car-view .view-desc-section .desc-content {
  max-width: 1200px;
  margin: 0 auto;
}
.section-used-car .article-used-car-view .view-desc-section .desc-header {
  text-align: center;
}
.section-used-car .article-used-car-view .view-desc-section .desc-header p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}
.section-used-car .article-used-car-view .view-desc-section .desc-body {
  margin-top: 60px;
  text-align: left;
}
.section-used-car .article-used-car-view .view-desc-section .desc-body .desc-item {
  margin-top: 46px;
}
.section-used-car .article-used-car-view .view-desc-section .desc-body .desc-item .item-title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: rgba(252, 252, 253, 0.7);
  line-height: 1.5;
}
.section-used-car .article-used-car-view .view-desc-section .desc-body .desc-item .desc-item-list {
  margin-top: 16px;
}
.section-used-car .article-used-car-view .view-desc-section .desc-body .desc-item .desc-item-list li {
  position: relative;
  padding-left: 1.1em;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(252, 252, 253, 0.7);
}
.section-used-car .article-used-car-view .view-desc-section .desc-body .desc-item .desc-item-list li + li {
  margin-top: 12px;
}
.section-used-car .article-used-car-view .view-desc-section .desc-body .desc-item .desc-item-list li::before {
  content: "›";
  position: absolute;
  left: 0;
  font-weight: 400;
  color: rgba(252, 252, 253, 0.75);
}
.section-used-car .article-used-car-view .view-desc-section .desc-body .desc-item .desc-item-text {
  position: relative;
  margin: 0;
  padding-left: 1.1em;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(252, 252, 253, 0.7);
}
.section-used-car .article-used-car-view .view-desc-section .desc-body .desc-item .desc-item-text::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  color: rgba(252, 252, 253, 0.7);
}
.section-used-car .article-used-car-view .view-desc-section .desc-footer.desc-showroom-info {
  margin-top: 46px;
  text-align: center;
}
.section-used-car .article-used-car-view .view-desc-section .desc-footer.desc-showroom-info .name {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.6;
  color: #fff;
}
.section-used-car .article-used-car-view .view-desc-section .desc-footer.desc-showroom-info .address,
.section-used-car .article-used-car-view .view-desc-section .desc-footer.desc-showroom-info .hours {
  font-size: 16px;
  line-height: 1.5;
  color: rgba(252, 252, 253, 0.7);
}
.section-used-car .article-used-car-view .view-advisor-section .used-car-section-title {
  margin-bottom: 60px;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card {
  max-width: 665px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 0;
  background: transparent;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-photo {
  flex: 0 0 42%;
  width: 42%;
  max-width: 300px;
  min-width: 0;
  aspect-ratio: 3/4;
  border-radius: 20px;
  overflow: hidden;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-name {
  display: block;
  font-size: 28px;
  line-height: 1.4285714286;
  color: #FCFCFD;
  margin: 0 0 40px;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 1.7142857143;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li + li {
  margin-top: 30px;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li {
  color: #FCFCFD;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li [class^=ico] {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  opacity: 1;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li a {
  min-width: 0;
  flex: 1;
  color: inherit;
  text-decoration: none;
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li a:hover {
  color: rgba(252, 252, 253, 0.92);
}
.section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li .advisor-mail {
  overflow-wrap: anywhere;
  word-break: normal;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section-used-car .article-used-car-view .view-list-btn-wrap {
  margin: 50px auto 128px;
  text-align: center;
}
@media all and (max-width: 1024px) {
  .section-used-car .visual .visual-images {
    height: 36vh;
  }
  .section-used-car.section-used-car__list .article-used-car {
    padding: 0 4% 60px;
  }
  .section-used-car.section-used-car__list .article-used-car .used-car-recommend {
    width: 100vw;
  }
  .section-used-car .article-used-car-view {
    padding: 0 4% 60px;
  }
  .section-used-car .article-used-car-view .view-section {
    padding-top: 20px;
  }
  .section-used-car .article-used-car-view .view-section .view-section-head {
    flex-direction: row;
    justify-content: space-between;
    align-items: unset;
    margin-bottom: 0;
    min-height: 44px;
    padding: 0 4px;
    box-sizing: border-box;
  }
  .section-used-car .article-used-car-view .view-section .view-section-head .used-car-section-title {
    position: relative;
  }
  .section-used-car .article-used-car-view .view-section .view-section-head .btn-share {
    position: absolute;
    right: 0;
    bottom: 20px;
    margin: 0;
    flex: 0 0 auto;
    z-index: 1;
  }
  .section-used-car .article-used-car-view .view-section .view-section-head .btn-share span {
    position: relative;
    display: inline-block;
  }
  .section-used-car .article-used-car-view .view-section .view-section-head .btn-share span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 2px;
    background: #fff;
    z-index: -1;
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body {
    --vdb-grid-cols: 1;
    --vdb-grid-gap: 20px;
    grid-template-columns: repeat(var(--vdb-grid-cols), minmax(0, 1fr));
    gap: var(--vdb-grid-gap);
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body .ucv-gallery {
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body .ucv-gallery .used-car-gallery__ratio {
    flex: 0 0 auto;
    aspect-ratio: 4/3;
    min-height: 0;
    max-height: min(745px, 78vh);
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body .ucv-gallery .used-car-gallery-thumbs-block .used-car-gallery-thumbs .swiper-slide {
    border-radius: 10px;
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info {
    height: auto;
    padding: 0;
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info .car-name h4 {
    font-size: 22px;
    line-height: 1.6363636364;
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info .car-name span {
    font-size: 14px;
    line-height: 1.4285714286;
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info .car-number,
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info .car-spec,
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info .car-price,
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info .showroom-name {
    margin-top: 24px;
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info .showroom-name {
    margin-top: 10px;
    font-size: 14px;
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info .btn-wrap {
    margin-top: 50px;
    gap: 10px;
    flex-direction: column;
  }
  .section-used-car .article-used-car-view .view-section .view-detail-body > .view-info .btn-wrap .btn-type {
    flex: none;
    width: 100%;
  }
  .section-used-car .article-used-car-view .view-detail-section + .view-section,
  .section-used-car .article-used-car-view .view-check-section + .view-section,
  .section-used-car .article-used-car-view .view-desc-section + .view-section {
    padding-top: 75px;
  }
  .section-used-car .article-used-car-view .view-detail-section .used-car-section-title,
  .section-used-car .article-used-car-view .view-check-section .used-car-section-title,
  .section-used-car .article-used-car-view .view-desc-section .used-car-section-title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #FCFCFD;
    text-align: left;
  }
  .section-used-car .article-used-car-view .view-check-section {
    width: 100vw;
    margin-left: -10%;
  }
  .section-used-car .article-used-car-view .view-check-section .used-car-section-title {
    padding: 0 10%;
  }
  .section-used-car .article-used-car-view .view-check-section .check-doc .check-doc__frame .check-doc-swiper {
    padding: 0 10%;
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-header p {
    font-size: 14px;
    line-height: 1.4285714286;
    text-align: left;
    color: rgba(252, 252, 253, 0.7);
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-body {
    margin-top: 20px;
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-body .desc-item {
    margin: 0;
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-body .desc-item + .desc-item {
    margin-top: 50px;
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-body .desc-item .item-title {
    font-size: 12px;
    line-height: 1.6666666667;
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-body .desc-item .desc-item-list li {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-body .desc-item .desc-item-text {
    font-size: 14px;
    line-height: 1.7142857143;
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-footer.desc-showroom-info {
    margin-top: 50px;
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-footer.desc-showroom-info .name {
    font-size: 16px;
    line-height: 1.5;
  }
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-footer.desc-showroom-info .address,
  .section-used-car .article-used-car-view .view-desc-section .desc-content .desc-footer.desc-showroom-info .hours {
    font-size: 14px;
    line-height: 1.4285714286;
  }
  .section-used-car .article-used-car-view .view-advisor-section .used-car-section-title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    color: #FCFCFD;
    text-align: left;
  }
  .section-used-car .article-used-car-view .view-advisor-section .advisor-card {
    text-align: center;
    gap: 10px;
    padding: 0;
  }
  .section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-photo {
    flex: none;
    width: min(25.6vw, 240px);
  }
  .section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info {
    align-items: flex-start;
    width: 100%;
  }
  .section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-name {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact {
    align-items: stretch;
    gap: 5px;
    width: 100%;
  }
  .section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    width: 100%;
  }
  .section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li + li {
    margin-top: 10px;
  }
  .section-used-car .article-used-car-view .view-advisor-section .advisor-card .advisor-info .advisor-contact li .advisor-mail {
    overflow-wrap: anywhere;
    word-break: normal;
    text-decoration: none;
    line-height: 1.5714285714;
  }
  .section-used-car .article-used-car-view .view-list-btn-wrap {
    margin: 75px 0 20px;
  }
  .section-used-car .article-used-car-view .view-list-btn-wrap .btn-type.v2 {
    width: 100%;
    min-width: 0;
    max-width: 400px;
  }
}

@media all and (max-width: 1024px) {
  .error-wrap {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .error-wrap {
    max-width: 768px;
  }
}
.error-wrap {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 79px 0 137px;
}
.error-wrap .title-wrap {
  margin-bottom: 35px;
}
.error-wrap p {
  margin-bottom: 57px;
}

@media all and (max-width: 1024px) {
  .terms-wrap {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .terms-wrap {
    max-width: 768px;
  }
}
.terms-wrap {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 132px 0 96px;
}
.terms-wrap .title-wrap {
  margin-bottom: 70px;
}
.terms-wrap p {
  font-size: 16px;
  line-height: 1.5em;
}
.terms-wrap .tit {
  font-size: 21px;
  font-weight: 700;
  padding: 50px 0 25px;
}
.terms-wrap .table-wrap {
  padding: 30px 0;
  table-layout: fixed;
}
.terms-wrap .btn-wrap {
  margin-top: 0;
}

.loding {
  position: fixed;
  z-index: 99;
}
.loding .loding-box {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 30;
}
.loding .dim {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}

.aui-spinner {
  display: inline-block;
  position: relative;
  width: 6rem;
  height: 6rem;
  stroke: rgba(255, 255, 255, 0.6);
  font-size: 1rem;
}

.aui-spinner--continuous {
  width: 3rem;
  height: 3rem;
}

.aui-spinner__svg {
  width: 100%;
  height: 100%;
}

.aui-spinner__path {
  stroke-miterlimit: 10;
  stroke-linecap: square;
  stroke-width: 1.1px;
  fill: none;
}

.aui-spinner__path--progress {
  stroke: #bb0a30;
  stroke-width: 3px;
}

.aui-spinner__value {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: "Audi-b", "AudiTypeKR", sans-serif;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  color: #fff;
}

.section-price .visual .visual-images {
  height: 60vh;
}
@media all and (max-width: 1024px) {
  .section-price .article-price {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .section-price .article-price {
    max-width: 768px;
  }
}
.section-price .article-price {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1174px;
  margin: 129px auto 96px;
}
.section-price .article-price .title-box.al-right {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 0;
  text-align: right;
  font-size: 13px;
}
.section-price .article-price .list-type {
  margin-top: 30px;
  text-align: right;
}
.section-price .article-price .list-type li {
  margin-bottom: 5px;
  color: #000000;
}
.section-price .article-price .list-type :before {
  position: relative;
  padding-right: 5px;
}
.section-price .article-price .table-wrap3.mobile {
  display: none;
}
.section-price .article-price .table-wrap3.pc {
  display: block;
}

@media all and (max-width: 1024px) {
  .rule-wrap {
    max-width: 1024px;
  }
}
@media (max-width: 768px) {
  .rule-wrap {
    max-width: 768px;
  }
}
.rule-wrap {
  width: 92%;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1200px;
  padding: 138px 0 100px;
}
.rule-wrap .txt-wrap {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  line-height: 1.53;
}
.rule-wrap .rule-list {
  height: 270px;
  margin-top: 100px;
}
.rule-wrap .rule-list dt {
  margin-bottom: 38px;
  font-size: 24px;
  font-weight: bold;
}
.rule-wrap .rule-list.illegal ul {
  max-width: 1032px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
}
.rule-wrap .rule-list.illegal li {
  position: relative;
  width: 144px;
  height: 144px;
  text-align: center;
  line-height: 1.5;
}
.rule-wrap .rule-list.illegal li span {
  position: absolute;
  left: 0;
  top: 150px;
  display: block;
  width: 100%;
}
.rule-wrap .rule-list.illegal li::before {
  content: "";
  position: absolute;
  left: calc(50% - 27px);
  top: calc(50% - 27px);
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
}
.rule-wrap .rule-list.illegal li::after {
  content: "";
  display: block;
  width: 144px;
  height: 144px;
  background-color: #f2f2f2;
  border-radius: 50%;
}
.rule-wrap .rule-list.illegal li:nth-child(1)::before {
  width: 54px;
  height: 55px;
  background-image: url(../images/etc/bg-rule1.png);
}
.rule-wrap .rule-list.illegal li:nth-child(2)::before {
  width: 57px;
  height: 46px;
  background-image: url(../images/etc/bg-rule2.png);
}
.rule-wrap .rule-list.illegal li:nth-child(3)::before {
  width: 56px;
  height: 49px;
  background-image: url(../images/etc/bg-rule3.png);
}
.rule-wrap .rule-list.illegal li:nth-child(4)::before {
  width: 55px;
  height: 50px;
  background-image: url(../images/etc/bg-rule4.png);
}
.rule-wrap .rule-list .list-type2 li::before {
  color: #999;
}

@media (max-width: 768px) {
  .error-wrap {
    padding: 70px 0;
  }
  .error-wrap .title-wrap {
    margin-bottom: 25px;
  }
  .error-wrap p {
    margin-bottom: 50px;
  }
  .section-price .visual .visual-images {
    height: 36vh;
  }
  .section-price .article-price {
    margin: 66px auto;
  }
  .section-price .article-price .list-type {
    margin-top: 19x;
  }
  .section-price .article-price .table-wrap3.mobile {
    display: block;
  }
  .section-price .article-price .table-wrap3.pc {
    display: none;
  }
  .rule-wrap {
    padding: 136px 0 83px;
  }
  .rule-wrap .txt-wrap {
    font-size: 21px;
    line-height: 1.43;
    text-align: left;
  }
  .rule-wrap .rule-list {
    margin-top: 72px;
    height: auto;
  }
  .rule-wrap .rule-list dt {
    font-size: 21px;
  }
  .rule-wrap .rule-list.illegal ul {
    display: block;
  }
  .rule-wrap .rule-list.illegal li {
    width: 100%;
    height: 96px;
    margin-top: 33px;
    text-align: left;
  }
  .rule-wrap .rule-list.illegal li span {
    position: absolute;
    left: 120px;
    bottom: auto;
    top: calc(50% - 24px);
    width: auto;
  }
  .rule-wrap .rule-list.illegal li::before {
    content: "";
    position: absolute;
    left: 28px;
    top: 28px;
  }
  .rule-wrap .rule-list.illegal li::after {
    width: 96px;
    height: 96px;
  }
  .rule-wrap .rule-list.illegal li:nth-child(1)::before {
    width: 41px;
    height: 42px;
  }
  .rule-wrap .rule-list.illegal li:nth-child(2)::before {
    width: 40px;
    height: 32px;
  }
  .rule-wrap .rule-list.illegal li:nth-child(3)::before {
    width: 44px;
    height: 38px;
  }
  .rule-wrap .rule-list.illegal li:nth-child(4)::before {
    width: 40px;
    height: 36px;
  }
  .rule-wrap .rule-list .list-type2 li::before {
    color: #999;
  }
}/*# sourceMappingURL=sub.css.map */