@charset "utf-8";

#inc03{overflow:hidden;background-color:#000}

/* 리뷰 슬라이드 */
#inc03 .area-review{position:relative;padding-top:210px;padding-bottom:260px}
#inc03 .area-review::before{position:absolute;content:'';inset:0%;width:100%;height:100%;background-image:url(./img/inc03_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:0.15;pointer-events:none}
#inc03 .area-review .inner{position:relative;z-index:1}
#inc03 .area-review .group-tit .main-tit{padding-bottom:65px}
#inc03 .area-review .swiper-navigation{display:flex;gap:20px;padding-bottom:100px}
#inc03 .area-review .swiper-navigation button{background-color:rgba(255,255,255,0.2)}
#inc03 .area-review .group-cont{padding:0 65px}
#inc03 .area-review .group-cont .swiper-slide .link-review{display:flex;flex-direction:column;gap:30px}
#inc03 .area-review .group-cont .swiper-slide .link-review .thumb-box{width:100%;aspect-ratio:470 / 332;border-radius:13px;overflow:hidden}
#inc03 .area-review .group-cont .swiper-slide .link-review .thumb-box img{width:100%;height:100%;object-fit:cover}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box{padding:0 25px}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box h4{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-bottom:13px;font-size:20px;font-weight:700;line-height:1.25;color:#fff}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box .content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:33px;font-size:16px;font-weight:500;line-height:1.5;color:rgba(255,255,255,0.5);word-break:keep-all}

/* 카운팅 스크립트 */
#inc03 .area-count{padding-bottom:264px}
#inc03 .achieve-data{display:flex;justify-content:center}
#inc03 .achieve-data li{position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;padding:0 70px}
#inc03 .achieve-data li::after{position:absolute;top:50%;right:0;transform:translateY(-50%);content:'';width:1px;height:100%;background-color:rgba(255,255,255,0.1)}
#inc03 .achieve-data li:last-child::after{display:none}
#inc03 .achieve-data li span.data-number{font-family:var(--e-font);font-size:70px;font-weight:500;line-height:1;color:#fff}
#inc03 .achieve-data li span.data-number b{display:inline-block;font-weight:500;text-align:right}
#inc03 .achieve-data li span.txt{font-size:20px;font-weight:700;color:rgba(255,255,255,0.7)}
#inc03 .achieve-data li.total-rent span.data-number b{width:135px}
#inc03 .achieve-data li.total-consult span.data-number b{width:140px}
#inc03 .achieve-data li.total-car span.data-number b{width:92px}
#inc03 .achieve-data li.review span.data-number b{width:110px}
#inc03 .achieve-data li.review span.data-number, #inc03 .achieve-data li.review span.txt{color:var(--primary)}

