@charset "utf-8";
/* 중고차 메인*/
/*주요서비스 퀵메뉴*/
.usedQuickMenu{padding:12px 16px;border-radius:8px;background-color:#f7f8f8;transition:all 0.2s}
.usedQuickMenu.fixOn{position:fixed;left:0;right:0;padding-top:4px;width:100%;background-color:#fff;border-radius:0;box-shadow:0 1px 2px 0 rgba(0,0,0,0.08);box-sizing:border-box;z-index:99;transition:all 0.2s}
.quickMenu{display:flex;align-items:center;justify-content:center;font-size:0.875rem;line-height:1.25em;text-align:center}
.quickMenu li{flex:1;background-position:50% 0;background-repeat:no-repeat;background-size:48px auto}
.quickMenu li:nth-child(1){background-image: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carprice_48.png)}
.quickMenu li:nth-child(2){background-image: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carsafety_48.png)}
.quickMenu li:nth-child(3){background-image: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_limit_48.png)}
.quickMenu li:nth-child(4){background-image: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_car_guide_48.png)}

.quickMenu.oldcar li:nth-child(1){background-image: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carstep_48.png)} 
.quickMenu.oldcar li:nth-child(2){background-image: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_caring_48.png)}
.quickMenu.oldcar li:nth-child(3){background-image: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_manage_48.png)}
.quickMenu.oldcar li:nth-child(4){background-image: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carprice_48.png)}
.quickMenu a{display:block;padding-top:52px;width:100%}

