#main {
  overflow: hidden;
}
#main .visual .visual-title {
  left: 12.5%;
  padding-top: 60px;
}
#main .visual-slide li {
  position: relative;
}
#main .visual-slide .slick-arrow {
  right: 4%;
}
#main .visual-slide .slick-arrow:before {
  content: "";
  width: 48px;
  height: 48px;
  background: url("../images/icon/icon-forward2.png") no-repeat;
  background-size: cover;
}
#main .visual-slide .slick-prev {
  left: 4%;
  right: auto;
}
#main .visual-slide .slick-dots {
  bottom: 40px;
  margin-top: 0;
}
#main .visual-slide .slick-dots li button {
  background: #fff;
  opacity: 0.6;
}
#main .visual-slide .slick-dots li.slick-active button {
  opacity: 1;
}
#main .model-area {
  padding: 30px 0 60px;
}
#main .model-area .model-tab {
  padding: 0 4%;
  margin-bottom: 40px;
}
#main .model-area .model-tab ul li {
  display: inline-block;
}
#main .model-area .model-tab ul li a {
  opacity: 0.5;
  transition: all 0.3s;
}
#main .model-area .model-tab ul li.active a {
  opacity: 1;
  padding-bottom: 5px;
  border-bottom: 1px solid #000000;
}
#main .model-area .model-tab ul li + li {
  margin-left: 45px;
}
#main .model-area .model-nav {
  margin-bottom: 15px;
  display: none;
}
#main .model-area .model-nav.is-active {
  display: block;
}
#main .model-area .model-nav .img-active {
  display: none;
}
#main .model-area .model-slide .slide-item {
  width: 220px;
}
#main .model-area .model-slide .slide-item.active .img {
  display: none;
}
#main .model-area .model-slide .slide-item.active .img-active {
  display: block;
}
#main .model-area .model-slide .slide-item.active .model {
  font-weight: 700;
  -webkit-text-decoration: #000000;
          text-decoration: #000000;
  text-decoration-line: underline;
}
#main .model-area .model-detail {
  display: none;
  padding-top: 12px;
  border-top: 1px solid #b3b3b3;
  text-align: center;
}
#main .model-area .model-detail .model-title {
  display: block;
  font-size: 21px;
  font-weight: 700;
  margin-top: 19px;
  font-family: "Audi", "NotoSans", Verdana, sans-serif;
}
#main .model-area .detail-item-list {
  padding: 0 4%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
