@charset "utf-8";
/* <UPLEAT> UI Dev Team */

/* Layout */
#container {padding-bottom:120px;}

/* 상단띠배너 */
.top-banner {width:100%;height:50px;background:linear-gradient(135deg, #E5F3FF 50%, #dcecff 50%);}
.top-banner__inr {position:relative;width:1200px;height:50px;margin:0 auto;background:linear-gradient(135deg, #E5F3FF 700px, #dcecff 500px);}
.top-banner__dl {display:inline-block;margin-top:11px;}
.top-banner__dt {display:inline-block;color:#3767FF;font-size:14px;font-weight:700;line-height:28px;}
.top-banner__dd {display:inline-block;margin-left:32px;color:#222;font-size:14px;line-height:28px;}
.top-banner__download {height:28px;margin-left:12px;padding:0 12px;background:#558FFF;border-radius:40px;color:#fff;font-size:12px;line-height:28px;}
.top-banner__download:before {content:'';display:inline-block;width:16px;height:16px;margin-right:4px;background:url(/pc/img/spr_common2.webp) no-repeat -144px -103px;vertical-align:-3px;}
.top-banner__close {position:absolute;top:16px;right:0;color:#505256;font-size:12px;}
.top-banner__close:after {content:'';display:inline-block;width:16px;height:16px;margin-left:4px;background:url(/pc/img/spr_common2.webp) no-repeat -258px -103px;vertical-align:-3px;}

/* Slick Slider */
.slick-slider {position:relative;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {overflow:hidden;display:block;position:relative;margin:0;padding:0;}
.slick-list:focus {outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{display:block;position:relative;top:0;left:0;padding:20px 0;margin-left:auto;margin-right:auto;}
.slick-track:before,
.slick-track:after {display:table;content:'';}
.slick-track:after {clear:both;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
.slick-slide img {display:block;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-arrow.slick-hidden {display:none;}
.slick-arrow {text-indent:-9999px;}
.slick-dots {position:absolute;bottom:-25px;left:0;width:100%;text-align:center;}
.slick-dots li {display:inline-block;width:8px;height:8px;margin:0 4px;background-color:#E4E7ED;border-radius:10px;transition:all 0.5s;cursor:pointer;text-indent:-9999px;}
.slick-dots .slick-active {width:24px;background-color:#558FFF;}

/* visual */
.visual {overflow:hidden;position:relative;width:100%;height:600px;background:linear-gradient(#F7FAFF 40%, #DFEEFF);}
.visual__li {position:relative;width:100%;height:600px;margin:0 auto;text-align:center;}
.visual__img {position:absolute;top:0;left:50%;width:1920px;height:600px;transform:translateX(-50%);}

/* main rolling */
.main-rolling {overflow:hidden;position:relative;width:100%;height:600px;}
.main-slider {position:relative;height:600px;}
.main-slider .slick-slide {display:block;min-height:auto;height:600px;}
.main-slider .slick-track {height:600px;padding:0;}
.main-slider .image {display:block;position:relative;width:100%;height:600px;}
.main-slider .image img {position:absolute;top:0;left:50%;margin-left:-960px;}
.main-slider .slide__link {display:block;width:100%;height:600px;}
.main-slider .slick-arrow {position:absolute;top:268px;left:50%;z-index:100;width:64px;height:64px;background:url(/pc/img/spr_common2.webp) no-repeat -284px -120px;}
.main-slider .slick-prev {margin-left:-704px;}
.main-slider .slick-next {margin-left:704px;transform:rotate(-180deg);}
.btn-toggle {overflow:hidden;position:absolute;top:97px;left:50%;z-index:100;width:32px;height:32px;margin-left:-565px;text-indent:-9999px;}
.btn-toggle:after {content:'';position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-9px 0 0 -8px;background:url(/pc/img/spr_common2.webp) no-repeat -64px -163px;}
.btn-pause:after {background-position:-64px -163px;}
.btn-play:after {background-position:-80px -163px;}
.slick-counter {position:absolute;top:100px;left:50%;width:68px;height:26px;margin-left:-600px;padding:0 12px 0 16px;background-color:rgba(0,0,0,0.3);border-radius:50px;color:rgba(255,255,255,0.5);font-size:12px;line-height:26px;}
.slick-counter .current {color:rgba(255,255,255,1);}

/* 직접검색 */
/* =1depth */
.direct {position:absolute;top:510px;left:50%;z-index:30;width:1200px;height:100px;margin-left:-600px;}
.direct-tab__list {margin-left:16px;}
.direct-tab__list:after {content:'';display:block;clear:both;}
.direct-tab__item {float:left;}
.direct-tab__item+.direct-tab__item {margin-left:40px;}
.direct-tab__button {color:#81868c;font-size:20px;}
.direct-tab__item.-active .direct-tab__button {position:relative;padding-left:24px;color:#222;font-weight:700;}
.direct-tab__item.-active .direct-tab__button:before {content:'';display:inline-block;position:absolute;top:5px;left:0;width:22px;height:16px;background:url(/pc/img/spr_main.webp) no-repeat -88px -9px;vertical-align:middle;}
.direct-tab__item.-active .direct-tab__button:after {content:'';display:inline-block;position:absolute;bottom:0;left:24px;width:calc(100% - 24px);height:8px;background:#558FFF;opacity:0.6;} 
.direct-tab__panel {display:none;}
.direct-tab__panel.-active {display:block;}
/* =2depth */
.direct-type__wrap {position:absolute;top:47px;left:0;z-index:10;width:1200px;height:102px;background:#fff;border-radius:100px;box-shadow:0px 20px 40px rgba(0, 0, 0, 0.08);}
.direct-type__button {float:left;position:relative;width:250px;height:102px;padding-left:24px;text-align:left;}
.direct-type__button:hover {background-color:#f6f7fb;transition:all 0.3s;}
.direct-type__button:nth-child(1):hover {border-top-left-radius:100px;border-bottom-left-radius:100px;}
.direct-type__button:last-child:hover {border-top-right-radius:100px;border-bottom-right-radius:100px;}
.direct-type__button+.direct-type__button:before {content:'';display:inline-block;position:absolute;top:24px;left:0;width:1px;height:54px;background:#E4E7ED;}
.direct-type__button:first-child {padding-left:40px;}
.direct-type__key {display:block;color:#222;font-size:14px;}
.direct-type__value {display:block;margin-top:8px;color:#A0A4AF;font-size:18px;}
.direct-type__value.-active {color:#3767FF;font-weight:700;}
.direct-type.-active {display:block;}
.direct-type__button.-active .direct-type__value {color:#222;font-weight:700;}
.direct-tab__panel:nth-of-type(2) .direct-type__button {width:333px;}
.direct-type__search {width:900px;padding:22px 40px 21px;}
.direct-type__search .direct-type__label {font-size:14px;}
.direct-type__input {display:block;width:900px;height:27px;margin-top:6px;font-size:18px;font-weight:400;line-height:27px;}
/* =3depth */
.direct-panel {display:none;position:relative;z-index:9;width:1200px;min-height:86px;margin-top:60px;padding:100px 10px 28px;background:#fff;border-radius:0 0 51px 51px;box-shadow:0px 20px 40px rgba(0, 0, 0, 0.1);}
.direct-form__label {color:#222;font-size:16px;font-weight:700;}
.direct-panel.-active {display:block;}
.direct-panel__close {position:absolute;top:90px;right:30px;width:44px;height:44px;} 
.direct-panel__close:after {content:'';display:inline-block;width:16px;height:16px;background:url(/pc/img/spr_common.webp) no-repeat -27px -78px;vertical-align:middle;}
/* =검색버튼 */
.direct__search {position:absolute;top:67px;right:20px;z-index:11;width:160px;height:62px;padding:0 51px 0 32px;background:linear-gradient(278.61deg, #1C69FF 6.71%, #475AFF 38.98%, #5C41FF 83.21%);border-radius:40px;color:#fff;font-size:18px;line-height:62px;}
.direct__search:after {content:'';display:inline-block;position:absolute;right:23px;top:17px;width:28px;height:28px;margin-left:8px;background:url(/pc/img/spr_common2.webp) no-repeat -216px -7px;vertical-align:middle;}
/* =쉽고빠른 검색 */
/* ==Form */
.direct-panel .scroll-wrapper {overflow:hidden;height:auto;padding:0 0 10px 0 !important;}
.direct-panel .scroll-wrapper:after {content:'';position:absolute;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 60%);border-radius:0px 0px 51px 51px;}
.direct-panel .-scroll > .scroll-content.scroll-scrolly_visible {left:0;margin-left:0;}
.direct-panel .scroll-wrapper .direct-panel__close {top:-10px;}
.direct-panel__wrap .direct-form {padding:0 30px;}
.direct-form__selections {margin-top:20px;}
.direct-form__selection [type=radio] {overflow:hidden;position:absolute;width:1px;height:1px;margin:0;padding:0;border:0;clip:rect(1px,1px,1px,1px);white-space:nowrap;}
.direct-form__selection .label {display:inline-block;position:relative;font-size:14px;line-height:24px;text-indent:0;cursor:pointer;}
.direct-form__selection {display:inline-block;position:relative;text-align:center;vertical-align:top;}
.direct-form__selection:first-child {margin-left:0;}
.direct-form__selection .label {display:inline-block;width:108px;height:109px;}
.direct-form__selection [type=radio]:checked+.label>span {color:#3767FF;}
.direct-form__selection [type=radio]:disabled+.label {cursor:default;}
.direct-form__selection [type=radio]:disabled+.label>span {color:#D3D6DE;}
.direct-form__selections.-txt .direct-form__selection {width:24%;padding:8px 0;text-align:left;}
.direct-form__selections.-txt .direct-form__selection [type=radio]+label:before {background:none;}
.direct-form__selections.-txt .direct-data__value {display:inline-block;}
.direct-form__selections.-txt .label {display:inline-block;width:auto;height:auto;}
.direct-form__selections .label:hover,
.direct-form__selections .label:hover .direct-data__value {color:#3767ff;}
.direct-data__key {font-size:16px;}
.direct-data__key>.ico-brand {display:block;margin:4px auto 4px;}
.direct-data__value {display:block;font-size:12px;color:#808388;}
hr.line {width:100%;height:1px;margin:36px 0 0 0;background:#E4E7ED;}
.direct .buttons {width:164px;height:28px;margin:-14px auto 15px;background:#fff;}
.direct .btn-moreview {display:inline-block;width:140px;height:28px;margin:0 12px;background:#fff;border:1px solid #A0A4AF;border-radius:44px;color:#505256;font-size:12px;line-height:28px;}
.direct .moreview {display:none;}
.direct .moreview .h4 {width:100px;height:19px;margin-top:-10px;background:#fff;color:#222;font-size:13px;font-weight:bold;}
.direct .moreview .direct-form__selections {margin-top:20px;}
.direct-panel .-scroll .direct-form {padding-bottom:10px;}
.direct-panel.brand .direct-data__key {font-size:14px;}
.direct-panel.brand .direct-data__value {line-height:16px;}
.direct-panel.brand .moreview .direct-form__selections {margin-top:18px;}
.direct-panel.brand .direct-form__selection {margin-top:2px;}
.direct-panel.brand .direct-form__selection .label {border:2px solid transparent;border-radius:8px;}
.direct-panel.brand .direct-form__selection:hover label:after {content:'';position:absolute;top:-2px;left:-2px;z-index:-1;width:100%;height:100%;border:2px solid #3767FF;border-radius:8px;}
.direct-panel.brand .direct-form__selection [type=radio]:checked+.label {border:2px solid #3767FF;}
.direct-panel.brand .direct-form__selection:hover [type=radio]:checked+.label:after,
.direct-panel.brand .direct-form__selection:hover [type=radio]:disabled+.label:after {display:none;}
/* =예산으로 검색 */
/* ==가격 선택 */
.slider {padding:0 30px;}
.slider__text {color:#3767FF;font-size:18px;font-weight:700;}
.input:read-only {background-color:transparent;}
.ui-slider {position:relative;width:1120px;height:48px;margin:40px 0 14px;background:url(/pc/img/bg_slider.png) no-repeat 0 0;}
.ui-slider-range {position:absolute;width:247px;height:8px;background:#558FFF;border-radius:20px;}
.ui-slider-handle {position:absolute;width:24px;height:24px;margin:-8px 0 0 -10px;background:#FFF;border:1px solid #3767FF;border-radius:50%;}
.ui-draggable, .ui-droppable {background-position:top;}
.ui-widget-header {background:#558FFF;}
[class^=price-range].value {display:none;}
input:-moz-read-only {background-color:transparent;}
input:read-only {background-color:transparent;}
::-webkit-input-placeholder {font-weight:400;color:#A0A4AF;} /* webkit */
:-ms-input-placeholder {font-weight:400;color:#A0A4AF;} /* M$ */
::-moz-placeholder {font-weight:400;color:#A0A4AF;} /* firefox */
::placeholder {font-weight:400;color:#A0A4AF;}
/* =검색어로 검색 */
/* ==최근검색어 */
.nearest {position:relative;max-height:380px;padding:0 30px;}
.nearest__ul {overflow:hidden;width:100%;margin-top:12px;}
.nearest__li {float:left;width:50%;}
.nearest__a {display:inline-block;padding:8px 0;color:#505256;font-size:16px;}
.nearest__a:hover {color:#3767FF;}
.nearest__a>span {display:inline-block;margin-left:12px;color:#808388;font-size:12px;}
.nearest__del {display:inline-block;width:16px;height:16px;margin-left:4px;background:url(/pc/img/spr_common2.webp) no-repeat -128px -79px;text-indent:-9999px;vertical-align:middle;}
.nearest__delete-all {position:absolute;top:0;right:30px;color:#505256;font-size:14px;text-decoration:underline;} 
/* ==연관검색어 */
.relation {max-height:380px;padding:0 30px;}
.relation__ul {overflow:hidden;width:100%;}
.relation__li {float:left;width:50%;}
.relation__a {display:inline-block;padding:8px 0;color:#505256;font-size:16px;} 
.relation__a>span {display:inline-block;margin-left:12px;color:#808388;font-size:12px;}
.relation__a>em {color:#3767FF;}

/* 요즘 핫한 차량 */
.it-car {width:1200px;margin:0 auto;padding-bottom:40px;}
.it-car .hgroup.-titles {padding-top:60px;}
.it-car .itcar-slider {position:relative;margin:-20px -70px;padding:0 35px;}
.it-car .slick-slider .slick-list {padding:0 !important;}
.it-car .slick-slider .slide {position:relative;width:340px;height:382px;margin:24px auto;box-shadow:0px 6px 30px rgba(0, 0, 0, 0.08);transform:scale(1);transition:all 250ms ease;}
.it-car .slick-slide {outline:none;}
.itcar__link {display:block;height:100%;outline:none;}
.itcar__link .figure {overflow:hidden;}
.itcar__link .itcar__photo {transform:scale(1);transition:all 0.3s ease-in-out;}
.itcar__link:hover .figure .itcar__photo {transform:scale(1.1);}
.itcar__photo {width:100%;min-height:256px;}
.itcar__info {position:relative;padding:20px;}
.itcar__name {color:#222;line-height:23px;}
.itcar__price {position:absolute;top:76px;left:20px;color:#3767FF;font-size:20px;font-weight:bold;line-height:29px;}
.itcar__go {position:absolute;top:87px;right:31px;width:23px;height:10px;margin-top:8px;background:url(/pc/img/spr_main.webp) no-repeat -88px -64px;text-indent:-9999px;}
.it-car .slick-slider .slick-center .slide {transform:scale(1.1);}
.it-car .slick-slider .slick-center .itcar__photo {width:100%;width:100%;}
.it-car .slick-prev,
.it-car .slick-next {position:absolute;top:50%;display:block;width:36px;height:36px;margin-top:-18px;background:url(/pc/img/spr_main.webp) no-repeat;text-indent:-9999px;}
.it-car .slick-prev {left:0;background-position:0 -50px;}
.it-car .slick-next {right:0;background-position:-36px -50px;}

/* 브랜드 인증 중고차 */
.brand-certify {width:1200px;margin:70px auto 0;}

/* 추천 기획전 */
.project {position:relative;width:1200px;margin:80px auto 0;}
.project__ul {margin-top:20px;}
.project__li+.project__li {margin-top:2px;}
.project__a {display:block;position:relative;width:480px;height:91px;padding:32px;background:#F6F7FB;color:#505256;font-size:18px;}
.project__info {display:none;}
.project__name {font-size:28px;font-weight:700;}
.project__hashtag {margin-top:20px;font-size:16px;opacity:.6;}
.project__hashtag span+span {padding-left:5px;}
.project__go {display:block;margin-top:29px;font-size:16px;opacity:.6;}
.project__go:after {content:'';display:inline-block;width:20px;height:10px;margin-left:8px;background:url(/pc/img/spr_main.webp) no-repeat -129px -64px;vertical-align:2px;}
.project__photo {display:none;position:absolute;top:86px;left:480px;z-index:-1;width:720px;height:351px;object-fit:cover;}
.project__li.-active .project__a {width:540px;height:195px;padding:40px;background:#3767FF;color:#fff;font-size:20px;}
.project__li.-active .project__info,
.project__li.-active .project__photo {display:block;}

/* 최근 등록된 차량 */
.newest {width:1200px;margin:88px auto 0;padding-bottom:80px;}
.newest__ul {overflow:hidden;margin-top:20px;}
.newest__li {float:left;position:relative;width:282px;height:360px;}
.newest__li+.newest__li {margin-left:24px;}
.newest__key {margin-top:16px;color:#222;font-size:14px;}
.newest__value {margin-top:8px;color:#3767FF;font-size:20px;font-weight:700;}
.newest__li .figure,
.newest__li .cars__photo {width:282px;height:212px;}
.newest__li .figure {overflow:hidden;}
.newest__li .cars__photo {margin-bottom:0;transform:scale(1);transition:all 0.3s ease-in-out;}
.newest__li .cars__link:hover .figure .cars__photo {transform:scale(1.1);}
.newest__li .cars__info {margin-top:12px;}

.newest__li .cars__info {width:282px;height:94px;}
.newest__li .cars__name {margin-top:4px;}
.newest__li .cars__name>.brand {overflow:hidden;display:block;width:282px;height:24px;margin:0;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.newest__li .cars__name>.name {overflow:hidden;display:block;width:282px;height:24px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;}
.newest__li .cars__link:hover .cars__name {color:#222;text-decoration:none;}
.newest__li .cars__link:hover .brand,
.newest__li .cars__link:hover .name {color:#222;}
.newest__li .option {color:#808388;font-size:13px;}
.newest__li .cars__price {position:absolute;bottom:0;left:0;margin-top:12px;transform:translateY(0);}

/* 배너 */
.bnn-list {overflow:hidden;position:relative;height:160px;}
.bnn-list img {position:absolute;top:0;left:50%;transform:translateX(-50%);}

/* 차란차 뉴스 */
.hgroup .link {position:absolute;bottom:0;right:0;}
.news__wrap {width:100%;padding:80px 0;background:#F6F7FB;}
.news {width:1200px;margin:0 auto;}
.news__ul {overflow:hidden;margin-top:20px;}
.news__li {float:left;width:282px;}
.news__li+.news__li {margin-left:24px;}
.news__li .figure {overflow:hidden;width:282px;height:212px;}
.news__photo {width:282px;height:212px;object-fit:cover;transform:scale(1);transition:all 0.3s ease-in-out;}
.news__a:hover .figure img {transform:scale(1.1);}
.news__info {height:120px;padding:20px;background:#fff;text-align:center;}
.news__title {overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:54px;color:#222;font-size:18px;text-overflow:ellipsis;}
.news__date {margin-top:8px;font-size:12px;color:#808388;}
.news__date span:last-child:before {content:'';display:inline-block;width:1px;height:12px;margin:0 12px;background:#D3D6DE;}
.news__a {display:block;}

/* 진행중인 이벤트 */
.event {width:1200px;margin:88px auto 0;}
.event__group {overflow:hidden;margin-top:20px;}
.event__a {float:left;display:block;width:588px;height:140px;padding:41px 0 0 32px;color:#505256;font-size:16px;}
.event__a:first-child {background:#B7E6E9 url(/pc/img/main_img_event1.jpg) no-repeat top right;}
.event__a:last-child {margin-left:24px;background:#FFE1B3 url(/pc/img/main_img_event2.jpg) no-repeat top right;}
.event__title {font-size:20px;font-weight:700;}
.event__a:first-child .event__title {color:#034347;}
.event__a:last-child .event__title {color:#492C00;}
.event__date {margin-top:4px;}
.event__date span:last-child {height:21px;margin-left:8px;padding:0 8px;background:#FF673E;border-radius:30px;color:#fff;font-size:13px;line-height:21px;vertical-align:2px;}
.event__a:last-child .event__date span:last-child {background:#558FFF;}

/* 광고배너 */
.advertise {overflow:hidden;position:relative;width:100%;height:300px;background:#1A2D32;text-align:center;}
.advertise__img {position:absolute;top:0;left:50%;transform:translateX(-50%);}

/* 고객센터 */
.customer {width:1200px;margin:88px auto 0;}
.customer__a {display:block;float:left;position:relative;width:384px;height:108px;padding:26px 0 0 112px;border:1px solid #D3D6DE;border-radius:88px;color:#505256;font-size:16px;}
.customer__a:before {content:'';display:inline-block;position:absolute;top:24px;left:32px;width:60px;height:60px;background:url(/pc/img/spr_main.webp) no-repeat;}
.customer__a:nth-child(1):before {background-position:0 -98px;}
.customer__a:nth-child(2):before {background-position:-60px -98px;}
.customer__a:nth-child(3):before {background-position:-120px -98px;}
.customer__a+.customer__a {margin-left:21px;}
.customer__key {display:block;color:#222;font-size:18px;font-weight:700;}
.customer__value {display:block;margin-top:4px;}

/* 앱다운로드 유도팝업 */
.download-app .h3 + p,
.download-app .caption {margin-top:13px;}
.download-app .caption + .caption {margin-top:8px;}
.download-app .field.multi {position:relative;padding-right:138px;}
.download-app .field.multi .button {position:absolute;top:0;right:0;width:130px;}
.sms-form .-agree {margin-top:20px;}
.sms-form .-agree .form__bottom {margin-left:28px;}
.download-qr {margin-top:40px;padding-top:40px;border-top:1px solid #d3d6de;}
.download__applist {overflow:hidden;margin-top:21px;}
.download__item {float:left;width:264px;}
.download__item + .download__item {margin-left:58px;}
.download__item .headline {font-size:14px;}
.download__item .figure {position:relative;margin-top:13px;}
.os__img {display:inline-block;position:relative;width:184px;height:60px;margin-right:16px;border:1px solid #D3D6DE;border-radius:50px;text-indent:-9999px;}
.os__img:before {content:'';position:absolute;top:50%;left:50%;width:100%;height:28px;background:url(/pc/img/img_os.png) no-repeat 50% 0;transform:translate(-50%, -50%);}
.os__img.-ios:before {background-position:50% 100%;}