/*상품안내*/
.productCont{margin-top:16px;display:flex;width:100%;justify-content:space-between}
.productCont > li{padding:24px 15px 0;width:calc(50% - 8px);min-height:256px;border-radius:8px;box-sizing:border-box}
.productCont > li:nth-child(1){background:#caf0b9 url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_easydirect.png) no-repeat 50% 100%;background-size:100% auto}
.productCont > li:nth-child(2){background:#fff2c0 url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_easypayment.png) no-repeat 50% 100%;background-size:100% auto}
.productCont > li .txt01{font-weight:bold}
.productCont > li .txt02{margin-top:4px;opacity:0.6;font-size:0.875rem;line-height:1.5em}

/* 추천매물 height:334px; */
.recommend{margin-top:16px}
.btnRecoSearch{position:relative;padding-left:64px;display:flex;align-items:center;width:100%;height:64px;font-size:1rem;line-height:1.5rem;letter-spacing:-0.2px;text-align:left;color:#696e76;background:#fff url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_main_search_64.png) no-repeat 0 50%;background-size:64px auto;border:2px solid #566ec4;border-radius:8px;box-shadow:0 8px 12px 0 rgba(86,110,196,0.16), 0 4px 4px 0 rgba(86,110,196,0.08);box-sizing:border-box;z-index:2}
.btnRecoSearch .kbBi{height:60px}
.btnRecoSearch .kbBi img {height:100%}

.recoCont{position:relative;margin:-32px -16px 0;padding:56px 0 87px;background-color:#f7f8f8;z-index:1}
.recoCont .titLink{margin:0 16px;display:block;color:#566ec4;font-weight:bold}
.recoCont .titLink:after{content:'';margin-top:4px;display:-webkit-inline-flex;display:inline-flex;width:16px;height:16px;vertical-align:top;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_main_arrow_r_16.png) no-repeat 0 50%;background-size:16px auto}
.recoSlide{margin-top:8px;padding-bottom:16px;display:flex;align-items:center;flex-wrap:nowrap;width:100%;overflow-x:auto}
.recoBox{position:relative;margin-left:16px;padding:16px 16px 0;flex:0 0 auto;width:148px;height:224px;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 8px 12px 0 rgba(0,0,0,0.08);box-sizing:border-box}
.recoBox.linkType{padding-right:16px;display:flex;align-items:center;width:auto;background:none;box-shadow:none}
.recoBox .tit{display:-webkit-box;-webkit-box-orient:vertical;font-size:0.875rem;line-height:1.3em;font-weight:bold;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
.recoBox .img{position:absolute;bottom:0;left:0;right:0;display:block;width:100%;height:96px;overflow:hidden;background:#e1e1e1;z-index:2}
.recoBox .img img{width:100%;object-fit:contain;object-position:50% 50%}
.recoBox .price{position:absolute;bottom:106px;font-size:0;line-height:1.5em;vertical-align: middle;}
.recoBox .price em{margin-right:8px;vertical-align: middle;}
.recoBox .price>strong{vertical-align: middle;font-size:14px;}
.recoBox .btnLike{position:absolute;bottom:8px;right:8px;z-index:3}
.recoBox .moreLink{display:block;width:48px;height:48px;background:#566ec4 url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_plus_32.png) no-repeat 50% 50%;background-size:32px auto;;border-radius:50%}
.vertical_bar{display:flex;align-items:center;flex-wrap:wrap;font-size:0.75rem;line-height:1.35em;margin-top:2px;letter-spacing:-0.2px;color:#696e76}
.vertical_bar span{position:relative;margin-left:4px;padding-left:5px}
.vertical_bar span:before{content:'';position:absolute;top:50%;left:0;display:block;width:1px;height:8px;background:rgba(0,0,0,0.2);transform:translate(0, -50%)}
.vertical_bar span:first-child{margin-left:0;padding-left:0}
.vertical_bar span:first-child:before{display:none}
.btnLike{width:32px;height:32px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_like_off.png) no-repeat 0 0;background-size:32px auto}
.btnLike.on{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_like_on.png) no-repeat 0 0;background-size:32px auto}

/* 배너슬라이드 */
.usedMainBanner{position:relative;margin-top:-86px;overflow:hidden;border-radius:8px}
.usedMainBanner .swiper-slide{background-color:#cdeaff}
.usedMainBanner .swiper-slide.onlyu {background-color:#ffddda;}
.usedMainBanner .swiper-slide a{position:relative;padding:24px 0 0 16px;display:block;width:100%;min-height:117px;box-sizing:border-box}
.usedMainBanner .swiper-slide a:first-child{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_banner_cavazo.png) no-repeat center right; background-size:108px;}
.usedMainBanner .swiper-slide a.img2{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_banner_tantan_auto.png) no-repeat center right; background-size:108px;}
.usedMainBanner .swiper-slide a.img3{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_banner_skenclean.png) no-repeat center right; background-size:108px;}
.usedMainBanner .swiper-slide a.img4{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_banner_onlyu.png) no-repeat center right; background-size:108px;}
.usedMainBanner .swiper-slide p{letter-spacing: -0.9px;}
.usedMainBanner .swiper-slide p+p{margin-top:4px;}
.usedMainBanner .swiper-slide img{position:absolute;top:50%;right:0;height:96px;transform:translate(0,-50%)}
.usedMainBanner .swiper-pagination{position:absolute;bottom:16px;left:16px;z-index:2}

/* 상담센터*/
.usedCallcenter{position:relative;margin-top:16px;padding:24px 16px;background-color:#f7f8f8;border-radius:8px}
.usedCallcenter .tit{font-weight:bold}
.usedCallcenter .txt{margin-top:8px;color:#696e76}
.usedCallcenter .txt a{text-decoration:underline;color:#696e76}
.usedCallcenter .time{padding-left:32px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_time_24_000.png) no-repeat 0 50%;background-size:24px auto}
.usedCallcenter .call a{padding-left:32px;display:inline-block;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_call_24_000.png) no-repeat 0 50%;background-size:24px auto}
/* // 중고차 메인 */
/* 상품안내 */
.safePayBox {position:relative;padding:32px 80px 24px 16px;}
.safePayBox .txt1 {margin-top:4px;font-size:1.25rem;line-height:1.5em;font-weight:bold;letter-spacing:-0.45px;}
.safePayBox .bgImg {position:absolute;bottom:-1px;right:0;width:108px;height:96px;}
.safePayBox .bgImg img {width:100%;vertical-align:top;}

.tabAniMenu {position:relative;display:flex;width:100%;height:176px;box-sizing:border-box;border-radius:8px;background:#ffcc00}
.tabAniMenu > div {position:relative;padding:16px;flex-basis:auto;width:50%;z-index:1}
.tabAniMenu .buy {text-align:left;}
.tabAniMenu .sell {text-align:right;border-left:1px solid rgba(244,102,0,0.2)}
.tabAniMenu .moveCar {position:absolute;top:50%;left:50%;width:80px;height:80px;overflow:hidden;background:#fff url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_car_64.png) no-repeat 50% 50%;background-size:64px auto;box-sizing:border-box;border-radius:50%;box-shadow:0 8px 12px 0 rgba(244,102,0,0.2), 0 1px 4px 0 rgba(244,102,0,.4);transform:translate(-41px, -50%);z-index:2;transition-property: transform;}
.tabAniMenu .top {padding:0 8px;display:-webkit-inline-flex;display:inline-flex;min-width:68px;height:1.8em;font-size:0.875rem;line-height:1.8em;font-weight:bold;color:#fff;box-sizing:border-box;border-radius:12px;border:1px solid #fff;text-align:center;}
.tabAniMenu .pMoveArea {position:absolute;top:50%;width:104px;height:64px;background:rgba(244,102,0,0.05);transform:translate(0, -50%)}
.tabAniMenu .pMoveArea::before {content:'';position:absolute;width:84px;height:100%;background:rgba(244,102,0,0.1);}
.tabAniMenu .buy .pMoveArea {left:0;border-top-right-radius:40px;border-bottom-right-radius:40px;}
.tabAniMenu .sell .pMoveArea {right:0;border-top-left-radius:40px;border-bottom-left-radius:40px;}
.tabAniMenu .buy .pMoveArea::before {left:0;border-top-right-radius:40px;border-bottom-right-radius:40px;}
.tabAniMenu .sell .pMoveArea::before {right:0;border-top-left-radius:40px;border-bottom-left-radius:40px;}
.tabAniMenu .btnPageMove {position:relative;width:64px;height:100%;z-index:2}
.tabAniMenu .btnPageMove.left {background:rgba(244,102,0,0.1) url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_prev_fff.png) no-repeat 16px 20px;background-size:24px auto;border-top-right-radius:40px;border-bottom-right-radius:40px;}
.tabAniMenu .btnPageMove.right {background:rgba(244,102,0,0.1) url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_next_fff.png) no-repeat 24px 20px;background-size:24px auto;border-top-left-radius:40px;border-bottom-left-radius:40px;}

.myCarMenu {display:flex;align-items:center;width:100%;height:64px;background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,0.05)}
.myCarMenu li {position:relative;flex:1;text-align:center}
.myCarMenu li:not(:first-child):before {content:'';position:absolute;top:50%;left:0;width:1px;height:25px;background:rgba(0,0,0,.16);transform:translate(0,-50%)}
.myCarMenu li a {display:block;height:64px;line-height:64px;}
.myCarMenu li a:before {content:'';margin-right:8px;display:inline-block;width:32px;height:32px;vertical-align:middle;}
.myCarMenu li:nth-child(1) a:before {background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_cardcheck_32.png) no-repeat 0 0;background-size:32px auto;}
.myCarMenu li:nth-child(2) a:before {background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_delivery_32.png) no-repeat 0 0;background-size:32px auto;}

.directArea.main{margin-top:-55px;}
.directArea {margin-top:-8px;padding:40px 0 8px;background:#f7f8f8;}
.directArea .topCont {position:relative;padding-left:16px;padding-right:120px;min-height:140px}
.directArea .topCont .bgImg {position:absolute;top:50%;right:0;width:140px;height:140px;transform:translate(0, -50%)}
.directArea .topCont .bgImg img {width:100%;}
.directArea .topCont .tagTxt {margin-top:16px;font-size:0.875rem;line-height:1.5em;color:#696e76;}
.directArea .topCont .tagTxt + p {margin-top:2px;}

.taxNotiBox {padding-top:56px;font-size:0.75rem;line-height:1.5em;text-align:center;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_tax_credit.png) no-repeat 50% 0;background-size:160px auto;}
.linkBannerBox {position:relative;padding:24px 16px 0;}
.linkBannerBox::before {content:'';position:absolute;top:0;left:0;right:0;display:block;width:100%;height:72px;background:#f7f8f8;z-index:0}/* 20211108 배너수정 */

/* 상단 스와이프 */
.directSwiper{position:relative;margin-top:32px;letter-spacing:-0.4px}
.directSwiper.swiper-container {padding:0 16px;box-sizing:border-box}
.directSwiper .swiper-wrapper{padding-bottom:24px;}
.directSwiper .swiper-wrapper .swiper-slide{position:relative;padding:24px 0 32px;display:block;height:388px;text-align:center;background:#fff;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 4px 0 rgba(0,0,0,0.08)}
.directSwiper .swiper-slide .img{width:280px}
.directSwiper .swiper-pagination{position:absolute;bottom:48px;left:50%;margin:0;z-index:10;transform:translate(-50%, 0)}
.directSwiper .swiper-button-next, .directSwiper .swiper-button-prev{top:0;bottom:24px;height:auto} 
.directSwiper .bgTxtBox{padding:0 16px;width:100%;height:220px;color:#111;letter-spacing:-0.3px;box-sizing:border-box}
.directSwiper .bgTxtBox .swTit{margin-top:8px;font-weight:bold}
.directSwiper .bgTxtBox .txt01{margin-top:8px;font-size:0.875rem;line-height:1.5em}
.directSwiper .bgTxtBox .txt02{margin-top:8px;font-size:0.875rem;line-height:1.5em;color:#696e76;letter-spacing:0}

/* 구매자/판매자 */
.tabArea .tabList{border-top:8px solid #f2f2f2}
.stepList.lineBtm{position:relative;padding-bottom:17px}
.stepList.lineBtm:after{content:'';position:absolute;bottom:0;left:-16px;right:-16px;height:1px;background:rgba(0,0,0,.16)}
.stepList a{display:flex;align-items:center}
.stepList .carImg{padding-top:14px;margin-right:16px;width:48px;height:48px;font-size:0.875rem;line-height:1;color:#fff;text-align:center;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_car_48.png) no-repeat 0 0;background-size:48px auto;box-sizing:border-box;transition:all ease-in .2s}
.stepList .stepTit{padding:16px;display:flex;flex:1;align-items:center;font-weight:bold;background-color:#f7f8f8;border-radius:8px;transition:background-color ease-in .2s}
.stepList .stepTit em{margin-right:8px;padding-top:2px;width:43px;height:20px;font-size:0.75rem;font-weight:normal;line-height:1.25em;text-align:center;opacity:.5;border-radius:10px;border:solid 1px #000;box-sizing:border-box}
.stepList .stepView{position:relative;padding:0 0 0 64px;height:16px;overflow:hidden;color:#111;transition:padding ease-in .2s, height ease-in .2s}
.stepList .stepView p{opacity:0;transition:all ease-in .2s}
.stepList .stepView::before{content:'';position:absolute;top:0;left:16px;display:block;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_c2c_arr_down_16.png) no-repeat 0 0;background-size:16px auto;transition:all ease-in .2s}
.stepList .stepItem:last-child .stepView::before{display:none}

.stepItem{overflow:hidden}
.stepItem.on .stepTit, .stepItem.active .stepTit{background-color:#fff2c0;transition:background-color ease-in .2s}
.stepItem.on .stepTit em, .stepItem.active .stepTit em{color:#f46600;border-color:#f46600;opacity:1;transition:all ease-in .2s}
.stepItem.on .carImg{font-size:0;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_car_com_48.png) no-repeat 0 0;background-size:48px auto;transition:all ease-in .2s}
.stepItem.active .carImg{font-size:0;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_car_sel_48.png) no-repeat 0 0;background-size:48px auto;transition:all ease-in .2s}
.stepItem.on .stepView{padding:0 0 0 64px;height:16px;transition:padding ease-in .2s, height ease-in .2s}
.stepItem.active .stepView{padding:16px 0 16px 64px;height:auto;transition:padding ease-in .2s, height ease-in .2s}
.stepItem.on .stepView p {opacity:0;transition:all ease-in .2s}
.stepItem.active .stepView p{opacity:1;transition:all ease-in .2s}
.stepItem.on .stepView::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_step_complete.png) no-repeat 0 0;background-size:16px auto;transition:all ease-in .2s}
.stepItem.active .stepView::before{top:50%;height:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_step_next_down.png) no-repeat 0 0;background-size:16px auto;transform:translate(0, -50%);transition:all ease-in .2s}

/* 백드롭 */
.btmFloating{position:fixed;bottom:0;left:0;right:0;width:100%;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -2px 8px 0 rgba(0,0,0,.16);background-color:#01a0c7;z-index:99}
.btmFloating .head a{position:relative;padding:16px;display:block;color:#fff;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_arr_up_24.png) no-repeat calc(100% - 16px) 50%;background-size:24px auto}
.btmFloating .cont{padding:0 32px;height:0;overflow:hidden;border-top-left-radius:16px;border-top-right-radius:16px;background-color:#fff;box-sizing:border-box;transition:height linear .2s}

.btmFloating .contBtn {display:flex;justify-content:space-between;}
.btmFloating .contBtn a{margin-top:32px;padding-top:36px;width:calc(50% - 16px);text-align:center}
.btmFloating .contBtn.sell a:nth-child(1){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_addcar_32.png) no-repeat 50% 0;background-size:32px auto}
.btmFloating .contBtn.sell a:nth-child(2){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_deliverycheck_32.png) no-repeat 50% 0;background-size:32px auto}
.btmFloating .contBtn.buy a:nth-child(1){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_personaladd_32.png) no-repeat 50% 0;background-size:32px auto}
.btmFloating .contBtn.buy a:nth-child(2){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_cardcheck_32.png) no-repeat 50% 0;background-size:32px auto}
.btmFloating.on .head a{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_arr_down_24.png) no-repeat calc(100% - 16px) 50%;background-size:24px auto}
.btmFloating.on .cont{height:216px;transition:height linear .2s}
/* // 상품안내 */

/* 판매하기 */
.serviceStepWrap{margin-top:64px;border-top:1px solid rgba(0,0,0,.16)}
.serviceStepWrap .depTit3{margin-top:40px}
.serviceStepAni{margin-top:16px;display:flex;letter-spacing:-1px;background:#f7f8f8;border-radius:4px}
.serviceStepAni li{position: relative;flex:1}
.serviceStepAni li:after{content:'';position:absolute;top:28px;right:-8px;display:block;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_arrow_r_16_666.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s, width ease-in .2s, right ease-in .2s}
.serviceStepAni li:last-child{padding-right:0}
.serviceStepAni li:last-child:after{display:none}
.serviceStepAni li .aniBox{padding:24px 0;display:block;width:100%;min-height:98px;font-size:0.875rem;line-height:1.285em;color:#696e76;text-align:center;box-sizing:border-box}
.serviceStepAni li .aniBox::before{content:'';margin:0 auto 8px;display:block;width:24px;height:24px}
.serviceStepAni li.onBoaring .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_onboarding_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.perCerti .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_personalcerti_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.carPrice .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carprice_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.perCheck .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_personalcheck_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.deli .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_delivery_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.transfer .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_transfer_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.limit .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_limit_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.rePayment .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_repayment_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.deliChekc .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_deliverycheck_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.carSearch .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carsearch_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.carinfo .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carinfo_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.cardCheck .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_cardcheck_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.statemanage .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_statemanage_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.coin .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_coin_off_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni.type1{margin-top:0}
.serviceStepAni.type1 li .aniBox em{display:block;opacity:0.6;transition:opacity ease-in .2s}

/* ani 실행부분 */
.serviceStepAni li.on:after{right:-12px;width:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_step_next_r.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s, width ease-in .2s, right ease-in .2s}
.serviceStepAni li.on .aniBox em{color:#26282c;opacity:1;transition:opacity ease-in .2s}
.serviceStepAni li.on.onBoaring .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_onboarding_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.perCerti .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_personalcerti_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.carPrice .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carprice_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.perCheck .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_personalcheck_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.limit .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_limit_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.deli .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_delivery_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.transfer .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_transfer_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.rePayment .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_repayment_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.deliChekc .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_deliverycheck_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.carSearch .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carsearch_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.carinfo .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_carinfo_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.cardCheck .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_cardcheck_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.statemanage .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_statemanage_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}
.serviceStepAni li.on.coin .aniBox::before{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_coin_24.png) no-repeat 0 0;background-size:100% auto;transition:background ease-in .2s}

/*시세정보 팝업*/
.marketpriceWrap{color:#26282c}
.marketpriceWrap .priTit{font-size:1.125rem;line-height:1.333em}
.graphWrap{margin-top:24px;padding:18px 0 16px;text-align:center;border-top:1px solid rgba(0, 0, 0, .87)}
.graphWrap .titleBox {padding-bottom:18px;text-align:left;border-bottom:1px solid rgba(0, 0, 0, .16);}
.graphWrap .titleBox .tit {font-size:0.875rem;font-weight:bold}
.graphWrap .titleBox .confirmTxt {margin-top:12px;}
.graphWrap .titleBox .confirmTxt dt {width:50%}
.graphWrap .titleBox .confirmTxt dt a {color:#696e76}
.graphWrap .titleBox .confirmTxt .ico_question {margin-left:4px;}
.graphWrap .titleBox .confirmTxt dd {width:50%}
.graphWrap .priceGraph{padding-top:66px}
.graphWrap .infoBox{padding:0 16px}

.graphWrap .priTxt{font-size:1.5rem;line-height:2em}
.graphWrap .txt01{font-size:0.875rem;line-height:1.25rem;color:#696e76}
.graphWrap .txt01 em{font-size:1.125rem;line-height:1.714em;color:#000}

.priceView{position:relative;margin:12px 24px 0;padding-top:12px}
.priceView span{position:absolute;top:0;font-size:0.7rem;line-height:1.125em;transform:translate(-50%, 0)}

.priceBarCont{position:relative;margin:0 24px}
.priceBarCont .barCont{position:relative;display:block;height:2px;background-color:#e0e0e0;z-index:1}
.priceBarCont .barCont .barResult{position:absolute;top:0;left:0;display:block;height:100%;background-color:#566ec4}
.priceBarCont .cycle{position:absolute;top:50%;margin-top:-12px;margin-left:-12px;display:block;width:24px;height:24px;background-color:#fff;border:1px solid rgba(0,0,0,.16);border-radius:50%;box-sizing:border-box;box-shadow:0 4px 6px 0 rgba(86,110,119,.16);z-index:2}
.priceBarCont .tip{position:absolute;bottom:22px;padding:4px 8px;display:block;height:24px;font-size:0.75rem;line-height:18px;color:#fff;white-space:nowrap;background:#566ec4;border-radius:4px;box-sizing:border-box;transform: translate(-50%, 0)}
.priceBarCont .tip:after{content:'';position:absolute;bottom:-9px;left:50%;display:block;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #566ec4;transform:translate(-50%, 0)}
.priceBarCont .tip.bg1{background:#f46600}
.priceBarCont .tip.bg1:after{border-top-color:#f46600}

.cpTxtBox{position:relative;padding:24px 100px 24px 16px;display:flex;align-items:center;min-height:96px;letter-spacing:-0.2px;background:#f8f8f8;border-radius:8px;box-sizing:border-box}
.cpTxtBox.bg1{background:#fff2c0}
.cpTxtBox.bg2{background:#caf0b9}
.cpTxtBox.bg3{background:#cdeaff}
.cpTxtBox > div{position: relative;width:100%;z-index:1}
.cpTxtBox .tit{line-height:1.5em;letter-spacing:-0.3px}
.cpTxtBox .txt01{margin-top:4px;font-size:0.875rem;line-height:1.5em;color:#696e76}
.cpTxtBox .txt01:first-child{margin-top:0}
.cpTxtBox .txt02{margin-top:4px;font-size:0.875rem;line-height:1.5em}
.cpTxtBox .txt02:first-child{margin-top:0}
.cpTxtBox p + p{margin-top:4px}
.cpTxtBox .txt01 + .titL, .cpTxtBox .txt02 + .titL{margin-top:4px}
.cpTxtBox .img{position:absolute;top:50%;right:0;width:108px;z-index:0;transform:translate(0,-50%)}
.cpTxtBox .img2{position:absolute;bottom:0;right:0;width:108px;z-index:0}
.cpTxtBox.typeImg{padding-right:16px}
.cpTxtBox.typeImg .img{top:24px;right:20px;width:48px;height:48px;transform:inherit}
/* 중고차 할부신청 추가_210803 */
.cpTxtBox.typeImg .img2{top:50%;left:20px;width:48px;height:48px;margin-top:-24px;transform:inherit}
.cpTxtBox.typeImg > div{padding-right:68px;}
.cpTxtBox.typeImg .inpTxt1{width:calc(100% + 68px)}
.cpTxtBox.mb-24{margin-bottom:-24px}
.cpTxtBox.mb-20{margin-bottom:-20px}
.cpTxtBox .tit.icoMove strong{padding-right:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_move.png) no-repeat 100% 50%;background-size:16px auto}

.cpTxtBox.noImg{padding:24px 16px}
.cpTxtBox.fullBox{margin-left:-16px;margin-right:-16px;padding:24px 16px;display:block}
.cpTxtBox.fullBox .fImg{position:absolute;bottom:0;right:0;width:96px;z-index:0}
.cpTxtBox.fullBox .top{position:relative;padding:0 90px 16px 0;box-sizing:border-box}
.cpTxtBox.fullBox .cont{padding-top:24px}
.popCont .cpTxtBox.fullBox{margin-bottom:-32px}
.imgTxtChaChaCha{margin:-8px 4px 0;height:28px;vertical-align:top}


/*판매진행상황*/
.sellStepAcc{padding:16px 16px 4px}
.sellStepAcc .titBox{padding:52px 0 16px;text-align:center;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_onboarding_48.png) no-repeat 50% 0;background-size:48px auto}
.sellStepAcc .titBox.onBoarding{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_onboarding_48.png) no-repeat 50% 0;background-size:48px auto}
.sellStepAcc .titBox.perCerti{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_personalcerti_48.png) no-repeat 50% 0;background-size:48px auto}
.sellStepAcc .titBox.deli{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_delivery_48.png) no-repeat 50% 0;background-size:48px auto}
.sellStepAcc .titBox.transfer{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_transfer_48.png) no-repeat 50% 0;background-size:48px auto}
.sellStepAcc .titBox.perCheck{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_personalcheck_48.png) no-repeat 50% 0;background-size:48px auto}
.sellStepAcc .titBox.deliChekc{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_deliverycheck_48.png) no-repeat 50% 0;background-size:48px auto}
.sellStepAcc .titBox.coin{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_coin_48.png) no-repeat 50% 0;background-size:48px auto}
.sellStepAcc .stepMore{position:relative;display:block;width:100%;height:24px;font-size:0;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_grey_arr_down_24.png) no-repeat 50% 0;background-size:24px auto;z-index:2}
.sellStepAcc .serviceStepAni{margin-top:0;height:0;opacity:0;transition:height ease-in .2s, opacity ease-in .2s}
.sellStepAcc .serviceStepAni li .aniBox{font-size:0.75rem;line-height:1.5em}
.sellStepAcc .serviceStepAni.type1 li .aniBox{font-size:0.875rem}
.sellStepAcc.active .stepMore{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_grey_arr_up_24.png) no-repeat 50% 0;background-size:24px auto}
.sellStepAcc.active .serviceStepAni{margin-bottom:8px;height:116px;opacity:1;transition:height ease-in .2s, opacity ease-in .2s}
.sellStepAcc.active .serviceStepAni.type1{height:96px}

.sellconf{position:relative;padding:40px 16px 32px;border-top:1px solid rgba(0,0,0,.16)}
.sellconf::before{content:'';position:absolute;top:0;left:0;right:0;width:100%;height:8px;background:#f2f2f2}
.sellCarInfo .toggleItem .date{margin-left:8px;font-size:0.875rem;line-height:1.25rem;color:#696e76}
.sellCarInfo .toggleItem.on .date{color:rgba(255,255,255,.6)}
.sellCarInfo .depTit3:first-child{margin-top:0}
.sellCarInfo .btnL{margin-top:0}

/*  차량정보 */
.popCont .carInfoBox{margin:0;color:#26282c}
.carInfoBox{border-top:1px solid rgba(0, 0, 0, .87);border-bottom:1px solid rgba(0,0,0,.16)}
.carInfoBox .carInfoView{padding:24px 0;display:flex;align-items:center}
.carInfoBox .img{margin-right:16px;display:block;flex:none;width:120px}
.carInfoBox .img.noImg{background:#e1e1e1}
.carInfoBox .img img{width:100%;vertical-align:top}
.carInfoBox .carName{line-height:1.5em;font-weight:bold}
.carInfoBox .carInfoTxt{font-size:0.875rem;line-height:1.5em;color:#696e76} 
.carInfoBox .carName + .carInfoTxt{margin-top:4px}
.carInfoBox .confirmTxt{padding:24px 0;border-top:1px solid rgba(0,0,0,.16)}
.carInfoBox .vertical_bar{margin-top:4px}
.priceBox{display:flex;align-items:center;flex-wrap:wrap}

.carInfoBox .tbsList2{margin-top:0;border-top:1px solid rgba(0,0,0,.16)}
.carInfoBox .confirmTxt{margin-top:0}
.carInfoBox .confirmTxt dt{width:40%}
.carInfoBox .confirmTxt dd{width:60%;text-align:right;font-size:1.125rem;font-weight:bold}

.carInfoBox.type1{border-bottom:none}
.carInfoBox.type2{text-align:center;border:none}
.carInfoBox.type2 .carName + .carInfoTxt {margin-top:8px}
.carInfoBox.type2 .carInfoView{padding:0;display:block}
.carInfoBox.type2 .img{margin:0 auto 24px;width:150px}
.carInfoBox.nonBrdT{border-top:none}
/* .carInfoGraph{padding:0 16px} */
.carInfoGraph .graphWrap{margin-top:0;padding:0;border-top:none;box-shadow:none}
.carInfoGraph .graphWrap .titleBox {border-bottom:none;}
.carInfoGraph .graphWrap .priceGraph{padding:66px 32px 24px;background:#f7f8f8;border-radius:4px}
.carInfoGraph .graphWrap .priceGraph.type1{margin-top:28px}
.referenceBox{margin:80px 16px 0;padding:32px 0;border-top:1px solid rgba(0,0,0,.16)}

/* 결도한도조회 */
.contArea .divInfoBox{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
.divInfoBox{position:relative;padding:32px 0;border-bottom:1px solid rgba(0,0,0,.16)}
.divInfoBox::before{content:'';position:absolute;top:0;left:0;right:0;width:100%;height:0;background:#ffcc00;transition:height ease-in .5s}
.divInfoBox .top{position:relative;font-size:0.875rem;line-height:1.25em}
.divInfoBox .cont{margin-top:16px;padding:32px 16px;text-align:center;background:#f7f8f8;border-radius:8px}
.divInfoBox .cont.type1{padding-bottom:24px}
.divInfoBox .cont p{font-size:0.875rem;line-height:1.5em}
.divInfoBox .cont p + p{margin-top:4px}
.divInfoBox .cont .spTit{font-size:1rem;line-height:1.5em;color:#000}
.divInfoBox .img{position:absolute;top:0;right:0;width:48px}
.divInfoBox .point{margin-top:4px;font-size:1.25rem;line-height:1.4em}
.divInfoBox .point .qInfoBtn{margin-top:2px}
.divInfoBox .tbsList2 > li > div{padding:16px 0}
.divInfoBox .divInfoView{height:0;overflow:hidden}
.divInfoBox .visibleView{opacity:0;overflow:hidden;transition:opacity ease-in .4s}
.divInfoBox .infoMore{margin-top:16px;display:block;width:100%;text-align:center;font-size:0.875rem;transition:all ease-in .4s}
.divInfoBox.active:before{height:4px;transition:height ease-in .2s}
.divInfoBox.active .divInfoView{height:auto}
.divInfoBox.active .visibleView{opacity:1;transition:opacity ease-in .4s}
.divInfoBox.active .infoMore{margin-top:32px;transition:all ease-in .4s}
.divInfoBox.eveMoreArea{padding-bottom:16px}

/* 추천매물 */
.recoSearchCont{position: fixed;left:0;right:0;padding:24px 16px;background:#f7f8f8;box-sizing:border-box;transition:all 0.2s}
.recoSearchCont .topBox{padding:0 88px 16px 0;height:88px;opacity:1;overflow:hidden;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_c2c_search.png) no-repeat 100% 100%;background-size:88px auto;box-sizing:border-box}
.recoSearchCont .contBox{display:flex;align-items:center;justify-content:space-between}
.recoSearchCont .contBox > *{width:calc(50% - 4px);height:48px;overflow:hidden;border-radius:3px;box-sizing:border-box}
.recoSearchCont .btnMkSch{position: relative;color:#fff;background:#566ec4;transition:width 0.2s;flex-grow:1;margin-right:10px;}/* 220314 화면 전환시 넓이 문제 */
.recoSearchCont .btnMkSch .type1{position:relative;width:100%;font-size:1rem;opacity:1;overflow:hidden;text-align:center;white-space:nowrap;transition:all 0.2s}
.recoSearchCont .btnMkSch .type2{position:absolute;top:50%;right:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden;opacity:0;vertical-align:top;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_filter_24.png) no-repeat 12px 50%;background-size:24px auto;transform:translate(0, -50%);transition:all 0.2s}
.recoSearchCont .btnMkSch .type2:after{content:'';position: absolute;top:0;bottom:0;right:0;width:16px;height:100%;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_arrow_r_w_16.png) no-repeat 50% 50%;background-size:16px auto;border-left:1px solid rgba(0,0,0,.16)}
.recoSearchCont .carNumSch{position:relative;display:block;color:#333;background:#f7f8f8;border:1px solid #000}
.recoSearchCont .carNumSch input{position:relative;padding:8px 40px 8px 8px;width:100%;height:100%;background:none;border:none;letter-spacing: -0.2px;z-index:1}/* 박진수 - https://tm.kbcard.com/FNC/DVIEW/MFEMCXHIAFLCD0052 차량번호 검색 부분 수정 */
.recoSearchCont .carNumSch .btnCarNumSch{position:absolute;top:50%;right:0;width:48px;height:100%;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ic_c2c_search_24.png) no-repeat calc(100% - 12px) 50%;background-size:24px auto;transform:translate(0, -50%); z-index:2}

.recoSearchCont.fixOn{padding:16px;z-index:99;transition:all 0.2s;}
.recoSearchCont.fixOn .topBox{padding-bottom:0;height:0;opacity:0;transition:all 0.2s}
.recoSearchCont .contBox.on .btnMkSch{width:65px;transition:width 0.2s}
.recoSearchCont .contBox.on .btnMkSch .type1{width:0;height:0;opacity:0;transition:width 0.2s, opacity 0.2s}
.recoSearchCont .contBox.on .btnMkSch .type2{width:100%;height:48px;opacity:1;transition:width 0.2s, opacity 0.2s}
.recoSearchCont .contBox.on .carNumSch{width:calc(100% - 73px);transition:width 0.2s}

.recoListArea{padding:184px 16px 0;transition:all 0.2s}
.recoListArea.fixOn{padding-top:109px;transition:all 0.2s}
.recoListArea .moreBtn{margin:0 -16px;border-top:1px solid rgba(0,0,0,.16)}
.recoList > li{padding:16px 16px 16px 0;display:flex;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.16)}
.recoList > li:first-child{padding-top:0}
.recoList > li:last-child{border-bottom:none}
.recoList .thumb{position:relative;margin-right:16px;flex:0 0 auto;width:120px;height:80px;background:#d8d8d8;}
.recoList .thumb.noImg{background:#d8d8d8}
.recoList .thumb img{width:100%;height:100%;object-fit:contain}
.recoList .thumb .btnLike{position:absolute;bottom:4px;right:4px}
.recoList .thumb .inp1{position:absolute;top:0;left:0;z-index:2}
.recoList.btmLine > li{border-bottom:1px solid rgba(0,0,0,.16)}

.recoInfo{position:relative;background:#fff;box-sizing:border-box}
.recoInfo .tit{display:-webkit-box;-webkit-box-orient:vertical;font-size:0.875rem;line-height:1.5em;font-weight:bold;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2}
.recoInfo .price{margin-top:4px;font-size:0;line-height:1.5em; vertical-align: middle;}
.recoInfo .price em{margin-right:8px;vertical-align: middle;}
.recoInfo .price>strong{font-size:14px; vertical-align: middle;line-height: 1.5em;}
.recoInfo .moreLink{display:block;width:48px;height:48px;background:#f46600 url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_plus_32.png) no-repeat 50% 50%;background-size:32px auto;;border-radius:50%}

.chkFormArea{margin-bottom:-16px;display:flex;align-items:flex-start;flex-wrap:wrap}
.chkFormArea .formWrap{position:relative;margin:8px 0 16px;width:50%;flex:0 0 auto}
.chkFormArea .formWrap.type1:nth-child(1), .chkFormArea .formWrap.type1:nth-child(2){margin-top:0}

.searchConditionWrap .recoListArea{padding-top:0}
.searchConditionWrap .infoBox.notImg{padding:42px 16px 72px}
.searchConditionArea{position:absolute;left:0;right:0;z-index:10}
.searchConditionArea .searchConditionCont{position:relative;background:#f2f2f2;z-index:1;transition:all .2s;padding-right: 95px;}
.searchConditionArea .searchConditionCont::before, .searchConditionArea .searchConditionCont::after{content:'';position:absolute;top:0;bottom:0;display:block;height:100%;z-index:1}
.searchConditionArea .searchConditionCont::before{left:0px;width:16px;background-image:linear-gradient(to left, rgba(242,242,242,0), #f2f2f2);z-index:1}
.searchConditionArea .searchConditionCont::after{right:153px;width:24px;opacity:1;background-image:linear-gradient(to right, rgba(242,242,242,0), #f2f2f2);z-index:1;transition:width .2s, opacity .2s}
.searchConditionArea .searchConditionCont.last::after{right:153px;width:0;opacity:0;transition:width .2s, opacity .2s}
.searchConditionArea p{display:none}
.searchConditionArea .btnBox{display:none}
.searchConditionArea .btnResultOp{display:flex; position:absolute;top:0;right:0;width:153px;height:56px;background:#f2f2f2;z-index:1}
.searchConditionArea .reSet{padding:16px;background: 0; position:relative;}
.searchConditionArea .reSet::before{position:absolute; top:17px; right:0; width:1px; height:24px; background:#000; opacity: 0.16;content:'';}
.searchConditionArea .reSet>span{padding-left:24px;font-size:16px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_reset_16.png) no-repeat center left; background-size:16px;}
.searchConditionArea .btnResultOpen{display:block;width:56px;height:56px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_down_24_000.png) no-repeat 50% 50%;background-size:24px auto}
.searchConditionArea .seaConList{padding:12px 0;display:flex;flex-wrap:nowrap;overflow-x:auto}
.searchConditionArea .seaConList .txtState:first-child{margin-left:16px}
.searchConditionArea .seaConList .txtState:last-child:after{content:'';position:absolute;right:-60px;display:block;width:5px;height:20px}

.searchConditionArea.active .searchConditionCont{padding:16px 16px 12px;background:#fff;transition:all .2s}
.searchConditionArea.active .searchConditionCont::before, .searchConditionArea.active .searchConditionCont::after{display:none}
.searchConditionArea.active:after{content:'';position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,0.08);z-index:-1}
.searchConditionArea.active .seaConList{flex-wrap:wrap}
.searchConditionArea.active p{display:block}
.searchConditionArea.active .btnBox{display:block}
.searchConditionArea.active .seaConList{margin-top:32px;padding:0;flex-wrap:wrap;overflow:hidden}
.searchConditionArea.active .seaConList .txtState{margin-bottom:8px}
.searchConditionArea.active .seaConList .txtState:first-child{margin-left:0}
.searchConditionArea.active .seaConList .txtState:last-child:after{display:none}
.searchConditionArea.active .btnResultOp{background:none}
.searchConditionArea.active .btnResultOp::before{display:none}
.searchConditionArea.active .btnResultOpen{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_up_24_000.png) no-repeat 50% 50%;background-size:24px auto}
.searchConditionArea.active:after{content:'';position:fixed;top:0;bottom:0;left:0;right:0;display:block;background:rgba(0,0,0,0.24);transition:all .2s}

.txtState{position:relative;margin-right:8px;padding:0 16px;display:flex;align-items:center;height:32px;font-size:0.875rem;line-height:1.5em;color:#fff;white-space:nowrap;background:#6b7079;border-radius:16px;box-sizing:border-box}
.txtState.type1{padding-right:8px;color:rgba(0,0,0,0.87);background:#fff;border:1px solid #e0e0e0}
.txtState .btnTxtDel{margin-left:8px}
.btnTxtDel{width:16px;height:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_close_16.png) no-repeat 0 0;background-size:16px auto}

/**/
.txtInfoBox{margin-top:32px;background:#fff;text-align:center;font-size:0.875rem;line-height:1.25em;color:#696e76}
.txtInfoBox::before{content:"";display:inline-block;width:48px;height:48px;margin-bottom:16px;vertical-align:top;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_exclamation_48_grey.png) no-repeat 0 0;background-size:48px auto}
.txtBox.type4{padding:24px 16px 20px}
.grayBox .confirmTxt{align-items:flex-start}
.grayBox .confirmTxt .stateRect{margin-top:4px;vertical-align:top}
.grayBox .confirmTxt span{word-break:break-all}
.confirmTxt{display:flex;flex-wrap:wrap;align-items:center;text-align:left}
.confirmTxt dt{margin-top:8px;width:40%}
.confirmTxt dd{margin:8px 0 0 auto;width:60%;text-align:right}
.confirmTxt.type1 dt{color:#696e76}
.confirmTxt.type2 dt{font-size:0.875rem;color:#696e76}
.confirmTxt.type2 dt, .confirmTxt.type2 dd{margin-top:8px}
.confirmTxt.type3{margin-top:24px;padding-top:24px;font-size:0.875rem;border-top:1px solid rgba(0,0,0,.16)}
.confirmTxt.type3 dt{color:#696e76}
.confirmTxt.type3 dt, .confirmTxt.type3 dd{margin-top:8px}
.confirmTxt.type4 dt{color:#696e76}
.confirmTxt.type4 dt, .confirmTxt.type4 dd{margin-top:8px}
.confirmTxt.type5{padding-top:16px}
.confirmTxt.type5 dt, .confirmTxt.type5 dd{border-top:1px solid rgba(0,0,0,.16)}
.confirmTxt dt:nth-child(1), .confirmTxt dd:nth-child(2){margin-top:0}

/* 매물 상세 */
.com_Box{display:none;}
.chkBtn{margin:0 16px 32px;}
.btn_com{display: block;border-radius: 3px;line-height: 48px;width: 100%;text-align: center;background:#566ec4;}
.btn_com>span{padding-right: 24px;font-size: 16px;color: #fff; font-weight:600; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_arr_down_w_16.png)no-repeat center right;background-size:16px;}
.chkBtn.open .btn_com{box-shadow: 0 8px 12px rgba(86,110,196,0.3);}
.chkBtn.open .btn_com>span{background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_arr_up_w_16.png)no-repeat center right;background-size:16px;}

/*선등록*/
.grayBox.type2.bgImg{padding-right:100px;background:#f7f8f8 url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_c2c_search.png) no-repeat calc(100% - 16px) 100%;background-size:88px auto}
.bannerType .txt01{margin-top:4px;font-size:0.875rem;line-height:1.25rem;color:#696e76}
.listArea{font-size:0;}
.listArea>em{vertical-align: middle; line-height:20px;}
.listArea>span{font-size:16px; vertical-align: middle;}
.listArea>strong{font-size:16px;}


/* 로딩화면 */
.loadingArea{position:fixed;top:50%;left:16px;right:16px;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 16px 16px 0 rgba(0,0,0,0.24), 0 0 16px 0 rgba(0,0,0,.12);transform:translate(0, -50%);z-index:1001}
.loadingArea .topCont{padding-top:32px;color:#fff;text-align:center;background:#566ec4}
.loadingArea .topCont .tit{font-weight:bold}
.loadingArea .topCont .txt{margin-top:4px;font-size:0.875rem;line-height:1.5em;opacity:0.7}
.loadingArea .topCont .time{margin-top:8px;font-size:1.24rem;line-height:1.4em;color:#fff2c0}
.loadingArea .topCont .aniCar{position:relative;margin-top:4px;display:block;width:104px;height:40px;animation-name:animationCar;animation-duration:3s;animation-iteration-count:infinite}
.loadingArea .topCont .aniCar img{width:100%}
.loadingArea .swiper-slide{box-sizing:border-box}
.tipSwiper{position:relative;border-bottom:1px solid rgba(0,0,0,.16)}
.tipSwiper .swiper-slide{padding:0 16px;height:102px;font-size:0.875rem;justify-content:left}
.tipSwiper .swiper-pagination{position:absolute;top:30px;right:16px;margin-top:0;z-index:2}

.tipContSwiper .swiper-slide{padding:0 48px;height:210px;font-size:0.875rem;line-height:1.5em;text-align:center}
.tipContSwiper .swiper-slide .tit{color:#000;font-weight:bold}
.tipContSwiper .swiper-slide p + p{margin-top:4px}
.tipContSwiper .swiper-button-prev, .tipContSwiper .swiper-button-next{top:0;bottom:0;width:48px;height:100%;}
.tipContSwiper .swiper-button-prev{left:0;background:#fff url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/arr_l_24_000.png) no-repeat 12px 50%;background-size:24px auto}
.tipContSwiper .swiper-button-next{right:0;background:#fff url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/arr_r_24_000.png) no-repeat 12px 50%;background-size:24px auto}
.tipContSwiper .swiper-button-prev.swiper-button-disabled, 
.tipContSwiper .swiper-button-next.swiper-button-disabled{opacity:0.3}

/*자동차 애니메이션 키프레임*/
@-webkit-keyframes animationCar{
    0%{left:100%;opacity:1}
    95%{left:-104px;opacity:1}
    95.1%{left:-104px;opacity:0}
    100%{left:100%;opacity:0}
}
@keyframes animationCar{
    0%{left:100%;opacity:1}
    95%{left:-104px;opacity:1}
    95.1%{left:-104px;opacity:0}
    100%{left:100%;opacity:0}
}

/* 보험사고이력정보 */
.tbsType1.type3{font-size:1rem;line-height:1.5rem}
.tbsType1.type3 thead th, .tbsType1.type3 tbody th{color:#26282c;border-bottom:1px solid rgba(0,0,0,.16)}
.tbsType1.type3 tbody td{background:#fff;border-bottom:1px solid rgba(0,0,0,.16);word-break: keep-all;}
.tbsType1.type3 th,.tbsType1.type3 tbody td{border-left:1px solid rgba(0,0,0,.16)}
.frBtmBox{padding:16px}

.columnBox{padding:24px 0;display:flex;align-items:center;background:#fff;border-radius:8px}
.columnBox .cBox{flex:1;text-align:center}
.columnBox .cBox:not(:first-child){border-left:1px solid rgba(0,0,0,.16)}
.columnBox .cBox .img{margin:auto;display:block;width:48px;height:48px}
.columnBox .cBox .img img{width:100%}
.columnBox .cBox .txt01{font-size:0.875rem;line-height:1.5em;color:#696e76}

.contArea .toggelStyleBox .toggleList{margin-right:-16px}
.toggelStyleBox .toggleList.type2{margin-top:16px}
.toggelStyleBox .toggleList.type2>li>a:after{right:16px}
.toggelStyleBox .toggleList.type2>li:first-child{border-top:0}
.toggelStyleBox .toggleList.type2 .toggleView{padding:0 16px 16px 0;border-top:0;background:#fff}
.toggelStyleBox .toggleList.type2 .toggleView .listType2.type1{margin-top:0}
.toggelStyleBox .toggleList.type2 .toggleView .listType2.type1 > li:last-child{margin-bottom:0}
.toggelStyleBox .toggleList.type2>li:last-child{margin-left:-16px;padding-left:16px}
.toggelStyleBox .toggleList.type2>li.on>a>span{font-weight:bold}

/* usedcar common*/
.lts_1{letter-spacing:-0.8px}
.bt2{border-top:1px solid rgba(0,0,0,.16)}
.flexR{display:flex;align-items:start}
.flexR .right{margin-left:auto}
.colPoint2 {color:#614cc2 !important}
/* 셀렉트 신규 */
.flexR{display:flex}
.flexR .selType1{margin-top:-1px}
.flexR .selType1:first-child{border-right:none;flex:1 0 16px}
.flexR .selType1.type2{/*padding-left:16px;*/display:block;border-left:none;flex:1 0 16px}
.inpWrap .flexR + .selType1{margin-top:-1px}

.pagingBox{padding:0 8px;display:inline-block;min-width:42px;height:24px;font-size:0.875rem;line-height:24px;text-align:center;background:#f7f8f8;border-radius:12px;box-sizing:border-box}
.state{padding:1px 8px;display:-webkit-inline-flex;display:inline-flex;justify-content:center;min-width:37px;height:18px;font-size:0.75rem;line-height:18px;color:#fff;text-align:center;background:#f46600;border-radius:10px;box-sizing:border-box}
.state.lg{height:24px;font-size:0.875rem;line-height:24px;border-radius:12px}
.stateRect{padding:0 4px;display:-webkit-inline-flex;display:inline-flex;justify-content:center;min-width:37px;height:18px;font-size:0.75rem;line-height:18px;color:#fff;background:#ff0000;border-radius:4px;box-sizing:border-box}
.stateRect.lg{padding:0 8px;height:24px;font-size:0.875rem;line-height:24px;color:#fff;background:#ff0000;border-radius:4px;box-sizing:border-box}
.stateRect.sm{padding:0 2px;min-width:30px;height:16px;font-size:0.688rem;line-height:16px;border-radius:2px}
.stateRect.bg1{background:#f46600;color:#fff !important}
.stateRect.bg2{background:transparent;color:#f46600 !important;border:1px solid #f46600}
.btnRefresh{display:-webkit-inline-flex;display:inline-flex;align-items:center;width:24px;height:24px;vertical-align:top;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_refresh_24.png) no-repeat 0 0;background-size:24px auto}
.btnRefresh.type1{padding-right:16px;width:auto;height:auto;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_refresh_16.png) no-repeat 100% 50%;background-size:16px auto}
.fxStart{align-items:start !important}
.ico_exc{display:-webkit-inline-flex;display:inline-flex;vertical-align:middle;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_exclamation_16_grey.png) no-repeat 50% 50%;background-size:16px auto}
.ico_question{display:-webkit-inline-flex;display:inline-flex;vertical-align:middle;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/ico_question_16.png) no-repeat 50% 50%;background-size:16px auto}
.icoArrowR {padding-right:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_move.png) no-repeat 100% 50%;background-size:16px auto}

.infoMore span:after{content:"";display:inline-block;width:24px;height:24px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_down_24_000.png');background-size:24px;vertical-align:top;transition:transform 300ms}
.infoMore.active span:after{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_up_24_000.png');background-size:24px;transition:transform 300ms}
.imgChaChaCha{margin-right:8px;height:36px;font-size:0;vertical-align:bottom}

/* swiper.js css */
.swiper-container{position:relative;width:100%;padding:0;overflow:hidden;z-index:1}
.swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;width:100%;transition-property:transform;box-sizing:content-box;z-index:1}
.swiper-slide{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;width:100%;height:100%;padding:0;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;flex-shrink:0;transition-property:transform;-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);transition:all ease 0.5s;overflow:hidden}
.swiper-pagination{display:block;overflow:hidden;height:9px;margin:15px auto 0;text-align:center}
.swiper-pagination .swiper-pagination-bullet{margin-left:4px;display:inline-block;vertical-align:top;width:6px;height:6px;border:1px solid #000;border-radius:7px;text-indent:-9999px;opacity:.6}
.swiper-pagination .swiper-pagination-bullet:first-child{margin-left:0}
.swiper-pagination .swiper-pagination-bullet-active{background:#000}
.swiper-button-next{position:absolute;top:0;bottom:0;right:0;width:32px;height:100%;-webkit-tab-highlight-color:transparent;z-index:2}
.swiper-button-prev{position:absolute;top:0;bottom:0;left:0;width:32px;height:100%;-webkit-tab-highlight-color:transparent;z-index:2}

/*auto_style*/
.com_list.type2{border-top:1px solid rgba(0,0,0,.16)}
.com_list.type2 .paging{margin-top:148px;text-align:center}
.com_list.type2 .paging em{font-weight:bold}
.com_list.type2 .com_view .swipeArea .num_page{margin:0;padding:0 8px;display:inline-block;min-width:41px;height:24px;font-size:0.875rem;line-height:24px;background:#f7f8f8;border-radius:12px;box-sizing:border-box}
.com_list.type2 .selectManuf{margin:16px -16px 0;padding-top:24px;border-top:1px solid rgba(0,0,0,.16)}
.com_list.type2 .swipeInner{margin-top:24px;}
.com_list.type2 .swipeInner .btnNext{top:153px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/arr_r_24_000.png) no-repeat 50% 50%;background-size:24px auto}
.com_list.type2 .swipeInner .btnPrev{top:153px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/arr_l_24_000.png) no-repeat 50% 50%;background-size:24px auto}
.com_list.type2 .swipeInner .btnNext.disabled, .com_list.type2 .swipeInner .btnPrev.disabled{opacity:0.3}
.com_list.type2 .com_check ul li>.formWrap{background:#f8f9f9}
.com_list.type2 .com_check ul li>.formWrap.checked{background:#fff}
.com_list.type2 .com_check ul li>.formWrap label{height:64px;font-size:0.875rem}
.com_list.type2 .com_check ul li>.formWrap label span{margin-top:7px;width:37px;min-height:24px}
.tabList{touch-action:auto;}

/*common*/
.mt4 {margin-top:4px !important}
.mt_8{margin-top:-8px}
.btnRound2{margin:auto;display:inline-block;padding:0 24px;min-width:186px;height:40px;line-height:40px;background:#fff;border:1px solid rgba(0,0,0,.16);border-radius:20px;box-sizing:border-box}
.refer.type1{margin-top:16px}
.numList1{counter-reset:numList 0}
.numList1>li{padding-left:16px;}
.numList1>li:before{counter-increment:numList;content:counter(numList)')';display:inline-block;width:16px;margin-left:-16px;}
.ol_numList1>li{margin-bottom:8px;padding-left:18px;text-indent:-18px}
.ol_numList1>li .number{display:inline-block;width:18px;text-indent:0;vertical-align:top}
.ol_numList1 li > ul {margin-top:8px;text-indent:0;color:#696e76;font-size:0.875rem;line-height:1.429em}

.tbsList2.btNone{margin-top:0}
.tbsList2.btNone > li li strong{word-break: break-word; margin-left:16px;}
.tbsList2.btNone > li ul{padding-top:0}
.tbsList2.bbNone > li ul{padding-bottom:0}
.tbsList2.type1 > li li{align-items:flex-start}
.tbsList2.type2{padding:0;border-top:1px solid rgba(0,0,0,.16); padding:16px 0;}
.tbsList2.type2 > li > div{padding:8px 0}
.tbsList2.type2.last{border-bottom:0;padding-bottom: 0;}
.tbsList2.type2 > li + li,.borTop0{border-top:0; }
.tbsList2.type2.one{padding:16px 0;}
.tbsList2.type3{margin-top:0;padding:0}
.tbsList2.type3 > li{padding:16px 0}
.tbsList2.type3 > li > div{padding:8px 0;align-items:flex-start}
.tbsList2.type3 > li > div span{color:#696e76}
.tbsList2.type3 > li > div strong{font-weight:normal}
.tbsList2.type3.btNone > li{padding-top:0}
.tbsList2.type3.bbNone > li:last-child{padding-bottom:0}
.tbsList2.type3.btNone > li:first-child > div:first-child{padding-top:0}
.tbsList2.type3.bbNone > li:last-child > div:last-child{padding-bottom:0}

.listType2.type1{margin-top:8px;font-size:0.875rem;line-height:1.429em;color:#696e76}
.tabCont .toggleList{margin-left:-16px;margin-right:-16px}
.tabCont .searchConditionWrap .infoBox{padding-top:56px}
.tabBox:not(.type2) .tabCont .contArea{margin-left:-16px;margin-right:-16px}

.selType1.disabled.bgDisabled{background:#f2f2f2}
.selType1.disabled.bgDisabled a{color:#26282c}

/* basic.css도 있음*/
.btnText.smSize{display:inline-block;padding:0;font-size:14px;line-height:20px;white-space: nowrap}
.btnText.smSize:after{content:'';margin:2px 0 0 0;display:inline-block;width:16px;height:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/arrow_r_16.png) no-repeat center;background-size:16px;vertical-align:top}

/* basic_list */
.basic_list{margin-bottom:-20px}
.basic_list>li>a{display:block;position:relative;color:#26282c;padding:16px 40px 16px 16px;font-size:1.000rem}
.basic_list li a:after{content:'';display:inline-block;position:absolute;right:16px;top:50%;width:24px;height:24px;margin-top:-12px;background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png') no-repeat 0 0;background-size:24px;}
.basic_list>li+li{border-top:1px solid #ccc}
.basic_list>li.depth2{font-size:1.000rem;color:#26282c;padding:20px 0 0 20px}
.basic_list>li.depth2 .listType1{margin:10px 0}
.basic_list>li.depth2 .listType1 li{font-size:15px;margin-top:0}
.basic_list>li.depth2 .listType1 li:before{top:50%;margin-top:-2px}
.basic_list>li.depth2 .listType1 li a{display:block;position:relative;padding:10px 40px 10px 0;color:#26282c}
.ios .basic_list>li>a{padding:18px 40px 14px 16px}
.ios .basic_list>li.depth2 .listType1 li a{padding:12px 40px 8px 0}

.basic_list.imgLeft li{margin-left:16px}
.basic_list.imgLeft li:last-child{border-bottom:1px solid #ccc}
.basic_list.imgLeft li>a .con{position:relative;padding-left:48px;margin-top:8px}
.basic_list.imgLeft li>a .con .desc{margin-top:4px;font-size:0.875rem;line-height:1.43;color:#696e76}
.basic_list.imgLeft li>a .con .icon{position:absolute;left:-16px;top:50%;display:inline-block;width:48px;height:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.basic_list.imgLeft li>a .con .icon img{width:100%;height:auto}

.basic_list.brdTop{border-top:1px solid rgba(0,0,0,0.87)}
.basic_list.typeBdr{margin-bottom:0;border-top:8px solid #f2f2f2}
.basic_list.typeBdr1{border-top:8px solid #f2f2f2}
.basic_list.lastLine{border-bottom:1px solid rgba(0,0,0,.16)}
.basic_list.lastLine > li:last-child{border-bottom:none}
.basic_list.type1{margin-bottom:0;border-top:1px solid rgba(0,0,0,0.87)}
.basic_list.type2{padding-left:16px;border-top:8px solid #f2f2f2}
.basic_list.type2 .desc{margin-top:4px;font-size:0.875rem;line-height:1.425em;color:#696e76}
.basic_list.imgLefType1{border-bottom:1px solid rgba(0,0,0,.16)}
.basic_list.imgLefType1 > li a{padding:32px 40px 32px 0;min-height:104px;box-sizing:border-box}
.basic_list.imgLefType1 .con{position:relative;padding-left:128px}
.basic_list.imgLefType1 .con .icon{position:absolute;left:16px;top:50%;display:inline-block;width:96px;height:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.basic_list.imgLefType1 .con .icon img{width:100%;height:auto}
.basic_list .desc2{font-size:0.875rem;line-height:1.425em;color:#696e76}

.ios .basic_list.imgLefType1>li>a{padding:32px 40px 32px 0}
.contArea .basic_list.imgLeft li{margin-left:0}
.tabCont > .basic_list{margin-left:-16px;margin-right:-16px}

.loading1{position:fixed;left:50%;top:50%;margin:-6px 0 0 -24px;text-align:center;z-index:9999}
.loading1 img{width:48px}
.loadingDim1{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.25;z-index:9000}

/*중고차 금융에만 적용되는 부분*/
.layerWrap .popCont {overscroll-behavior:contain;-webkit-overflow-scrolling:auto;}

/* 210705 : C2C_안전결제서비스개선 */
.cpTxtBox.cash {background:#cdeaff;}
.ps_tit {font-size:16px; font-weight:bold; color:#000;}
.ps_list {margin-top:20px;}
.ps_list li{margin-top:16px; background-size:58px; background:#fff;}
.ps_list li:first-child {margin-top:0;}
.ps_list li.n2 a{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_c2c_hello_m.png') no-repeat 97% center; background-size:116px;}
.ps_list li.n3 a{background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_c2c_ziccha_m.png') no-repeat 97% center; background-size:116px;}
.ps_list li a {background:url('https://img1.kbcard.com/LT/cxh/kbcard_img/auto/usedcar/img_c2c_kbcha_m.png') no-repeat 97% center; background-size:116px; display:block; box-sizing:border-box; padding:20px 120px 20px 16px;  border-radius:8px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);}
.ps_list li a .txt {display:block; font-size:14px; color:#111; line-height:21px;}

/*25.03.07 : [자동차금융] 중고차 다이렉트 이용안내 변경*/
.summary-box__list {display: flex; flex-direction: row;}
.summary-box__item {position: relative; flex: 1; display: flex; flex-direction: column; padding: 2.5rem 0 0; font-size:0.875rem; line-height: 1.429rem; text-align: center; letter-spacing: -.5px;}
.summary-box__item:before {content: ""; display: block; position: absolute;  top: 0; left: 50%; width: 2.0rem; height:2.0rem; transform: translateX(-50%);  background-size: 100% auto;}
.summary-box__item--usedcar01::before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-line-usedcar01.svg);}
.summary-box__item--usedcar02::before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-line-usedcar02.svg);}
.summary-box__item--usedcar03::before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-line-usedcar03.svg);}
.summary-box__item--usedcar04::before {background-image: url(https://img1.kbcard.com/home_re/mo/ico/32/ico-line-usedcar04.svg);}
.sup-txt {position: relative; color: #696e76; padding-left:10px; margin-top: 4px; font-size:0.875rem; line-height: 1.429rem;    }
.sup-txt:before {content:'*'; display:block; position:absolute; left:0; top:0; }