/* Main */
.btn-list {display: flex; align-items: center; justify-content: center;gap: 14px; width: 152px; height: 55px; border-radius: 8px; background: rgb(76,76,76); background: linear-gradient(180deg, rgba(76,76,76,1) 0%, rgba(51,51,51,1) 100%); font-weight: 500; font-size: 20px; color: #fff;}
.btn-list span:last-child {font-size: 0;}

#main .cate_wr {width: 100%;}
#main .cate_wr .cate_con {max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 20px; background-color: #f2f4f6; height: 212px; border-radius:10px; display: flex;}
#main .cate_wr .cate_con ul {display: flex; width: 100%; max-width: 600px; justify-content:space-between; height: 100%; align-items:center; margin: 0 auto;}
#main .cate_wr .cate_con ul:last-child {margin-left: 0;}
#main .cate_wr .cate_con ul li {background-color: #fff; border-radius:10px;width: 132px; height: 126px; border:1px solid #fff; transition:.3s ease-out;}
#main .cate_wr .cate_con ul li:hover, #main .cate_wr .cate_con ul li.actv {box-shadow: 0px 7px 10px 0px rgba(0, 52, 104, 0.06); border-color: #0075d9;}
#main .cate_wr .cate_con ul li:hover span, .cate_wr .cate_con ul li.actv span {color:#0075d9;}
#main .cate_wr .cate_con ul li a {display: flex; flex-direction:column; align-items:center;}
#main .cate_wr .cate_con ul li a h2 {font-size: 4rem; font-family: 'JalnanGothic';}
#main .cate_wr .cate_con ul li a span {font-size: 1.8rem; font-weight: 600;transition:.3s ease-out;}
#main .cate_wr .cate_con ul li a .img_wr {height: 85px;display: flex; flex-direction:column; justify-content:center;}
#main .cate_wr .cate_con ul li a .img_wr img {}

.left-banner {position: fixed; left: 50%; top: 190px; z-index: 2; transform: translateX(-874px); transition: .3s;}
.left-banner.active {top: 40px;}
.left-banner-item {display: block; font-size: 0; border-radius: 8px; overflow: hidden;}
.left-banner-item ~ .left-banner-item {margin-top: 10px;}

/* 신차/중고차 리스트 */
.nonbg {max-width: 1280px;}
.subban.board_ban .subban_con .txt.sub3 {overflow: hidden;}
.subban.board_ban .subban_con .txt h2.jrt {top: 40%; left: 68px;}
.subban.board_ban .subban_con .txt .car_img {right: -60px;}

.sub-banner-wrap {}
.sub-banner {position: relative;}
.sub-banner-slide {}
.sub-banner-slide .inner {position: relative; display: block; height: 0; padding-bottom: 36.719%;}
.sub-banner-slide .inner img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.sub-banner-slide .inner .mo {display: none;}
.sub-banner .swiper-pagination {bottom: 10%; left: 50px; z-index: 2;}
.sub-banner .swiper-pagination .swiper-pagination-bullet {width: 13px; height: 13px; border-radius:100px; transition:.3s ease-out; background-color: #d6e8f5; opacity: 1; margin-right: 10px;}
.sub-banner .swiper-pagination .swiper-pagination-bullet:last-child {margin-right: 0;}
.sub-banner .swiper-pagination .swiper-pagination-bullet-active {width: 23px; background-color: #d6e8f5;}

/* 차량 상세 */
.view-top {display: flex; max-width: 1280px; width: 100%; margin: 0 auto; justify-content:space-between; align-items: flex-end; padding-bottom: 24px;}
.view-top-left {}
.view-top-left .title {font-weight: 700; font-size: 35px; line-height: 1.5; color: #000; padding-bottom: 8px;}
.view-top-left .info {display: flex; align-items: center; gap: 39px;}
.view-top-left .info-item {font-weight: 500; font-size: 20px; line-height: 1.5; color: #000; position: relative;}
/* info-item 파이프라인 제거 요청 _20250304_SY */
/* .view-top-left .info-item::before {content: ''; width: 2px; height: 18px; position: absolute; top: 50%; left: -19.5px; transform: translateY(-50%); background-color: #000;} */
.view-top-left .info-item::before {content: ''; width: 2px; height: 18px; position: absolute; top: 50%; left: -19.5px; transform: translateY(-50%); }

.view-top-left .info-item:first-child::before {display: none;}
.view-top-right {display: flex; align-items: center; gap: 16px;}
.view-hit-info {display: flex; align-items: center; gap: 12px;}
.view-hit-info .item {font-weight: 500; font-size: 13px; line-height: 1.35; position: relative;}
.view-hit-info .item::before {content: ''; width: 2px; height: 2px; background-color: #000; border-radius: 50%; position: absolute; top: 50%; left: -6px; transform: translateY(-50%);}
.view-hit-info .item:first-child::before {display: none;}
.view-btn-box {display: flex; align-items: center; gap: 16px;}
.view-btn-box .btn {border: none; display: flex; width: 38px; height: 38px; border-radius: 50%!important; background-color: #fff; align-items: center; justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,.15); transition: .3s;}
.view-btn-box .btn img {transition: .3s;}
.view-btn-box .btn:hover {background-color: #0075d9;}
.view-btn-box .btn:hover img {filter: invert(100%) sepia(0%) saturate(7489%) hue-rotate(227deg) brightness(99%) contrast(103%);}

/* .view-btn-box .btn.share-kakao {position: relative; overflow: hidden;}
.view-btn-box .btn.share-kakao img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} */

.view-btn-box .btn.in {background-color: #0075d9;}
.view-btn-box .btn.in img {filter: invert(100%) sepia(0%) saturate(7489%) hue-rotate(227deg) brightness(99%) contrast(103%);}

.de .tit.card-tit {align-items: flex-end;}

.contract-ul {gap: 32px; flex-wrap: wrap; justify-content: flex-start!important;}
.contract-ul li {width: calc((100% - 128px) / 5);}

/* 검색 화면 */
#sch_res_detail.srch {display: flex; align-items: center; justify-content: center;}
.switch_field.ex {display: flex; align-items: center; gap: 10px;}
.switch_field.ex .btn-list {height: 50px; width: 140px;}

.b_con {display: flex; justify-content:center;}
.b_con .more_button {padding: 10px 20px; background-image: -webkit-linear-gradient(90deg, rgb(4, 77, 139) 0%, rgb(0, 118, 219) 100%); border-radius:10px; color:#fff; cursor: pointer;}
.b_con .more_button span {margin-right: 10px;}



/* Media Query */
@media screen and (max-width: 1560px) {
  .left-banner {display: none;}
}

@media screen and (max-width: 1280px) {
  #main .cate_wr .cate_con {width: 100%; }
  #main .cate_wr .cate_con ul:last-child {margin-left: inherit;}

  .subban .subban_con {padding: 0;}
  .subban.board_ban .subban_con .txt h2.jrt {left: 0;}
  .subban.board_ban .subban_con .txt.sub3 {overflow: visible;}

  .view-top-left .title {font-size: 28px;}
  .view-top-left .info-item {font-size: 18px;}

  .view-top {display: block;}
  .view-top-right {justify-content: flex-end;}
}

@media screen and (max-width: 1225px) {
  #main .cate_wr .cate_con {flex-direction:column; height: unset; padding: 4%;}
  #main .cate_wr .cate_con > ul:first-child { margin-bottom: 20px;}
  #main .cate_wr .cate_con ul li {width: calc(100% / 4 - 15px);}

  #sch_res_detail.srch {flex-direction: column;}
}

@media screen and (max-width: 1024px) {
  .contract-ul {gap: 0;}
  .contract-ul li {width: 100%;}
}

@media screen and (max-width: 750px) {
  #main .cate_wr .cate_con ul {max-width: unset;}
  #main .cate_wr .cate_con ul li a span {font-size: 1.7rem;}

  .sub-banner-slide .inner {padding-bottom: 60.882%;}
  .sub-banner-slide .inner .mo {display: block;}
  .sub-banner-slide .inner .pc {display: none;}
}