#main .model-area .detail-item-list li {
  margin: 0 5px 40px;
  max-width: 220px;
}
#main .model-area .detail-item-list .info-txt {
  margin-top: 5px;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#main .model-area .detail-item-list .info-txt i {
  margin-right: 18px;
}
#main .model-area .detail-caption {
  border-top: 1px solid #b3b3b3;
  padding: 10px 4% 0;
  text-align: left;
}
#main .model-area .detail-caption ul {
  display: flex;
}
#main .model-area .detail-caption ul li {
  font-size: 13px;
  display: flex;
  align-items: center;
}
#main .model-area .detail-caption ul li i {
  margin-right: 17px;
}
#main .model-area .detail-caption ul li + li {
  margin-left: 40px;
}
#main .model-area .img {
  transition: all 0.5s;
  transform: scale(0.95);
}
#main .model-area .model {
  display: block;
  font-family: "Audi", "NotoSans", Verdana, sans-serif;
  text-align: center;
  font-size: 16px;
  color: #000000;
  margin-top: 6px;
}
#main .model-area .slide-item:hover .img,
#main .model-area .detail-item-list li:hover .img {
  transform: scale(1);
}
#main .model-area .slide-item:hover .model,
#main .model-area .detail-item-list li:hover .model {
  font-weight: 700;
  -webkit-text-decoration: #000000;
          text-decoration: #000000;
  text-decoration-line: underline;
}
#main .section-info {
  padding-top: 4%;
}
#main .section-info .info-module {
  display: flex;
  align-items: center;
  padding: 4% 12%;
}
#main .section-info .info-module .cont-box {
  width: 50%;
  padding: 0 65px;
  word-break: keep-all;
}
#main .section-info .info-module .cont-box .desc {
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 30px;
}
#main .section-info .info-module .img-box {
  width: 50%;
}
#main .section-info .info-module.reverse {
  flex-flow: row-reverse;
}
#main .section-news {
  margin-top: 4%;
}
#main .section-news .title-type {
  margin-bottom: 55px;
}
#main .section-news > div {
  display: flex;
}
#main .section-news .news-area {
  width: 66.6%;
  font-size: 0;
}
#main .section-news .news-area .news-box {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  width: 48%;
  margin-left: 10px;
}
#main .section-news .news-area .news-box:first-child {
  margin-left: 0;
}
#main .section-news .news-area .news-box .title {
  margin-top: 20px;
  font-size: 21px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;  /*2024-05-13. Dylan. 두줄로 표시되던 걸 줄이기 위하여 2에서 1으로 변경*/
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  height: 30px; /*2024-05-13. Dylan. 두줄로 표시되던 걸 줄이기 위하여 60에서 30으로 변경*/
  word-break: break-all;
  word-break: keep-all;
}
#main .section-news .manager-area {
  width: 30.3%;
  padding-left: 3%;
}
#main .section-news .manager-area .manager-slide {
  padding: 40px 0;
}
#main .section-news .manager-area .manager-slide li {
  display: inline-flex;
}
#main .section-news .manager-area .manager-slide .manager-pic {
  width: 50%;
  display: flex;
  align-items: center;
}
#main .section-news .manager-area .manager-slide .manager-pic figure {
  width: 100%;
  padding-bottom: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/nodata.png");
}
#main .section-news .manager-area .manager-slide .manager-info {
  width: 49%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  padding-left: 20px;
  word-break: break-all;
}
#main .section-news .manager-area .manager-slide .manager-info .info-box {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  vertical-align: middle;
}
#main .section-news .manager-area .manager-slide .manager-info .info-box:before {
  content: "";
  vertical-align: middle;
  display: inline-block;
}
#main .section-news .manager-area .manager-slide .manager-info .info-box .name {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 20px;
}
#main .section-news .manager-area .manager-slide .manager-info .btn-wrap {
  width: 100%;
  margin-top: 20px;
}
#main .section-news .manager-area .manager-slide .manager-info .btn-wrap .btn-type-brd {
  max-width: 240px;
  width: 100%;
}
#main .section-news .manager-area .manager-slide .btn-wrap.mo {
  display: none;
}
#main .section-news .manager-area .slick-dots {
  /*2024-05-13. Dylan. Advisor하단 간격조정
  bottom: -95px;
  margin-top: 0;
  */
  margin-top: 50px;
}
#main .section-sns {
  margin-top: 8%; /*2024-05-13. Dylan. sns간격 줄이기. 원래 8% */
  padding-bottom: 8%;
}
#main .section-sns .title-type {
  margin-bottom: 55px;
}
#main .section-sns .title {
  margin-top: 20px;
  font-size: 21px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1; /*2024-05-13. Dylan. 두줄로 표시되던 걸 줄이기 위하여 2에서 1으로 변경. 일단 원복. 공지사항만 적용*/
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  height: 30px; /*2024-05-13. Dylan. 두줄로 표시되던 걸 줄이기 위하여 60에서 30으로 변경. 일단 원복. 공지사항만 적용*/
  word-break: break-all;
  word-break: keep-all;
}
#main .section-sns .img-box {
  position: relative;
}
#main .section-sns .img-box .sns-badge {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000000;
}
#main .section-sns .slick-slide {
  margin: 0 5px;
}
#main .section-sns .slick-arrow {
  margin-top: -50px;
}

.filter-area {
  background: #4c4c4c;
}
.filter-area .filter-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 24px;
}
.filter-area .filter-box > div {
  margin-right: 40px;
  margin-bottom: 24px;
}
.filter-area .filter-box > div:last-child {
  margin-right: 0;
}
.filter-area .filter-box .title {
  color: #fff;
}
.filter-area .filter-box .select-box {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}
.filter-area .filter-box .select-box .select-type {
  width: 300px;
  margin-left: 40px;
}
.filter-area .filter-box .select-box .select-type:first-child {
  margin-left: 0;
}

