@charset "utf-8";

#header.ing-scr{display:none !important;}
.cars-info-com .sub-com{overflow-x:hidden;}
.page-tab{position:sticky;top:0;left:0;width:100%;height:84px;background:#fff;z-index:89;box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.12);}
.page-tab .inner{position:relative;z-index:2;height:100%;}
.page-tab .page-tab-lst{height:100%;gap:30px;}
.page-tab .page-tab-lst li{display: flex;position: relative;align-items: center;height: 100%;}
.page-tab .page-tab-lst li a{display:block;position:relative;width:100%;font-size: var(--font20);color: var(--gray-85);line-height:84px;font-weight:500;}
.page-tab .page-tab-lst li.active::after {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: var(--bk);}
.page-tab .page-tab-lst li.active a{font-weight:700;color:var(--bk);}

/* cover */
#carsList {}
#carsList .sec04 {background: #f5f5f5;}
.ex_list {display: flex; flex-direction: column; gap:40px}
.ex_list .list {position: relative; display: flex; align-items: center; width: 100%; aspect-ratio: 1300 / 384;}
.ex_list .list.interior {background:url('../../img/pages/cars/list/cover/bg_interior.jpg') no-repeat center center / cover;}
.ex_list .list.bespoke {background:url('../../img/pages/cars/list/cover/bg_bespoke.jpg') no-repeat center center / cover;}
.ex_list .list.movie {background:url('../../img/pages/cars/list/cover/bg_movie.jpg') no-repeat center center / cover;}

.ex_list .list .txt {color: #fff; margin-left: 75px}
.ex_list .list .txt dt {font-size: var(--font25); margin-bottom: 5px; font-weight: 600}
.ex_list .list .txt .btn_wrap {margin-top: 20px; justify-content: flex-start}
.ex_list .list .txt .btn_wrap .btn {height: 30px; font-size: var(--font12); border-radius: 0}
.ex_list .list .play {display: block; width: 85px; height: 85px; background:url('../../img/pages/cars/list/cover/btn_play.png') no-repeat center center; background-size: contain; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%)}


/**********정보***********/

/*공통*/
.sub-visual.style-detail{overflow:hidden;height:100dvh;background-size:cover;background-position:center;}
.sub-visual.style-detail.grd-tp::before{content:'';position:absolute;top:0;left:0;z-index:2;width:100%;height:50%;background: linear-gradient(180deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0.00) 96.73%);}
.sub-visual.style-detail.grd-bt::before{content:'';position:absolute;bottom:0;left:0;z-index:2;width:100%;height:30%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 96.73%);}
.sub-visual.style-detail .bg{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;}
.sub-visual.style-detail .inner{position:relative;z-index:2;height:100%;}
body:has(.sub-visual.style-detail) #container_title{display:none;}
.sub-visual.style-detail .summary-txt{position:absolute;top:25%;left:0%;z-index:2;transform:translateY(-50%);font-size:var(--font16);line-height:1.5;}
.sub-visual.style-detail strong{font-weight:700;}
.sub-visual.style-detail .detail-tit{position:absolute;bottom:60px;left:0;z-index:2;width:100%;}
.sub-visual.style-detail .detail-tit h2{margin-bottom:15px;font-size:var(--font55);font-weight:600;}
.sub-visual.style-detail .detail-tit .con-flex{gap:45px;}
.sub-visual.style-detail .detail-tit .con-flex p{font-size:var(--font20);}
.sub-visual.style-detail .detail-tit .con-flex a{display:flex;align-items: center;justify-content: center;width:146px;height:36px;background:#fff;font-size:var(--font14);font-weight:400;color:#000;}
/* .sub-com.cars-detail-com .sub-con-tit h3{font-weight:700;} */

.cars-info-com .sub-con-tit h3 span{display:block;margin-bottom:10px;font-family: var(--eng);font-size:var(--font20);font-weight:500;text-transform: uppercase;color:var(--gray-85);letter-spacing: 4px;}
.cars-info-com .sub-con-tit p{margin-top:10px;line-height:1.5; font-size: var(--font20)}
.cars-info-com .detail-conbx{padding:var(--gap-lg) 0;}

.detail-cate{display:none;position:absolute;top:130px;left:50px;z-index:20;}
.detail-cate.show{animation: cateShow 1s forwards;display:block;}

.detail-cate.fixed{position:fixed;}
.emp_msg {display: block; text-align: center; font-weight: 700; font-size: var(--font20); margin-top:var(--gap-md)}
.car_thumb {text-align: center}
.car_thumb img {max-width: 100%}
@keyframes cateShow{
  0% {
    opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

.detail-cate li{display:flex;position:relative;font-size:var(--font14);}
.detail-cate li span{display:block;opacity:0;line-height:30px;}
.detail-cate li::before{content:'';display:block;position:absolute;top:50%;left:0;width:6px;height:6px;border-radius: 50%;background:#e6e6e6;transform: translateY(-50%);}
.detail-cate li.active::before{height:30px;border-radius:999px;background:var(--bk)}
.detail-cate li a{padding-left:16px;}
/* .detail-cate li.active{margin-bottom:14px;} */
.detail-cate li.active a span{color: #000;font-weight: 700;opacity:1;}
.detail-cate:hover a span{color: rgba(0, 0, 0, 0.2);font-weight: 400;opacity:1;}
.detail-cate li:hover a span{font-weight:700;}

.detail-cate.wh-mode:hover a span{color:rgba(255, 255, 255, 0.5);}
.detail-cate.wh-mode li.active a span{color:#fff;}
.detail-cate.wh-mode li.active::before{background:#fff;}

/*-terior 공통*/
.terior .swiper-wrapper{align-items: center;}
.terior .swiper-slide{width:calc((100% - 40px) / 3);}
.terior .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.terior .swiper-slide .terior-item:not(.swiper-slide-active .terior-item){width:100%;aspect-ratio: 593/430;}
.terior .swiper-slide.swiper-slide-active .terior-item{width:100%;aspect-ratio: 658/648;}
.terior .swiper-wrapper:has(.terior-desc){align-items: flex-start;}
.terior:has(.terior-title) .terior-item:not(.swiper-slide-active .terior-item){margin-top:-50px;}
.terior:has(.terior-desc) .terior-item:not(.swiper-slide-active .terior-item){margin-top:50%;transform: translateY(-50%);}

.terior .swiper-slide p{display:none;margin-top:30px;font-size:var(--font25);font-weight:600;text-align: center;}
.terior .swiper-slide .terior-desc{display:none;margin-top:10px;font-size:var(--font16);line-height:1.8;text-align: center;}
.terior .swiper-slide.swiper-slide-active p{display:block;}
.terior .swiper-slide.swiper-slide-active .terior-desc{display:block;}



/*whycn 공통*/
.whycn-wrap{align-items: stretch;gap:50px;flex-wrap: wrap;}
.whycn-wrap .whycn-bx{width:calc((100% - 100px) / 3);aspect-ratio: 1/1;padding:40px;border:1px solid var(--bk)}
.whycn-wrap .whycn-bx .whycn-num{margin-bottom:40px;font-size:50px;font-weight:400;color:var(--bk); line-height: 1}
.whycn-wrap .whycn-bx .whycn-title{font-size:var(--font16);font-weight:700;line-height:1.8;}
.whycn-wrap .whycn-bx .whycn-desc{font-size:var(--font16);line-height:1.8;}

/*detail-lst-com 공통*/
.detail-lst-wrap{display:flex;gap:20px;align-items: stretch;flex-wrap: wrap;}
.detail-lst-com .lst-num-1 .lst-bx{width:100%;}
.detail-lst-com .lst-num-2 .lst-bx{width:calc((100% - 20px) / 2);}
.detail-lst-com .lst-num-3 .lst-bx{width:calc((100% - 40px) / 3);}
/* .detail-lst-com .lst-num-4{flex-wrap: wrap;} */
.detail-lst-com .lst-num-4 .lst-bx{width:calc((100% - 60px) / 4);}
.detail-lst-com .lst-txt{padding:20px 20px 50px;}
.detail-lst-com .lst-txt h4{font-size:var(--font16);font-weight:700;line-height:1.8;}
.detail-lst-com .lst-txt p{font-size:var(--font16);line-height:1.5;} 
.detail-lst-com.price .lst-txt h4{margin-bottom:10px;font-size:var(--font18);font-weight:400;}
.detail-lst-com.price .lst-txt p{font-size:var(--font25);font-weight:700;}


.detail-lst-wrap .lst-bx {display: flex;flex-direction: column;border:1px solid #c5c4c2;}
.detail-lst-wrap .lst-img {flex: 0 0 auto; aspect-ratio: 417 / 255;}
.detail-lst-wrap .lst-txt {flex: 1 1 auto;display: flex;flex-direction: column;justify-content: flex-start;padding:20px 20px 50px;}
.detail-lst-wrap .lst-bx.no-pd .lst-txt{padding-bottom:20px;}
.spec-txt-tbl{margin-top:50px;}
.spec-txt-tbl table{width:100%;text-align: center;font-size:var(--font16);}
.spec-txt-tbl td{padding:15px;border-bottom:1px solid #c5c4c2;}
.spec-txt-tbl th{padding:15px;border-bottom:1px solid #c5c4c2;border-top:1px solid #c5c4c2;background:#f5f5f5;font-weight:700;}
.detail-lst-com.price.sm-lst .lst-txt{padding:5px 10px;flex-direction: row;justify-content: space-between;text-align: center;}
.detail-lst-com.price.sm-lst .lst-txt p{width:50%;font-size:var(--font16);}
.detail-lst-com.price.sm-lst .lst-txt h4{width:50%;margin:0;font-size:var(--font16)}
.detail-lst-com.price.sm-lst .lst-txt{position:relative;}
.detail-lst-com.price.sm-lst .lst-txt::after{content:'';display:block;position:absolute;top:50%;left:50%;width:1px;height:20px;background:#aaa;transform: translate(-50%, -50%);}
/* .detail-lst-com.price.sm-lst .lst-num-4 .lst-bx{width:calc((100% - 30px) / 4);}
.detail-lst-com.price.sm-lst .lst-num-4{gap:10px;} */
.detail-lst-com.price.sm-lst.sm-bx{width:315px;margin:auto;}


/*video 공통*/
.video-com{width:100%;aspect-ratio: 16/9;}
.video-com iframe{pointer-events: none;}
.video-com.is-active iframe { pointer-events: auto; }
/* .video-com *{will-change: auto !important;transform: none !important;backface-visibility: hidden;} */

/*size 공통*/
.size-wrap{text-align: center;}
.size-wrap strong{font-size:130px;font-weight:700;}
.size-wrap p{font-size:var(--font20);font-weight:400;}
.size-txt ul{margin-top:50px;font-size:var(--font16);line-height:1.8;}
.size-txt ul li{font-weight:600;text-decoration: underline;text-align: center;font-size:var(--font25);line-height:1.6;}

/*이미지+텍스트 공통*/
.with-txtbx{padding-bottom:0 !important;}
.with-txtbx .sub-con-img{width:100%;aspect-ratio: 1920/580;}
.with-txtbx .sub-con-tit h3{font-size:var(--font55);font-weight:600;}
.with-txtbx .sub-con-tit p{font-size:var(--font20);font-weight:400;line-height:1.8;}
.with-txtbx .inner{position:relative;top:-100px;background:#fff;padding:70px 0 0;}

/*큰 이미지 슬라이드*/
.big-swip-wrap .swiper-slide .con-img{width:100%;aspect-ratio: 1920/850;}
.big-swip-wrap .con-txt{margin-top:15px;text-align: center;font-size:var(--font25);}
.big-swip-wrap .con-txt h4{font-weight:700;}
.big-swip-wrap .bt-sm-txt{display:block;margin-bottom:20px;font-size:var(--font14);font-weight:400;text-align: center;padding:0 20px;}
.big-swip-wrap .swiper.no-swiper{cursor: default;pointer-events: none;}
.no-swiper .big-swip-page{margin-top:0 !important;}


/*gallery 공통*/
.gal-item-lst{gap:10px;flex-wrap: wrap;}
.gal-item-lst .gal-item-row1{gap:10px;}
.gal-item-lst .gal-item-row2{margin-top:10px;align-items: stretch;gap:10px;}
.gal-item-lst .gal-item-row2 .con-l{width:calc((100% - 10px) / 4);gap:10px;}
.gal-item-lst .gal-item-row2 .con-l .gal-item:last-child{margin-top:10px;}
.gal-item-lst .gal-item-row2 .con-r{width:calc((100% - 10px) / 4 * 3);}
.gal-item-lst .gal-item{width:calc((100% - 20px) / 4);aspect-ratio: 1/1;}
.gal-item-lst .gal-item1{width:calc((100% - 20px) / 4 * 2);aspect-ratio: 2/1;}
.gal-item-lst .gal-item-row2 .gal-item{width:100%;}
.gal-item-lst .gal-item5{aspect-ratio:317/218;}
.gal-item-lst .gal-item6{aspect-ratio: auto;height:100%;}
.gal-wrap .more-gal-btn{display:flex;align-items: center;justify-content: center;width:160px;height:35px;margin:50px auto 0;font-size:12px;border:1px solid var(--bk);color:var(--bk);text-align: center;font-weight:500;}
.gal-wrap .more-gal-btn{display:none}

/*faq 공통*/
.faq-wrap .faq-item{padding:30px 0;border-bottom:1px solid var(--bk);}
.faq-wrap .faq-item:first-child{border-top:1px solid var(--bk);}
.faq-wrap .faq-question>div{gap:10px;}
.faq-wrap .faq-question{cursor: pointer;}
.faq-wrap .faq-question .faq-num{font-size:calc(var(--font25) * 1.2);font-weight:700;}
.faq-wrap .faq-question .con-flex h4{font-size:var(--font25);font-weight:700;}
.faq-wrap .faq-answer{display:none;padding-top:30px;line-height:1.5;}
.faq-wrap .faq-question::after{content:'';display:flex;align-items: center;justify-content: center;width:24px;height:24px;background:var(--bg-light) url('/theme/basic/img/common/ico_detail_accor.svg') no-repeat center center;background-size:10px;border-radius: 50%;}
.faq-item.active .faq-answer{display:block;}
.faq-item.active .faq-question::after{transform: rotate(180deg);}
.faq-wrap .more-lst-btn{display:flex;align-items: center;justify-content: center;width:140px;height:35px;margin:50px auto 0;font-size:12px;border:1px solid var(--bk);color:var(--bk);text-align: center;font-weight:500;}
.faq-wrap .faq-question>div{width:calc(100% - 30px);}


/*color 공통*/
.color-com {text-align: center}
.color-com img{width:100%;}
.sm .color-com img.pc-only{display:block;max-width:80%;margin:0 auto;}
#cl9 .color-com img,
#sorento .color-com img {width: auto; height: 255px}

/*group list 공통*/
.group-list-bx:not(:last-child){margin-bottom:100px;}
.group-item-wrap{display:flex;gap:60px 20px;align-items: stretch;flex-wrap: wrap;}
.group-item-wrap .group-list-item{width:calc((100% - 40px) / 3);}
.group-item-wrap .group-txt{padding:20px 0px 0px;}
.group-item-wrap .group-txt p{font-size:var(--font16);line-height:1.8;font-weight:700;} 
.group-item-wrap .group-img {flex: 0 0 auto; aspect-ratio: 417 / 255;}
.group-item-wrap .group-bx.no-pd .group-txt{padding-bottom:20px;}
.group-list-com h4{font-size:var(--font20);margin-bottom:20px;text-align: center;}

/*큰 이미지 탭 슬라이드*/
.liketab-swip-wrap .swiper-slide .con-img{width:100%;aspect-ratio: 1920/850;}
.liketab-swip-wrap .swiper-slide .con-img{width:100%;aspect-ratio: 1920/850;}
.liketab-swip-wrap .con-txt{margin-top:15px;text-align: center;font-size:var(--font25);}
.liketab-swip-wrap .con-txt h4{font-weight:700;}
.liketab-swip-wrap .bt-sm-txt{display:block;margin-bottom:20px;font-size:var(--font14);font-weight:400;text-align: center;padding:0 20px;}
.liketab-swip-wrap .swiper.no-swiper{cursor: default;pointer-events: none;}
.liketab-swip-page{text-align: center;}
.liketab-swip-page span{width:auto !important;height:auto !important;}
.liketab-swip-page { display: flex; flex-wrap: wrap; gap: 40px; margin:0 0 30px; justify-content:center; }
.liketab-swip-page .swiper-pagination-bullet { position: relative; width: auto; height: auto; background: none; opacity: 1; cursor: pointer; transition: all .2s;border-radius: 0; font-weight:500;color:var(--gray-a);}
.liketab-swip-page .swiper-pagination-bullet::before { content: attr(data-title); font-size:var(--font45); line-height: 1; white-space: nowrap; }
.liketab-swip-page .swiper-pagination-bullet.swiper-pagination-bullet-active {font-weight: 700;color:var(--bk);}
.liketab-swip-page .swiper-pagination-bullet.swiper-pagination-bullet-active::after { content: ''; display: block; width: 100%; height: 2px; background: var(--bk); position: absolute; bottom: 0; left: 0; }

/**/
#versusSec .sub-con-tit h3 span{display:inline;color:#fff;font-weight:400;font-family: var(--eng);font-size:var(--font32)}
.versus-wrap .versus-item{width:calc((100% - 100px) / 2);padding:40px;background:#fff;border-radius: 15px;}
.versus-wrap .versus-item .con-img{width:100%;margin:40px 0;}
.versus-wrap .versus-item .con-img img{width:100%;}
.versus-wrap .versus-item .con-txt-item{margin-bottom:20px;}
.versus-wrap .versus-item .con-txt h5{font-size:var(--font20);font-weight:700;line-height:1.8;}
.versus-wrap .versus-item .con-txt p{font-size:var(--font20);line-height:1.6;}
.versus-wrap .versus-item .con-bt{display:flex;align-items: flex-end;justify-content: flex-end;gap:10px;}
.versus-wrap .versus-item .con-bt span{font-size:var(--font16);font-weight:400;line-height:1.8;}
.versus-wrap h4{font-size:var(--font32);font-weight:700;text-align: center;}
.versus-wrap .versus-item.other{color:#5d5d5d !important;}
.versus-wrap>.inner{align-items: stretch;}
.versus-wrap .con-bt{padding-top:30px;border-top:1px solid #9f9f9f;}
.versus-wrap .con-bt strong{font-weight:600;font-size:var(--font32);}
.versus-wrap .cn .con-bt strong{font-weight:800;}
.versus-wrap .con-bt strong::after{content:'원';display:inline-block;margin-left:5px;font-size:var(--font16);font-weight:400;}

/*개별*/
#palisade .sub-visual.style-detail.grd-tp::before{background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 96.73%);}
.cars-info-com .detail-conbx.pb_long {padding-bottom: 200px}

/**********리스트***********/
.btn-com{display:flex;align-items: center;justify-content: center;height:50px;font-size:var(--font16);font-weight:600;}
.btn-com.wh{background:#fff;color:var(--bk);border:1px solid #E6E6E6;}
.btn-com.bk{background:var(--bk);color:#fff;}
#carsList .cars-list-group{margin-bottom:var(--gap-lg);}
#carsList .cars-list-item{width:calc((100% - 20px) / 2);padding:40px;background:#F5F5F5;}
#carsList .cars-list-item.hide{display:none;}
#carsList .con-img{aspect-ratio: 450 / 242;}
#carsList .btn-wrap{margin-top:40px;}
#carsList .btn-wrap>a{width:calc((100% - 8px) / 2);font-size:var(--font16);font-weight:600;}
#carsList .cars-list-item .con-txt{font-size:30px;font-weight: 700;border-bottom:none;padding:0;margin:0;}
#carsList .cars-list-item h5 {font-weight: 700}
#carsList .cars-list-item .con-txt{border-bottom:none;margin-bottom:40px;}
#carsList .cars-list-item .con-txt .cost-wrap{margin-top:10px;font-size:16px;font-weight:500;}
#carsList .cars-list-item .con-txt .cost-wrap span{font-weight:700;}
#carsList .btn-wrap a span{font-weight:inherit !important;}
#carsList .go-pick-btn span::after{content: '';display: inline-block;position:relative;top:-2px;width: 6px;height: 10px;margin-left: 10px;background: url(../../img/estimate/est_result_arr.svg) no-repeat center center;background-size: contain;}
#carsList .btn-wrap{margin-top:40px;}
#carsList .btn-wrap>a{width:calc((100% - 8px) / 2);font-size:var(--font16);}
#carsList .cars-lst-item-wrap{display:flex;gap:20px;flex-wrap: wrap;}
#carsList .con-top{padding-bottom:10px;border-bottom:1px solid #E6E6E6;margin-bottom:20px;}
#carsList .con-top h4{font-size:var(--font16);font-weight:700;color:#5d5d5d;}

.cars-detail-com .sub-contents{padding-top:0;}


/**********구매가이드***********/
/* 구매가이드 상세 */
.cars-buying-guide-com .sec_pic {padding-top: var(--gap-md)}
.cars-buying-guide-com .sec_pic .con-txt {line-height: 2; font-size: var(--font20); margin-bottom: var(--gap-lg)}
.cars-buying-guide-com .sec_pic .img_wrap {position: relative; width: 100%; aspect-ratio: 1300 / 484; background:url('../../img/pages/buying/guide/pic_detail01.jpg') no-repeat center center / cover; margin-top: var(--gap-md)}
.cars-buying-guide-com .sec_pic .img_wrap .con-txt {position:absolute;top:50%;left:100px;transform:translate(0,-50%);font-size:35px; line-height: 1.3; letter-spacing: -.04em; font-weight: bold; color: #fff}


.detail_title {display: block; text-align: center; font-size: var(--font32); font-weight: 500; margin-bottom: var(--gap-tit)}
.cars-buying-guide-com.sub-com .sub-page-tit h2 {letter-spacing: -.05em; font-size: var(--font45);}

.basic_tbl {width: 100%; text-align: left; font-size: var(--font18); border-top: 1px solid var(--bk);}
.basic_tbl th {padding: 10px; width: calc(100% / 4); background: #D9D9D9; border-bottom: 1px solid var(--bk); font-weight: 700}
.basic_tbl td {padding: 10px; border-bottom: 1px solid var(--bk);}

.basic_info {display: flex; gap: var(--gap-md); margin-top: var(--gap-md); font-size: var(--font18)}
.basic_info dt {width: 290px; flex-shrink: 0; display: flex; flex-direction: column; justify-content:center; background: #F5F5F5; padding: 10px}
.basic_info dt strong, .basic_info dd strong {font-weight: 700;}

/* 아코디언메뉴 */
.accordion_list {border-top: 1px solid var(--bk)}
.accordion_list .list {display: block; }
.accordion_list .con_head {display: block; position: relative; font-size: var(--font25); padding: 20px 50px; font-weight: 700; letter-spacing: -.02em; border-bottom: 1px solid #aaa}
.accordion_list .con_head em {position: absolute; left: 0; font-weight: 700;}
.accordion_list .con_head:after {content: ""; display: block; width: 24px; height: 24px; position: absolute; top:50%; right: 0; transform: translate(0, -50%); background:url('../../img/pages/buying/guide/accordion_arrow_down.svg') no-repeat center center / contain;}
.accordion_list .con_inner {display:none;padding: 20px 50px; font-size: var(--font18); line-height: 2;border-bottom: 1px solid var(--bk)}
.accordion_list .con_head.active:after {transform: translate(0, -50%) rotate(180deg);}

/* 추천옵션 */
.feature_list .con-flex {gap:20px}
.feature_list .feature-bx {width: calc(100% / 3); background: #fff; border: 1px solid #C5C4C2}
.feature_list .feature-bx .con-img  {width: 100%; aspect-ratio: 418 / 255;}
.feature_list .feature-bx .con-txt {padding: 20px; height: 200px; font-size: var(--font16); line-height: 1.5}
.feature_list .feature-bx .con-txt h4 {font-weight: bold; margin-bottom: 5px}
.feature-bx1 .con-img{background:url('../../img/pages/buying/guide/option_01.jpg') no-repeat center center / cover;}
.feature-bx2 .con-img{background:url('../../img/pages/buying/guide/option_02.jpg') no-repeat center center / cover;}
.feature-bx3 .con-img{background:url('../../img/pages/buying/guide/option_03.jpg') no-repeat center center / cover;}

/* 테이블 */
.bk_tbl {width: 100%; text-align: left; font-size: var(--font18)}
.bk_tbl th {background: var(--bk); color: #fff;}
.bk_tbl td {border-bottom: 1px solid #C1C1C1}
.bk_tbl th, .bk_tbl td {padding: 10px 20px}
.bk_tbl tr.sub td {background: #D9D9D9; font-weight: 700}
.bk_tbl .name {padding: 0 40px;}
.bk_tbl td.name {font-weight: 700}
.mb_md {margin-bottom: var(--gap-md)}

.bk_tbl.option th, .bk_tbl.option td {width: calc(100% / 6);}

.bk_tbl.pkg td {padding: 20px 20px}
.bk_tbl.pkg th.option, 
.bk_tbl.pkg td.option {width: 20%;}
.bk_tbl.pkg th.price, 
.bk_tbl.pkg td.price {width: 20%;}
.bk_tbl.pkg th.w, 
.bk_tbl.pkg td.w {width: calc(80% / 3);}

.cars-buying-guide-com .sec06 .con-flex.pic {gap: 20px}
.cars-buying-guide-com .sec06 .con-txt {margin-top: 20px}
.cars-buying-guide-com .sec11 .btn_wrap {text-align: center}
.cars-buying-guide-com .sec11 .btn_wrap .btn {border-color: var(--bk); border-radius: 0; height: 30px; font-size: var(--font14)}

.basic-table-com{width:100%;overflow-x:auto;}

/* ✅ 모바일 드롭다운 */
.page-tab .page-tab-dropdown { display: none; position: relative; }
.page-tab .tab-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0px;
  background: #fff;
  gap:10px;
  font-weight: 800;
  cursor: pointer;
}
.page-tab .tab-btn .arrow { transform: rotate(180deg); line-height:1;}
.page-tab .tab-btn.active .arrow { transform: rotate(0deg); }

.page-tab .tab-menu {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #fff;
  
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  overflow: hidden;
  z-index: 10;
  width:calc(100vw - 42px)
}
.page-tab .tab-btn .current{font-size:var(--font16);font-weight:700;}
.page-tab .tab-menu.open { display: block; }

.page-tab .tab-menu li a {
  display: block;
  padding: 10px 12px;
  color: #333;
  font-weight: 600;
  text-decoration: none;
}

.page-tab .tab-menu li.active a{background:var(--bk);color:#fff;}


/*이미지+텍스트*/
.img-with-txt-section.type1 .img-with-txt-wrap{display:flex;flex-wrap: wrap;gap:20px;}
.img-with-txt-section.type1 .col4 .img-with-txt-item{width:calc((100% - 60px) / 4);}
.img-with-txt-section.type1 .col3 .img-with-txt-item{width:calc((100% - 40px) / 3);}
.img-with-txt-section.type1 .col2 .img-with-txt-item{width:calc((100% - 20px) / 2);}
.img-with-txt-section.type1 .col6 .img-with-txt-item{width:calc((100% - 100px) / 6);}


.img-with-txt-section.type1 .img-with-txt-item .img-group{display:flex;flex-wrap: wrap;gap:10px;}
.img-with-txt-section.type1 .img-with-txt-item .img-group img{width:100%;}
.img-with-txt-section.type1 .img-with-txt-item .caption{margin-top:20px;font-size:var(--font18);font-weight:400;line-height:1.8;text-align: center;}
.img-with-txt-section.type2 .img-with-txt-item{width:100%;}
.img-with-txt-section.type2 .img-with-txt-item .img-group{display:flex;flex-wrap: wrap;gap:20px;}
.img-with-txt-section.type2 .col2 .img-with-txt-item img{width:calc((100% - 20px) / 2);}
.img-with-txt-section.type2 .img-with-txt-item .caption{margin-top:20px;font-size:var(--font16);font-weight:500;line-height:1.8;text-align: center;}
/* .img-with-txt-section.lamp .caption{display:none;} */
.img-with-txt-section.roofFilW .caption{margin-top:20px !important;}

/*썬팅 농도 테이블*/
.tint-table-com{margin-top:40px;}
.tint-table-com table{width:100%;font-size:var(--font16);}
.tint-table-com table td,
.tint-table-com table th{padding:10px;font-size:var(--font18);border-bottom:1px solid #c1c1c1;text-align: left; text-transform: uppercase}
.tint-table-com table .model-name,
.tint-table-com table th:first-child{padding-left:30px;}
.tint-table-com tr:first-child th{background:var(--bk);color:#fff;font-weight:500;}
.tint-table-com tr:last-child th{background:#d9d9d9;font-weight:500;}
.tint-table-com tr  .model-name{font-weight:700;width:200px;}


/*일반테이블*/
.basic-table-com table{width:100%;}
.basic-tbl td,
.basic-tbl th{padding:10px 20px;font-size:var(--font18);border-bottom:1px solid #c1c1c1;text-align: left;}
.basic-tbl.bg td{padding:15px 20px;}
.basic-tbl.sm td{padding:10px 20px;}
.basic-tbl th{background:var(--bk);color:#fff;font-weight:500;}
.basic-tbl th:first-child,
.basic-tbl td:first-child{padding-left:30px;}
.alignC .basic-tbl td,
.alignC .basic-tbl th{text-align: center;}

.sub-com-con .btn_wrap{display:flex;align-items: center;justify-content: center;}
.basic-tbl.gry th{background:#d9d9d9;color:var(--bk);}
.basic-tbl.alignR td,
.basic-tbl.alignR th{text-align: right;color:var(--bk)}
.basic-tbl.alignR th:first-child,
.basic-tbl.alignR td:first-child{text-align: left;}
.basic-tbl.alignR th{border-top:1px solid #c1c1c1;}

.basic-tbl small{font-size:12px;}

/*th 수직 테이블*/
.vertical-tbl-wrap{margin-top:40px;}
.vertical-tbl-wrap table{width:100%;font-size:var(--font16);border-top:1px solid var(--bk);}
.vertical-tbl-wrap table td,
.vertical-tbl-wrap table th{padding:10px;font-size:var(--font18);border-bottom:1px solid var(--bk);text-align: left;}
.vertical-tbl-wrap table th{background:#d9d9d9;font-weight:500;}
.vertical-tbl-wrap table .vt-label{font-weight:700;border-right:1px solid var(--bk);}
.vertical-tbl-wrap table .vt-value{font-weight:500;}

/**/
.sub-conbx:not(:last-child){margin-bottom:var(--gap-lg);}
.sub-conbx .sub-conbx-top{margin-bottom:20px;}
.sub-conbx .sub-conbx-top h5{font-size:var(--font18);text-align: center;}
.sub-conbx .sub-conbx-top h5 strong{font-weight:700;}

.colorSm .color-com{width:80%;margin:0 auto;}

#buying-guide-con .sub-com-con:has(.txt-sm) .detail_title{margin-bottom:5px;}
#buying-guide-con .detail_title .tit-sm{font-size:var(--font16);font-weight:400;}
#buying-guide-con .txt-sm{margin-bottom:20px;text-align: center;font-size:var(--font18)}
.car-package-com-info .sub-con-tit{text-align: left;}
#package-guide-con .sub-con-tit h4 span{font-weight:700;font-size:var(--font30);}
#package-guide-con .sub-con-tit p{margin-top:10px;font-size:var(--font20);font-weight:500;line-height:1.75;}
#package-guide-con .sub-con-tit p span{font-size:var(--font16);font-weight:400;}

/**/
/* #chigh.buying-guide3 .detail-lst-wrap .lst-img{aspect-ratio: 1297/404;} */
/* #chigh.buying-guide3 .detail-lst-wrap .lst-txt{text-align: center;} */
#package-guide-con .img-with-txt-section.type1 .img-with-txt-item .caption{margin-top:10px;font-size:var(--font16);}
#package-guide-con .conbx{width:100%;padding:30px 60px;background:var(--bg-light);line-height:2.2;font-weight:400;}
#package-guide-con .conbx p,
#package-guide-con .conbx span{font-weight:400;}
#package-guide-con .con-c p{font-weight:400;}
#package-com-notice .con-c{margin:30px 0 40px;}
#package-com-notice .con-c img{display:block;margin:20px auto 0}
#package-guide-con .lst-bx li{gap:5px;align-items: baseline;}
#vhigh #buying-guide-con td:has(.tbl-sum){position:relative;border-top:1px solid var(--bk);border-bottom:1px solid var(--bk);}
#vhigh #buying-guide-con td:has(.tbl-sum)::after{content:'';display:block;width:100%;height:1px;background:var(--bk);position:absolute;top:-1px;left:0;}
#vhigh #buying-guide-con .tbl-sum {font-weight: 500;}
#vhigh #buying-guide-con .con-r strong{font-weight: 700;font-size:var(--font25);}
#vhigh #buying-guide-con:has(.tbl-sum) th{border-top:1px solid var(--bk);border-bottom:1px solid var(--bk);}


/*패키지 가이드*/
.option-top-wrap{margin-bottom:var(--gap-lg);}
.option-top-wrap .sub-con-tit{text-align: center;}
#package-intro .sub-con-tit p strong{display:block;margin-bottom:20px;}
.option-top-wrap .opt-main-img{width:100%;aspect-ratio: 1300/573;}
.package-option-com .opt-detail-txt{margin-bottom:20px;}
.package-option-com .opt-detail-txt h4{font-size:var(--font32);font-weight:700;line-height:1.4;}
.package-option-com .opt-detail-txt p{font-size:var(--font20);font-weight:400;line-height:1.8;}
.package-option-com .opt-item-img{width:100%;aspect-ratio: 1300/610;}
.package-option-com .opt-detail-item:not(:last-child){margin-bottom:var(--gap-lg);}
#package-summary .summary-bx{padding:50px 0;border:1px solid #aaa;}
#package-summary .summary-bx ul{width:100%;align-items: stretch;}
#package-summary .summary-bx li{padding:0 20px;}
#package-summary .summary-bx li:not(:last-child){border-right:1px solid #aaa;}
#package-summary .col6 ul,
#package-summary .col7 ul{flex-wrap: wrap;gap:30px 0px;}
#package-summary .col7 .summary-bx li:nth-child(1),
#package-summary .col7 .summary-bx li:nth-child(2),
#package-summary .col7 .summary-bx li:nth-child(3),
#package-summary .col7 .summary-bx li:nth-child(4){width:calc(100% / 4);}
#package-summary .col7 .summary-bx li:nth-child(5),
#package-summary .col7 .summary-bx li:nth-child(6),
#package-summary .col7 .summary-bx li:nth-child(7){width:calc(100% / 3);}
#package-summary .col6 .summary-bx li{width:calc(100% / 3);}
#package-summary .col5 .summary-bx li{width:calc(100% / 5);}
#package-summary .col4 .summary-bx li{width:calc(100% / 4);}
#package-summary .col3 .summary-bx li{width:calc(100% / 3);}
#package-summary .col2 .summary-bx li{width:calc(100% / 2);}
#package-summary .col1 .summary-bx li{width:100%;}
#package-summary .col6 .summary-bx li:not(:nth-child(1), :nth-child(2), :nth-child(4), :nth-child(5)){border-right:none;}
#package-summary .col7 .summary-bx li:not(:nth-child(1), :nth-child(2), :nth-child(3), :nth-child(5), :nth-child(6)){border-right:none;}
#package-summary .summary-bx h5{margin-bottom:10px;font-size:var(--font18);font-weight:700;line-height:1.7;}
#package-summary .summary-bx h5 span{display:block;font-weight:700;}
#package-summary .summary-bx p{font-size:var(--font14);font-weight:400;line-height:1.6;}
.sub-com .car-package-com-info .sub-con-tit h4{line-height:1.3;}
#package-reason .sub-con-top{align-items: stretch;}
#package-reason .sub-con-top>div,
#package-reason .sub-con-top img{width:50%;}
#package-reason .conbx{padding-top:100px;padding-bottom:100px;}
#package-reason .sub-con-tit strong{display:block;}
#package-reason .sub-con-top>div{padding-top:30px;}
#package-reason .compare-wrap{gap:25px;align-items: stretch;}
#package-reason .compare-bx{border-radius: 5px;}
#package-reason .compare-bx li,
#package-reason .compare-bx h5{padding:12px 20px;}
#package-reason .compare-bx li span{display:block;}
#package-reason .compare-bx h5{font-size:var(--font20);font-weight:700;}
#package-reason .compare-bx li{font-size:var(--font20);font-weight:400;line-height:1.4;}
#package-reason .compare-bx li span{font-size:var(--font14);font-weight:400;}
#package-reason .compare-bx1{background:#000830;color:#fff;}
#package-reason .compare-bx2{background:#d9d9d9;color:#565656}
#package-reason .compare-bx1 li:not(:last-child),
#package-reason .compare-bx1 h5{border-bottom:1px solid #212f74}
#package-reason .compare-bx2 li:not(:last-child),
#package-reason .compare-bx2 h5{border-bottom:1px solid #aaa}
.package-option-com strong.price{font-size:var(--font20);font-weight:700;}
.package-option-com span{font-size:var(--font16);}

#package-summary .summary-price-wrap strong{display:block;margin-bottom:30px;font-size:var(--font32);font-weight:700;}
#package-summary .summary-price-wrap p{font-size:var(--font20);font-weight:400;line-height:1.4;}

/*루프 가이드*/
#roof-guide-intro{background:url(../../img/pages/cars/guide/chigh/roofGuide/intro_bg.jpg) no-repeat center center / cover;}
#roof-guide-intro .sub-con-tit p{font-weight:600;}
#roof-guide-intro .sub-con-top>p{line-height:1.8;font-size:var(--font20);}
#roof-guide-intro .con-img{width:100%;margin:50px 0;aspect-ratio: 1300/610;background:url(../../img/pages/cars/guide/chigh/roofGuide/intro_img.jpg) no-repeat center center / cover;}
#roof-guide-intro .roof-intro-lst li{position:relative;width:calc(100% / 6);font-weight:400;}
#roof-guide-intro .roof-intro-lst li:not(:last-child)::after{content:'';display:block;width:1px;height:50px;background:#aaa;position:absolute;top:50%;transform:translateY(-50%);right:0px;}
/* #roof-guide-intro .roof-intro-lst li:first-child{display:flex;justify-content: flex-start;}
#roof-guide-intro .roof-intro-lst li:last-child{display:flex;justify-content: flex-end;} */
#roof-guide-intro .roof-intro-price{position:relative;width:fit-content;margin:50px auto;}
#roof-guide-intro .roof-intro-price::before{content:'';display:block;width:10px;height:110%;background:url(../../img/pages/cars/guide/chigh/roofGuide/intro_txt_deco.svg) no-repeat center center / contain;position:absolute;top:-10%;left:-30px;}
#roof-guide-intro .roof-intro-price::after{content:'';display:block;width:10px;height:110%;background:url(../../img/pages/cars/guide/chigh/roofGuide/intro_txt_deco.svg) no-repeat center center / contain;position:absolute;top:-10px;right:-30px;transform:rotate(180deg);}
#roof-guide-intro .roof-intro-price .price{display:block;margin-bottom:5px;font-size:40px;font-weight:700;}
#roof-guide-intro .roof-intro-price p{font-size:var(--font16);font-weight:400;}
#roof-guide-con .sub-con-tit h4{text-transform: none;font-weight:700;}
#roof-guide-con .sub-con-tit h4 span{font-weight:inherit;color:inherit;}
#roof-guide-con .sub-con-tit p{font-size:var(--font20);font-weight:500;line-height:1.75;}
#roof-guide-con .wh-area .sub-con-tit h4{color:#fff;}

#roof-guide-option .lst-bx{border:none;}
#roof-guide-option .lst-bx .lst-txt{padding-left:0;padding-right:0;}

#roof-guide-benefit{aspect-ratio: 1920/828;background:url(../../img/pages/cars/guide/chigh/roofGuide/benefit_bg.jpg) no-repeat center center / cover;}
#roof-guide-benefit>.inner{display:flex;flex-direction: column;justify-content: space-between;height:100%;}
#roof-guide-benefit li span{display:block;margin-bottom:10px;font-size:var(--font25);font-weight:700;}
#roof-guide-benefit li p{font-size:var(--font16);font-weight:400;line-height:1.6;}
#roof-guide-benefit .sub-con-tit h4{margin-bottom:10px;}

#roof-guide-workflow .con-l,
#roof-guide-workflow .con-r{width:50%;}
#roof-guide-workflow .con-img{width:100%;aspect-ratio: 691/465;background:url(../../img/pages/cars/guide/chigh/roofGuide/workflow_img.jpg) no-repeat center center / cover;}
#roof-guide-workflow .con-r{padding-left:var(--gap-lg);}
#roof-guide-workflow .workflow-step dl{position:relative;gap:30px;}
#roof-guide-workflow .workflow-step dl:not(:last-child)::before{content:'';display:block;width:1px;height:calc(100% + 25px);background:#000;position:absolute;top:calc(100% + 10px);left:15px;}
#roof-guide-workflow .workflow-step dl:not(:last-child){margin-bottom:calc(var(--gap-md) * 1.8);}
#roof-guide-workflow .workflow-step dl dt{font-size:var(--font20);font-weight:700;}
#roof-guide-workflow .workflow-step dl dd{font-size:var(--font16);line-height:1.6;}


/*페이지네이션 공통*/
#roof-guide-con .cars-pagination-com,
#package-guide-con .big-swip-page,
#info-con .cars-pagination-com{margin-top:30px;text-align: center;}

#roof-guide-con .cars-pagination-com .swiper-pagination-bullet,
#package-guide-con .cars-pagination-com .swiper-pagination-bullet,
#info-con .cars-pagination-com .swiper-pagination-bullet{background:#fff;width:10px;height:10px;border:1px solid #000;opacity: 1;}
#roof-guide-con .cars-pagination-com .swiper-pagination-bullet-active,
#package-guide-con .cars-pagination-com .swiper-pagination-bullet-active,
#info-con .cars-pagination-com .swiper-pagination-bullet-active{background:#000;border:1px solid #000;opacity: 1;}


/**/
#vclass #buying-guide-con .serien-wrap{width:100%;padding:var(--gap-md);align-items: stretch;line-height:1.5;font-size:var(--font16);gap:var(--gap-md);text-transform: uppercase;}
#vclass #buying-guide-con .sec02 .conbx:not(:last-child){margin-bottom:var(--gap-lg);}
#vclass #buying-guide-con .conbx-item h5{font-weight:700;}
#vclass #buying-guide-con .sec02 .con-l{width:50%;}
#vclass #buying-guide-con .con-r .conbx-item:not(:last-child){margin-bottom:20px;}
#sorento #buying-guide-con .sec02 dt>br,
#sorento #buying-guide-con .sec03 dt>br{display:none}

/**/
.top-full-img-area{width:100%;aspect-ratio: 1920/1114;}
.sl-com-wrap .sl-txt{margin-top:15px;text-align: center;font-size:var(--font25);font-weight:600;}
.sl-item{width:100%;aspect-ratio: 635/625;}
.with-sm-tit .bt-sm-txt{display:block;margin-bottom:40px;font-size:var(--font14);font-weight:400;text-align: center;}
.detail-conbx:has(.with-sm-tit) .sub-con-tit{margin-bottom:15px;}

.price-info-com .bt-txt{text-align: right;}
.with-sm-tit .sm-tit{font-size:var(--font20);margin:20px 0 10px;}

#carsList .vid-pop{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.85);z-index:9999;}
#carsList .vid-pop .vid-in{aspect-ratio: 16/9;}
#carsList .vid-pop .vid-in .videoWrapper{width:100%;height:100%;}
#carsList .vid-pop .vid-in .videoWrapper iframe{width:100%;height:100%;}
#carsList .vid-pop .vid-close{position:absolute;top:20px;right:20px;width:50px;height:50px;background:url(../../img/common/ico_close_wh.svg) no-repeat center center / contain;cursor:pointer;}


.package-option-com .opt-detail-txt h4 span{font-size:calc(var(--font20) + 2px);font-weight:700;}

@media screen and (max-width:1400px){
  .basic-tbl th:first-child, 
  .basic-tbl td:first-child{padding-left:20px;}
  
  .sub-visual.style-detail .detail-tit {left: 50px}
  .sub-visual.style-detail .summary-txt {left: 50px}

  #amgLineSec .sub-con-tit{padding-left:50px;padding-right:50px;}
  
  .size-wrap strong {font-size: 9vw}
}

@media (min-width:1025px) {
  .page-tab .page-tab-dropdown { display: none !important; }
  .accordion_list .con_inner{min-height:150px;}
}

@media screen and (max-width:1024px){

  #carsList .cars-list-item {width: calc((100% - 20px) / 2);}
  .page-tab .page-tab-lst { display: none; }
  .page-tab .page-tab-dropdown { display: block; }
  .page-tab{height:54px;}
  .page-tab .inner{display:flex;align-items: center;}

  .img-with-txt-section.type1 .img-with-txt-wrap{gap:15px;}
  .img-with-txt-section.type1 .col4 .img-with-txt-item,
  .img-with-txt-section.type1 .col3 .img-with-txt-item,
  .img-with-txt-section.type1 .col2 .img-with-txt-item{width:calc((100% - 15px) / 2);}
  #package-guide-con .conbx{padding:30px;}
  #package-summary .col5 .summary-bx ul{flex-wrap: wrap;gap:50px 0;}
  #package-summary .col5 .summary-bx li,
  #package-summary .col6 .summary-bx li{width:calc(100% / 2);}
  
  #package-summary .summary-bx li:nth-child(2n){border-right:none;}
  #package-summary .col5 .summary-bx li:last-child{border-right:none;width:100%;}
  #package-summary .col4 .summary-bx li{width:calc(100% / 2);}
  #package-summary .col6 .summary-bx li:nth-child(3){border-right:1px solid #aaa;}

  .whycn-wrap {gap:16px}
  .whycn-wrap .whycn-bx {width: calc((100% - 32px) / 3); padding: 30px;}

  .versus-wrap .versus-item{width: calc((100% - 50px) / 2);}
  .detail-cate{display:none !important;}
  
  .liketab-swip-page{gap:20px 30px;}

  #amgLineSec .sub-con-tit{padding-left:30px;padding-right:30px;}

  #roof-guide-intro .roof-intro-lst li{width:calc(100%/ 3);}
  #roof-guide-intro .roof-intro-lst>ul{flex-wrap: wrap;gap:20px 0;}
  #roof-guide-intro .roof-intro-lst li:nth-child(3n)::after{display:none;}
  #roof-guide-intro .roof-intro-price .price{font-size:var(--font45)}
  #roof-guide-benefit{aspect-ratio: auto;}

  #cl9 .color-com img,
  #sorento .color-com img {width: 100%; height: auto}
  .car_thumb {margin: 0 20px}

  .package-option-com .opt-detail-txt h4 span{display:block;}
}

@media screen and (max-width:768px){
  .sm .color-com img.pc-only {display: none}
  .ex_list .list {aspect-ratio: 16 / 7;}
  .ex_list .list .txt {margin-left: 40px}

  #carsList .cars-list-item {width: 100%; padding: 28px}

  .img-with-txt-section.type1 .img-with-txt-wrap{gap:10px;}
  .img-with-txt-section.type1 .col4 .img-with-txt-item{width:calc((100% - 10px) / 2);}
  .img-with-txt-section.type1 .col3 .img-with-txt-item,
  .img-with-txt-section.type1 .col2 .img-with-txt-item{width:100%;}
  #package-guide-con .conbx{padding:30px 20px;}

  .bk_tbl_wrap.scr .basic-table-com{width:100%;}
  .sub-com-con:has(.bk_tbl_wrap.scr) .inner{padding-right:0;}
  .bk_tbl_wrap.scr .basic-table-com table{width:max-content;margin-right:20px;}
  .basic-tbl.bg td{padding:10px 15px;}
  .basic-tbl.sm td{padding:8px 15px;}
  .basic-tbl td, .basic-tbl th{font-size:14px;}
  .basic-tbl th:first-child, 
  .basic-tbl td:first-child{padding-left:15px;}

  #package-summary .summary-bx ul{flex-wrap: wrap;gap:30px 0;}
  
  #package-summary .col5 .summary-bx li,
  #package-summary .col4 .summary-bx li,
  #package-summary .col3 .summary-bx li,
  #package-summary .col2 .summary-bx li{width:100% !important;border-right:none !important;}
  #package-summary .col5 .summary-bx li:not(:nth-child(1)),
  #package-summary .col4 .summary-bx li:not(:nth-child(1)),
  #package-summary .col3 .summary-bx li:not(:nth-child(1)),
  #package-summary .col2 .summary-bx li:not(:nth-child(1)){margin-top:20px !important;}

  #package-reason .compare-wrap{flex-wrap: wrap;}
  #package-reason .compare-bx{width:100%;}
  #package-reason .sub-con-top{flex-wrap: wrap;gap:40px;}
  #package-reason .sub-con-top>div,
  #package-reason .sub-con-top img{width:100%;}
  
  .sub-visual.style-detail .detail-tit {left: 16px}
  .sub-visual.style-detail .summary-txt {top:130px;left: 16px}
  
  .whycn-wrap .whycn-bx {width: calc((100% - 16px) / 2);}
  .whycn-wrap .whycn-bx .whycn-num {font-size: 35px; margin-bottom: 16px}
  .group-item-wrap {gap:50px 16px;}
  .sub-visual.style-detail .detail-tit .con-flex {gap:16px}
  
  .terior .swiper-slide{width: 65vw}

  .versus-wrap .versus-item{width:100%;padding:30px 20px;}
  .versus-wrap>.inner{flex-wrap: wrap;gap:30px;}
  .versus-wrap .versus-item .con-bt{padding-top:20px;}
  
  .faq-wrap .faq-question .con-flex h4,
  .faq-wrap .faq-question .faq-num{font-size:16px;}

  .cars-info-com .detail-conbx{padding:40px 0;}
  .detail-lst-com .lst-bx{width:100% !important;}

  .detail-lst-wrap .lst-txt{padding:20px;}
  .with-txtbx .inner{top:-0px;padding-top:30px;}

  #amgLineSec .sub-con-tit{padding-left:16px;padding-right:16px;}

  dl.basic_info{flex-wrap: wrap;}
  dl.basic_info dt{width:100%;padding:20px 16px;}
  dl.basic_info dd{width:100%;}

  #vclass #buying-guide-con .sec02 .scr{padding-right:16px;}
  #vclass #buying-guide-con .sec02 .basic-table-com{overflow-x:hidden;}
  #vclass #buying-guide-con .sec02 .bk_tbl_wrap.scr .basic-table-com table{width:100% !important;}
  #vclass #buying-guide-con .con-r strong{font-size:18px;}

  .accordion_list .con_inner{padding:20px 0;}

  .img-with-txt-section.type1 .col4 .img-with-txt-item,
  .img-with-txt-section.type1 .col3 .img-with-txt-item,
  .img-with-txt-section.type1 .col2 .img-with-txt-item,
  .img-with-txt-section.type1 .col6 .img-with-txt-item{width:100%;}
  .img-with-txt-section.type1.roofFilW .col6 .img-with-txt-item{width:calc((100% - 10px)/ 2);}

  #vclass #buying-guide-con .sec02 .con-l,
  #vclass #buying-guide-con .sec02 .con-r{width:100%;}
  #vclass #buying-guide-con .serien-wrap{flex-wrap: wrap;}
  #vclass #buying-guide-con .con-r .conbx-item:not(.con-r .conbx-item:last-child){margin-bottom:var(--gap-lg);}

  .detail-lst-com.price.sm-lst.sm-bx{width:100%;}

  #chigh .benefit-lst>ul{flex-wrap: wrap;gap:30px 0;}
  #chigh .benefit-lst>ul li{width:100%;}
  #roof-guide-workflow>.inner{flex-wrap: wrap;}
  #roof-guide-workflow .con-l,
  #roof-guide-workflow .con-r{width:100%;}

  #roof-guide-workflow .sub-con-wrap{flex-wrap: wrap;gap:30px 0;}
  #roof-guide-workflow .con-r{padding-left:0;}
  #roof-guide-workflow .workflow-step dl:not(:last-child)::before{height:30px;top:150%;}
  

  .cars-info-com .detail-conbx.pb_long {padding-bottom:80px}
  
}

@media screen and (max-width:500px){
  .detail_title {font-size: 22px}
  .detail-cate {left: 16px; top:80px; display: none !important}
  .detail-cate li {font-size: 12px}
  
  .ex_list .list { aspect-ratio: 16 / 9;}
  .ex_list .list .txt {margin-left: 20px}
  .ex_list .list .txt dd {font-size: 12px}
  .ex_list {gap:16px}
  
  .btn-com {height: 44px}
  #carsList .cars-list-item h5 {font-size: 26px}
  #carsList .cars-lst-item-wrap {gap:16px}
  #carsList .cars-list-item .con-txt {margin-bottom: 20px}
  #carsList .btn-wrap {margin-top: 20px}
  
  .group-item-wrap .group-list-item {width: 100%}
  .group-item-wrap .group-txt {padding: 16px 0 0}
  .group-item-wrap {gap: 30px 16px;}
  
  .whycn-wrap .whycn-bx {width: calc(100%); aspect-ratio: auto; padding: 20px}
  .sub-com .sub-con-tit h3 {font-size: 28px}

  #package-summary .summary-bx li{width:100% !important;border-right:none !important;margin-top:0px !important;}
  #package-summary .summary-bx{padding:30px 0;}
  .package-option-com .opt-detail-txt h4{margin-bottom:10px;}
  /* .package-option-com .opt-detail-txt h4{font-size:21px;}
  .package-option-com .opt-detail-txt p{font-size:14px;} */
  #package-summary .col5 .summary-bx li:not(:nth-child(1)), #package-summary .col4 .summary-bx li:not(:nth-child(1)), #package-summary .col3 .summary-bx li:not(:nth-child(1)), #package-summary .col2 .summary-bx li:not(:nth-child(1)){margin-top:0 !important;}

  .sub-com.cars-detail-com .sub-con-tit h3{font-weight:600;}

  #roof-guide-intro .roof-intro-lst li{width:calc(100% / 2);}
  #roof-guide-intro .roof-intro-lst li:nth-child(2n)::after{display:none;}
  #roof-guide-intro .roof-intro-lst li:nth-child(3)::after{content:'';display:block;width:1px;height:50px;background:#aaa;position:absolute;top:50%;transform:translateY(-50%);right:0px;}
  
  .accordion_list .con_head {padding: 15px 35px}
  #vclass #buying-guide-con .serien-wrap {padding: 20px}

  .size-txt ul li {font-size: 14px}
  .with-txtbx .sub-con-tit p {font-size: 14px; word-break: break-word;}
  .cars-info-com .sub-con-tit p {word-break: break-word;}
}