/* 반응형 [s] */
@media (max-width:1600px){
#inc03 .area-review{padding-top:160px;padding-bottom:235px}
#inc03 .area-review .group-tit .main-tit{padding-bottom:40px}
#inc03 .area-review .swiper-navigation{gap:12px;padding-bottom:65px}
#inc03 .area-count{padding-bottom:235px}
}
@media (max-width:1400px){
#inc03 .area-review{padding-top:120px;padding-bottom:210px}
#inc03 .area-review .group-tit .main-tit{padding-bottom:28px}
#inc03 .area-review .swiper-navigation{padding-bottom:40px}
#inc03 .area-review .group-cont{padding:0}
#inc03 .area-review .group-cont .swiper-slide .link-review{gap:22px}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box .content{margin-bottom:25px}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box h4{margin-bottom:10px;font-size:18px}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box .content{font-size:15px}
}
@media (max-width:1200px){
#inc03 .area-review{padding-bottom:180px}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box{padding:0 18px}
#inc03 .achieve-data li{gap:10px;padding:0 50px}
#inc03 .achieve-data li span.data-number{font-size:66px}
#inc03 .achieve-data li.review span.data-number b{width:100px}
#inc03 .achieve-data li.total-car span.data-number b{width:82px}
#inc03 .achieve-data li.total-consult span.data-number b{width:130px}
#inc03 .achieve-data li.total-rent span.data-number b{width:120px}
#inc03 .achieve-data li span.txt{font-size:18px}
#inc03 .area-count{padding-bottom:190px}
}
@media (max-width:1024px){
#inc03 .area-review{padding-bottom:140px}
#inc03 .area-review .group-cont .swiper-slide .link-review{gap:16px}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box h4{font-size:16px}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box .content{margin-bottom:20px;font-size:14px}
#inc03 .area-review .group-tit .main-tit{padding-bottom:20px}
#inc03 .area-review .swiper-navigation{padding-bottom:30px}
#inc03 .area-count{padding-bottom:125px}
#inc03 .achieve-data li{gap:5px;padding:0 clamp(25px,4.1vw,42px)}

#inc03 .achieve-data li span.data-number{font-size:clamp(50px,5.9vw,60px)}
#inc03 .achieve-data li.total-rent span.data-number b{width:clamp(90px,10.94vw,112px)}
#inc03 .achieve-data li.total-consult span.data-number b{width:clamp(98px,11.52vw,118px)}
#inc03 .achieve-data li.total-car span.data-number b{width:clamp(62px,7.42vw,76px)}
#inc03 .achieve-data li.review span.data-number b{width:clamp(75px,8.98vw,92px)}
#inc03 .achieve-data li span.txt{font-size:clamp(16px,1.76vw,18px)}
}
@media(max-width:768px){
#inc03 .area-review{padding-top:80px;padding-bottom:100px}
#inc03 .area-review .group-tit .main-tit{padding-bottom:18px}
#inc03 .area-review .swiper-navigation{padding-bottom:25px}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box{padding:0 12px}
#inc03 .area-review .group-cont .swiper-slide .link-review .text-box h4{margin-bottom:7px;font-size:15px}
#inc03 .area-count{padding-bottom:90px}
#inc03 .achieve-data li{padding:0 25px}
#inc03 .achieve-data li:first-child{padding-left:0}
#inc03 .achieve-data li:last-child{padding-right:0}
#inc03 .achieve-data li span.data-number{font-size:clamp(28px,6.77vw,52px)}
#inc03 .achieve-data li.total-rent span.data-number b{width:clamp(55px,11.72vw,90px)}
#inc03 .achieve-data li.total-consult span.data-number b{width:clamp(58px,12.76vw,98px)}
#inc03 .achieve-data li.total-car span.data-number b{width:clamp(38px,8.07vw,62px)}
#inc03 .achieve-data li.review span.data-number b{width:clamp(45px,9.77vw,75px)}
#inc03 .achieve-data li span.txt{font-size:clamp(14px, 2.08vw, 16px)}   
}
@media (max-width:540px){
#inc03 .area-review{padding-bottom:110px;padding-bottom:95px}
#inc03 .area-review .inner{padding:0 !important}
#inc03 .area-review .group-tit{padding:0 20px}
}
@media (max-width:480px){
#inc03 .area-review{padding-top:60px;padding-bottom:60px}
#inc03 .area-review .group-tit .main-tit{padding-bottom:14px}
#inc03 .area-review .swiper-navigation{padding-bottom:20px}
#inc03 .area-count{display:none}
}
@media (max-width:390px){
#inc03 .achieve-data{display:grid;grid-template-columns:repeat(2,1fr)}
#inc03 .achieve-data li{padding:15px 0 !important}
#inc03 .achieve-data li:last-child{border-bottom:none}
#inc03 .achieve-data li:nth-child(1),#inc03 .achieve-data li:nth-child(2){border-bottom:1px solid rgba(255,255,255,0.1)}
#inc03 .achieve-data li:nth-child(odd){border-right:1px solid rgba(255,255,255,0.1)}
#inc03 .achieve-data li span.data-number{font-size:24px}
#inc03 .achieve-data li.total-rent span.data-number b{width:46px}
#inc03 .achieve-data li.total-consult span.data-number b{width:48px}
#inc03 .achieve-data li.total-car span.data-number b{width:30px}
#inc03 .achieve-data li.review span.data-number b{width:36px}
#inc03 .achieve-data li::after{display:none}
}
/* 반응형 [e] */