@media all and (max-width: 1440px) {
  #main .section-info .info-module {
    padding: 4% 8%;
  }
  #main .section-info .info-module .cont-box {
    padding: 0 45px;
  }
}
@media all and (max-width: 1024px) {
  #main .visual .visual-title {
    padding-top: 35px;
    left: 4%;
  }
  #main .section-info .info-module {
    padding: 4%;
  }
  #main .section-info .info-module .cont-box {
    padding: 0 35px;
  }
  #main .section-news > div {
    flex-wrap: wrap;
  }
  #main .section-news .news-area {
    width: 100%;
  }
  #main .section-news .title-type {
    margin-bottom: 35px;
  }
  #main .section-news .manager-area {
    width: 100%;
    padding-left: 0;
    margin-top: 8%;
  }
  #main .section-news .manager-area .manager-slide {
    padding: 0;
  }
  #main .section-news .manager-area .manager-slide li {
    justify-content: center;
  }
  #main .section-news .manager-area .slick-dots {
    bottom: -45px;
  }
  #main .section-sns {
    margin-top: 120px;
    padding-bottom: 120px;
  }
  #main .section-sns .title-type {
    margin-bottom: 35px;
  }
  #main .section-sns .btn-wrap {
    margin-top: 15px;
  }
  .filter-area .filter-box .title {
    width: 100%;
    margin-right: 0;
  }
  .filter-area .filter-box .select-box {
    width: 100%;
    margin-right: 0;
  }
  .filter-area .filter-box .select-box .select-type {
    width: 30%;
  }
}
@media (max-width: 768px) {
  #main .visual .visual-title .btn-wrap {
    margin-top: 0;
    bottom: 62px;
  }
  #main .visual .visual-slide .slick-dots {
    bottom: 30px;
  }
  #main .model-area {
    padding: 45px 0 50px;
  }
  #main .model-area .model-detail {
    position: relative;
    padding: 0 4%;
  }
  #main .model-area .model-detail .btn-detail-close {
    position: absolute;
    top: 11px;
    right: 4%;
    z-index: 5;
  }
  #main .model-area .model-detail .model-title {
    text-align: left;
    margin-top: 24px;
  }
  #main .model-area .detail-item-list li {
    margin: 33px 0 0;
  }
  #main .model-area .detail-caption {
    margin: 40px -4% 0;
    padding: 0 4% 15px;
  }
  #main .model-area .detail-caption ul {
    flex-wrap: wrap;
  }
  #main .model-area .detail-caption ul li {
    margin-top: 14px;
  }
  #main .model-area .detail-caption ul li + li {
    margin-left: 0;
  }
  #main .section-info {
    padding: 0 0 70px;
  }
  #main .section-info .info-module {
    padding: 75px 0;
    flex-wrap: wrap;
    flex-flow: column-reverse;
  }
  #main .section-info .info-module .cont-box {
    width: 100%;
    padding: 30px 9.6% 0;
  }
  #main .section-info .info-module .cont-box .desc {
    margin-top: 25px;
  }
  #main .section-info .info-module .cont-box .btn-wrap .btn-type-brd {
    width: 100%;
  }
  #main .section-info .info-module .img-box {
    width: 100%;
  }
  #main .section-info .info-module.reverse {
    flex-flow: column-reverse;
  }
  #main .section-news {
    margin-top: 0;
  }
  #main .section-news .news-area .news-box {
    width: 100%;
    margin-left: 0;
    margin-bottom: 70px;
  }
  #main .section-news .news-area .news-box .btn-wrap {
    margin-top: 15px;
  }
  #main .section-news .manager-area {
    margin-top: 80px;
  }
  #main .section-news .manager-area .manager-slide li {
    flex-wrap: wrap;
    align-items: center;
  }
  #main .section-news .manager-area .manager-slide .manager-info .btn-wrap.pc {
    display: none;
  }
  #main .section-news .manager-area .manager-slide .manager-info .info-box {
    height: 100%;
  }
  #main .section-news .manager-area .manager-slide .manager-info .info-box:before {
    content: "";
    display: none;
  }
  #main .section-news .manager-area .manager-slide .btn-wrap.mo {
    display: block;
    width: 99%;
    text-align: center;
  }
  #main .section-news .manager-area .manager-slide .btn-wrap.mo .btn-type-brd {
    width: 100%;
  }
  #main .section-news .manager-area .manager-slide .manager-pic figure {
    padding-bottom: 88%;
  }
  #main .section-news .manager-area .manager-slide .slick-arrow {
    display: none;
  }
  #main .section-sns .slick-slide {
    margin: 0;
  }
  #main .section-sns .slick-dots {
    margin-top: 40px;
  }
  .filter-area .filter-box .title {
    font-size: 21px;
  }
  .filter-area .filter-box .select-box {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .filter-area .filter-box .select-box .select-type {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
  }
}/*# sourceMappingURL=main.css.map */