@charset "UTF-8";

/******************************************
*  Created On : 2018 09 19
*  File : auto_style.css.css
*******************************************/
/*공통*/
.txtBox span{display:inline-block !important}
.txtBox.type2 span em{font-size:1.500rem}
.pl15{padding-left:15px !important}
.fixedBArea.row2 a{height:70px;line-height:1.5;box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:10px}
.fixedBArea.row2 a span.block{display: block}
.sub_btn_txt{display:block;font-size:1.000rem}
.car_tit{font-size:1.000rem}
.tbsType2.car_table .left{padding-left:12px}
.money_period{display:table;width:100%;padding:0}
.money_period>div{display:table-cell;vertical-align:middle}
.money_period .wave{display:table-cell;width:30px;vertical-align:middle;text-align:center}
.money_period .price{display:table-cell;width:30px;vertical-align:middle;text-align:left;padding-left:8px}
.infoBox.car_pre{padding:30px 20px 30px 110px;text-align:left;position:relative}
.infoBox.car_pre:before{content:'';display:inline-block;width:80px;height:80px;position:absolute;left:20px;top:50%;margin-top:-40px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_ban02.png) no-repeat 0 0;background-size:80px auto}
.statement .stateToggle.open{background:#fff !important}
.statement .stateToggle.open .more{background:#fff !important}
.statement .stateToggle .more{border-top:1px solid rgba(0, 0, 0, .24);border-bottom:1px solid rgba(0, 0, 0, .24)}
.car_state{overflow:hidden;display:inline-block;max-width:108px ;margin-right:4px;padding:4px;-webkit-border-radius:2px;border-radius:2px;background-color:#7f6ee3;-webkit-box-shadow:0, 2px, 4px, rgba(0, 0, 0, .24), 0, 2px 4px rgba(0, 0, 0, .12);box-shadow:0 2px 4px rgba(0, 0, 0, .24), 0 2px 4px rgba(0, 0, 0, .12);-webkit-box-sizing:border-box;box-sizing:border-box;font-size:12px;line-height:16px;color:#fff;text-overflow:ellipsis}
.none_blank{margin:0 -16px}
.on_blank{margin:0 16px}
.layerWrap.fullLayer .popCont.none{padding:0 0 60px 0}
.layerWrap .popCont > .contArea.pdType{padding:0 16px}
.infoBox.car_icon01{padding:30px 20px 30px 110px;text-align:left;position:relative}
.infoBox.car_icon01:before{content:"";display:inline-block;width:70px;height:60px;position:absolute;left:20px;top:50%;margin-top:-30px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_ban04.png);background-size:70px}
.popCont .infoBox1{padding: 32px 0;text-align: center}
.car_popWrap .pupKwdList.car_case ol li a:before{display:none}
.car_popWrap .pupKwdList.car_case em{font-weight:bold;color:#01a0c7}
.link_arr{display: inline-block;width: 24px;height: 24px;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/arr_r_24_000.png) no-repeat 0 0;background-size: 24px;vertical-align: bottom}
.car_loanbox{background:#f2f2f2;text-align:center;padding:16px;font-size:0.867rem}
.btnWhite.type01{line-height:24px !important;height:auto !important;min-height:48px !important;padding:8px 0}

.bt8Gray{border-top: 8px solid #eef1f2 !important}

.bb0{border-bottom: 0 !important}
.noBd{border: 0 !important}
.valignT{vertical-align: top !important}

.lineH20{line-height:1.250rem !important}

.vhide{visibility: hidden;position: absolute}

/*메인*/
.main_visual img{width:100%}
.main_visual .swiper > li{height: 266px}
/* 2019.01.29 수정작업 : 메인 배너 이전 다음 버튼 스타일 추가 시작 */
.main_visual .btnPrev{width:32px;height:100%;position:absolute;display:block}
.main_visual .btnNext{width: 32px;height: 100%;position: absolute;display: block;right: 0px;top: 0px}
/* 2019.01.29 수정작업 : 메인 배너 이전 다음 버튼 스타일 추가 종료 */
.autoMain .swiperCon .paging{position: absolute;bottom: 24px;left: 50%} 
.swiperCon.mEvtSlide{touch-action: none}
.tabList{touch-action: none}

.car_menuwrap{display:table;width:100%;border-bottom:1px solid #d6d6d6;border-top:8px solid #f2f2f2;margin-top: -6px}
.car_menuwrap li{display:table-cell;width:50%;text-align:center;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_menuwrap01.png) no-repeat 50% 24px;background-size:80px auto}
.car_menuwrap li:last-child{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_menuwrap02.png) no-repeat 50% 24px;background-size:80px auto;border-left:1px solid #d6d6d6}
.car_menuwrap li a{display:block;width:100%;height:100%}
.car_menuwrap li span{font-size:1.000rem;color:#26282c;font-weight:bold;padding:130px 0 30px 0;display:inline-block}
.car_menuwrap li span em{display:inline-block;width:24px;height:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/arr_r_24_000.png) no-repeat 0 0;background-size:24px;vertical-align:bottom}
.car_menuwrap.col3 {}
.car_menuwrap.col3 li {width:33.33%; border-left:1px solid #d6d6d6}
.car_menuwrap.col3 li:first-child {border-left:0}
.car_menuwrap.col3 li:nth-child(2){background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_menuwrap02.png)}
.car_menuwrap.col3 li:nth-child(3){background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_menuwrap03.png)}
/*.card_banner{border-bottom:8px solid #f2f2f2}*/
.card_banner li{background: #e6e6e6}
.card_banner li a{display:block;width:100%;height:100%}
.card_banner li img{width:100%}
.main_carlist{overflow:hidden;/*margin-right:-16px;*/}
.main_carlist li{/*float:left;*/ width:100%;padding-bottom:24px;border-bottom:1px solid #d6d6d6}
.main_carlist li:last-child{border-bottom:0}
.main_carlist li a{display:block;/*margin-right:16px*/}
.main_carlist li .img{text-align:center;width:100%;margin:0 auto;position:relative}
.main_carlist li .img img{width:100%}
.main_carlist li .car_txt{padding:0 4px;text-align:left;position:relative}
.main_carlist li .car_txt .logo{display:block;font-size:1.000rem;font-weight:bold;color:#26282c;margin-bottom:4px;margin-top:10px}
.main_carlist li .car_txt p{color:#26282c;font-size:0.938rem}
.main_carlist li .car_txt .sub_txt{margin-top:8px}
.main_carlist li .car_txt .sub_txt span{margin-right:16px;font-size:0.867rem;color:#696e76;display:inline-block;position:relative;width:auto}
.main_carlist li .car_txt .sub_txt span:after{content:'';position:absolute;width:1px;height:14px;background:#ccc;right:-9px;top:5px}
.main_carlist li .car_txt .sub_txt span:last-child:after{display:none}
.main_carlist li .main_price{color:#01a0c7 !important;font-size:1.000rem;font-weight:bold}
.car_sub_go{display:table;width:100%}
.car_sub_go li{display:table-cell;width:50%}
.car_sub_go li a{display:block;border:1px solid #d6d6d6;text-align:center}
.car_sub_go li:first-child{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_sub_go01.png) no-repeat 50% 10px;background-size:80px auto}
.car_sub_go li:last-child{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_sub_go02.png) no-repeat 50% 10px;background-size:80px auto}
.car_sub_go li:first-child a{margin-right:4px}
.car_sub_go li:last-child a{margin-left:4px}
.continue_box{padding:24px 16px;border-bottom:8px solid #f2f2f2}
.continue_box dl dt{font-weight:bold}
.snsBanner.continue_box{text-align:left}
/* 2018.10.31 증빙서류 전송용 css 추가 */
.car_sub_go li.getPic:first-child{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_ban03.png) no-repeat 50% 10px;background-size:80px auto}
.car_sub_go li.getImg:last-child{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_get_picture.png) no-repeat 50% 10px;background-size:80px auto}
/* EOC : 2018.10.31 증빙서류 전송용 css 추가 */
.car_sub_go li a span{padding:80px 0 20px 0;display:inline-block;font-size:1.000rem;color:#26282c;line-height:24px}
.car_sub_go li a span em{display:inline-block;width:24px;height:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/arr_r_24_000.png) no-repeat 0 0;background-size:24px;vertical-align:bottom}
.main_reference{padding:16px;box-sizing:border-box;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;margin-top:16px}
.main_reference dl dt{font-weight:bold;color:#26282c;margin-bottom:10px}
.main_reference dl{display:table-cell;padding-right:160px;box-sizing:border-box}
.main_reference .btnTel{display:block;text-align:left;position:relative}
.main_reference .btnTel:before{content:'';display:inline-block;position:relative;margin-right:5px;width:24px;height:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_call_24_000.png) 0 0;background-size:24px;vertical-align:top}
.main_time{position:relative;display:block;margin-top:10px}
.main_time:before{content:'';background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_time.png) no-repeat 0 0;width:24px;height:24px;background-size:24px;vertical-align:top;position:relative;vertical-align:top;margin-right:5px;display:inline-block}
.card_subbanner li{background: #e6e6e6}
.card_subbanner li a{display:block;width:100%;height:100%}
.card_subbanner li img{width:100%}



/* 진행상황조회 그래프영역 */
.stepCheckGraph{width:100%;height:200px;box-sizing:border-box;text-align:center;vertical-align:center;padding-top:50px}

.stepList ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:start;align-items:start;-webkit-box-pack:justify;-webkit-box-align:start;-webkit-box-flex:1;flex:1;color:#696e76;}
.stepList ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.stepList ul li:first-child{-webkit-box-flex:3;-webkit-flex:2;flex:3}
.stepList ul li:last-dhild{text-align:right}
.stepList ul.on{color:red}


/*이자금/원리금 선납*/
.interestPre .listType2{padding:0 16px}
.interestPre .listType2 li{font-size:14px;color:#888;margin-top:8px;margin-bottom:0}
.interestPre .info{padding:20px 0}

.amountBtnBox{margin-top: 5px}
.amountBtnBox ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:start;align-items:start;-webkit-box-pack:justify;-webkit-box-align:start;-webkit-box-flex:1;flex:1;color:#696e76;}
.amountBtnBox ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-right:5px}
.amountBtnBox ul li:last-child{padding-right:0}
.amountBtnBox ul li .btnAmt{display: inline-block;width: 100%;-webkit-border-radius: 3px;border-radius: 3px;font-size: 0.867rem;line-height: 1.43em;padding: 8px 8px;border: 1px solid #bbb;-webkit-border-radius: 3px;border-radius: 3px;background-color: #fff;box-sizing: border-box;text-align: center}

/*구매정보 안내*/
.carInfo{border-bottom: 1px solid rgba(0, 0, 0, .16)}
.carInfo .carTxt{display:block;position:relative;padding:16px 40px 16px 16px;z-index:1}
.carInfo .carTxt:after{content:'';background :url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/arr_down_24_000.png) no-repeat 0 0;background-size:24px;width:24px;height:24px;position:absolute;right:17px;top:50%;margin-top:-12px}
.carInfo.on .carTxt:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.carInfo strong.tit{display:block;margin-bottom:4px}
.carInfo.on strong.tit{margin-bottom:20px}
.carInfo .carLogo{vertical-align:top}
.carInfo .carLogo span{width:40px;display:inline-block;vertical-align:middle}
.carInfo .carLogo span img{width:100%}
.carInfo .cartoggleView,.carInfo .textView{background:#f8f9f9}
.carInfo .cartoggleView ul,.carInfo .textView ul{padding:0 16px}
.carInfo .cartoggleView ul li:last-child,.carInfo .textView ul li:last-child{border-bottom:0 none}
.carInfo .carLogo{vertical-align:top}
.carInfo .carLogo span{width:40px;display:inline-block;vertical-align:middle}
.carInfo .carLogo span img{width:100%}
.carInfo.on .carMoney{font-size:24px;color:#26282c}
.carInfo .carMoney{color:#26282c;font-size:18px}

.carInfo.text_type .carTxt:after{display:none}
.carInfo.text_type .carMoney{color:#26282c}

/* 새차할부 신청 App 다운로드 버튼 box + 버튼*/
.car_finance.lineBox {min-height:auto;position:relative;display:table;width:100%;padding:8px 12px}
.car_finance.lineBox dl{display:table-cell;width:80%}
.car_finance.lineBox .rBtn {display:table-cell;vertical-align:middle;width:20%;text-align:right}
.car_finance.lineBox .rBtn button {display:inline-block;padding:8px;vertical-align:top;box-sizing:border-box;color:#fff;background:#6b7079;border-radius:3px;font-size:0.867rem}

/*검색결과*/
.car_search_list{background:#f6f8f9;padding:16px 0 16px 16px;height:64px;box-sizing:border-box;-webkit-box-sizing:border-box}
.car_search_list ul{overflow:hidden;height:32px}
.car_search_list ul li{display:table;float:left;position:relative;margin-right:16px}
.car_search_list ul li.default p{padding:0 12px 0 10px}
.car_search_list ul li p{border-radius:4px;background:#6b7079;display:table-cell;height:32px;vertical-align:middle;text-align:center;color:#fff;font-size:0.867rem;padding:0 28px 0 10px}
.car_search_list ul li .btn_del{width:12px;height:12px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/btn_search_del.png) no-repeat 50% 50%;background-size:12px 12px;position:absolute;right:8px;top:10px}
.search_after{font-size:1.000rem}

/*차량 목록*/
.car_list{border-top:1px solid #212121}
.car_list.type1{border-top:0}
.car_list >li{border-bottom:1px solid #d6d6d6;position:relative}
.car_list > li a{display:block}
.car_list >li .car_state{position:absolute;left:1px;top:1px}
.car_list .photo_box{text-align:center;overflow:hidden}
.car_list .photo_box img{width:100%}
.car_list .detail_txt{padding:0 48px 16px 16px;position:relative}
.car_list .detail_txt li{font-size:1.000rem}
.car_list .detail_txt li:nth-child(1){font-size:0.867rem}
.car_list .detail_txt li.tit{font-weight:bold}
.car_list .detail_txt li.price{margin-top:4px;font-size:1.000rem}
.car_list .detail_txt.wish_car > .formWrap{position: absolute}
.car_list .detail_txt.wish_car > ul{margin-left:32px}
.sub_detail_txt{overflow:hidden;margin-top:8px}
.sub_detail_txt li{float:left;font-size:0.867rem !important;color:#696e76;margin-right:16px;position:relative;line-height:1.4}
.sub_detail_txt li:after{content:'';position:absolute;top:4px;right:-9px;width:1px;height:12px;background:#000;opacity:0.6}
.sub_detail_txt li:last-child:after{display:none}
.btn_product{width:24px;height:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/btn_product.png) no-repeat 0 0;background-size:24px;position:absolute;right:16px;top:5px}
.btn_product.on{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/btn_product_on.png) no-repeat 0 0;background-size:24px}
.car_list.uc .btn_product{bottom:84px}

.contArea.typeCar{border-top:8px;border-top-style:solid;border-top-color:#f2f2f2}

.buyBenefitBox{margin-top:15px;margin-bottom:18px}
.buyBenefitBox .contHead{width:100%;font-size:1.000rem;height:130px;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;background:#ace0d8 url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/img_buy_benefit.png) no-repeat right bottom;background-size:101px 96px}
.buyBenefitBox .contHead .topTxt{padding:30px 100px 0 20px;font-weight:bold}
.buyBenefitBox .contHead .topTxt span{display:block}
.contBody{padding:0 14px 20px 14px;border-left:1px solid #ececec;border-right:1px solid #ececec;position:relative}
.contBody:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:21px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_buy_car_benefit.gif) repeat-x left bottom;background-size:9px 6px}
.buyBenefitBox .imgArea{display:table;width:100%;line-height:32px}
.buyBenefitBox .imgArea .imgBox{display:table-cell;width:158px;padding-top:48px}
.buyBenefitBox .imgArea .imgTxt{display:table-cell;text-align:right;vertical-align:bottom;padding-right:14px;padding-bottom:10px}
.buyBenefitBox .imgArea .imgTxt span{display:block}
.buyBenefitBox .imgArea .imgBox img{width:100%}

.buyBenefitBox .midArea{margin-top:30px}
.buyBenefitBox .midArea dl dt{height:32px;border-bottom:1px solid rgba(33,33,33,0.87);line-height:32px}
.buyBenefitBox .midArea dl dd{padding-left:9px;display:table;width:100%;margin-top:20px;box-sizing:border-box;-webkit-box-sizing:border-box}
.buyBenefitBox .midArea dl dd div{display:table-cell;padding-right:9px}
.buyBenefitBox .midArea dl dd div:first-child{width:25%}
.buyBenefitBox .midArea dl dd div:last-child{text-align:right}
.buyBenefitBox .midArea dl dd div .money{font-size:1.500rem;color:#02aec4}
.buyBenefitBox .midArea dl dd div .card{display:inline-block;color:rgba(1,160,199,.6);border:1px solid #01a0c7;border-radius:100px;padding:0 5px;font-size:0.867rem}
.buyBenefitBox .midArea .total{height:28px;border-top:1px solid #d6d6d6;padding-top:15px;font-size:1.250rem;font-weight:bold;color:#696e76;}
.tail_txt{text-align:right}
.tail_txt span{position:relative;display:inline-block;font-size:0.813rem;color:#888;font-weight:normal}
.tail_txt span:before{content:'*';position:absolute;top:3px;left:-10px}

.paymentInfo{width:328px;height:344px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_road.png) no-repeat center top;background-size:285px 260px;position:relative;margin:50px 0 18px -164px;left:50%}
.paymentInfo ol{width:100%;height:100%;position:relative}
.paymentInfo ol li{color:#696e76;font-size:1.000rem;font-weight:bold;position:absolute;width:90px;text-align:center}
.paymentInfo ol li.on{color:#26282c;font-size:1.000rem;font-weight:bold}
.paymentInfo ol li:after{content:'';background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_road_point.png) no-repeat -30px 0;background-size:cover;width:30px;height:43px;position:absolute;top:-43px;left:50%;margin-left:-15px}
.paymentInfo ol li.on:after{content:'';background-position:0 0}
.paymentInfo ol li span{font-size:0.867rem;color:#888;font-weight:normal;position:relative;display:inline-block}
.paymentInfo ol li strong{display:block;color:#26282c;font-size:1.000rem}
.paymentInfo ol li {color:#696e76;}
/*할부금융 이용안내 step1*/
.paymentInfo ol li:first-child{left:52px;top:24px}
/*할부금융 이용안내 step2*/
.paymentInfo ol li:nth-child(2){right:36px;top:24px}
/*할부금융 이용안내 step3*/
.paymentInfo ol li:nth-child(3){width:100%;top:50%;margin-top:-24px;text-align:center}
/*할부금융 이용안내 step4*/
.paymentInfo ol li:nth-child(4){left:24px;top:50%;margin-top:98px}
/*할부금융 이용안내 step5*/
.paymentInfo ol li:nth-child(5){right:48px;top:50%;margin-top:98px}

.paymentInfo .car{width:56px;height:28px;position:absolute;left:20px;top:-7px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_road_car.png) no-repeat;background-size:cover}

.eventGuide{display:table;box-sizing:border-box;padding:0 0 16px 0}
.eventGuide .thumb{width:64px;padding-right:16px;text-align:center;line-height:0;display:table-cell;vertical-align:middle}
.eventGuide .thumb img{width:64px}
.eventGuide p{font-size:0.867rem;color:#696e76;display:table-cell;vertical-align:middle}


.va_mid{vertical-align:middle}

@media screen and (max-width:365px){
   .buyBenefitBox .contHead .topTxt em{display:block}
}

/*통합검색*/
/* 중고차 실매물검색창 case 일경우 필터 버튼 제거 2018.10.12 추가 */
/* 중고차 실매물검색창 case 일경우 필터 버튼 제거 2018.10.29 수정 */
#car_searchContent.no_filter .btnFilter{display: none}
#car_searchContent.no_filter .srchInput{margin-right:0 !important}
#car_searchContent.no_filter .car_searchArea .srchBtn{right:10px}
.car_searchArea{position:relative;background:#01a0c7}
.car_searchArea:after{content:'';display:block;clear:both}
.car_searchArea .srchInput{position:relative;margin-right:90px;background:#01a0c7}
.car_searchArea .srchInput input{width:90%;height:70px;padding:23px 50px 22px 20px;border:0 none !important;background:#01a0c7;font-size:1.125rem;line-height:24px;color:#fff !important;position:relative}
.car_searchArea .srchInput.new input{padding:23px 16px 22px 20px;width:90%}
.car_searchArea .srchInput.new .kwdDel{right:26px}
.car_searchArea .srchInput input::-webkit-input-placeholder{color:#fff}
.car_searchArea .srchInput input::-moz-placeholder{color:#fff}
.car_searchArea .srchInput input:-moz-placeholder{color:#fff}
.car_searchArea .srchInput .openArea{position:absolute;left:0;top:70px;z-index:1;width:100%}
.car_searchArea .srchInput input, .car_searchArea .srchInput input:focus, .car_searchArea .srchInput .kwdDel, .openArea .kwdList,.openArea .srchTit{position:relative;z-index:2}
.car_searchArea .srchInput .kwdDel{display: none;overflow:hidden;position:absolute;right:50px;top:20px;width:31px;height:30px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_del.png) no-repeat 50% 50%;background-size:21px 21px;text-indent:-9999rem}
.car_searchArea .btn_back{display:none;padding:12px;width:24px;height:24px;line-height:0;font-size:0;color:transparent;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/arr_l_24_000_b.png) no-repeat 50% 50%;background-size:24px 24px;position:absolute;left:16px;top:24px !important;z-index:2}
.car_searchArea .btn_back:after{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px}
/* 2019.01.29 수정작업 차량검색영역 수정 시작 */
.openArea {position:absolute;left:0;top:70px;z-index:910;width:100%;display:none}
/* 2019.01.29 수정작업 차량검색영역 수정 종료 */
.openArea .kwdDim{position:fixed;top:70px;left:0;bottom:0;right:0;z-index:1;background:rgba(0,0,0,0.3)}
.openArea .kwdList{padding:0 20px;background:#fff;position: relative;top:0}
.openArea .kwdList li+li{border-top:1px solid #ccc}
.openArea .kwdList li a{display:block;padding:14px 0}
.openArea .kwdList li a em{color:#ff6a00}
.car_searchArea .srchBtn{overflow:hidden;position:absolute;right:16px;top:15px;z-index:2;width:40px;height:40px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_search_y.png) no-repeat 50% 50%;background-size:20px 20px;text-indent:-9999rem}
.car_searchArea .srchInput.open{margin-right:0;z-index:13}
.car_searchArea .srchInput.open .openArea{display:block;width:100%}
.car_searchArea .srchInput.open .openArea input{color:#4d4f57}
.car_searchArea .btnFilter{position:absolute;right:16px;top:50%;margin-top:-25px;border:1px solid #fff;background:none;height:50px;line-height:50px;padding:0 11px 0 11px;color:#fff;font-size:1.000rem}
.car_searchArea .btnFilter>span:after{content:'';display:block;position:absolute;left:10px;top:50%;width:12px;height:12px;margin-top:-6px;vertical-align: middle}
.car_searchArea .car_popWrap{min-height:240px}
.car_popWrap .srchTit,.openArea .srchTit{height:44px;background:#eef1f2;color:#26282c;font-weight:bold;font-size:1.000rem;text-align:left;line-height:44px;padding:0 16px}
.car_popWrap .pupKwdList{padding:0 20px}
.car_popWrap .pupKwdList ol{counter-reset:num 0}
.car_popWrap .pupKwdList ol li+li{border-top:1px solid #e9e9e9}
.car_popWrap .pupKwdList ol li a:before{counter-increment:num;content:counter(num);display:inline-block;width:25px;margin:0 15px 0 -5px;font-size:1.125rem;text-align:center;vertical-align:-2px}
.car_popWrap .pupKwdList ol li a:before{color:#ff6c00}
.car_popWrap .pupKwdList ol li+li+li+li a:before{color:#888}
.car_popWrap .pupKwdList ol li a{display:block;padding:14px 0 12px;font-size:1.063rem}

.car_searchArea .srchInput.autoMain{margin-right:0}
.car_searchArea .contBox{height:70px;padding:0 16px;color:#fff;position:relative}
.car_searchArea .txtArea{width:50%;display:inline-block;top:50%;margin-top:-12px;position:absolute}
.car_searchArea .btnArea{position:absolute;right:16px;top:50%;margin-top:-20px;text-align:right}
.car_searchArea .btnArea .btn{padding:0 24px;border-radius:18px;background:#fff;line-height:40px;display:inline-block}
.car_searchArea .btnArea .btn:last-child{margin-left:3px}

/*필터*/
.com_list{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:16px 0}
.com_list.type1{border-top:8px solid #f4f4f4}
.btn_fil_pre{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/btn_fillter_arrow1.png) no-repeat 0 50%;width:24px;height:100%;display:block;background-size:24px;position:absolute;left:0;top:0}
.btn_fil_next{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/btn_fillter_arrow2.png) no-repeat 0 50%;width:24px;height:100%;display:block;background-size:24px;position:absolute;right:0;top:0}
/* margin-left:4px 추가 2018-10-12 */
.com_list .com_view{padding:0 32px;margin-left:4px;background:#fff}
.com_check{-webkit-box-sizing:border-box;box-sizing:border-box}
.com_check:after{content:"";display:block;height:0;clear:both}
.com_check ul{display:table;width:100%}
.com_check ul+ul{margin-top:10px}
.com_check ul li{width:33%;display:table-cell;padding-right:8px}
.com_check ul li:nth-child(3n){width:34%;padding-right:0}
.com_check ul li>.formWrap{width:100%;position:relative;display:table;text-align:center;background:#fff;border:1px solid rgba(0, 0, 0, .24);box-sizing:border-box;word-break:break-all}
.com_check ul li>.formWrap label span{display:block;text-align:center;width:40px;min-height:26px;margin:8px auto 0}
.com_check ul li>.formWrap label span img{width:100%;text-align:center;vertical-align:top}
.com_check ul li>.formWrap + .formWrap{margin-left:-1px;border-left-color:#ccc}
.com_check ul li>.formWrap>input{position:absolute;left:0;width:100%;height:100%;}
.com_check ul li>.formWrap label:before{display:none}
.com_check ul li>.formWrap label{width:100%;height:60px;display:block;text-align:center;padding:1px 4px;vertical-align:middle;color:#26282c;font-size:0.813rem;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}
/* 2019.01.31 수정작업 : 체크박스 접근성 포커스시 영역 을 위한 수정 시작 */
/* .com_check ul li>.formWrap label:after{content:'';position:absolute;top:-6px;left:-6px;width:24px;height:24px;-webkit-border-radius:12px;border-radius:12px;background:#448aff url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_check_16_fff.png') no-repeat center;background-size:16px;-webkit-box-shadow:0 1px 3px rgba(67, 138, 255, .9);-webkit-transform:scale(0);transform:scale(0)} */
/* 2019.01.31 수정작업 : 체크박스 접근성 포커스시 영역 을 위한 수정 종료 */
.com_check ul li>.formWrap.checked{border:2px solid #fc0 !important;background:#fff;z-index:2}
.com_check ul li>.formWrap.checked:before{content:'';position:absolute;top:-1px;bottom:-1px;left:-2px;width:1px;background:#fc0}
.com_check ul li>.formWrap.checked label{height:58px;color:#26282c}
/* 2019.01.31 수정작업 : 체크박스 접근성 포커스시 영역 을 위한 수정 시작 */
/* .com_check ul li>.formWrap.checked label:after{-webkit-transform:scale(1);transform:scale(1)} */
.com_check ul li>.formWrap.checked:after{content:'';position:absolute;top:-6px;left:-6px;width:24px;height:24px;-webkit-border-radius:12px;border-radius:12px;background:#448aff url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_check_16_fff.png') no-repeat center;background-size:16px;-webkit-box-shadow:0 1px 3px rgba(67, 138, 255, .9);-webkit-transform:scale(1);transform:scale(1)}
/* 2019.01.31 수정작업 : 체크박스 접근성 포커스시 영역 을 위한 수정 종료 */
.com_check label {cursor: pointer}
.com_check label span {pointer-events: none}

.car_case_list{-webkit-box-sizing:border-box;box-sizing:border-box;padding:32px 16px;border-top:8px solid #f4f4f4;position:relative;background:#fff}
.car_case_list div>.formWrap{-webkit-transform:translate3d(0,0,0)}
.car_case_list div>.formWrap.checked:after{content:'';position:absolute;top:-6px;left:-6px;width:24px;height:24px;-webkit-border-radius:12px;border-radius:12px;background:#448aff url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_check_16_fff.png') no-repeat center;background-size:16px;-webkit-box-shadow:0 1px 3px rgba(67, 138, 255, .9);-webkit-transform:scale(1);transform:scale(1)}
.car_case_list .radioSel>.formWrap.checked label{border:2px solid #fc0 !important;background:#fff;z-index:2}
.car_fuel_list{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 16px 35px 16px;border-top:8px solid #f2f2f2;height: 200px;background:#fff}
.car_fuel_list li{float:left;width:40%;margin-top:35px}
.car_fuel_list li:nth-child(3n){width:30%}
.car_fuel_list li:nth-child(3n+1){clear:both}
.car_fuel_list li:nth-child(2),.car_fuel_list li:nth-child(5){width:30%}
.car_price{-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px 16px 32px 16px;min-height:210px;border-top:8px solid #f2f2f2;background:#fff}
.drag_wrap{padding:70px 0 0 0}
.drag_area{position:relative}
.m_unit{position:absolute;right:0;top:-110px;font-size:0.867rem;color:#696e76;}
.drag{width:100%;position:relative;height:12px/*background:#eef1f2;border-radius:10px;-webkit-border-radius:10px*/}
.price_area{position:absolute;top:-68px;border:1px solid #d6d6d6;border-radius:4px;-webkit-border-radius:4px;padding:8px 14px;-webkit-box-sizing:border-box;box-sizing:border-box;width:240px;color:#01a0c7;font-size:1.000rem;font-weight:bold;background:#fff;text-align:center;left:50%;margin-left:-120px}
.price_area:before{content:'';display:block;position:absolute;left:50%;bottom:-12px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_price_arrow.png) no-repeat 0 0;width:12px;height:12px;background-size:12px auto;margin-left:-6px;z-index:10}
.price_input div{background:#f6f6f6;border-radius:5px;padding:15px 10px;width:100%;display:table;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}
.price_input div .in_area{display:table-cell;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;box-sizing:border-box;-webkit-box-sizing:border-box;width:auto;padding:0}
.price_input div .in_area input{width:100%}
.price_input div .in_area span {overflow:hidden;vertical-align: middle;padding:0 4px}
.price_input div .in_area *:not(span) {-webkit-box-flex:1}
/*.price_input div .in_area span.num{display:width:30px;text-align:left;vertical-align:middle;padding-left:8px}*/
.price_input div span.wave{display:table-cell;width:20px;vertical-align:middle;text-align:center}
.swipeArea{margin:-8px 0 0 -8px;padding:8px 0 0 8px}
.swipeArea > ul > li{padding-right: 12px}
.com_result{text-align:left;font-weight:bold;margin:16px 4px 0 0;padding:16px;background:#f4f4f4}
.com_view .swipeArea .num_page{margin-top:160px}

.cardInfo{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_cash_back.png) no-repeat 0 0;background-size:80px auto}
.cardInfo dl{padding-left:90px}
.cardInfo dl dt{font-size:1.000rem;font-weight:bold;margin-bottom:8px}
.cardInfo dl dd span{display:block;color:#01a0c7;font-weight:bold;font-size:0.938rem}
.cardInfo dl dd{color:#696e76;font-size:0.867rem}

/*수정이력 2018.10.24 디자인 변경으로 인해 이미지 밑 사이즈 조절*/
.car_step{position:relative}
.car_step:before{content:'';position:absolute;left:20px;top:0;width:14px;height:100%;background:#f2f2f2;border-radius:10px;-webkit-border-radius:10px;z-index: 1}
.car_step:after{content:'';position:absolute;left:26px;top:0;width:2px;height:100%;border-left:2px dashed #d0d0d0;z-index: 1}
.car_step .car{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_road_car.png) no-repeat 0 0;width:48px;height:48px;background-size: 48px 48px;display: block;position: absolute;left: 4px;top: 0;z-index: 10}
.car_step ol{padding-left:60px}
.car_step ol li{margin-bottom:50px;position:relative}
.car_step ol li:last-child{margin-bottom:0}
.car_step ol li:first-child{padding-top:34px}
.car_step ol li:first-child:before,.car_step ol li.on:first-child:before{top:30px}
.car_step ol li:before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point.png) no-repeat -32px 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step ol li.on:before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point.png) no-repeat 0 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.sub_case li{margin-bottom:30px}

/*2019.01.02 수정작업 : car_step2 추가*/
.car_step2{position:relative}
.car_step2:before{content:'';position:absolute;left:20px;top:0;width:14px;height:100%;background:#f2f2f2;border-radius:10px;-webkit-border-radius:10px;z-index: 1}
.car_step2:after{content:'';position:absolute;left:26px;top:0;width:2px;height:100%;border-left:2px dashed #d0d0d0;z-index: 1}
.car_step2 .car{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_road_car.png) no-repeat 0 0;width:48px;height:48px;background-size: 48px 48px;display: block;position: absolute;left: 4px;top: 0;z-index: 10}
.car_step2 ol{padding-left:60px}
.car_step2 ol li{margin-bottom:50px;position:relative}
.car_step2 ol li:last-child{margin-bottom:0}
.car_step2 ol li:first-child{padding-top:34px}
.car_step2 ol li:first-child:before,.car_step2 ol li.on:first-child:before{top:30px}
.car_step2 ol li:before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point.png) no-repeat -32px 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step2 ol li.on:before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point.png) no-repeat 0 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step2.sub_case li{margin-bottom:30px}
@keyframes car_shake{
    0%{left: 5px;margin-top: -3px}
    100%{right: 5px;margin-top: +3px}
}
/*수정이력 2018.10.24 디자인 변경으로 인해 이미지 밑 사이즈 조절*/

.car_step.color ol li:first-child:before, .car_step.color ol li.on:first-child:before{top:30px !important}
.car_step.color ol li:nth-child(1):before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point1.png) no-repeat -32px 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color ol li:nth-child(1).on:before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point1.png) no-repeat 0 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color ol li:nth-child(2):before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point2.png) no-repeat -32px 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color ol li:nth-child(2).on:before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point2.png) no-repeat 0 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color ol li:nth-child(3):before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point3.png) no-repeat -32px 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color ol li:nth-child(3).on:before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point3.png) no-repeat 0 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color ol li:nth-child(4):before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point4.png) no-repeat -32px 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color ol li:nth-child(4).on:before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point4.png) no-repeat 0 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color ol li:nth-child(5):before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point5.png) no-repeat -32px 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color ol li:nth-child(5).on:before{content:'';position:absolute;left:-48px;top:-4px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_car_point5.png) no-repeat 0 0;width: 32px;height: 32px;background-size: cover;z-index: 2}
.car_step.color1{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/img_carstep.png) no-repeat 100% 100%}
 

div.priceSlider {width: 100%}
div.priceSlider .slider {-webkit-appearance: none;width: 100%;height: 12px;border-radius: 5px;background: #eef1f2;outline: none;position: absolute;top: 0} 
div.priceSlider .slider:hover {opacity: 1}
div.priceSlider .slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;outline: none;position: relative;width: 24px;height: 24px;background:transparent url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/btn_car_price.png) no-repeat;background-size:cover;cursor: pointer;z-index: 10;border:0; border-radius:50%;overflow:hidden;}
div.priceSlider .slider::-moz-range-thumb {-webkit-appearance: none;appearance: none;outline: none;position: relative;width: 24px;height: 24px;background:transparent url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/btn_car_price.png) no-repeat;background-size:cover;cursor: pointer;z-index: 10;border:0; border-radius:50%;overflow:hidden;}

.drag_wrap .label{display: -webkit-box;display: -webkit-flex;display: flex}
.drag_wrap .label span{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1}
.drag_wrap .label span:first-child{padding-left:7px}

/* div.priceSlider .slider::-webkit-range-track{position:relative;z-index: -1}
div.priceSlider .slider::-moz-range-track {position: relative;z-index: -1} 
div.priceSlider .slider:last-child::-moz-range-track{-moz-appearance: none;background: none transparent} 
*/

.banner_box{position:relative;border-top:8px solid #f4f4f4;margin:0 -16px}
.banner_box.img01:after{width:80px;height:80px;content:'';display:inline-block;position:absolute;right:16px;top:30px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_ban03.png) no-repeat 0 0;background-size:80px}
.banner_box:before{content:'';position:absolute;top:-9px;left:0;height:1px;width:100%;background:#e9e9e9}
.banner_box:after{width:80px;height:80px;content:'';display:inline-block;position:absolute;right:16px;top:30px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_ban01.png) no-repeat 0 0;background-size:80px}
.banner_box dl{padding:24px 110px 16px 16px;background:#fff;border-top:1px solid #e9e9e9}
.banner_box dl dt{font-size:1.125rem;color:#26282c;margin-bottom:8px;font-weight:bold}
.banner_box dl dd{font-size:1.000rem;line-height:1.5;color:#26282c}
.banner_box .btn_area{margin:0 16px}
.banner_box .btn_area a{width:100%}
.banner_box .sub_txt{margin:0 16px}
.banner_box .procBox{display:block;margin:16px;box-sizing:border-box;-webkit-box-sizing:border-box;width:auto;padding:16px;background: #f8f9f9}
.banner_box .procBox a{font-weight:bold;display:block;margin-top:4px}

/*차량상세*/
.car_photo_list{position:relative}
.car_photo_list .photo{width:100%;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.car_photo_list .photo img{width:100%}
.car_photo_list .num_page{text-align:center;color:#26282c}
.car_photo_list .num_page em{font-weight:bold}
.car_photo_list .car_prev{background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/btn_fillter_arrow1.png) no-repeat 0 50%;width:24px;height:100%;display:block;background-size:24px;position:absolute;left:0;top:0}
.car_photo_list .car_next{background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/btn_fillter_arrow2.png) no-repeat 0 50%;width:24px;height:100%;display:block;background-size:24px;position:absolute;right:0;top:0}
.car_photo_list.swipeInner .numPaging{position: relative;top: 0;right: 0}
.car_photo_list .car_state{position:absolute;left:1px;top:1px}
.car_photo_list .swiper li a{display:block}


.car_detail_txt{position:relative}
.car_detail_txt.type01 .combineArea{padding:0 16px}
.car_detail_txt dt{position:relative;display:table}
.car_detail_txt.type01 dt{padding:0 16px}
.car_detail_txt dt span{width:40px;padding-right:8px;display:inline-block;margin-top:2px}
.car_detail_txt dt span img{width:100%}
.car_detail_txt dt em{display:table-cell;vertical-align:middle;font-size:1.125rem;color:#26282c;font-weight:bold;width:100%;padding-right:50px}
.car_detail_txt dt em.p_none{padding-right:0}.car_detail_txt .btn_product{top:0;right:0}
.car_detail_txt.type01 .btn_product{right:16px}
.car_option{border-top:1px solid #d6d6d6}
.car_option li{border-bottom:1px solid #d6d6d6;padding:20px 8px;box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;position:relative}
.car_option li strong{display:block;margin-left:32px;font-size:0.867rem;font-weight:normal}
.car_option li span.formWrap{display:block}
.car_option li span.formWrap label{font-size:0.867rem;color:#696e76;padding-left:28px;text-indent:-30px}
.car_total{border-top:1px solid #d6d6d6;display:table;width:100%;padding:20px 0;box-sizing:border-box;-webkit-box-sizing:border-box}
.car_total dt{display:table-cell;width:30%;padding-left:8px;font-size:1.000rem;font-weight:bold}
.car_total dd{display:table-cell;width:70%;text-align:right;padding-right:8px;color:#f76900;font-size:1.000rem}
.car_total dd em{font-size:1.500rem}

/*차량상세_사진보기*/
.car_big_photo li{border:1px solid #d6d6d6;margin-bottom:24px;overflow:hidden}
.car_big_photo li img{width:100%}

/*차량및할부정보입력*/
.car_view{overflow:hidden}
.car_view img{width:100%}

/*더보기버튼 닫기*/
.moreBtn.close a span:after{content: '';display:inline-block;width: 24px;height: 24px;margin-left: 4px;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_up_24_000.png);background-size: 24px;vertical-align:top; transform: rotateX(0); -webkit-transform: rotateX(0);}
/*할부신청 바로보기 버튼 텍스트 depth 조정*/
.setupList.carFnc .abTxt{z-index:-1}

.sendInfo .infBox{padding:16px;border: 1px solid #d6d6d6;box-sizing: border-box}
.sendInfo .infBox dl dt{line-height: 1.313em;font-weight: bold;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_map_16_000.png) no-repeat -3px 2px;background-size:20px auto;padding-left:20px}
.sendInfo .infBox dl dd {font-size:0.938rem;margin-top:8px}
.sendInfo .infBox dl dd span{display:block}
.sendInfo .infBox .add{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_map_16_000.png) no-repeat -3px 2px;background-size:20px auto;padding-left:16px}
.sendInfo .infBox p{font-size:0.938rem}

.lineBox2.carFnc em{display:block}
/* 판매가격 그래프 2018.10.15 추가 */
.car_graph{border:1px solid #e1e1e1;padding:16px 16px 24px 16px;height:280px;position: relative;margin-top: 16px}
.car_graph .unitTxt{font-size:0.867rem;color: #696e76}
.car_graph .bar{height: 20px;width: 100%;background:#dde1e4;position: relative;top: 50%;margin-top:-16px;border-radius: 5px}
.car_graph .bar:before{content: '';width: 24px;height: 24px;position: absolute;left: -2px;top: 0;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_graph_endpoint.png) no-repeat 0 0;background-size: cover;margin-top: -2px;z-index: 20}
.car_graph .bar:after{content: '';width: 24px;height: 24px;position: absolute;right: -2px;top: 0;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_graph_endpoint.png) no-repeat 0 0;background-size: cover;margin-top: -2px;z-index: 20}
.car_graph .bar .progress{background: rgba(255,204,0,.25);display: inline-block;position: absolute;top: 0;left: 0;height: 20px;width: 0;z-index: 1;border-top-left-radius: 10px;border-bottom-left-radius: 10px}
.car_graph .bar .ruler{background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_graph_ruler.png) repeat-x;position: absolute;left: 0;top: 5px;height: 10px;width: 100%;background-size: 32px 8px;z-index: 10;margin-top: 1px}
.car_graph .salePriceBox, .car_graph .avgPriceBox{display: inline-block;position: absolute;text-align: center}
.car_graph .salePriceBox{width: 48px;height: 48px;position: absolute;bottom: 0;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_graph_salepoint.png) no-repeat;background-size: cover;left: 10px;z-index: 30;margin-left: -24px}
.car_graph .avgPriceBox{width: 48px;height: 48px;position: absolute;top: 0;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_graph_avgpoint.png) no-repeat;background-size: cover;left: 50%;z-index: 30;margin-left: -24px}
.car_graph .salePriceBox .dataBox{position: absolute;top: -62px}
.car_graph .salePriceBox .dataBox .price{background: #ffcc00;padding: 6px 12px;display: inline-block;border-radius: 5px;color: #fff;font-size: 1.000rem;font-weight: bold;position: relative}
.car_graph .avgPriceBox .dataBox{position: absolute;top: 50px}
.car_graph .avgPriceBox .dataBox .price{background: #7f6ee3;padding: 6px 12px;display: inline-block;border-radius: 5px;color: #fff;font-size: 1.000rem;font-weight: bold;position: relative}
.car_graph .salePriceBox .txt, .car_graph .avgPriceBox .txt{font-size: 0.813rem}
.car_graph + .end_box{background:#f9f9f9;border:1px solid #e1e1e1;margin-top:-1px;text-align:center}
.car_graph + .end_box p{padding:20px 0}


/*중고차 실매물검색*/
.schRsRealImg{width:100%;margin-top:16px;position:relative}
.schRsRealImg img{width:100%}
.schRsRealImg .car_state{position:absolute;left:1px;top:1px}

.infoTit1{padding: 16px;border-radius: 5px 5px 0 0;background: #90939b;color: #fff;margin-top: 16px;font-size: 0.867rem;line-height: 1.429em}
@media screen and (max-width: 360px){
    .infoTit1{font-size:0.813rem}
}
.loanCancelCalendar{margin: 0;overflow: hidden}
.loanCancelCalendar img{width: 100%;display: block}

.tbsList1.clpsList1{border-top:0 none}
.tbsList1.clpsList1 li{border-bottom: none;color: #696e76;padding-left:32px;position:relative}
.tbsList1.clpsList1 li:before{content:'';position:absolute;width:3px;height:55px;background:#f2f2f2;position:absolute;left:10px;top:25px}
.tbsList1.clpsList1 li:last-child:before{display:none}
.tbsList1.clpsList1 li:after{content: '';width:24px;height:24px;position: absolute;left:0;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_loan_sts_off.png) no-repeat;background-size: cover}
.tbsList1.clpsList1 li.on > span, .tbsList1.clpsList1 li.on > strong{color:#26282c}
.tbsList1.clpsList1 li.on > strong,.tbsList1.clpsList1 li.on > span{font-weight: bold}
.tbsList1.clpsList1 li.on:after{content: '';width:24px;height:24px;position: absolute;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_loan_sts_on.png) no-repeat;background-size: cover}

.tbsList1.clpsList2{border-top: 0}
/* 금융리스 info box 내 버튼 패딩 조정 */
@media screen and (max-width: 320px){
    /* .btnBox.finLs .btnS{padding: 9px 12px} */
    .ios .btnBox.finLs .btnS{padding: 10px 12px 8px}
}

.paymentList.auto > ul > li > a:after{content: '';display: inline-block;position: absolute;right: 16px;top: 50%;margin-top: -40px}
.paymentList.auto > ul > li.imgPicture > a:after{width: 80px;height: 80px;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_get_picture.png) no-repeat;background-size: 80px}
.paymentList.auto > ul > li.imgKbApp > a:after{width: 80px;height: 80px;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_kbcard_app.png) no-repeat;background-size: 80px}

.reference.cdTelBox{padding: 24px 16px 48px;box-sizing: border-box}
.reference.cdTelBox dl dd{display: table;width: 100%}
.reference.cdTelBox dl dd > * {display: table-cell;width: 50%;vertical-align: middle}

.fabBox{position: fixed;bottom: 50px;right: 16px;width: 48px;z-index: 9999}
.fabBox .fab{position: fixed;bottom: 50px;right: 18px;width: 48px;height: 48px;background: #7f6ee3;border-radius: 50%;box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, .4);z-index: 10000}
.fabBox .fab:after{content: '';width: 48px;height: 48px;position: absolute;left: 0;top: 0;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_fab_cross.png) no-repeat center center;background-size:12px 12px}
.fabBox .fab.open:after{animation-name: fabOpen;animation-duration: .25s;animation-fill-mode: forwards}
.fabBox .fab.close:after{animation-name: fabClose;animation-duration: .25s;animation-fill-mode: forwards}
/* 2019.01.28 수정작업 : fab 닫기 추가 시작*/
.fabBox .fabClose{position: fixed;bottom: 50px;right: 18px;width: 48px;height: 48px;background: #7f6ee3;border-radius: 50%;box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, .4);z-index: 10000}
.fabBox .fabClose:after{content: '';width: 48px;height: 48px;position: absolute;left: 0;top: 0;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_fab_cross.png) no-repeat center center;background-size:12px 12px}
.fabBox .fabClose.open:after{animation-name: fabOpen;animation-duration: .25s;animation-fill-mode: forwards}
.fabBox .fabClose.close:after{animation-name: fabClose;animation-duration: .25s;animation-fill-mode: forwards}
/* 2019.01.28 수정작업 : fab 닫기 추가 종료*/
@keyframes fabOpen {
    from{-webkit-transform: rotateZ(0deg) scale(1);transform: rotateZ(0deg) scale(1)}
    to{-webkit-transform: rotateZ(135deg) scale(1.5);transform: rotateZ(135deg) scale(1.5)}
}
@keyframes fabClose {
    from{-webkit-transform: rotateZ(135deg) scale(1.5);transform: rotateZ(135deg) scale(1.5)}
    to{-webkit-transform: rotateZ(0deg) scale(1);transform: rotateZ(0deg) scale(1)}
}
.fabBox .fabItems{width: 56px;margin-left: -6px;position: relative;height: 0;z-index: 9999}
.fabBox .fabItems a{margin-bottom: 0px;display:block;position: relative;right: -4px;width: 48px;height: 48px;background: #fff;border-radius: 50%;box-shadow: 0px 0px 7px 2px rgba(0,0,0,.16)}
.fabBox .fabItems a span{position: absolute;min-width: 120px;right: 56px;line-height: 48px;text-align: right;font-size: 1.000rem;color: #fff;font-weight: bold}
.fabBox .fabItems a.item1:after{content: '';width: 48px;height: 48px;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_fab_item1.png) no-repeat center center;background-size: 24px 24px;position: absolute}
.fabBox .fabItems a.item2:after{content: '';width: 48px;height: 48px;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_fab_item2.png) no-repeat center center;background-size: 24px 24px;position: absolute}
.fabBox .fabItems a.item3:after{content: '';width: 48px;height: 48px;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_fab_item3.png) no-repeat center center;background-size: 24px 24px;position: absolute}
.fabBox .fabItems a.item4:after{content: '';width: 48px;height: 48px;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_fab_item4.png) no-repeat center center;background-size: 24px 24px;position: absolute}

.fabDim {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.75;filter:alpha(opacity=75);z-index:9000}

/* 캐시백 이벤트 신청 화면 상단 infoBox */
.infoBox.cbEvent{margin:0;border-radius:0;padding: 32px 16px 24px;background: url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_cashback_event_top.gif) no-repeat;background-size: cover}/*https://tm.kbcard.com/FNC/DVIEW/MFDMCXHIAFLCD0074*/
.infoBox.cbEvent .tit{color: #fff;font-size: 1.000rem;font-weight: bold}
/* transigion: all(모든속성) 200ms(duration밀리세컨드) 300ms(delay 밀리세컨드) 이징 */
.infoBox.cbEvent > img{margin-top: 44px;position: relative;margin-left: 100%;/*-webkit-transform: translateX(150%);transform: translateX(150%);opacity: 0;animation-name: cbEventCar;animation-duration: .5s;animation-delay: .5s;animation-fill-mode: forwards;animation-timing-function: ease-out*/}
@keyframes cbEventCar {to{-webkit-transform: translateX(0);transform: translateX(0);opacity: 1}}   
.infoBox.cbEvent .priceBox{margin: 10px 24px 0;background: rgba(0,0,0,.3);border-radius: 24px;opacity: 0;animation-name: priceBox;animation-duration: 3s;animation-delay: .5s;animation-fill-mode: forwards;animation-timing-function: ease-out}
.infoBox.cbEvent .priceBox dl{display: table;width: 100%;padding: 12px 18px;box-sizing: border-box}
.infoBox.cbEvent .priceBox dl dt{display: table-cell;width: 40%;font-size: 0.867rem;line-height: 0.867rem;color: #fff;position: relative;text-align: left}
.infoBox.cbEvent .priceBox dl dt:after{content: '';width: 1px;height: 16px;background: rgba(255,255,255,.3);display: inline-block;position: absolute;right: -8px;line-height: 0.867rem;top: 4px}
.infoBox.cbEvent .priceBox dl dd{display: table-cell;font-size: 0.867rem;line-height: 0.867rem;color: #fff;text-align: right}
.infoBox.cbEvent .priceBox dl dd em{display: inline}
@keyframes priceBox {to{opacity: 1}}

.lineList.cbEvent{border-top: none}
.lineList.cbEvent > li{padding: 20px 0}
.lineList.cbEvent > li dl{margin-left: 56px}
.lineList.cbEvent > li .ico{width: 40px;float: left}
.lineList.cbEvent > li .ico img{width: 100%}
.lineList.cbEvent > li:last-child dd p:last-child{line-height:1.429em}

/*중고차 카드결제*/
.infoBox.oldcar {margin:0;border-radius:0;padding:0; background:none;}
.infoBox.oldcar .bg_img {width:100%;}
.infoBox.oldcar > .car_img {margin:-60px 0 auto;}
.oldcar_link_banner li:first-child {margin-top:0;}
.oldcar_link_banner li {margin-top:16px; border-radius:16px;}
.oldcar_link_banner li a {box-sizing:border-box; display: flex; flex-direction: column; justify-content: center;  padding:24px 30px 24px 16px; position:relative;}
.oldcar_link_banner li a:before {content:''; display:block; position: absolute; top: 50%; right: 7px; width: 24px; height: 24px; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/arr/arr_r_24_000.png) no-repeat center center; background-size:24px auto; -webkit-background-size:24px auto; transform: translateY(-50%);}
.oldcar_link_banner li a strong {display:block; font-size:16px; color:#26282c;}
.oldcar_link_banner li a .s_txt {display:block; font-size:12px; color:#696e76; margin-bottom:5px; font-weight:600;}
.oldcar_link_banner li a .in_txt {display:block; font-size:14px; margin-top:5px; color:#26282c;}


.gpCar{width:133px;height:80px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/gp_car.png) no-repeat;background-size:cover;position:relative;left:50%;margin-left:-66.5px}
.gpCar:before{content:'';width:133px;height:80px;display:block;position:absolute;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/gp_car_mask.png) no-repeat;background-size:cover;left:0;top:0;z-index:1}
.gpCar:after{content:'';width:32px;height:32px;position:absolute;left:50.5px;top:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_loan_sts_simbol.png) no-repeat;background-size:cover}
.gpCar.cancel:after{content:'';width:32px;height:32px;position:absolute;left:50.5px;top:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_loan_sts_cancel.png) no-repeat;background-size:cover}
.gpCar.none:after{content:'';width:32px;height:32px;position:absolute;left:50.5px;top:24px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_loan_sts_none.png) no-repeat;background-size:cover}
.gpCar .gage{display:inline-block;background:aqua;width:100%;height:50%;overflow:hidden;position:absolute;bottom:0;left:0}
.carwave{background: #fad748;display: inline-block;width: 2px;height: 0;position: absolute;bottom:0}
.carwave.st1{animation:wave1;-webkit-animation:wave1;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.carwave.st2{animation:wave2;-webkit-animation:wave2;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.carwave.st3{animation:wave3;-webkit-animation:wave3;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
.carwave.st4{animation:wave4;-webkit-animation:wave4;animation-duration:1s;-webkit-animation-duration:1s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}
@keyframes wave1{0%{height:10%}50%{height:30%}100%{height:25%}}
@keyframes wave2{0%{height:10%}50%{height:25%}100%{height:50%}}
@keyframes wave3{0%{height:10%}50%{height:50%}100%{height:75%}}
@keyframes wave4{0%{height:10%}50%{height:50%}100%{height:100%}}

p.refer{margin-top:8px}

/**********************************************2018.10.11 이후 작업*/
.car_infobox{position:relative;border-top:8px solid #f4f4f4;border-bottom:8px solid #f4f4f4}
.car_infobox:before{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background:#e9e9e9}
.car_infobox:after{content:'';position:absolute;left:0;top:-9px;width:100%;height:1px;background:#e9e9e9}
.car_infobox dl{padding:20px 16px 16px 16px;box-sizing:border-box;-webkit-box-sizing:border-box}
.car_infobox dl:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e9e9e9}
.car_infobox dl:after{content:'';position:absolute;left:0;bottom:-9px;width:100%;height:1px;background:#e9e9e9}
.car_infobox dl ul dl{padding:0}
.car_infobox ul{display:table;width:100%;margin-top:16px}
.car_infobox ul li{display:table-cell;width:50%;text-align:center;border-right:1px solid #d6d6d6}
.car_infobox ul li:last-child{border-right:0}
.car_infobox ul li dt{display:inline-block;font-size:0.867rem;color:#01a0c7;border:1px solid #01a0c7;box-sizing:border-box;-webkit-box-sizing:border-box;height:24px;line-height:24px;padding:0 10px;border-radius:16px;margin-bottom:12px}
.car_infobox ul li dd span{display:block;font-size:1.000rem;font-weight:bold;color:#26282c}

.car_detail_info{position:relative;background:#eef1f2;text-align:center}
/* .car_detail_info:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e9e9e9}
.car_detail_info:after{content:'';position:absolute;left:0;bottom:-9px;width:100%;height:1px;background:#e9e9e9} */
.car_detail_info dl{position:relative;padding:20px 16px}
.car_detail_info dl dt{color:#26282c;font-weight:bold;font-size:1.000rem !important;line-height:1.500em}
.car_detail_info dl dd{}
.car_detail_info dl dd p{font-size:1.500rem;vertical-align:baseline;color:#01a0c7;height:34px;margin-top:8px;border-top:1px solid rgba(0,0,0,.16);padding-top:16px}
.car_detail_info dl dd p span{font-size:1.000rem;padding-left:8px;display:inline-block}

/*중고차 차량상세*/
.car_icon_option{position:relative}
.car_icon_option:after{content:'';display:block;clear:both;height:0}
.car_icon_option li{float:left;width:25%;height:96px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box}
.car_icon_option li:nth-child(1){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo02.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li.on:nth-child(1){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo02_over.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li:nth-child(2){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo08.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li.on:nth-child(2){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo08_over.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li:nth-child(3){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo03.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li.on:nth-child(3){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo03_over.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li:nth-child(4){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo01.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li.on:nth-child(4){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo01_over.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li:nth-child(5){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo04.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li.on:nth-child(5){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo04_over.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li:nth-child(6){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo07.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li.on:nth-child(6){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo07_over.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li:nth-child(7){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo06.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li.on:nth-child(7){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo06_over.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li:nth-child(8){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo05.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li.on:nth-child(8){background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_junggo05_over.png) no-repeat 50% 8px;background-size:48px auto}
.car_icon_option li span{display:block;padding-top:60px;font-size:0.867rem;line-height:1.4;color:#696e76}
.car_icon_option li.on span{color:#26282c}
.car_sub_option{overflow:hidden;border-top:1px solid #d6d6d6}
.car_sub_option li{width:50%;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;text-align:left;padding:16px 0;background:#f7f9fa}
.car_sub_option li span{color:#696e76;font-size:0.867rem;display:inline-block;position:relative;padding-left:28px}
.car_sub_option li:nth-child(2n){border-right:1px solid #d6d6d6}
.car_sub_option li.on{background:#fff}
.car_sub_option li.on span{color:#26282c;font-size:0.867rem;display:inline-block;position:relative}
.car_sub_option li.on span:before{content:'';width:20px;height:20px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_check.png) no-repeat 0 0;background-size:20px auto;position:absolute;left:6px;top:0}

.car_graph{border:1px solid #d6d6d6;box-sizing:border-box;-webkit-box-sizing:border-box}

.map_area_txt{border:1px solid #d6d6d6;box-sizing:border-box;-webkit-box-sizing:border-box}
.map_area_txt dl{padding:16px}
.map_area_txt dt span{font-size:1.000rem;font-weight:bold;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_map_16_000.png) no-repeat 0 0;background-size:20px auto;padding:0 12px 0 24px;position:relative}
.map_area_txt dt span:before{content:'';position:absolute;right:2px;top:4px;width:1px;height:12px;background:rgba(0, 0, 0, .6)}
.map_area_txt dd{ box-sizing:border-box;-webkit-box-sizing:border-box;margin-top:8px;position:relative}
.map_area_txt dd .tit{font-weight:bold;margin-bottom:8px;background:#f4f4f4;box-sizing:border-box;-webkit-box-sizing:border-box;padding:8px 16px}
.map_area_txt dd .tit span{display:block;font-size:0.867rem;font-weight:normal;color:#696e76;}
.map_area_txt dd .phone{background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_phone.png) no-repeat 0 9px;background-size:24px auto;padding-left:26px;display:table}
.map_area_txt dd .phone a{font-size:1.000rem;display:table-cell;vertical-align:middle;text-decoration:underline;line-height:1.4;height:40px}
.map_area_txt dd .address{font-size:0.867rem;line-height:1.4;margin-top:8px}
.map_area_txt dd .btnS{position:absolute;right:0;bottom:0}

.junggo_filer{border-top:8px solid #f2f2f2;background:#fff}
.junggo_com_check{-webkit-box-sizing:border-box;box-sizing:border-box}
.junggo_com_check:after{content:"";display:block;height:0;clear:both}
.junggo_com_check ul{display:table;width:100%}
.junggo_com_check ul li{width:23%;display:table-cell;height:96px;margin-bottom:16px;margin-right:8px}
.junggo_com_check ul li:nth-child(4n){margin-right:0}
.junggo_com_check ul li span{padding-top:0}
.junggo_com_check ul li>.formWrap{width:100%;position:relative;display:table;text-align:center;box-sizing:border-box;word-break:break-all}
.junggo_com_check ul li>.formWrap label span{display:block;text-align:center;width:auto;margin:0 auto}
.junggo_com_check ul li>.formWrap label span img{width:100%;text-align:center}
.junggo_com_check ul li>.formWrap + .formWrap{margin-left:-1px;border-left-color:#ccc}
.junggo_com_check ul li>.formWrap>input{position:absolute;left:0;width:100%;height:100%;visibility:hidden}
.junggo_com_check ul li>.formWrap label:before{display:none}
.junggo_com_check ul li>.formWrap label{width:100%;height:96px;display:table-cell;text-align:center;padding:3px 4px;color:#26282c;font-size:0.867rem;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.2 !important}
.junggo_com_check ul li>.formWrap label em{display:block;padding-top:57px}
.junggo_com_check ul li>.formWrap label em span{display:inline}
@media screen and (max-width: 350px){
    .junggo_com_check ul li>.formWrap label em span{display:block}
    .junggo_com_check ul li{height:100px}
    .junggo_com_check ul li>.formWrap label{height:100px}
    .junggo_com_check ul li>.formWrap.checked label{height:100px !important}
}
@media screen and (max-width: 330px){
    .junggo_com_check ul li{width:22.3%}
    .junggo_com_check ul li>.formWrap label{font-size:0.813rem}
}
.junggo_com_check ul li>.formWrap label:after{content:'';position:absolute;top:-6px;left:-6px;width:24px;height:24px;-webkit-border-radius:12px;border-radius:12px;background:#448aff url('https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/16/ico_check_16_fff.png') no-repeat center;background-size:16px;-webkit-box-shadow:0 1px 3px rgba(67, 138, 255, .9);-webkit-transform:scale(0);transform:scale(0)}
.junggo_com_check ul li>.formWrap.checked{border:2px solid #fc0 !important;z-index:2}
.junggo_com_check ul li>.formWrap.checked:before{content:'';position:absolute;top:-1px;bottom:-1px;left:-2px;width:1px;background:#fc0}
.junggo_com_check ul li>.formWrap.checked label{height:96px;color:#26282c}
.junggo_com_check ul li>.formWrap.checked label:after{-webkit-transform:scale(1);transform:scale(1)}

.map_area{box-sizing:border-box;-webkit-box-sizing:border-box}
.map_area img{width:100%}

.web_loading .loading_box{width:280px;position:fixed;left:50%;top:50%;margin-left:-140px;margin-top:-140px;background:#fff;border-radius:5px;-webkit-border-radius:-5px;z-index:1001;-webkit-box-shadow:0px 17px 34px -20px rgba(0,0,0, .65);box-shadow:0px 17px 34px -20px rgba(0,0,0, .65);box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;padding:16px}
.web_loading .loading_box:before{content:'';width:80px;height:80px;position:absolute;left:50%;top:16px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_loading.gif) 50% 0;background-size:80px auto;margin-left:-40px}
.web_loading .dimm{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);z-index:1000}
.web_loading .loading_box dl{margin-top:88px}
.web_loading .loading_box dl dt{font-weight:bold;margin-bottom:8px}
.web_loading .loading_box dl dd{font-size:0.938rem;line-height:1.3}
.web_loading .loading_box .time_area{border:1px solid #d6d6d6;width:150px;font-weight:bold;text-align:center;margin:0 auto;padding:4px 0;margin-top:8px}
.web_loading .loading_box p{font-size:0.867rem;color:#696e76;line-height:1.3;margin-top:12px}

.web_loading .m_loading{width:120px;height:120px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/bg_loading.png) no-repeat 0 0;background-size:120px auto;position:fixed;left:50%;top:50%;margin-left:-60px;margin-top:-60px;z-index:1001}
.web_loading .m_loading img{width:118px;margin:1px 0 0 1px}

.case_list li{box-sizing:border-box;-webkit-box-sizing:border-box;padding:32px 16px;border-bottom:8px solid #f4f4f4}
.case_list li:last-child{border-bottom:0}

.txt_car li{display:table;width:100%}
.txt_car li span{font-size:1.000rem;display:table-cell;text-align:right}
.txt_car li span strong{color:#01a0c7}
.txt_car li em{font-size:1.000rem;display:table-cell;text-align:left}
.txt_car li:last-child{margin-top:8px}

.autoOtherList{font-size:1.000rem;line-height:1.500em;margin-top:9px}
.autoOtherList > li{margin-bottom:10px;padding-left:20px;text-indent:-20px}
.autoOtherList > li:last-child{margin-bottom:0}
.autoOtherList > li span{display:inline-block;width:16px;padding-right:4px;vertical-align:top;color:currentColor;text-indent:0}
.autoOtherList .listType2 li {text-indent: 0}

/* 이용방법 안내 팝업 증빙서류 제출 방법의 리스트 */
.useInfoList{border: 1px solid #ccc;padding:0 16px;font-size:0.867rem;line-height:1.429em}
.useInfoList ul li{padding-left:20px;text-indent:-10px;border-bottom:1px dotted #ccc;height: 64px;line-height: 64px}
.useInfoList ul li span{display:inline-block;width:16px;padding-right:4px;vertical-align:top;color:currentColor;text-indent:0}

.useInfoList ul li:last-child{border-bottom: 0}
.useInfoImg img{border:1px solid rgba(0, 0, 0, .16)}

.pre_loan{position:relative;padding:24px 8px;border:1px solid rgba(0, 0, 0, .16)}
.pre_loan ul li{text-align:center}
.pre_loan ul li:first-child{padding-bottom:20px;border-bottom:1px solid rgba(0, 0, 0, .16)}
.pre_loan ul li:last-child{padding-top:20px}
.pre_loan ul .rate{font-size:1.125rem;line-height:1.333em;color:#01a0c7}
.pre_loan ul .rate .pre{margin-bottom:36px;position:relative}
.pre_loan ul .rate .pre:after{content:'';position:absolute;width:15px;height:11px;background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/ico_pre_loan.png) no-repeat 0 0;background-size:15px 11px;left:50%;margin-left:-7px;bottom:-24px}
.pre_loan ul .rate .pre span{display:block;text-decoration:line-through}
.pre_loan ul .rate b{font-size:0.867rem;line-height:1.429em;color:#696e76;font-weight:normal;display:block}
.pre_loan ul .rate .pre,.pre_loan ul .rate .pre em{font-size:18px;line-height:24px;color:rgba(0,0,0,.4)} 
.pre_loan ul .rate .pre b{text-decoration:none}

.carFinance{padding:0;position:relative}
.carFinance > a{display:block;padding:32px 116px 32px 24px;font-size:0.867rem;line-height:1.43em}
.carFinance .depTit2{margin-bottom:16px}
.carFinance .img{display:block;position:absolute;right:16px;top:50%;width:80px;height:80px;margin-top:-40px}
.carFinance .img img{height:80px}

.carFinance{margin-bottom:-20px}
.carFinance>ul>li{background:#fff;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;margin-top:8px}
.carFinance>ul>li .inner{position:relative;padding:24px 16px 24px}
.carFinance>ul>li .inner:after{content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-35px;width:70px;height:70px;background:url(https://img1.kbcard.com/cxh/ia_img/SV/bg_payment_list1.png) no-repeat 0 0;background-size:70px 70px}
.carFinance>ul>li.img01 .inner, .carFinance>ul>li.img02 .inner{padding-right:100px}
.carFinance>ul>li.img01 .inner:after, .carFinance>ul>li.img02 .inner:after{top:10px;right:16px;width:80px;height:80px;margin-top:0px;background-size:80px 80px}
.carFinance>ul>li.img01 .inner:after{background-image:url(../../kbcard_img/auto/ico_finance01.png)}
.carFinance>ul>li.img02 .inner:after{background-image:url(https://img1.kbcard.com/LT/cxh/kbcard_img/main/ico_loan_80.png)}
.carFinance>ul>li .inner .tit{display:block;font-size:18px;line-height:24px;color:#26282c;margin-bottom:8px}
.carFinance>ul>li .inner .tit:after{content:'';display:inline-block;width:8px;height:24px;background:url(https://img1.kbcard.com/cxh/ia_img/common/ico_arr24_b.png) no-repeat right center;background-size:8px 13px;margin-left:10px;vertical-align:top}
.carFinance>ul>li .inner .txt{display:block;font-size:16px;line-height:24px;color:#26282c}
.carFinance .refer{margin:20px 0 0 20px;color:#26282c}

/* 2019.04.02  : 지역별 안심 제휴 중고차 판매점 레이어팝업 */
.usedcarLayer{padding-top:56px;}
.usedcarLayer .tabCont {margin-top:0;} 
.usedcarLayer .usedcarlist li {padding:32px 16px; border-bottom:solid 1px rgba(0,0,0, 0.16); letter-spacing:-0.2px;}
.usedcarLayer .usedcarlist li > strong {margin:0;}
.usedcarLayer .usedcarlist li > a.call {display:inline-block; padding:16px 0 0 0; color:#01a0c7;}
.usedcarLayer .usedcarlist li > a.call:before {content:""; display:inline-block; padding-right:8px; width:24px; height:24px; background:url("https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_call_24_000.png")no-repeat 0 0; background-size:24px 24px; vertical-align:bottom;}
.usedcarLayer .usedcarlist li > span.map {display:block; padding-top:8px; text-indent:-32px; margin-left:32px;}
.usedcarLayer .usedcarlist li > span.map:before {content:""; display:inline-block; height:24px; background: url("https://img1.kbcard.com/LT/cxh/kbcard_img/common/ico/basic/24/ico_map_24_000.png")no-repeat 0 0; background-size: 24px 24px; vertical-align:bottom; padding-left: 32px;}

/* 2019.04.25  : 오토론 선한도 조회기능추가 (국산탭 ) */
.com_list.auto_installment .swipeArea {padding:8px 0 0 7px;}
.com_list.auto_installment {margin:0 -16px 0; padding:32px 0 0 0;}
.com_list.auto_installment:after {content:""; display:block; margin-top:32px; border-top:8px solid #f2f2f2; background:#fff; box-shadow:0 -1px 0 0 rgba(0,0,0,0.16);}
.com_list.auto_installment .com_check > ul {border:1px solid rgba(0, 0, 0, .24); box-sizing:border-box;}
.com_list.auto_installment .com_check > ul:nth-of-type(2) {margin-top:0; border-top:none;}
.com_list.auto_installment .com_check > ul > li {padding-right:0;}
.com_list.auto_installment .com_check > ul > li:nth-of-type(2) {border:1px solid rgba(0, 0, 0, .24); border-top:none; border-bottom:none;}
.com_list.auto_installment .com_check > ul > li .formWrap {border:none !important;}
.com_list.auto_installment .com_check > ul > li .formWrap label {padding:0 4px; padding-bottom:8px; line-height:17px;}
.com_list.auto_installment .com_check > ul > li>.formWrap.checked:before {bottom:-2px; width:100%; background:none; border:2px solid #fc0 !important}

.container.none {padding-bottom:60px}
.container.none .makeArea {margin: 0 -16px;}
.container.none .makeArea .depTit3 {margin:32px 16px 16px;}
.container.none .makeArea.filterLayer {display:block !important;}
.container.none .com_list.type1 {border-bottom: 8px solid #f4f4f4;}

.withTxt input[type='text'] {display:inline-block; width:150px; height:auto; padding:0; border:0; border:1px solid rgba(0, 0, 0, 0.16); border-radius:3px; line-height:1.500em;}
.withTxt input[type='text']:focus {padding:0; border-color:#ffd012;}

/* 200217_추가 금리인하요구권 신청 및 처리절차 */
.lineList.rate_cut {border-top:2px solid #111;}
.lineList.rate_cut > li {display:table;width:100%;padding:20px 0;}
.lineList.rate_cut > li .ico {display:table-cell;width:64px;vertical-align:middle;}
.lineList.rate_cut > li .ico img {width:100%;}
.lineList.rate_cut > li dl {display:table-cell;padding-left:13px;}
.lineList.rate_cut > li:last-child dd p:last-child{line-height:1.429em}
.lineList.rate_cut .dash {padding-left:12px;margin-top:8px;text-indent:-12px;font-size:1.000rem !important;line-height:1.500em;}
.lineList.rate_cut .dash:before {content:"-";display:inline-block;width:12px;text-indent:0;}

/* 210416_새차 살때 */
.newCarSlimList ul li {padding: 24px 16px 20px; border-top: 8px; border-top-style: solid; border-top-color: #f2f2f2;}
.newCarSlimList ul li:first-child {border:none;}
.newCarSlimList ul li a.icon {position: relative; display: inline-block; padding-right: 32px; margin: 4px 0 5px;}
.newCarSlimList ul li a.icon .i_arrow{position: absolute; top: 50%; right: 7px; width: 24px; height: 24px; margin-top: -12px; line-height: 0;}
.newCarSlimList ul li a img {width: 100%; height: auto;}


.layerWrap.service .popTop {height: 50px; letter-spacing: -0.5px;}
/* .layerWrap.service .popTop strong {padding: 14px 16px;} */
.layerWrap.service .popCont {padding-top:16px;padding-bottom: 24px;}
.layerWrap.service .pf_btnArea > a {height: 48px; font-size: 0.938rem; font-weight: bold; line-height: 48px; letter-spacing: -0.3px;}
.layerWrap.service .imgArea {margin: 8px 0 32px 0;}
.layerWrap.service .imgArea img {display: block; width: 100%;}
.layerWrap.service .listType01 dt {margin-bottom: 8px; font-size: 0.938rem; color: #333; line-height: 20px; font-weight: bold; letter-spacing: -0.3px;}
.layerWrap.service .listType01 dd {padding-left: 10px; font-size: 0.875rem; color: #666; line-height: 20px; letter-spacing: -0.3px;}
.layerWrap.service .listType01 dd strong {color: #1f4496; font-weight: 600;}
.layerWrap.service .listType01 dd + dt {margin-top: 24px;}

.layerWrap .popTop{display:table;width:100%;height:55px;border-bottom:0px solid #1f4496;overflow:hidden}
.pf_btnArea.pf_Bcol2 > a {width:50%;}
.pf_btnArea > a {display:inline-block; width:100%; float:left; text-align:center; height:56px; position:relative; background:#6b7079; color:#fff; font-size:1.125rem; line-height:56px;}
.pf_btnArea > a > span {display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:1.125rem;}
.pf_btnArea .active {background:#ffcc00; color:#222;}
.pf_contFixBtn {position:fixed;bottom:0;left:0;width:100%;z-index:99;display: flex;padding: 0.5rem 1rem 1.5rem;background: #fff;box-shadow: 0 -1rem 1rem 0 #fff;box-sizing: border-box;}

/*240322 : [자동차금융] 자동차금융 메인 화면 변경(모바일)*/
.carloan-top-banner {position:relative; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/carloan_top_bg_new.png) no-repeat center center; background-size:cover; padding:1.5rem 165px 1.5rem 1.0rem; color:#fff; height:152px; box-sizing:border-box;}
.carloan-top-banner:before {content:''; display:block; position:absolute; right:-48px; top:0; background:url(https://img1.kbcard.com/LT/cxh/kbcard_img/auto/carloan_car_img_new.png) no-repeat center center; background-size:228px auto; width:228px; height:152px;}
.carloan-top-banner_tit {font-size:1.250rem; line-height:1.4; font-weight:bold;}
.carloan-top-banner_txt {font-size:0.875rem; line-height:1.43; margin-top:8px;}
.carloan-list {padding:1.0rem;}
.carloan-list li {border-top:1px solid #eff2f7; }
.carloan-list li:first-child {border-top:none;}
.carloan-list li a {padding:1.0rem 1.0rem 1.0rem 0; display:flex; align-items: center; justify-content: space-between;}
.carloan-list__cont {flex: 1;}
.carloan-list__tit {font-size:1.0rem; font-weight:bold; display: block;}
.carloan-list__txt {font-size:0.875rem; display:block;}
.carloan-list__img {flex: 0 0 auto; width:40px;}
.carloan-list__img img {width:100%;}
.carloan-banner li {margin-top:16px;}
.carloan-banner li:first-child {margin-top:0;}
.carloan-banner li a {display:block;}
.carloan-banner li a img {vertical-align:top; width:100%;}

/* 240424 새차살때 화면변경 */
.car_searchArea.newcar-search-area {background:#f7f7fa;}
.car_searchArea.newcar-search-area .srchInput {background:#f7f7fa;}
.car_searchArea.newcar-search-area .srchInput input {height:72px;background:none; color:#696e76 !important;}
.car_searchArea.newcar-search-area .srchInput input::-webkit-input-placeholder{color:#696e76}
.car_searchArea.newcar-search-area .srchInput input::-moz-placeholder{color:#696e76}
.car_searchArea.newcar-search-area .srchInput input:-moz-placeholder{color:#696e76}
.car_searchArea.newcar-search-area .btnFilter {margin-top:-20px;border:1px solid #8c949e;border-radius:4px;height:40px;line-height:40px;padding:0 16px 0 16px;color:#26282c;font-size:0.875rem}
.car_searchArea.newcar-search-area .btn_back {filter: invert(100);opacity: 0.6;}
.car_searchArea.newcar-search-area .srchInput .kwdDel {background: url(https://img1.kbcard.com/home_re/mo/ico/24/ico-close-g.svg) no-repeat 50% 50%;background-size: 21px 21px;}

.newcar-prdlist li {margin-top:12px; padding:24px 16px; border-radius:12px; box-shadow:0 2px 8px 0 rgb(0, 0, 0, 0.16);}
.newcar-prdlist--subtit {font-size:0.75rem;font-weight: 600; color:#007eff; line-height:1.67;}
.newcar-prdlist--tit {position: relative;display: inline-block;padding-right: 32px;margin-top:4px; :font-size:1rem;}
.newcar-prdlist--tit .i_arrow{position: absolute; top: 50%; right: 7px; width: 24px; height: 24px; margin-top: -12px; line-height: 0;}
.newcar-prdlist--tit img {width: 100%; height: auto;}
.newcar-prdlist--desc {margin-top:12px; font-size:0.875rem; color:#484b51; line-height:1.43;}

/*24.06.19 : 새차살때 메인화면 변경*/
.newcar-prdlist.btn-cont li {position:relative; padding:24px 62px 24px 16px;}
.newcar-prdlist.btn-cont li .go-carlink {display: inline-block; position: absolute; right: 12px; bottom: 24px; padding: 4px 12px; background-color: #fc0; border-radius: 6px; color: #26282c;
    font-size: 14px;}
    
/*25.12.15 : [자동차금융] 근저당 설정등록 신청서 및 위임장 추가*/
.ml32 {margin-left: 2.0rem;}
.txt-sign {position:relative; display:inline-block;}
.txt-sign--circle:before, .txt-sign--triangle:before, .txt-sign--rectangle:before {content:''; display:block; position:absolute; left:50%; top:50%; width:44px; height:44px; 
background-size:44px auto; -webkit-background-size:44px auto; margin-left:-22px; margin-top:-22px; z-index:1; background-position: center center; background-repeat: no-repeat;}
.txt-sign--circle:before {background-image:url(https://img1.kbcard.com/home_re/mo/img/finance/stamp-circle-mo.png);}
.txt-sign--triangle:before {background-image:url(https://img1.kbcard.com/home_re/mo/img/finance/stamp-triangle-mo.png);}
.txt-sign--rectangle:before {background-image:url(https://img1.kbcard.com/home_re/mo/img/finance/stamp-rectangle-mo.png);}