@charset "utf-8";
.sub-list {margin-bottom:var(--space-60); text-align:center;}
.sub-list ul {display:inline-flex; overflow:hidden; border-radius:30px; align-items:center; justify-content:center;}
.sub-list ul li a {height:50px; min-width:310px; background-color:#eee; color:#878787; display:flex; align-items:center; justify-content:center; font-weight:700; text-align:center;}
.sub-list ul li.active a {color:#fff; background-color:var(--color-primary);}

.car-brand {margin-bottom:var(--space-60); padding:var(--space-35) var(--space-25); position:relative; border:1px solid #ddd; border-radius:10px; background-color:#f9f9f9; text-align:center;}
.car-brand ul {display:flex; flex-wrap:wrap;}
.car-brand ul li {padding: 0 30px; margin-bottom: 15px; text-align: center; z-index:1;}
.car-brand ul li a {flex-direction:column; align-items:center; justify-content:center; border-radius:100%; display:flex;}
.car-brand ul li a .logo {width:103px; height:103px; border-radius:100%; position:relative; border:1px solid #ddd; background-color:#fff; display:flex; align-items:center; justify-content:center;}
.car-brand ul li a p {margin-top:10px; color:#121212; font-weight:600; letter-spacing:-.03em;}

.carbrand-ctr a {z-index:100; width:var(--slide-arrow); height:var(--slide-arrow); top:50%; transform:translateY(-50%); position:absolute; border-radius:100%; box-shadow:1px 3px 10px rgba(0,0,0,.1); border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.carbrand-ctr a.prev {left:-25px; background-image:url("../images/main/mv-prev.png"); z-index:90;}
.carbrand-ctr a.next {right:-25px; background-image:url("../images/main/mv-next.png");}
.carbrand-ctr a.prev:hover {background-image:url("../images/main/mv-prev-on.png");}
.carbrand-ctr a.next:hover {background-image:url("../images/main/mv-next-on.png");}

.classified {display:flex; margin:0 -20px -60px; flex-wrap:wrap;}
.classified li {padding:0 20px; margin-bottom:60px; width:25%;}
.classified li .box {border:1px solid #ddd; border-radius:10px; overflow:hidden; position:relative;}
.classified li .box .thumb {background:#f9f9f9; position:relative; padding-bottom:100%; overflow:hidden;}
.classified li .box .thumb img {transform:scale(1.0); transition:transform .3s; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.classified li:hover .thumb img {transform:translate(-50%,-50%) scale(1.07); -ms-transform:translate(-50%,-50%) scale(1.07);}
.classified li .box .cnt {padding:var(--space-25);}
.classified li .names .col-l {margin-bottom:12px; font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; color:#121212; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.classified li .names .col-l img {margin:-4px 6px 0 0; vertical-align:middle; height:auto; max-height:20px;}
.classified li .names .col-r {color:#878787; letter-spacing:-.03em; font-size:var(--font-size-14); line-height:1.3em;}
.classified li .won {margin:15px 0; font-size:var(--font-size-20); color:#121212; font-weight:700;}
.classified li .btns {display:flex;}
.classified li .btns a {height:40px; margin-right:5px; font-size:var(--font-size-15); width:50%; border-radius:5px; text-align:center; display:flex; align-items:center; justify-content:center;}
.classified li .btns a:last-child {margin-right:0;}
.classified li .btns .detail {border:1px solid var(--color-second); color:var(--color-second);}
.classified li .btns .counsel {background-color:#505050; color:#fff;}
.classified li .btns .detail:hover {color:#fff; background-color:var(--color-second);}
.classified li .btns .counsel:hover {background-color:var(--color-primary);}
.classified li .ab-txt {display:flex; position:absolute; top:20px; left:20px;}
.classified li .ab-txt p {min-width:63px; padding:0 8px; font-size:12px; margin-right:5px; color:#fff; border-radius:5px; text-align:center; font-weight:600;}
.classified li .ab-txt p:last-child {margin-right:0;}
.classified li .ab-txt .txt1 {background-color:#e00b1f;}
.classified li .ab-txt .txt1 img {vertical-align:middle; margin:-2px 5px 0 0;}
.classified li .ab-txt .txt2 {background-color:var(--color-second);}

.estimate-preview {margin:0 -20px; display:flex; flex-wrap:wrap;}
.estimate-preview li {margin-bottom:60px; padding:0 20px; width:25%;}
.estimate-preview li a {border:1px solid #ddd; border-radius:15px; overflow:hidden; display:block;}
.estimate-preview li a .img-box {overflow:hidden;}
.estimate-preview li a .thumb {position:relative; padding-bottom:75%; overflow:hidden; transition:.3s ease-in-out;}
.estimate-preview li a .thumb img {position:absolute; top:50%; left:0; transition:.3s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.estimate-preview li a .cnt {padding:var(--space-20) var(--space-25);}
.estimate-preview li a .cnt .tit {font-size:var(--font-size-18); margin-bottom:var(--space-15); font-weight:600; color:#121212; letter-spacing:-.03em; line-height:1.5em; height:3em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.estimate-preview li a .cnt p {font-size:var(--font-size-14); line-height:1.55em; height:3.1em; color:#878787; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.estimate-preview li a .detail {padding:11px 0; font-size:var(--font-size-15); text-align:center; background-color:#505050; color:#fff; font-weight:700;}
.estimate-preview li:hover .thumb {transform:scale(1.05); transition:.3s ease-in-out;}
.estimate-preview li:hover a .detail {background-color:var(--color-primary);}

#sub .review-slider ul {margin:0 -20px -60px; display:flex; flex-wrap:wrap;}
#sub .review-slider ul li {padding:0 20px; margin-bottom:60px; width:33.3333%;}
#sub .review-slider .cnt {background-color:#fafafa;}

.greeting {overflow:hidden; padding:var(--space-120) 0; background:url('../images/sub/greetingbg.jpg') no-repeat fixed 50% 50% / cover; color:#fff; text-align:center;}
.greeting .top {margin-bottom:var(--space-60); font-size:var(--font-size-32); letter-spacing:-.03em; line-height:1.5em;}
.greeting .top p {margin-bottom:var(--space-20);}
.greeting ol {margin:0 -35px; display:flex; flex-wrap:wrap;}
.greeting ol li {padding:0 35px; width:33.3333%; position:relative;}
.greeting ol li:before {left:-35px; width:70px;}
.greeting ol li:first-child:before {left:-91%;}
.greeting ol li:last-child:after {right:-91%;}
.greeting ol li:first-child:before, .greeting ol li:last-child:after {width:100%;}
.greeting ol li:before, .greeting ol li:last-child:after {position:absolute; content:''; top:50%; height:1px; background-color:rgba(255,255,255,.3);}

.greeting .round {padding-top:var(--space-110); margin:auto; flex-direction:column; align-items:center; display:flex; width:var(--greeting-round); height:var(--greeting-round); border-radius:100%; border:1px solid rgba(255,255,255,.3);}
.greeting .round .num {font-size:var(--font-size-100); line-height:0; opacity:.1; font-weight:700; letter-spacing:-.03em;}
.greeting .round .en {font-size:var(--font-size-40); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.greeting .round .en, .greeting .round strong {color:var(--color-primary);}
.greeting .round p {margin-top:5px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.56em;}

.s-tit {margin-bottom:var(--space-30); text-align:center;}
.s-tit h2 {font-size:var(--font-size-32); color:#121212; letter-spacing:-.03em; line-height:1.3em;}

.sub-cont {padding:var(--space-120) 0;}
.sub-cont.bgc {background-color:#f9f9f9;}

.procedure {margin:0 -40px -80px; display:flex; flex-wrap:wrap;}
.procedure li {padding:0 40px; margin-bottom:80px; width:25%; position:relative;}
.procedure li:after {left:40px; height:2px; width:100%; position:absolute; content:''; top:50%; margin-top:-1px; z-index:-1; background-color:#ccc;}
.procedure li:nth-child(4):before {bottom:-80px; height:80px; width:2px; margin-left:-1px; position:absolute; content:''; left:50%; background-color:#ccc;}
.procedure li:nth-child(4):after,
.procedure li:nth-child(5):after {display:none;}
.procedure li:nth-child(5) {order:8;}
.procedure li:nth-child(6) {order:7;}
.procedure li:nth-child(7) {order:6;}
.procedure li:nth-child(8) {order:5;}
.procedure .img {width:240px; height:240px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.procedure .img1 {background-image:url('../images/sub/procedure1.png');}
.procedure .img2 {background-image:url('../images/sub/procedure2.png');}
.procedure .img3 {background-image:url('../images/sub/procedure3.png');}
.procedure .img4 {background-image:url('../images/sub/procedure4.png');}
.procedure .img5 {background-image:url('../images/sub/procedure5.png');}
.procedure .img6 {background-image:url('../images/sub/procedure6.png');}
.procedure .img7 {background-image:url('../images/sub/procedure7.png');}
.procedure .img8 {background-image:url('../images/sub/procedure8.png');}
.procedure .on .img1 {background-image:url('../images/sub/procedure1-on.png');}
.procedure .on .img2 {background-image:url('../images/sub/procedure2-on.png');}
.procedure .on .img3 {background-image:url('../images/sub/procedure3-on.png');}
.procedure .on .img4 {background-image:url('../images/sub/procedure4-on.png');}
.procedure .on .img5 {background-image:url('../images/sub/procedure5-on.png');}
.procedure .on .img6 {background-image:url('../images/sub/procedure6-on.png');}
.procedure .on .img7 {background-image:url('../images/sub/procedure7-on.png');}
.procedure .on .img8 {background-image:url('../images/sub/procedure8-on.png');}
.procedure li:nth-child(4) .ico {top:auto; bottom:-55px; transform:rotate(90deg); left:50%; margin-left:-16px;}
.procedure li:nth-child(5) .ico {display:none;}
.procedure .ico {width:32px; height:32px; right:-16px; margin-top:-16px; position:absolute; top:50%; display:inline-block; background-size:contain; background-repeat:no-repeat; background-position:50% 50%; background-image:url('../images/sub/procedure-ico.png');}
.procedure li:nth-child(6) .ico,
.procedure li:nth-child(7) .ico,
.procedure li:nth-child(8) .ico {transform:rotate(180deg);}

.root_daum_roughmap {width:100% !important;}

.local-wrap {border-radius:30px; overflow:hidden;}

.local-addr {background:url('../images/sub/local-addr-bg.png') no-repeat 100% 100%; padding:var(--space-45) var(--space-60); background-color:#121212; color:#fff;}
.local-addr .tit {margin-bottom:12px; font-size:var(--font-size-32); letter-spacing:-.03em; font-weight:600; line-height:1.3em;}
.local-addr .wrap {display:flex; gap:60px;}
.local-addr .wrap dl {display:flex;}
.local-addr .wrap dt {margin-right:var(--space-20); font-size:var(--font-size-18); font-weight:600;}
.local-addr .wrap dt img {margin:-2px 5px 0 0; vertical-align:middle;}

.btn-custom {text-align:center;}
.btn-custom .btn-pack {max-width:300px; width:100%; margin:auto; border-radius:5px; font-weight:700;}