@charset "utf-8";
button.memberonly,button{cursor: pointer !important;}
/* 기획전 */
/* .page-tit + .tab-menu.eventTab{margin-top:20px} */
.event-list-wrap{overflow: hidden;margin:0 -10px}
.event-list-wrap > ul > li{float:left;width:386px;padding:10px;}
.event-list-wrap .evnt_img{width:384px;border:1px solid #ededed;height:218px;}
.event-list-wrap .evnt_img > img{width:100%;height:100%}
.event-list-wrap .evnt_date{border-top:1px solid #dedede;padding-top:15px;color:#676767;font-size:14px;;margin-bottom:10px }
.evnt_tit{padding:15px 0;font-size:18px;margin-top:10px }
.eventTab + .layout-sub-section.event-area{margin-top:30px}
.event-area + .pagination{margin-top:30px}
.event-top-banner{margin-top: 40px}
.dl_evnt{border-top:2px solid #000;overflow:hidden;padding:30px 0}
.dl_evnt .tit_l{float:left;font-size: 18px;font-weight: bold}
.dl_evnt .date_r{float:right;color:#676767;line-height: 18px}
.event-list-wrap > .no-result > li{width:100%;padding: 30px 0 50px;text-align: center;border-bottom:1px solid #ccc;color:#666}
/* SMS발송이력 */
.tbl-sms th,
.tbl-sms td{padding:10px 0;line-height:20px;}
.tbl-sms th{font-size:15px;}
.tbl-sms .left{font-size:15px;text-align:left;color:#000;padding-left:15px}

/* 이벤트 */
.ev_lv{min-width:30px;height:24px;line-height: 24px;color:#fff;font-size: 12px;text-align: center;border-radius:2px;padding:0 10px;display: inline-block}
.ev_ing{background:#54b4b8;}
.ev_end{background:#888888;}
.ev_winner{background:#f78046;}
.dt_view{border-top: 2px solid #000;border-bottom: 1px solid #ccc;padding:28px 20px 25px 20px}
.ev_tit{font-size: 18px;font-weight: bold;color:#000}
.ev_titArea{overflow: hidden;margin-top:15px}
.dd_view{padding:50px 0}
.dd_view img{max-width:100%}
.prevNext{border:1px solid #000;border-width: 1px 0}
.tblPvNt th,.tblPvNt td{height:49px;vertical-align: middle;text-align: center;}
.tblPvNt th{color:#000}
.tblPvNt td{color:#646464;}
.cont_status{border:1px solid #ccc;border-width: 1px 0;background:#fafafa}
.cont_status a{color:#000}
.tblPvNt .context{text-align: left;padding-left:20px}
.eventImg > img{width:100%}

/* 일판게시판 */
.tbl-nt01{border-top:2px solid #000;text-align: center;}
.tbl-nt01 th{height:54px;color:#000;font-weight:bold;font-size: 15px}
.tbl-nt01 th,.tbl-nt01 td{border-bottom:1px solid #ccc;vertical-align: middle;}
.tbl-nt01 td{height:50px;color:#666}
 td.td_tit{text-align: left;padding-left:20px}
 td.td_tit a{color:#000;font-size:15px}
.btnSearch{background:#545454;height:30px;width:76px;color:#fff}
.tblWrap{margin-bottom:20px}
/* ellipsis*/
.ellipsis2{display:block;overflow:hidden;text-overflow: ellipsis;white-space: normal; line-height:28px; height:56px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}

/*고객후기*/
/* .layout-sub-section.csReview{margin-top:20px} */
.csReviewWrap{border-top:2px solid #000;overflow:hidden}
.csReview_listWrap{margin:20px -6px;overflow:hidden}
.list_top{overflow: hidden;margin-bottom:20px}
.totalTxt{color:#5b5a5a;font-size: 13px;display: inline-block;}
.totalTxt > em{color:#f04040;font-weight: bold;font-size: 16px}
.selctS{width:115px;display: inline-block;}
.selctS + .totalTxt{margin-left:20px;line-height:30px}
.selectSearch select{margin-right:10px;float:left}
.csReview_list{display:block;overflow:hidden;}
.csReview_list > li{width:25%;float:left;display:block}
.csReview_list > li > .inBdrBox{margin:12px 6px}
.reviewimgR{width:200px;height:200px;border-radius:50%;overflow: hidden;position: relative;display:inline-block;}
.reviewimgR > img{max-width:300px;max-height:300px;top:0;left:0;min-width:220px;min-height:220px;position: absolute;}
.bigger { transition: all .2s ease-in-out; }
.bigger:hover,.inBdrBox a:hover .bigger{ transform: scale(1.07); }
.csReview_list > li > .inBdrBox{height:398px;}
.inBdrBox{background:#f6f6f6;border:1px solid #e8e8e8;overflow: hidden;text-align: center;padding: 30px}
.cs_rv_tit{margin:30px 0 5px 0;color:#777;}
.cs_rv_tit span{line-height:24px}
.cs_rv_tit > .lv_sellbuy{margin-right:10px}
.cs_rv_tit2{font-size:20px;color:#222;}
.lv_sellbuy{display:inline-block;padding:0 10px;min-width:30px;color:#fff;font-size:12px;text-align: center;border-radius: 2px;line-height:24px}
.bgBlue{background:#4471cb}
.bgRed{background:#f04040}
.cs_review > .ellipsis2{height:72px;line-height:24px;color:#666;-webkit-line-clamp:3;}
.cs_review{margin-top: 15px}
.li_listBtn.btn-area{text-align: right;margin:30px 7px}
.csReview_listWrap .no-result{text-align: center;overflow:hidden}
.csReview_listWrap .no-result li{width:100%;border:1px solid #e8e8e8;padding:60px 0}
.csReviewTop{border:1px solid #e8e8e8;background:#f6f6f6;padding:54px 50px 54px 415px;position: relative;}
.csReviewTit{position: relative;}
    .lvArea{position: relative;}
    .lvDate{font-size: 15px;color:#777;position: absolute;right:0;top:0;line-height:24px}
.csReviewTit .p_cs_tit{margin-top:20px}
.cs_name{font-size:15px;padding-left:10px}
.p_cs_tit{font-size: 32px;}
.cs_contReview{line-height: 28px;padding:40px 50px 50px 415px;font-size:15px;color:#666;min-height:340px}
.cs_contReview img{max-width:100%}
.cs_contReview > p{line-height: 28px;font-size:15px;color:#666}
.cs_imgArea{position: absolute;top:50px;left:55px}
.cs_img{width:298px;background:#fff}
.cs_img > img{width: 100%;}
.csCar{font-size:15px;margin:20px 0 10px }
.w100p{width:100% !important}
.cs_imgArea .btnRed{width:178px}
.li_info > li{margin-bottom:10px;font-size: 13px}
.li_info > li:last-child{margin-bottom: 0}
.cswriteAgree{margin-top:20px;}
.cswriteAgree .msg{font-size:13px;color:#666;padding-right:20px}
.tbl-top .tbl_total{color:#5a5a5a}
.tbl-top.needTxt{text-align: right;margin:-20px 0 10px}

/* 글쓰기 table */
.tbl_w01{border-top:2px solid #000;}
.tbl_w01 tbody th{color:#000;font-size:15px;text-align: left}
.tbl_w01 tbody td,.tbl_w01 tbody th{border-bottom:1px solid #ccc;vertical-align:middle;}
.tbl_w01 tbody td{padding:19px 20px 19px 0}
.tbl_w01 textarea.w100p{height:300px}

/*파일첨부*/
input[type="text"].img-file-att{width:430px;margin-right:10px;}
.btn-att{display:inline-block;margin-right:10px;width:75px;line-height:30px;background:#545454;color:#fff;text-align:center;}
.btn-att:hover{color:#fff;}


.addFile .comment-att-img{margin-left:10px}
.comment-att-img .btn-cancel{display:inline-block;margin-left:12px;width:16px;height:16px;background:url(../../img/hp/btn/btn-cancel.png) no-repeat;}


.btnArr{background:url(../../img/hp/btn/btn_arr.png) left center no-repeat;width:7px;height:14px;display:inline-block;margin:0 0 2px 7px; vertical-align: middle;}
.selectGr select{margin-right:10px;float: left}
input[type="text"].inputfile{width:430px}
.inputfile + .btnFile{margin-left:10px}
.Txtred{color:#f04040 !important}

.autoCmpList{display:none;z-index:50;position: absolute;left:0;top:69px;background:#fff;width: 780px;min-height:40px;padding:5px 0;overflow:hidden;box-shadow: 0 8px 8px rgba(0,0,0,0.18);max-height:280px;overflow-y:auto;}
.autoCmpList > ul > li{height:40px;line-height: 40px;display: block;padding-left:30px;font-size:17px}
.autoCmpList > ul > li:hover{background:#f8f8f8;}
.autoCmpList > ul > li > a > em{color:#f04040;font-weight: bold}

/* 내가 찜한 차량 */
.wishListWrap{overflow:hidden;border-bottom:1px solid #ccc}
.tblwishList{border-top:2px solid #000;}
.tblwishList td{padding:29px 0;text-align:left;vertical-align: top;}
.tblwishList tr td{border-top:1px solid #ccc}
.wishCarImg{width:188px;height:150px;border:1px solid #e2e0e1;position: relative;}
.wishCarImg .sale-end-area{position: absolute;top:0;left:0;background:rgba(0,0,0,0.5);width:188px;height:150px;}
.wishCarImg .sale-end-area > p {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:69px;height:25px;line-height:25px;font-size:15px;background:#f04040;border-radius:13px;text-align:center;color:#fff}
.wishCarImg .sale-end-area > p.bgGray{background:#888}
.tblwishList .td_ck{vertical-align: middle}
.wishCarImg span img{width:100%}
.wishCarImg > span{display: block;width:188px;height:150px;display:flex;justify-content: center;align-items: center;overflow:hidden}
.tblwishList .carPrice{text-align: right;vertical-align: bottom}
.wishCarDetail > dd{height:30px;line-height: 30px;}
.wishCarDetail > dt{font-size:19px;height:50px;line-height: 25px}
.wishCarNum{font-size:13px;}
.li_bar > li{color:#666;display: inline-block;}
.li_bar > li + li:before{width:1px;display: inline-block;height:11px;background:#888;content: '';margin:2px 5px 0 }
.carPriceTxt > em{font-size:30px;font-weight: bold;color:#000;padding-right:5px}
.carPriceTxt{color:#333;font-size: 18px;}

/* 공지사항 */

.list_top input[type="text"] + .btnSearch{margin-left:8px}

.noti_tit{overflow: hidden}
.noti_date{color:#646464;margin-top:16px}
.noti_tit .float-r{margin-top:18px}
.noti_tit .float-r > button + button{margin-left:5px}
.btnfileDw{border:1px solid #ccc;min-width:105px;height:30px;color:#5b5a5a;font-size:13px;padding:0 10px}
.dt_view.dt_notice{padding-right:0}

/* 자료실 */
.tbl-nt01.tbl-data tbody td{height:68px}
.data_tit{font-size:15px;font-weight: bold;color:#000;margin-bottom:10px}
.data_tit + dd{color:#646464}

/* faq */
.faqTab.tab-menu{margin-bottom:40px}
.faqTab.tab-menu ul > li{width:199px}
.faqTab.tab-menu ul > li:last-child{width:198px}
.cirQ{background:#c4c4c4;color:#fff !important;font-weight:bold;width:28px;height:28px;border-radius:15px;display: inline-block;line-height:28px;text-align:center;font-size:15px}
.cirA{background:#f04040;color:#fff !important;font-weight:bold;width:28px;height:28px;border-radius:15px;display: inline-block;line-height:28px;text-align:center;font-size:15px}

.faq_tit{width:918px;}
.dl_faq > dt{padding:11px 0}
.dl_faq > dt:hover{cursor: pointer;}

.dl_faq > dt span{font-size:15px;color:#000;display: inline-block;line-height:28px}
.dl_faq > dt .cirQ{margin:0 25px}
.dl_faq > dd{display:none;border-top:1px dashed #c0c0c0;padding:30px 25px;border-bottom:2px solid #000;}
.dl_faq.open > dd{display:block}
.sec_cont{width:140px; text-align: center}
.tblFaq{border-top:2px solid #000;}
.tblFaq th{height:59px;border-bottom: 1px solid #ccc;font-size:15px;text-align: center;vertical-align: middle;font-weight:bold}
.tblFaq td{border-bottom: 1px solid #ccc;}
.ico_cl{width:15px;height:15px;margin:0 20px;vertical-align:middle;background:url(../../img/hp/ico/plusminus.gif) 0 -15px no-repeat}
.dl_faq > dt{position: relative;}
.dl_faq > dt > .ico_cl{position: absolute;top:17px;right:0}
.dl_faq.open > dt > .ico_cl{background:url(../../img/hp/ico/plusminus.gif) 0 0 no-repeat}
.faqCont{padding-left:56px;position: relative;line-height:24px;}
.faqCont img{max-width:100%}
.faqCont > p{line-height:24px;color:#666;font-size:15px;margin-bottom:24px}
.faqCont .cirA{position: absolute;top:0;left:0}

/* 오토옥션소개 */
.no1{background:url(../../img/hp/infographic/no1.gif) 0 5px no-repeat;padding-left:300px; }
.no1 dt{font-size:30px;color:#5a5a5a}
.no1 dd{color:#666;line-height:28px;margin-top:20px;font-size:16px}
.infoDg{overflow:hidden;border:1px solid #ccc;padding:50px 0;text-align:center}
.infoDg > ul{margin:0 auto;display:inline-block;}
.infoDg > ul > li{display:inline-block;width:225px;vertical-align: top}
.infoDg dt{margin-top:20px;font-weight:bold;font-size:15px;color:#313131;width:100%;height:40px;line-height: 40px}
.infoDg dt > span{line-height:18px;display:block}
.infoDg dd{margin-top:10px;line-height:18px;color:#313131}
.dgUse{display:flex;width:982px;margin:0 auto}
.dgUse > .flex1{flex:1;-webkit-flex:1;-ms-flex:1; text-align: center}
.dgUse > .flex1 > dl{width:260px;text-align: center;display: inline-block;}
.dgUse > .flex1 > dl > dt{height:30px;margin-top:10px}
.bgCir{width:178px;height:179px;border-radius:50%;display:inline-block;}
.bgCir.useIco01{background:url(../../img/hp/infographic/info_useIco01.png) center center no-repeat #f8f8f8}
.bgCir.useIco02{background:url(../../img/hp/infographic/info_useIco02.png) center center no-repeat #f8f8f8}
.bgCir.useIco03{background:url(../../img/hp/infographic/info_useIco03.png) center center no-repeat #f8f8f8}

.page-subtit + p.page-subtit-cont{line-height:22px;margin-top:15px}
.page-subtit-cont + .infoDg{min-height:280px}
.h3_tit{color:#313131;font-size:15px;font-weight:bold;margin-bottom:17px}
.infoDcCont{margin-top:40px;text-align: left;margin-left:35px;margin-bottom:-10px}
.procedure + .infoDcCont{margin-top:0}
.infoDcCont ul {margin-top:10px}

.infoDcCont ul > li{color:#666;line-height: 24px}
.infoJoin{vertical-align: middle;height:63px;background-image:url(../../img/hp/infographic/ico_comp.png);background-repeat:no-repeat;line-height: 29px;font-size:16px;color:#313131;padding-left:75px;text-align: left;margin-right:50px;display:inline-block;}
.infoJoin.st01{background-position:0 0}
.infoJoin.st02{background-position:0 -70px;}
.infoJoin.st02.t_middle{line-height: 63px;}
.infoJoin.st03{background-position:0 -140px;margin-right:0}
.tbl-v02.dataTbl tbody th{background:#fafafa;border-right:1px solid #ccc}
.tbl-v02.dataTbl thead th{text-align: center;font-size:15px;padding:12px 0}
.tbl-v02.dataTbl thead th:first-child{border-right:1px solid #ccc}
.tbl-v02.dataTbl tbody td{padding-left:20px}



/* 오시는길 */
.wayTowrap{overflow:hidden;}
.wayToL{float:left;width:560px;height:798px;border:1px solid #ccc;background:url(../../img/hp/infographic/map.gif) no-repeat;position: relative;}
.wayToR{float:right;width:581px;}
.dt_map{height:97px;border-top:2px solid #000;margin-top:20px;position: relative;border-bottom:1px solid #eee}
.updown{width:19px;height:14px;display:inline-block;background:url(../../img/hp/btn/updown.gif) no-repeat;}
.reprs_tel{font-size:15px;margin-bottom:20px}
.reprs_tel > em{font-size:18px;}

.tbl-nt01 td .updown{margin-top:6px}
.dt_map > .updown{position: absolute;top:31px;right:20px}
.dt_map.off > .updown{background-position:0 -20px}
.dt_map.off + dd{display:none}
.dt_map > ul{margin-top:25px;font-size:15px}
.dt_map > ul > li > span{display:inline-block;line-height: 26px}
.dt_map > ul > li > span:first-child{width:75px;}
.txtC64{color:#646464}
.dd_map{height:240px;}
.centerWrap{margin-top:70px}
.centerWrap .tbl-nt01 th{background:#fff;text-align: center;font-weight:normal}
.redPo{cursor: pointer;display:inline-block;width:8px;height:8px;border-radius:4px;position:absolute;background:#f04040}
.map_po{background:url(../../img/hp/ico/map_po.png) center bottom no-repeat;padding-bottom:30px;position: absolute;top:-60px;left:50%;display:none;margin-left:-24px}
.redPo:hover > .map_po{display:block}

.seocho{top:189px;left:168px}
.kang{top:189px;left:154px}
.seoul{top:177px;left:161px}
.ansung{top:259px;left:187px}
.bundang{top:224px;left:178px}
.daejeon{top:356px;left:219px}
.jeonju{top:441px;left:166px}
.gwangju{top:523px;left:155px}
.suwon{top:231px;left:162px}
.daegu{top:416px;left:360px}
.changwon{top:509px;left:362px}
.busan{top:504px;left:414px}
.seoul > .map_po{margin-left:-30px}
.ansung > .map_po{margin-left:-42px;}
.ansung.on > .map_po{display: block}
.arrborRBox{background:#fff;border-radius:2px;border:2px solid #666;padding:5px 10px;color:#333;word-break:keep-all;}
.arrborRBox > .arr{background:url(../../img/hp/ico/map_arr.png) no-repeat;width:10px;height:50px;position:absolute;bottom:-16px;left:50%;margin-left:-5px}
.tr_map{display:none}
.tr_center.on + .tr_map{display:block}
.tr_center:hover{cursor:pointer;}
.dd_map{width:581px}
.tr_center .updown{background-position:0 -20px}
.tr_center.on .updown{background-position:0 0}
.tr_center > td:first-child{color:#000}

/* 전화번호 */
.telWrap.infoDg{margin-top:20px;padding:30px 0;text-align: center}
.telWrap.infoDg ul{width:918px;margin:0 auto}
.csTel span{vertical-align: middle}
.ico_tel{background:url(../../img/hp/ico/ico_tel.png) 0 center no-repeat;padding-left:42px;line-height:40px;font-size:15px;height:40px;display: inline-block;}
.ico_tel + .Txtred{font-size:40px;margin-left:25px;font-weight:bold}
.infoDg > ul > li.li_tel{width:147px;margin:20px 110px 20px 0;float:left}
.infoDg > ul > li.li_tel:nth-child(4n){margin-right:0}
.infoDg li.li_tel dl{width:147px}
.infoDg li.li_tel dt{height:auto;line-height:1}
.picto{background-color:#f8f8f8;width:147px;height:47px;border-radius:147px;padding-top:100px;background-repeat:no-repeat;background-position: center calc(50% - 10px);color:#000;text-align: center;background-size:auto;font-size: 17px;}
.picto.tel01{background-image:url(../../img/hp/infographic/info_tel01.png)}
.picto.tel02{background-image:url(../../img/hp/infographic/info_tel02.png)}
.picto.tel03{background-image:url(../../img/hp/infographic/info_tel03.png)}
.picto.tel04{background-image:url(../../img/hp/infographic/info_tel04.png)}
.picto.tel05{background-image:url(../../img/hp/infographic/info_tel05.png)}
.picto.tel06{background-image:url(../../img/hp/infographic/info_tel06.png)}
.picto.tel07{background-image:url(../../img/hp/infographic/info_tel07.png)}
.picto.tel08{background-image:url(../../img/hp/infographic/info_tel08.png)}
div.no-data{height:200px;line-height:170px;text-align: center;border-bottom:1px solid #ccc;}
div.no-data.borBlack{border-top:2px solid #000;line-height:200px;}

/*페이지 팝업*/
.page-popup{position:relative;padding:40px;box-sizing:border-box;}
.page-popup .page-tit{padding-bottom:30px;border-bottom:2px solid #000;}
.page-popup .pop-close{margin-top:30px;text-align:center;}
.page-popup .pop-close button{width:200px;height:48px;color:#fff;background-color:#a9a9a9;}
.page-popup .btn-top{position:absolute;right:40px;bottom:40px;width:60px;height:48px;background:url(../../img/hp/common/bg-btn-top.gif) no-repeat;text-indent:-9999px;font-size:0;}
.page-popup.product-detail{padding:0}

.page-popup .product-detail-info{padding:0 30px}
/*출품차량*/
.exhibited-vehicle{width:100%;max-width:1200px;}
.exhibited-vehicle .copy-address{position:absolute;top:40px;right:40px;width:124px;line-height:30px;color:#fff;background-color:#747677;}
.exhibited-vehicle .vehicle-tit{margin:40px 0 35px 7px;}
.exhibited-vehicle .vehicle-tit:after{content:'';display:block;clear:both;}
.exhibited-vehicle .vehicle-tit .tit{float:left;max-width:1000px;font-size:30px;}
.exhibited-vehicle .entry-num{float:right;color:#555;}
.exhibited-vehicle .entry-num strong{color:#000;font-weight:bold;}
.exhibited-vehicle .vehicle-photo-wrap{float:left;width:580px;}
.exhibited-vehicle .vehicle-photo{width:100%;border:1px solid #ddd;box-sizing:border-box;}
.exhibited-vehicle .vehicle-photo li{width:578px;height:462px;background:#f8f8f8 url(../../img/hp/common/bg-ci.gif) no-repeat 50% 50%;background-size:242px 32px;}
.exhibited-vehicle .vehicle-thumbnail ul{width:590px;height:98px;margin-top:20px;background:url(../../img/hp/common/bg-vehicle-thumbnail.gif) no-repeat;}
.exhibited-vehicle .vehicle-thumbnail ul:after{content:'';display:block;clear:both;}
.exhibited-vehicle .vehicle-thumbnail li{position:relative;float:left;width:52px;height:42px;margin-bottom:7px;margin-right:7px;background:#f8f8f8 url(../../img/hp/common/bg-ci.gif) no-repeat 50% 50%;background-size:33px 4px;}
.exhibited-vehicle .vehicle-thumbnail li img{width:100%;height:100%}
.exhibited-vehicle .vehicle-thumbnail li a:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #ddd;}
.exhibited-vehicle .vehicle-thumbnail li.on a:after{border:2px solid #f04040;}
.exhibited-vehicle .vehicle-info{float:right;width:486px;}
.exhibited-vehicle .vehicle-info .starting-price{padding-bottom:20px;}
.exhibited-vehicle .vehicle-info .starting-price:after{content:'';display:block;clear:both;}
.exhibited-vehicle .vehicle-info .starting-price .tit{float:left;margin-top:7px;font-size:18px;}
.exhibited-vehicle .vehicle-info .starting-price strong{float:right;font-weight:bold;font-size:18px;}
.exhibited-vehicle .vehicle-info .starting-price em{margin-right:6px;font-size:30px;color:#f04040;}
.exhibited-vehicle .vehicle-info ul{padding:34px 0;border-top:1px solid #000;border-bottom:1px solid #000;}
.exhibited-vehicle .vehicle-info li:after{content:'';display:block;clear:both;}
.exhibited-vehicle .vehicle-info li + li{margin-top:25px;}
.exhibited-vehicle .vehicle-info li .tit{float:left;width:100px;color:#666;font-size:14px;}
.exhibited-vehicle .vehicle-info li button{margin-left:15px;padding:0 14px;line-height:26px;font-size:13px;color:#888;border:1px solid #c2c2c2;}
.exhibited-vehicle .vehicle-info .vehicle-info-btn{margin-top:20px;}
.exhibited-vehicle .vehicle-info .vehicle-info-btn:after{content:'';display:block;clear:both;}
.exhibited-vehicle .vehicle-info .vehicle-info-btn button{float:left;width:237px;height:46px;color:#333;border:1px solid #bbb;}
.exhibited-vehicle .vehicle-info .vehicle-info-btn button + button{float:right;}
.exhibited-vehicle .vehicle-info .vehicle-info-btn button.btn-apply{width:100%;height:60px;margin-top:20px;border:none;background-color:#f04040;color:#fff;font-size:20px;}
.exhibited-vehicle .vehicle-detail{margin-top:53px;}
.exhibited-vehicle .vehicle-detail .tab-menu li{width:calc(25% + 1px);box-sizing:border-box;}
.exhibited-vehicle .vehicle-detail .tab-menu li:first-child{width:25%;}
.exhibited-vehicle .vehicle-detail .tab-menu li a{width:100%;}
.exhibited-vehicle .vehicle-detail .vehicle-detail-view > div{position:relative;}
.exhibited-vehicle .vehicle-detail .vehicle-detail-view > div + div{margin-top:80px;}

.exhibited-vehicle .vehicle-photo-detail{margin:0 auto;box-sizing:border-box;border:1px solid #ddd;}
.exhibited-vehicle .vehicle-photo-detail li{background:#f8f8f8 url(../../img/hp/common/bg-ci.gif) no-repeat 50% 50%;background-size:270px 36px;}
.exhibited-vehicle .vehicle-photo-detail li img{width:100%;}
.exhibited-vehicle .vehicle-thumbnail-detail ul{width:calc(100% + 10px);height:184px;margin-top:30px;background:url(../../img/hp/common/bg-vehicle-thumbnail-detail.gif) no-repeat;}
.exhibited-vehicle .vehicle-thumbnail-detail ul:after{content:'';display:block;clear:both;}
.exhibited-vehicle .vehicle-thumbnail-detail li{position:relative;float:left;width:103px;height:82px;margin-bottom:10px;margin-right:10px;background:#f8f8f8 url(../../img/hp/common/bg-ci.gif) no-repeat 50% 50%;background-size:69px 9px;}
.exhibited-vehicle .vehicle-thumbnail-detail li a:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #ddd;}
.exhibited-vehicle .vehicle-thumbnail-detail li.on a:after{border:2px solid #f04040;}
.exhibited-vehicle .vehicle-thumbnail-detail li img{width:100%;height:100%;}
.exhibited-vehicle .btn-vehicle-photo button{position:absolute;top:260px;width:40px;height:72px;background:url(../../img/hp/btn/btn-slider.gif) no-repeat;text-indent:-9999px;font-size:0;}
.exhibited-vehicle .btn-vehicle-photo button.prev{left:0;}
.exhibited-vehicle .btn-vehicle-photo button.next{right:0;background-position:-50px 0;}
.exhibited-vehicle .movie{width:890px;height:500px;margin:0 auto;}
.exhibited-vehicle .movie-info{margin-top:40px;padding:24px 40px;border:1px solid #ddd;font-size:14px;line-height:24px;}
.exhibited-vehicle .movie-info:after{content:'';display:block;clear:both;}
.exhibited-vehicle .movie-info p{float:left;}
.exhibited-vehicle .movie-info button{float:right;height:34px;margin-top:7px;padding:0 20px;border:1px solid #c2c2c2;}
.exhibited-vehicle .vehicle-thumbnail-detail + .pop-close{margin-top:20px;}
.exhibited-vehicle .paper{width:100%;background:url(../../img/hp/etc/bg-paper-mid.gif) repeat-y;}
.exhibited-vehicle .paper:before{content:'';display:block;height:50px;background:url(../../img/hp/etc/bg-paper-top.gif) no-repeat;}
.exhibited-vehicle .paper:after{content:'';display:block;height:50px;background:url(../../img/hp/etc/bg-paper-bottom.gif) no-repeat;}
.exhibited-vehicle .paper-cont{padding:0 50px;}
.exhibited-vehicle .form-name{margin-left:50px;margin-bottom:20px;}
.exhibited-vehicle .paper-tit{margin-top:10px;margin-bottom:55px;font-size:30px;text-align:center;}
.exhibited-vehicle .paper-notice{margin-top:15px;margin-bottom:40px;font-size:13px;color:#555;}
.exhibited-vehicle .paper-date{color:#222;text-align:center;}
.exhibited-vehicle .paper-stamp{margin-top:20px;padding-top:15px;padding-right:30px;line-height:26px;font-size:18px;text-align:right;background:url(../../img/hp/etc/bg-stamp.png) no-repeat 100% 0;}
.exhibited-vehicle .paper .tbl-v02{border-right:1px solid #ccc;}
.exhibited-vehicle .paper .tbl-v02 th,
.exhibited-vehicle .paper .tbl-v02 td{padding-right:13px;border-left:1px solid #ccc;}
.exhibited-vehicle .paper .tbl-v02 th.align-c{padding-left:0;text-align:center;}
.exhibited-vehicle .performance-check{margin-left:7px;color:#000;}
.exhibited-vehicle .performance-check:after{content:'';display:block;clear:both;}
.exhibited-vehicle .performance-check li{float:left;width:99px;text-align:center;background-color:#e4e9f0;line-height:46px;}
.exhibited-vehicle .performance-check li + li{margin-left:1px;}
.exhibited-vehicle .performance-check li span{display:block;line-height:46px;border-bottom:1px solid #fff;}
.exhibited-vehicle .foreclosure-inquiry:after{content:'';display:block;clear:both;}
.exhibited-vehicle .foreclosure-inquiry span{float:left;margin-right:22px;}
.exhibited-vehicle .foreclosure-inquiry span + span:before{content:'';display:inline-block;height:12px;border-left:1px solid #ccc;padding-left:12px;}
.exhibited-vehicle .foreclosure-inquiry em{font-weight:bold;color:#f04040;}
.exhibited-vehicle .foreclosure-inquiry button{width:104px;height:28px;font-size:13px;border:1px solid #c2c2c2;}
.exhibited-vehicle .tab-status > div{border:1px solid #7c848f;}
.exhibited-vehicle .tbl-status{width:100%;border-top:1px solid #ccc;}
.exhibited-vehicle .tbl-status th,
.exhibited-vehicle .tbl-status td{height:51px;text-align:center;vertical-align:middle;border-left:1px solid #ccc;}
.exhibited-vehicle .tbl-status th:first-child,
.exhibited-vehicle .tbl-status td:first-child{border-left:none;}
.exhibited-vehicle .tbl-status th{color:#fff;background-color:#7a838e;}
.exhibited-vehicle .tbl-status td{border-bottom:1px solid #ccc;}
.exhibited-vehicle .tbl-status td.score{font-weight:bold;font-size:18px;color:#f04040;}
.exhibited-vehicle .tab-status .car-status-map{text-align:center;}
.exhibited-vehicle .tab-status .tbl-v02{border-top:1px solid #ccc;}
.exhibited-vehicle .tab-status .tbl-v02 th,
.exhibited-vehicle .tab-status .tbl-v02 td{height:60px;}
.exhibited-vehicle .abbr span{display:inline-block;vertical-align:top;line-height:20px;}
.exhibited-vehicle .abbr span+span{margin-left:6px;}
.exhibited-vehicle .abbr span:before{content:'';display:inline-block;width:20px;height:20px;line-height:22px;margin-right:7px;vertical-align:top;background:#4471cb;font-size:12px;border-radius:20px;color:#fff;text-align:center;box-sizing:border-box;}
.exhibited-vehicle .abbr span.abbr-xx:before{content:'XX';}
.exhibited-vehicle .abbr span.abbr-w:before{content:'W';}
.exhibited-vehicle .abbr span.abbr-q:before{content:'Q';}
.exhibited-vehicle .abbr span.abbr-m:before{content:'M';}
.exhibited-vehicle .abbr span.abbr-x:before{content:'X';}
.exhibited-vehicle .abbr span.abbr-x1:before{content:'X1';}




/*본문*/
.layout-container{min-height:calc(100vh - 400px)}
.layout-content{position:relative;width:1200px;margin:40px auto 80px auto;}
.layout-section{margin-top:70px;}
.layout-sub-section{margin-top:40px;}


/*최근본차량*/
.recent-car{position:fixed;bottom:-219px;left:0;width:100%;height:219px;background-color:#fff;box-sizing:border-box;z-index:20;}
.recent-car.is-active{bottom:0;box-shadow:0 -4px 18px rgba(0,0,0,0.1);}
.recent-car .tit-recent-car{position:absolute;left:50%;top:-53px;width:114px;height:53px;margin-left:-57px;padding-top:33px;background-color:#999;text-align:center;color:#fff;border-top-left-radius:114px;border-top-right-radius:114px;box-sizing:border-box;box-shadow:0 -4px 5px rgba(0,0,0,0.1);}
.recent-car .tit-recent-car strong:before{content:'';position:absolute;top:14px;left:47px;width:20px;height:11px;background:url(../../img/hp/btn/btn-recent-car.png) no-repeat -36px 0;}
.recent-car.is-active .tit-recent-car{background-color:#fff;color:#555;}
.recent-car.is-active .tit-recent-car strong:before{background-position:-36px -20px;}
.recent-car .recent-car-list{position:relative;width:1200px;margin:0 auto;}
.recent-car .recent-car-list p{margin:30px 0 27px 0;color:#555;text-align:center;}
.recent-car .recent-car-list p strong{color:#222;font-weight:bold;}
.recent-car .recent-car-slider > div{overflow:hidden;width:1103px;margin:0 auto;}/**/
.recent-car .recent-car-slider ul{position:relative;width:3420px;}
.recent-car .recent-car-slider li{position:relative;float:left;width:180px;height:118px;padding:13px 0 0 163px;box-sizing:border-box;}
/* .recent-car .recent-car-slider li + li{margin-left:37px;} */
.recent-car .recent-car-slider dt{margin-bottom:15px;font-size:16px;font-weight:bold;line-height:22px;}
.recent-car .recent-car-slider dd.price{color:#3d3f4b;}
.recent-car .recent-car-slider dd.price strong{margin-right:6px;color:#f04040;font-size:22px;font-weight:bold;}
.recent-car .recent-car-slider dd.etc-info{margin-top:7px;font-size:13px;color:#000;}
.recent-car .recent-car-slider dd.etc-info span + span{margin-left:8px;}
.recent-car .recent-car-slider dd.etc-info span + span:before{content:'';display:inline-block;width:2px;height:12px;margin-right:8px;background-color:#aaa;vertical-align:-2px;}
.recent-car .recent-car-slider dd.thumbnail{position:absolute;top:13px;left:13px;width:132px;height:105px;}
.recent-car .recent-car-slider dd.thumbnail img{width:100%;height:100%;}
.recent-car .recent-car-slider button.delete,
.recent-car .recent-car-slider button.favorite{position:absolute;width:26px;height:26px;background:url(../../img/hp/btn/btn-recent-car.png) no-repeat;text-indent:-9999px;font-size:0;}
.recent-car .recent-car-slider button.delete{top:0;left:0;}
.recent-car .recent-car-slider button.favorite{top:21px;left:108px;background-position:0 -36px;}
.recent-car .recent-car-slider button.favorite.on{background-position:0 -72px;}
.recent-car .recent-car-list button.control{position:absolute;top:50%;z-index:10;width:21px;height:40px;background:url(../../img/hp/btn/btn-arrow.gif) no-repeat;text-indent:-9999px;font-size:0;}
.recent-car .recent-car-list button.prev{left:0;}
.recent-car .recent-car-list button.next{right:0;background-position:-31px 0;}
.recent-car .recent-car-list button.prev.disabled,
.recent-car .recent-car-list button.next.disabled{display:none;}
.recent-car-pagination{position:absolute;top:0;left:63px;font-size:14px;color:#555;}
.recent-car-pagination strong{font-weight:bold;color:#222;}
.no-recent-car{display:none;padding:80px 0 40px 0;line-height:25px;text-align:center;color:#555;}
.no-recent-car .go-directcar{display:inline-block;margin-top:20px;padding:0 18px;color:#888;line-height:28px;border:1px solid #c2c2c2;}


/*공통 요소*/
.page-tit{font-size:25px;font-weight:bold;color:#333;}
.page-tit + .annotation{margin-top:40px;font-size:14px;color:#333;}
.page-tit + p.annotation{margin-top:20px}
.page-tit + .annotation.border-top{padding-top:20px;border-top:1px solid #000000;}
.page-tit + .tab-menu{margin-top:40px;}
.page-subtit{font-size:18px;font-weight:bold;color:#333;}
.page-3rdtit{margin-bottom:10px;}
.page-subtit + .tbl-area,
.page-subtit + table,
.page-subtit + div{margin-top:20px;}
.page-subtit + .page-3rdtit,
.page-subtit + .annotation{margin-top:15px;}
.page-3rdtit + .tbl-area,
.page-3rdtit + table,
.page-3rdtit + div{margin-top:10px;}
.tbl-tit{font-size:20px;margin-bottom:20px;}



/*TABLE*/
.tbl-area{position:relative;}
.tbl-annotation{position:absolute;top:-30px;right:0;font-size:13px;color:#666;}
.tbl-area .no-result{padding:65px 0;text-align:center;}
.tbl-v01{border-top:2px solid #000;}
.tbl-v01 th,
.tbl-v01 td{height:67px;padding:18px 0;border-bottom:1px solid #ccc;vertical-align:top;text-align:left;box-sizing:border-box;}
.tbl-v01 th{padding-top:26px;color:#000;font-size:15px;}
.tbl-v01 td{color:#333;font-size:14px;}
.tbl-v01 .annotation{margin-top:10px;font-size:13px;color:#666;}
.tbl-v02{border-top:2px solid #000;}
.tbl-v02 th,
.tbl-v02 td{height:50px;border-bottom:1px solid #ccc;vertical-align:middle;box-sizing:border-box;text-align:left;}
.tbl-v02 th{padding:12px 0 12px 21px;background:#f6f6f6;}
.tbl-v02 th.required:after{content:'*';margin-left:3px;color:#f04040;}
.tbl-v02 td{padding:12px 27px 12px 13px;color:#666;line-height:25px;}
.tbl-v02 td label{color:#000;}
.tbl-v02 + .annotation{margin-top:10px;line-height:23px;font-size:13px;color:#666;}
.tbl-v03{border-top:2px solid #000;}
.tbl-v03 th,
.tbl-v03 td{height:67px;padding:18px 0;border-bottom:1px solid #ccc;vertical-align:top;text-align:left;box-sizing:border-box;}
.tbl-v03 th{padding-top:26px;color:#000;font-size:15px;}
.tbl-v03 td{color:#333;font-size:14px;}
.tbl-v03 tr:last-child th,
.tbl-v03 tr:last-child td{border-bottom-color:#000;}
.tbl-v03 .middle{padding-top:26px;}
.tbl-v03 + .annotation{margin-top:20px;font-size:13px;color:#666;}
.tbl-v04{border-top:2px solid #000;}
.tbl-v04 th,
.tbl-v04 td{height:50px;padding:11px 0;border-bottom:1px solid #ccc;font-size:15px;line-height:24px;vertical-align:middle;text-align:left;box-sizing:border-box;}
.tbl-v04 th{padding-left:20px;color:#000;font-weight:bold;}
.tbl-v04 td{padding-left:10px;color:#646464;}
.tbl-v04 tr:last-child th,
.tbl-v04 tr:last-child td{border-bottom-color:#000;}
.tbl-v04 + .annotation{margin-top:20px;font-size:13px;color:#666;}

.tbl-t01{border-top:2px solid #000;font-size:15px;}
.tbl-t01 th,
.tbl-t01 td{padding:20px;vertical-align:middle;box-sizing:border-box;}
.tbl-t01 th{color:#000;background-color:#fafafa;border-bottom:1px solid #c5c5c5;}
.tbl-t01 th + th{border-left:1px solid #c5c5c5;}
.tbl-t01 td{line-height:26px;color:#666;border-bottom:1px solid #c5c5c5;border-left:1px solid #c5c5c5;}
.tbl-t01 thead th{text-align:center;background-color:#eee;}
.tbl-t02{border-top:2px solid #000;font-size:15px;}
.tbl-t02 thead th{text-align:center;background-color:#fafafa;}
.tbl-t02 th,
.tbl-t02 td{height:60px;vertical-align:middle;box-sizing:border-box;text-align:center;}
.tbl-t02 th{color:#000;border-bottom:1px solid #c5c5c5;}
.tbl-t02 td{line-height:26px;color:#666;border-bottom:1px solid #c5c5c5;}
.tbl-t02 td.align-l{padding-left:20px}
.tbl-t03{border-top:2px solid #000;font-size:15px;}
.tbl-t03 thead th{text-align:center;background-color:#fafafa;}
.tbl-t03 th,
.tbl-t03 td{height:50px;vertical-align:middle;box-sizing:border-box;text-align:center;border-left:1px solid #c5c5c5;}
.tbl-t03 th:first-child,
.tbl-t03 td:first-child{border-left:none;}
.tbl-t03 th{color:#000;border-bottom:1px solid #c5c5c5;}
.tbl-t03 td{line-height:26px;color:#666;border-bottom:1px solid #c5c5c5;}
/* 경매참여이력 공통 Table*/
.tbl-t04{border-top:2px solid #000;font-size:15px;}
.tbl-t04 thead th{text-align:center;font-weight:bold;}
.tbl-t04 th,
.tbl-t04 td{height:60px;vertical-align:middle;box-sizing:border-box;text-align:center;}
.tbl-t04 th{color:#000;border-bottom:1px solid #c5c5c5;}
.tbl-t04 td{line-height:26px;color:#666;border-bottom:1px solid #c5c5c5;}
/* 낙찰확인서 출력 Table */
.tbl-t05{width:100%;border-top:2px solid #d7d7d7;margin-bottom:-1px;}
.tbl-t05 th{background:#f6f6f6;}
.tbl-t05 th,
.tbl-t05 td{border-bottom:1px dotted #b8b8b8;padding:12px 0;text-align:center;vertical-align:middle;}
.tbl-t05 td.al-left{text-align:left;padding-left:15px;}
.tbl-t05 td span{padding-left:20px;}
.tbl-t06{border-top:1px solid #ccc;}
.tbl-t06 th,
.tbl-t06 td{height:40px;padding:7px 0 7px 15px;border-bottom:1px solid #ccc;vertical-align:middle;box-sizing:border-box;text-align:left;}
.tbl-t06 th{background:#f6f6f6;}
.tbl-t06 td{color:#666;line-height:23px;}

.tbl-t07{border-top:2px solid #000;}
.tbl-t07 th,
.tbl-t07 td{height:60px;padding:18px 0;border-bottom:1px solid #ccc;font-size:15px;vertical-align:middle;text-align:left;box-sizing:border-box;}
.tbl-t07 + .annotation{margin-top:20px;font-size:13px;color:#666;}

/* TAB */
.tab-menu{ border-bottom:1px solid #000;}
.tab-menu:after{ content:'';display:block;clear:both;}
.tab-menu li{ position:relative;float:left;border:1px solid #d7d7d7;border-bottom:none;text-align:center;margin:0 0 0 -1px;}
.tab-menu li:first-child{ margin:0;}
.tab-menu li a{ display:block;min-width:205px;height:48px;font-size:15px;color:#454545;line-height:50px;}
.tab-menu li.is-active{ z-index:2;border-color:#000;}
.tab-menu li.is-active:after{ content:'';display:block;position:absolute;bottom:-1px;width:100%;border-bottom:1px solid #fff;}
.tab-menu li.is-active a{ color:#000;font-weight:bold;}
/*탭 상단 고정일때*/
.tab-fixed{position:relative;height:48px;margin-bottom:40px;}
.tab-fixed.fixed .tab-menu{position:fixed;top:0;z-index:10;width:1120px;background-color:#fff;}

/*버튼*/
.btn-area{margin-top:35px;text-align:center;}
.btn-area.withPaging{margin-top:-33px}
.btn-area:after{content:'';display:block;clear:both;}
.btn-area .btn-area-left{float:left;}
.btn-area .btn-area-right{float:right;}
.btn-area button{min-width:200px;height:48px;padding:0 20px;background-color:#f04040;color:#fff;}
.btn-area button + button{margin-left:10px;}
.btn-area .btn-small button,
.btn-area .btn-small a{min-width:103px;}
.btn-area .btn-lightgray{background:#a9a9a9;}
.btn-area .btn-gray{background:#747677;}
.btn-cancel{display:inline-block;margin-left:18px;width:16px;height:16px;background:url(../../img/hp/btn/btn-cancel.png) no-repeat;vertical-align:middle;}
.btn-date{display:inline-block;margin-left:6px;width:30px;height:30px;background:url(../../img/hp/btn/btn-date.png) no-repeat;vertical-align:middle;}
.btn-link a{display:inline-block;padding:0 20px;min-width:200px;height:48px;line-height:48px;background-color:#f04040;color:#fff;}
.btn-link a + a{margin-left:10px;}

/* pagination */
.pagination{margin-top:50px;text-align:center;}
.pagination a{display:inline-block;width:30px;height:24px;line-height:24px;font-size:12px;vertical-align:top;}
.pagination a + a{margin-left:4px;}
.pagination > a{text-indent:-9999px;font-size:0;border:1px solid #ddd;}
.pagination .btn-first{background:url(../../img/hp/btn/btn-first.png) 50% no-repeat;}
.pagination .btn-prev{background:url(../../img/hp/btn/btn-prev.png) 50% no-repeat;}
.pagination .btn-next{background:url(../../img/hp/btn/btn-next.png) 50% no-repeat;}
.pagination .btn-last{background:url(../../img/hp/btn/btn-last.png) 50% no-repeat;}
.pagination > span{margin:0 13px;}
.pagination > span a{width:20px;}
.pagination a.on{background-color:#24221f;color:#fff;}

/*icon*/
.ico-guarantee{display:inline-block;width:44px;height:44px;line-height:44px;background:url(../../img/hp/common/bg-guarantee.png) 50% no-repeat;font-size:0;color:#5e1a1a;text-align:center;text-indent: -20000PX;vertical-align:middle}
.ico-cert{display:inline-block;width:44px;height:44px;line-height:44px;background:url(../../img/hp/common/bg-cert.png) 50% no-repeat;font-size:0;color:#5e1a1a;text-align:center;text-indent: -20000PX;vertical-align:middle}
.ico-noauto{display:inline-block;padding:0 9px;line-height:18px;background-color:#747677;font-size:12px;color:#fff;border-radius:2px;}
.ico-favorite{display:inline-block;padding:0 5px 0 16px;line-height:16px;border:1px solid #f04040;font-size:12px;border-radius:2px;background:url(../../img/hp/ico/ico-heart.gif) no-repeat 5px 50%;}

/*버튼(링크)*/
a.go-sell-mycar{position:absolute;top:40px;right:0;padding:27px 92px 22px 68px;border:1px solid #999;box-shadow:0px 4px 0px #f2f2f2;font-size:16px;color:#333;}
a.go-sell-mycar:before{content:'';position:absolute;top:16px;left:21px;width:37px;height:28px;background:url(../../img/hp/common/bg-go-sellcar.gif) no-repeat;}
a.go-sell-mycar:after{content:'';position:absolute;top:28px;right:31px;width:41px;height:11px;background:url(../../img/hp/common/arrow-go-sellcar.gif) no-repeat;}

/* etc */
.required:after{content:'*';margin-left:3px;color:#f04040;}
.file-att{display:none;}
.comment-att-img{display:inline-block;font-size:13px;line-height:16px;color:#222;text-decoration:underline;}

/*다단*/
.stg-2nd:after{content:'';display:block;clear:both;}
.stg-2nd > div{float:left;width:50%;padding-left:20px;box-sizing:border-box;}
.stg-2nd > div:first-child{padding:0 20px 0 0;}

/*약관 스타일*/
.terms-style ol{margin-top:20px;padding:20px 0;border-top:2px solid #000;}
.terms-style li{font-size:18px;font-weight:bold;color:#333;}
.terms-style li li{font-size:14px;line-height:26px;font-weight:normal;}
.terms-style li li + li{margin-top:20px;}
.terms-style li li ul,
.terms-style li li p{margin:10px 0 0 15px;}
.terms-style li li li:before,
.terms-style li li p:before{content:'-';position:absolute;left:0;top:0px;}
.terms-style li li li,
.terms-style li li p{position:relative;color:#666;padding-left:10px;}

/*내차팔기*/
.time-select,
.phone-num{line-height:30px;}
.time-select:after,
.location-select:after,
.phone-num:after{content:'';display:block;clear:both;}
.time-select select,
.location-select select{float:left;margin-right:8px;}
.phone-num input,
.phone-num span{float:left;padding:0 8px;}
.tbl-area + .agreement,
.tbl-t01 + .agreement,
.tbl-v01 + .agreement{margin-top:20px;}
input[type="checkbox"] + label + .btn-open-layer{margin-left:10px;}
.agreement.stg-2nd > div{padding:0;}
.agreement .btn-open-layer{padding:0 13px;line-height:30px;border:1px solid #ccc;font-size:13px;color:#888;}

/*내차 사기*/
.desired-amount:after{content:'';display:block;clear:both;}
.desired-amount button,
.desired-amount select.time,
.desired-amount .amount-check,
.desired-amount .txt-sign{float:left;margin-right:8px;line-height:30px;}
.desired-amount select{float:left;margin-right:8px}
.desired-amount button{width:76px;color:#fff;background-color:#555;}
.desired-amount select:disabled{color:#ccc;}
.desired-amount .mount{width:136px;}
.ask-for-auction{width:940px;height:70px;font-size:13px;}
.yearforTxt{color:#000;font-size:16px;margin:5px 0 20px;text-align: center}

/* 내차 팔기 중고차  매입/경매 절차 공통 */
.procedure-wrap{padding:50px;border:1px solid #ccc;}
.procedure ul:after{content:'';display:block;clear:both;}
.procedure li{position:relative;float:left;margin-right:141px;text-align:center;}
.procedure li:after{content:'';position:absolute;top:0;left:100%;display:block;margin:63px 65px;width:11px;height:19px;background:url(../../img/hp/ico/ico-arrow-right.png) no-repeat;}
.procedure li:last-child{margin-right:0;}
.procedure li:last-child:after{content:none;}
.procedure li.arrow-btm{margin-right:0;}
.procedure li.arrow-btm:after{position:static;margin:30px auto;width:19px;height:11px;background:url(../../img/hp/ico/ico-arrow-bottom.png) no-repeat;}
.procedure li.arrow-right{float:right;margin-left:141px;margin-right:0;}
.procedure li.arrow-right:after{left:auto;right:100%;background:url(../../img/hp/ico/ico-arrow-left.png) no-repeat;}
.procedure-num{position:absolute;top:7px;left:7px;width:34px;height:34px;line-height:34px;color:#fff;background:#6d6d6d;border-radius:50%;}
.procedure-txt{padding-top:105px;width:147px;height:147px;line-height:18px;box-sizing:border-box;border-radius:147px;background:#f8f8f8;}

/* 중고차 매입 절차 */
.purchase-procedure{margin-bottom:70px;padding:30px 93px;}
.purchase-procedure li:nth-child(1) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-purchase-procedure01.png) center calc(50% - 10px) no-repeat;}
.purchase-procedure li:nth-child(2) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-purchase-procedure02.png) center calc(50% - 10px) no-repeat;}
.purchase-procedure li:nth-child(3) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-purchase-procedure03.png) center calc(50% - 10px) no-repeat;}
.purchase-procedure li:nth-child(4) .procedure-txt{float:none;background:#f8f8f8 url(../../img/hp/infographic/info-purchase-procedure04.png) center calc(50% - 10px) no-repeat;}
.purchase-procedure li:nth-child(5) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-purchase-procedure05.png) center calc(50% - 10px) no-repeat;}
.purchase-procedure li:nth-child(6) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-purchase-procedure06.png) center calc(50% - 10px) no-repeat;}
.purchase-procedure li:nth-child(7) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-purchase-procedure07.png) center calc(50% - 10px) no-repeat;}
.purchase-procedure li:nth-child(8) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-purchase-procedure08.png) center calc(50% - 10px) no-repeat;}

/* 중고차 경매 절차 */
.auction-procedure{margin-bottom:19px;}
.auction-procedure .procedure{padding:0 87px;}
.auction-procedure .procedure li{margin-right:113px;}
.auction-procedure .procedure li:last-child{margin-right:0;}
.auction-procedure .procedure li .procedure-txt{width:146px;height:146px;}
.auction-procedure .procedure li:after{margin:63px 50px;}
.auction-procedure01{padding-bottom:80px;}
.auction-procedure01 li:nth-child(1) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-auction-procedure01.png) center calc(50% - 10px) no-repeat;}
.auction-procedure01 li:nth-child(2) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-auction-procedure02.png) center calc(50% - 10px) no-repeat;}
.auction-procedure01 li:nth-child(3) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-auction-procedure03.png) center calc(50% - 10px) no-repeat;}
.auction-procedure01 li:nth-child(4) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-auction-procedure04.png) center calc(50% - 10px) no-repeat;}
.auction-procedure01{background:url(../../img/hp/sell-my-car/procedure-bid-arrow.png) 50% calc(100% - 20px) no-repeat;}
.auction-procedure02{padding-bottom:60px;text-align:center}
.auction-procedure02 li{float:none;display:inline-block;margin-right:0;}
.auction-procedure02 li:after{content:none;}
.auction-procedure02 li+li{margin-left:37px;}
.auction-procedure02 li dl{float:left;position:relative;width:317px;text-align:center;background:#f8f8f8;border-radius:147px;}
.auction-procedure02 li dl dt{position:absolute;top:-15px;left:0;right:0;margin:auto;width:57px;height:32px;line-height:32px;color:#fff;background:#6d6d6d;border-radius:32px;}
.auction-procedure02 li dl dd{display:inline-block;padding:106px 0 0;width:147px;height:147px;box-sizing:border-box;}
.auction-procedure02 li .bid dt{background:#f04040;}
.auction-procedure02 li:nth-child(1) dl .bid01{position:relative;background:url(../../img/hp/infographic/info-auction-procedure05-01.png) center calc(50% - 10px) no-repeat;}
.auction-procedure02 li:nth-child(1) dl .bid01:after{content:'';position:absolute;top:63px;left:100%;display:block;width:11px;height:19px;background:url(../../img/hp/ico/ico-arrow-right.png) no-repeat;}
.auction-procedure02 li:nth-child(1) dl .bid02{background:url(../../img/hp/infographic/info-auction-procedure05-02.png) center calc(50% - 10px) no-repeat;}
.auction-procedure02 li:nth-child(2) dl{background:#f8f8f8 url(../../img/hp/infographic/info-auction-procedure06.png) center calc(50% - 10px) no-repeat;}
.action-procedure-info-wrap{padding-top:50px;border-top:1px solid #d5d5d5;}
.action-procedure-info-wrap:after{content:'';display:block;clear:both;}
.action-procedure-info-wrap > div{float:left;}
.action-procedure-info-wrap li+li{margin-top:25px;}
.action-procedure-info-wrap dt{margin-bottom:15px;}
.action-procedure-info-wrap dd{line-height:24px;color:#666;}
.action-procedure-info-wrap strong{display:inline-block;margin-bottom:15px;padding:8px 14px;border-radius:32px;font-size:16px;color:#fff;background:#666;}
.action-procedure-info{width:660px;}
.action-procedure-info span{color:#222;}
.action-procedure-info .btn{display:inline-block;margin-left:5px;width:73px;border:1px solid #c2c2c2;line-height:24px;text-align:center;color:#888;background:#fff;}
.action-procedure-bid{margin-bottom:35px;}
.action-procedure-bid strong{background:#f04040}
.auction-procedure-info{margin-bottom:70px;}
.auction-procedure-info strong{font-size:15px;line-height:26px;color:rgb(63, 28, 28);}
.auction-procedure-info p{line-height:22px;color:#666;}

/* 경매로사기 이용방법 */
.way-procedure{margin-bottom:80px;padding:50px 135px;}
.way-procedure li{margin-right:163px;width:200px;}
.way-procedure li .procedure-num{top:13px;left:13px;}
.way-procedure li .procedure-txt{margin:0 auto;width:160px;height:160px;border-radius:160px;}
.way-procedure li dl{margin-top:18px;}
.way-procedure li dl dt{margin-bottom:20px;font-size:18px;color:#333;}
.way-procedure li dl dd{line-height:22px;color:#333;}
.way-procedure li:nth-child(1) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-way-procedure01.png) 50% 50% no-repeat;}
.way-procedure li:nth-child(2) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-way-procedure02.png) 50% 50% no-repeat;}
.way-procedure li:nth-child(3) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-way-procedure03.png) 50% 50% no-repeat;}
.way-procedure li:nth-child(4) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-way-procedure04.png) 50% 50% no-repeat;}
.way-procedure li:nth-child(5) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-way-procedure05.png) 50% 50% no-repeat;}
.way-procedure li:nth-child(6) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info-way-procedure06.png) 50% 50% no-repeat;}

/*마이페이지 경매로사기 관리*/
.tbl-auction-buy{margin-top:20px;border-top:2px solid #000;}
.tbl-auction-buy th,
.tbl-auction-buy td{min-height:50px;border-bottom:1px solid #ccc;vertical-align:top;text-align:center;box-sizing:border-box;}
.tbl-auction-buy th{min-height:54px;padding:20px 0;color:#000;font-size:15px;}
.tbl-auction-buy td{padding:18px 33px;color:#333;font-size:14px;}
.tbl-auction-buy tbody td:first-child{text-align:left;}
.tbl-auction-buy tbody td.no-data{text-align:center;}
.tbl-auction-buy .auction-buy-detail{padding:0;}
.tbl-auction-buy .is-show+tr td{border-top:2px solid #000;}
.tbl-auction-buy .request-tit a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.auction-buy-info{padding:25px 33px;font-size:15px;}
.auction-buy-info li{position:relative;padding-left:105px;line-height:25px;}
.auction-buy-info li+li{margin-top:8px;}
.auction-buy-info li .info-tit{position:absolute;top:0;left:0;width:84px;color:#666;}
.auction-buy-info li .info-tit:after{content:'';float:right;display:block;margin-top:5px;width:1px;height:14px;background:#ccc;}
.auction-buy-info li .c-red{color:#f04040}

.auction-buy-agency-wrap{padding:24px 19px;background:#fafafa;border-top:1px solid #ccc;}
.auction-buy-agency{padding-bottom:50px;max-height:500px;overflow-y:auto;font-size:15px;}
.auction-buy-agency > div{position:relative;margin-left:4px;margin-right:23px;padding:24px 27px;border-radius:4px;border:1px solid #d1d1d1;background:#fff;}
.auction-buy-agency > div+div{margin-top:33px;}
.auction-buy-agency > div:after{content:'';position:absolute;left:34px;bottom:-18px;display:block;border-top:9px solid #fff;border-left:9px solid #fff;border-bottom:9px solid transparent;border-right:9px solid transparent;}
.auction-buy-agency > div:before{content:'';position:absolute;left:33px;bottom:-20px;display:block;border-top:10px solid #d1d1d1;border-left:10px solid #d1d1d1;border-bottom:10px solid transparent;border-right:10px solid transparent;}
.auction-buy-agency span{display:inline-block;color:#666;}
.auction-buy-agency .author{margin-bottom:12px;}
.auction-buy-agency .date{float:right;font-size:14px;}
.auction-buy-agency .agency-author{background:#e4e9f0;border:1px solid #ccd5e1;}
.auction-buy-agency .agency-author:after{right:34px;left:auto;bottom:-18px;display:block;border-top:9px solid #e4e9f0;border-left:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #e4e9f0;}
.auction-buy-agency .agency-author:before{right:33px;left:auto;bottom:-20px;display:block;border-top:10px solid #ccd5e1;border-left:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ccd5e1;}

.auction-buy-agency .entrynum{margin-bottom:15px;}
.auction-buy-agency .btn-detail{display:inline-block;margin-bottom:10px;font-size:20px;line-height:25px;border-bottom:1px solid #f04040;color:#f04040;}
.auction-buy-agency .price{font-weight:bold;color:#000;}
.auction-buy-agency .img-thumbnail-wrap{position:relative;width:223px;}
.auction-buy-agency .btn-img-thumbnail{position:absolute;right:0;bottom:0;width:30px;height:30px;background:rgba(0,0,0,0.4);}
.auction-buy-agency .btn-img-thumbnail:after{content:'';display:block;margin:8px;width:14px;height:14px;background:url(../../img/hp/btn/btn-more.png) no-repeat;}

.auction-buy-comment{padding:23px 25px;border-top:1px solid #ccc;}
.auction-buy-comment textarea, .auction-buy-comment input[type="text"]{margin-right:10px;width:1020px;}
.auction-buy-comment textarea{height:93px;flex:1}
.auction-buy-comment input[type="text"]{height:33px;}
.auction-buy-comment a,.auction-buy-comment button{float:right;width:120px;text-align:center;font-size:15px;color:#fff;}
.auction-buy-comment .btn-save{line-height:93px;background:#f04040;}
.auction-buy-comment .btn-att{line-height:33px;background:#747677;}
.auction-buy-comment .comment-save{margin-bottom:10px;display:flex;width:100%;}

.auction-buy-comment .comment-att-img{display:inline-block;font-size:13px;line-height:16px;color:#222;text-decoration:underline;}
.auction-buy-comment .comment-att-img .btn-cancel{display:inline-block;margin-left:18px;width:16px;height:16px;background:url(../../img/hp/btn/btn-cancel.png) no-repeat;}
.auction-buy-comment .comment-att-img + .comment-att-img{margin-left:10px;}
.auction-buy-comment .file-att{display:none;}
.auction-buy-comment .comment-att-area a.btn-att.btn-file{margin-right: 0;height:40px;line-height:40px}

.btn-request-detail{display:inline-block;width:19px;height:11px;background:url(../../img/hp/ico/ico-arrow-select.png) no-repeat;}
.btn-request-detail.on{background-position:0 100%;}
.request-detail{display:none;}
.request-detail.is-show{display:table-row;}

/*경매결과조회*/
.tbl-calculate{border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;}
.tbl-calculate th,
.tbl-calculate td{height:53px;padding:19px 0;border-bottom:1px solid #ddd;box-sizing:border-box;}
.tbl-calculate th{font-size:15px;font-weight:bold}
.tbl-calculate td{color:#666}
.tbl-calculate tfoot th{padding-left:32px;text-align:left;}
.tbl-calculate tfoot td{padding-right:29px;font-size:18px;font-weight:bold;color:#f04040;text-align:right;}
.tbl-calculate tfoot td.deposit{color:#4471cb}
.calculate-top-wrap{padding:25px 40px;font-size:18px;background:#7a838e;color:#fff;line-height:24px;}
.calculate-top-wrap:after{content:'';display:block;clear:both;}
.calculate-top-wrap .calculate-info{float:left;}
.calculate-top-wrap .type{position:relative;display:inline-block;margin-left:40px;margin-right:14px;width:70px;font-size:12px;line-height:24px;border-radius:2px;text-align:center;vertical-align:top;}
.calculate-top-wrap .type:before{content:'';position:absolute;top:3px;left:-20px;display:inline-block;width:1px;height:19px;background:#acb0b6;vertical-align:text-top;}
.calculate-top-wrap .type.payments{background-color:#f04040;}
.calculate-top-wrap .type.deposit{background-color:#4471cb;}
.calculate-top-wrap .price{font-size:20px;font-weight:bold;}
.calculate-top-wrap .date{float:right;}
.calculate-top-wrap .date span:after{content:'';display:inline-block;margin:4px 15px;width:1px;height:12px;background:#acb0b6;vertical-align:text-top;}
.calculate-bottom-wrap{padding:37px 39px 40px;border:1px solid #88909a;border-top:0;}
.calculate-object{font-size:15px;}
.calculate-object:before{content:'';display:inline-block;margin-top:6px;margin-right:8px;width:3px;height:3px;background:#000;vertical-align:text-top;}
.calculate-object .account{display:inline-block;margin-left:30px;color:#666;}
.calculate-object .annotation{float:right;font-size:13px;color:#666;}
.calculate-area:after{content:'';display:block;clear:both;}
.calculate-area > div{float:left;width:540px;}
.calculate-area strong{display:block;margin-top:30px;padding-bottom:19px;font-size:16px;font-weight:bold;background:#eee;text-align:center;}
.calculate-area strong:before{content:'';display:block;margin-bottom:18px;height:3px;background:url(../../img/hp/common/bg-calculate-tit.gif) repeat-x;}
.calculate-left{margin-right:40px;}

/* 아이디 비밀번호 찾기 */
.member-find-wrap{margin:70px auto 0;width:920px;}
.member-find-wrap a{position:relative;display:inline-block;width:450px;height:200px;padding:50px 0;font-size:20px;background:#fafafa;border:1px solid #e2e2e2;text-align:center;box-sizing:border-box;}
.member-find-wrap .lotteaa-member{float:right;}
.member-find-wrap a:after{content:'';display:none;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:3px solid #f04040;box-shadow:-4px 7px 16px rgba(0,0,0,0.15);box-sizing:border-box;}
.member-find-wrap .on,
.member-find-wrap a:hover{background:#fff}
.member-find-wrap .on:after,
.member-find-wrap a:hover:after{display:block;}
.member-find-wrap a span{display:block;margin-top:14px;color:#444;}
.member-find-info{position:relative;margin-top:30px;font-size:13px;line-height:22px;color:#666;}
.member-find-info:before{content:'i';float:left;margin-right:18px;padding:11px 19px;font-size:25px;font-weight:bold;color:#fff;background:#e5e5e5;border-radius:22px;}
.member-find-info .btn-link{position:absolute;top:0;margin-left:30px;padding:4px 0;width:76px;background:#a9a9a9;color:#fff;text-align:center;}

.id-find-wrap{margin:70px auto 0;width:510px;}
.id-find-wrap button{float:right;width:130px;height:70px;font-size:15px;background:#f04040;color:#fff;vertical-align:middle;}
.find-input-wrap{padding-bottom:20px;border-bottom:1px solid #ccc;}
.find-input-wrap:after{content:'';display:block;clear:both;}
.find-input-area{float:left;}
.find-input-area input[type="text"]{width:100%;}
.find-input-area .phone-num{margin-top:10px;}
.find-input-area .phone-num input[type="text"]{width:107px;padding:0 15px;}
.find-input-area .phone-num span{display:inline-block;padding:0 9px;}
.find-input-wrap + .member-find-info{margin-top:20px;}



/* 차량 상품 상세 보기 */
.product-detail-view{position:relative;padding:50px;background:#f3f5f7;border-bottom:1px solid #d6d8d9;}
.product-detail-view:after{content:'';position:absolute;left:calc(50% + 1px);bottom:-25px;margin:auto;border-top:25px solid #f3f5f7;border-left:25px solid transparent;border-right:25px solid transparent;}
.product-detail-view:before{content:'';position:absolute;left:50%;bottom:-26px;margin:auto;border-top:26px solid #d6d8d9;border-left:26px solid transparent;border-right:26px solid transparent;}
.product-detail-view .detail-view-wrap{margin:0 auto;width:1200px;;}
.detail-view-wrap .detail-view-top{position:relative;padding-bottom:30px;border-bottom:1px solid #666;font-size:13px;color:#555;line-height:41px;}
.detail-view-wrap .detail-view-top span{display:inline-block;margin-left:5px;font-weight:bold;color:#333;}
.detail-view-wrap .detail-view-top .detail-text .product-num{margin-right:30px;font-size:16px;}
.detail-view-wrap .detail-view-top .detail-util{position:absolute;top:0;right:0;width:310px;}
.detail-view-wrap .detail-view-top .detail-util .btn-declaration{position:relative;float:left;margin-right:10px;padding:0 14px 0 38px;width:134px;height:41px;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
.detail-view-wrap .detail-view-top .detail-util .btn-declaration:before{content:'';position:absolute;top:10px;left:17px;width:14px;height:19px;background:url(../../img/hp/ico/ico-declaration.png) no-repeat;}
.detail-view-wrap .detail-view-top .detail-util .sns-area:after{content:'';display:block;clear:both;}
.detail-view-wrap .detail-view-top .detail-util .sns-area li{float:left;width:41px;height:41px;}
.detail-view-wrap .detail-view-top .detail-util .sns-area li a{display:block;text-indent:-9999px;}
.detail-view-wrap .detail-view-top .detail-util .sns-tw a{background:url(../../img/hp/ico/ico-tw.gif) no-repeat;}
.detail-view-wrap .detail-view-top .detail-util .sns-fb a{background:url(../../img/hp/ico/ico-fb.gif) no-repeat;}
.detail-view-wrap .detail-view-top .detail-util .sns-nb a{background:url(../../img/hp/ico/ico-nb.gif) no-repeat;}
.detail-view-wrap .detail-view-top .detail-util .sns-url a{background:url(../../img/hp/ico/ico-url.gif) no-repeat;}
.detail-view-wrap .detail-view-bottom .detail-tit{display:block;padding:60px 0;font-size:46px;color:#222;text-align:center;}
.detail-photo-wrap{float:left;width:640px;}
.detail-photo{width:100%;box-sizing:border-box;}
.detail-view-wrap .detail-photo li{width:640px;height:512px;background:#fff url(../../img/hp/common/bg-ci.gif) no-repeat 50% 50%;background-size:242px 32px;display:flex;justify-content: center;align-items: center;overflow: hidden;}
.detail-photo li > img{width:100%;}
.detail-thumbnail ul{width:640px;height:90px;background:url(../../img/hp/common/bg-detail-thumbnail.gif) no-repeat;}
.detail-thumbnail ul:after{content:'';display:block;clear:both;}
.detail-thumbnail li{position:relative;float:left;width:64px;height:45px;background:#fff url(../../img/hp/common/bg-ci.gif) no-repeat 50% 50%;background-size:33px 4px;}
.detail-thumbnail li a{display:block;width:64px;height:45px;overflow: hidden;display:flex;justify-content: center;align-items:center}
.detail-thumbnail li a:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #ddd;}
.detail-thumbnail li.on a:after{border:2px solid #f04040;}
.detail-info-wrap{float:right;width:510px;}
.detail-info-wrap .car-price{position:relative;margin-bottom:4px;padding-left:56px;font-size:30px;color:#555;} /* 2019-03-13 수정 */
.detail-info-wrap .car-price{position:relative;margin-bottom:12px;padding-left:56px;font-size:30px;color:#555;}
.detail-info-wrap .car-price:before{content:'';position:absolute;top:7px;left:0;width:46px;height:46px;background:url(../../img/hp/ico/ico-price.png) no-repeat;}
.detail-info-wrap .car-price em{font-size:60px;font-weight:bold;color:#f04040;}
.detail-info-wrap .car-price .btn-favorite{float:right;margin-top:30px;width:34px;height:30px;background:url(../../img/hp/ico/ico-favorite02.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.detail-info-wrap .car-price .btn-favorite.on{background-position:0 -40px;}
.detail-info-wrap .car-txt {margin-bottom:12px;color: #555;font-size:20px;} /* 2019-03-13 추가 */
.member-profile-wrap{position:relative;margin-bottom:30px;padding:40px;background:#fff;border:1px solid #e5e5e5;}
.member-profile-wrap .member-profile-info{margin-bottom:10px;border-bottom:1px solid #ccc;}
.member-profile-wrap .member-profile-top{margin-bottom:20px;overflow: hidden}
.member-profile-wrap .member-profile-top:after{content:'';display:block;clear:both;}
.member-profile-wrap .member-profile-info dl{float:right;width:250px;}
.member-profile-wrap .member-profile-info dl dt{margin-bottom:10px;font-size:20px;}
.member-profile-wrap .member-profile-info dl dd{color:#666;line-height:1.3}
.member-profile-wrap .member-profile-info dl dd + dd{margin-top:3px;}
.member-profile-wrap .member-profile-info dl dd strong{color:#222;font-weight:bold;}
.member-profile-wrap .member-profile-img{width:154px;height:140px;display: flex;overflow:hidden;align-items: center;justify-content: center;border:1px solid #e7e7e7;background:url(../../img/hp/common/noimg.png) center center no-repeat;}
.member-profile-wrap .member-profile-img > img{width:100%}
.member-profile-wrap .member-profile-product{display:inline-block;width:178px;margin-bottom:15px;font-size:15px;}
.member-profile-wrap .member-profile-product em{margin-left:10px;font-weight:bold;color:#f04040;border-bottom:1px solid #f7a5a5;}
.member-profile-wrap .member-profile-text{padding:10px 0;height:88px;font-size:15px;line-height:24px;color:#555;overflow:auto;box-sizing:border-box;}
.detail-info strong{font-size:20px;font-weight:400;}
.detail-info .detail-info-text{padding:10px 0;height:92px;font-size:15px;line-height:24px;color:#555;overflow:auto;box-sizing:border-box;}

.car-info-area:after{content:'';display:block;clear:both;}
.car-info-area .sub-sec{position:relative;float:left;padding-top:12px;width:570px;}
.car-info-area .sub-sec + .sub-sec{margin-left:60px;}
.car-info-area .view-accident{position:absolute;top:0;right:0;width:165px;border:1px solid #c2c2c2;line-height:30px;font-size:13px;color:#888;text-align:center;box-sizing:border-box;}
.car-info-area .view-accident:after{content:'+';margin-left:5px;font-size:15px;font-weight:bold;line-height:30px;color:#f04040;}
.car-info-area .no-result{padding:120px 0;}

.tbl-car-option{border-top:2px solid #000;border-bottom:1px solid #ccc;}
.tbl-car-option th,
.tbl-car-option td{height:63px;padding:24px 0;border-bottom:1px solid #ccc;font-size:15px;vertical-align:top;box-sizing:border-box;}
.tbl-car-option th{font-weight:bold;color:#000;border-bottom:1px solid #ccc;}
.tbl-car-option td{padding:24px;line-height:36px;color:#333;text-align:left;border-left:1px solid #ccc;}
.tbl-car-option td:first-child{border-left:0;}

.vehicle-performance-wrap{position:relative;padding-top:12px;}
.vehicle-performance-wrap .view-performance{position:absolute;top:0;right:0;width:165px;line-height:30px;border:1px solid #ccc;color:#888;box-sizing:border-box;text-align:center;}
.vehicle-performance-wrap .view-performance:after{content:'+';margin-left:5px;font-size:15px;font-weight:bold;line-height:30px;color:#f04040;}
.vehicle-performance-wrap .car-status-wrap{position:relative;padding:53px 0;line-height:13px;color:#000;}
.vehicle-performance-wrap .car-status-wrap:after{content:'';display:block;clear:both;}
.vehicle-performance-wrap .car-status-wrap .car-status-box{position:absolute;top:220px;left:52px;line-height:20px;}
.vehicle-performance-wrap .car-status-wrap .car-status-box li{font-size:15px;color:#222;}
.vehicle-performance-wrap .car-status-wrap .car-status-box li + li{margin-top:31px;}
.vehicle-performance-wrap .car-status-wrap .car-status-box li span{display:inline-block;width:20px;background:#4471cb;color:#fff;font-size:12px;font-weight:bold;text-align:center;border-radius:20px;margin-right:7px;}
.vehicle-performance-wrap .car-status-wrap .car-status-select{float:right;width:850px;margin-right:84px;}
.vehicle-performance-wrap .no-result{padding:150px 0;}

.car-status-check-list .check-list-wrap{padding:20px 0;}
.car-status-check-list .check-list-wrap:after{content:'';display:block;clear:both;}
.car-status-check-list .check-list-box{float:left;width:33.33%;}
.car-status-check-list .check-list-box .check-list + .check-list{margin-top:23px;}
.car-status-check-list .check-list-box .check-list{position:relative;color:#888;}
.car-status-check-list .check-list-box .check-list.check{color:#222;}
.car-status-check-list .check-list-box .check-list.check:before{content:'';position:absolute;top:3px;left:-26px;width:16px;height:16px;vertical-align:middle;background:url(../../img/hp/ico/ico-check-red.png) no-repeat;}

/* 자동차 상태 표시 */
.car-status-select{position:relative;background:#fff;}
.car-drawing-area{width:850px;height:470px;background:url(../../img/hp/common/car_drawing_bg.gif) no-repeat;}
.car-drawing-area #car_drawing{position:relative;z-index:999;}
.car-drawing-over{position:absolute;top:0;left:0;width:100%;height:100%;}
.car-drawing-over ul{position:relative;float:left;height:100%;}
.car-drawing-over li{position:absolute;top:0;left:0;width:100%;height:100%;}
.car-drawing-over li .car-img{display:none;}
.car-drawing-over li .car-text-area{position:absolute;font-size:13px;font-weight:bold;}
.car-drawing-over li .car-text-area .car-num{display:block;width:15px;text-align:center;}
.car-drawing-over li.recorded .car-text-area .car-num{display:none;}
.car-drawing-over li .car-text-area .car-status{position:absolute;top:0;left:0;width:65px;}
.car-drawing-over li .car-text-area .car-status span + span{margin-left:5px;}
.car-drawing-over li .car-text-area .car-status .btn-x,
.car-drawing-over li .car-text-area .car-status .btn-c,
.car-drawing-over li .car-text-area .car-status .btn-w{display:none;}
.car-drawing-over li .car-text-area .car-status .btn-x.on,
.car-drawing-over li .car-text-area .car-status .btn-c.on,
.car-drawing-over li .car-text-area .car-status .btn-w.on{display:inline-block;}
.car-drawing-over li .car-text-area.on .car-num{display:none;}
.car-drawing-over li .car-text-area.on .car-status{display:block;}
.car-drawing-over .on .car-img,
.car-drawing-over .recorded .car-img,
.car-drawing-over .selected .car-img{display:block;}
.car-drawing-over .drawing_left{width:195px;}
.car-drawing-over .drawing_front{width:245px;}
.car-drawing-over .drawing_back{width:210px;}
.car-drawing-over .drawing_right{width:200px;}
.car-drawing-over .cp0102 .car-text-area{top:42px;left:80px;}
.car-drawing-over .cp010301 .car-text-area{top:197px;left:80px;}
.car-drawing-over .cp010302 .car-text-area{top:285px;left:80px;}
.car-drawing-over .cp0106 .car-text-area{top:390px;left:100px;}
.car-drawing-over .cp0108 .car-text-area{top:175px;left:35px;}
.car-drawing-over .cp0114 .car-text-area{top:250px;left:145px;}
.car-drawing-over .cp0201 .car-text-area{top:66px;left:120px;}
.car-drawing-over .cp0204 .car-text-area{top:403px;left:120px;}
.car-drawing-over .cp0207 .car-text-area{top:246px;left:120px;}
.car-drawing-over .cp0305 .car-text-area{top:8px;left:87px;}
.car-drawing-over .cp0309 .car-text-area{top:29px;left:87px;}
.car-drawing-over .cp0310 .car-text-area{top:144px;left:87px;}
.car-drawing-over .cp031101 .car-text-area{top:70px;right:168px;}
.car-drawing-over .cp031102 .car-text-area{top:70px;left:143px;}
.car-drawing-over .cp031103 .car-text-area{top:405px;right:168px;}
.car-drawing-over .cp031104 .car-text-area{top:405px;left:143px;}
.car-drawing-over .cp031201 .car-text-area{top:97px;left:52px;}
.car-drawing-over .cp031202 .car-text-area{top:97px;left:115px;}
.car-drawing-over .cp031301 .car-text-area{top:116px;right:168px;}
.car-drawing-over .cp031302 .car-text-area{top:116px;left:142px;}
.car-drawing-over .cp031303 .car-text-area{top:351px;right:168px;}
.car-drawing-over .cp031304 .car-text-area{top:351px;left:142px;}
.car-drawing-over .cp0315 .car-text-area{top:164px;left:87px;}
.car-drawing-over .cp0316 .car-text-area{top:221px;left:87px;}
.car-drawing-over .cp0317 .car-text-area{top:395px;left:87px;}
.car-drawing-over .cp0318 .car-text-area{top:440px;left:87px;}
.car-drawing-over .cp0319 .car-text-area{top:340px;left:87px;}
.car-drawing-over .cp0402 .car-text-area{top:42px;left:100px;}
.car-drawing-over .cp040301 .car-text-area{top:197px;left:100px;}
.car-drawing-over .cp040302 .car-text-area{top:285px;left:100px;}
.car-drawing-over .cp0406 .car-text-area{top:390px;left:100px;}
.car-drawing-over .cp0408 .car-text-area{top:175px;left:147px;}
.car-drawing-over .cp0414 .car-text-area{top:250px;left:20px;}
.car-drawing-over .cp0201 .car-text-area .car-status,
.car-drawing-over .cp0207 .car-text-area .car-status,
.car-drawing-over .cp0204 .car-text-area .car-status,
.car-drawing-over .cp0316 .car-text-area .car-status,
.car-drawing-over .cp0317 .car-text-area .car-status,
.car-drawing-over .cp0318 .car-text-area .car-status,
.car-drawing-over .cp0319 .car-text-area .car-status,
.car-drawing-over .cp0310 .car-text-area .car-status,
.car-drawing-over .cp0315 .car-text-area .car-status{left:-25px;text-align:center;}
.car-drawing-over .cp031301 .car-text-area .car-status,
.car-drawing-over .cp031303 .car-text-area .car-status{left:auto;right:0;text-align:right;}
.car-drawing-over .cp031101 .car-text-area .car-status,
.car-drawing-over .cp031103 .car-text-area .car-status{left:auto;right:0;text-align:right;}

/* 동일 판매자가 판매중인 상품 */
.product-list-wrap{position:relative;}
.product-list-wrap .btn-more{position:absolute;top:0;right:0;font-size:16px;color:#666;}
.product-list-wrap .btn-more:after{content:'+';font-size:20px;font-weight:bold;color:#f04040;}




/* 판매 상품 썸네일 목록 */
.sale-product-wrap:after{content:'';display:block;clear:both;}
.sale-product-wrap li{position:relative;float:left;margin-bottom:20px;width:290px;box-shadow:0 6px 6px rgba(0,0,0,0.15)}
.sale-product-wrap li + li{margin-left:13px;}
.sale-product-wrap li:nth-child(4n+1){margin-left:0}
.sale-product-wrap li .btn-favorite{position:absolute;top:12px;right:15px;width:28px;height:28px;background:url(../../img/hp/ico/ico-favorite.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.sale-product-wrap li .btn-favorite.on{background-position:0 -38px;}
.sale-product-wrap li .ico-guarantee{position:absolute;top:10px;left:10px;}
.sale-product-wrap li .ico-cert{position:absolute;top:10px;left:10px;}
.sale-product-wrap li dl{padding:240px 20px 20px;}
.sale-product-wrap li dl:after{content:'';display:block;clear:both;}
.sale-product-wrap li dl dt{font-size:16px;line-height:30px;color:#222;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.sale-product-wrap li .product-price{font-size:16px;color:#333;text-align:right;margin-top:5px}
.sale-product-wrap li .product-price em{font-size:26px;color:#000;}
.sale-product-wrap li .product-img{position:absolute;top:0;left:0;width:290px;height:232px;overflow: hidden;display: flex;justify-content:center;}
.sale-product-wrap li .product-txt{font-size:14px;color:#333;text-align:right;margin-top:5px} /* 2019-03-13 추가 */
/* 2018-01-30 추가 */
.sale-product-wrap li .product-img img{transition: all .2s ease-in-out; width:auto;height:232px}
.sale-product-wrap li .product-img:hover > img{transform: scale(1.07); }
.sale-product-wrap li .hover-wrap{display:none;position:absolute;bottom:0;left:0;width:100%;padding:36px 20px 20px;background:rgba(0,0,0,0.8);color:#fff;box-sizing:border-box;}
.sale-product-wrap li .hover-wrap .product-tit{display:block;overflow:hidden;margin-bottom:13px;font-size:16px;line-height:22px;text-overflow: ellipsis;white-space: normal; height:44px; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.sale-product-wrap li .hover-wrap .product-info{margin-bottom:30px;font-size:13px;}
.sale-product-wrap li .hover-wrap .product-price{color:#fff;}
.sale-product-wrap li .hover-wrap .product-price em{color:#fff;}
.sale-product-wrap li .hover-wrap .product-txt{color: #fff;} /* 2019-03-13 추가 */
.sale-product-wrap li:hover .hover-wrap{display:block;}
.sale-product-wrap li .sale-end-area{display:none;position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:#fff;box-sizing:border-box;z-index:10;}
.sale-product-wrap li .sale-end-area p,.sale-end-area .sellComplete{color:#fff;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100px;height:37px;line-height:37px;font-size:16px;background:#f04040;border-radius:37px;text-align:center;}
.sale-product-wrap .sale-end a{cursor: default;}
.sale-product-wrap .sale-end .sale-end-area{display:block;}
.sale-product-wrap .sale-end:hover .hover-wrap{display:none;}
.sale-end-area{cursor: pointer;}

/* 판매 상품 리스트 목록 */
.list-wrap li{position:relative;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ccc;}
.list-wrap .sale-product-info{position:relative;padding-left:217px;height:152px;}
.list-wrap .sale-product-info dt{display:none;}
.list-wrap .sale-product-info .product-img{position:absolute;top:0;left:0;border:1px solid #e1e1e1;display:flex;justify-content:center;align-items:center;width:188px;height:150px;overflow:hidden}
.list-wrap .sale-product-info .product-img > img{width:100%}
.list-wrap .sale-product-info .product-register-num{margin-bottom:17px;}
.list-wrap .sale-product-info .product-tit{margin-bottom:17px;font-size:20px;}
.list-wrap .sale-product-info .product-info{font-size:15px;color:#5a5a5a;}
.list-wrap .sale-product-info .product-info-r2b{font-size:15px;color:#5a5a5a;margin-top:17px;}
.list-wrap .sale-product-info .product-price{position:absolute;bottom:0;right:0;font-size:17px;color:#333;}
.list-wrap .sale-product-info .product-price em{font-size:30px;font-weight:bold;color:#000;}
.list-wrap .sale-product-info .product-txt {display: block;color: #5a5a5a;font-size: 15px;} /* 2019-03-13 추가 */
.list-wrap .btn-favorite{position:absolute;top:0;right:0;width: 34px;height: 30px;background: url(../../img/hp/ico/ico-favorite02.png) no-repeat;overflow: hidden;text-indent: -9999px;}
.list-wrap .btn-favorite.on{background-position:0 -40px;}

.list-wrap .sale-end-area{display:none;position:absolute;top:0;left:0;width:190px;height:152px;background:rgba(0,0,0,0.5);color:#fff;box-sizing:border-box;}
.list-wrap .sale-end-area p{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:70px;height:25px;line-height:25px;background:#f04040;border-radius:37px;text-align:center;}
/* .list-wrap .sale-end a{cursor: default;} */
.list-wrap .sale-end .sale-end-area{display:block;}


/* 허위 매물 신고 */
.layer-report-false-information{width:823px}
.tbl-winning th,
.tbl-winning td{padding:27px 0;}
.tbl-winning input{width:210px;}
.tbl-winning textarea{width:560px;height:120px;}

/* 판매 상품 목록 */
.buy-car-search-wrap{position:relative;}
.buy-car-search-top .car-banner{margin:0 auto;color:#fff;}
.buy-car-search-top .car-banner:after{content:'';display:block;clear:both}
.buy-car-search-top .car-banner > div{width:50%;float:left;height:169px;position: relative;}
.buy-car-search-top .car-banner p{margin-bottom:30px;}
.buy-car-search-top .car-banner .car-banner-left{background:#3e437b url(../../img/hp/buy-my-car/buy-car-search-bg_left.jpg) right 0 no-repeat;box-sizing:border-box;}
.buy-car-search-top .viewDetail{width:135px;height:34px;border-radius:17px;border:1px solid #fff;background:rgba(0,0,0,.2);color:#fff;text-align: center;line-height:34px}
.buy-car-search-top .car-banner .car-banner-left .viewDetail{position: absolute;right:147px;bottom:46px}
.buy-car-search-top .car-banner .car-banner-right{background:#c6c6c6 url(../../img/hp/buy-my-car/buy-car-search-bg_right.jpg) no-repeat;box-sizing:border-box;}
.buy-car-search-top .car-banner .car-banner-right .viewDetail{position: absolute;left:147px;bottom:46px}
.buy-car-search-input{position:absolute;top:146px;left:0;right:0;margin:auto;padding:19px;width:780px;box-shadow:0 8px 8px rgba(0,0,0,0.18);background:#fff;box-sizing:border-box;}
.buy-car-search-input input[type="text"]{width:calc(100% - 40px);border:0;font-size:18px;color:#000;}
.buy-car-search-input input:placeholder{color:#000;}
.buy-car-search-input button{position:absolute;top:19px;right:19px;width:30px;height:33px;overflow:hidden;text-indent:-9999px;background:url(../../img/hp/ico/icon-search-red.png) no-repeat;}
.buy-car-search-bottom{padding-bottom:40px;padding-top:73px;background:#f5f5f5}
.search-wrap{width:1200px;margin:0 auto;}
.search-wrap select{padding:0;border:0;border-bottom:2px solid #d8d8d8;background:transparent url(../../img/hp/common/bg-select02.png) no-repeat 50%;background-position-x: calc(100% - 8px);}
.search-wrap .search-easy-wrap strong{font-size:20px;color:#222;}
.search-wrap .search-easy-wrap > div{display:inline-block;margin-right:40px;}
.search-wrap .search-easy-wrap .easy-tit{display:inline-block;width:145px;}
.search-wrap .search-easy-wrap > div strong{display:inline-block;margin-right:20px;}
.search-wrap .search-easy-wrap .easy-company select{width:188px}
.search-wrap .search-easy-wrap .easy-model select{width:188px}
.search-wrap .search-easy-wrap .easy-detail-modal select{width:318px}
.search-wrap .search-detail-wrap{display:none;margin-top:30px;padding-top:30px;padding-left:50px;padding-right:45px;border-top:2px solid #000;}
.search-wrap .search-detail-wrap ul:after{content:'';display:block;clear:both}
.search-wrap .search-detail-wrap li{float:left;}
.search-wrap .search-detail-wrap ul >li:after{content:'';display:block;clear:both}
.search-wrap .search-detail-wrap .search-detail-list-wrap >li:nth-child(odd){width:538px;}
.search-wrap .search-detail-wrap .search-detail-list-wrap >li:nth-child(even){width:567px;}
.search-wrap .search-detail-wrap .search-detail-list-wrap > li:last-child{width:100%;}
.search-wrap .search-detail-wrap .search-detail-list-wrap >li:nth-child(n+3){margin-top:50px;}
.search-wrap .search-detail-wrap li strong{float:left;font-size:18px;color:#333;line-height:31px;}
.search-wrap .search-detail-wrap .search-detail-list-wrap > li:last-child strong{margin-top:3px;}
.search-wrap .search-detail-wrap li:nth-child(odd) strong{width:57px;}
.search-wrap .search-detail-wrap li:nth-child(even) strong{width:106px;}
.search-wrap .search-detail-wrap li:nth-child(3) select{width:126px;}
.search-wrap .search-detail-wrap li:nth-child(3) span{display:inline-block;margin:0 19px;}
.search-wrap .search-detail-wrap li:nth-child(5) select{width:300px;}
.search-wrap .search-detail-wrap li:nth-child(6) select{width:156px;}
.search-wrap .search-detail-wrap li:nth-child(6) span{display:inline-block;margin:0 23px;}
.search-wrap .search-detail-wrap .search-detail-list-wrap li:nth-child(3) .btn,
.search-wrap .search-detail-wrap .search-detail-list-wrap li:nth-child(5) .btn,
.search-wrap .search-detail-wrap .search-detail-list-wrap li:nth-child(6) .btn{margin-right:17px;}
.search-wrap .search-detail-wrap li div{float:left;}
.search-wrap .search-detail-wrap li div:after{content:'';display:block;clear:both}

.distance-range-wrap{width:460px;}
.distance-range-wrap .distance-range{margin-top:14px;width:320px;height:4px;box-shadow:none;background:#cdcdcd;}
.distance-range-wrap a{float:left;margin-right:0;width:70px;height:31px;border:2px solid #e6e6e6;line-height:31px;border-radius:30px;background:#fff;color:#888;box-sizing:border-box;text-align:center;}
.distance-range-wrap .on{border-color:#f04040;color:#f04040;}
.distance-range-wrap .ui-slider-handle{top:-6px;width:auto !important;transform:translateX(-50%);}
.distance-range-wrap .ui-slider-handle.distance-max{margin-top:12px}
.distance-range-wrap .ui-slider-handle.distance-max:after{content:'';display:block;margin:0 auto;width:18px;height:18px;background:#f04040;border-radius:18px;position: relative;top:-45px}
.distance-range-wrap .ui-slider-handle.distance-min{top:-50px}
.distance-range-wrap .ui-slider-handle.distance-min:before{content:'';display:block;margin:0 auto;width:18px;height:18px;background:#f04040;border-radius:18px;position: relative;top:43px}
.distance-range-wrap .ui-slider-handle:focus{outline: 0;}

.search-wrap .search-detail-wrap .search-detail-list-wrap li .btn,
.search-wrap .search-detail-wrap .search-detail-list-wrap li .btn_cate,
.search-wrap .search-detail-wrap .search-detail-list-wrap li .btn_all,
.search-wrap .search-detail-wrap .select-color .color-all a{float:left;margin-right:6px;width:70px;height:31px;border:2px solid #e6e6e6;line-height:31px;border-radius:30px;background:#fff;color:#888;box-sizing:border-box;text-align:center;}
.search-wrap .search-detail-wrap .search-detail-list-wrap li .btn.on,
.search-wrap .search-detail-wrap .search-detail-list-wrap li .btn_all.on,
.search-wrap .search-detail-wrap .search-detail-list-wrap li .btn_cate.on,
.search-wrap .search-detail-wrap .select-color .color-all.on a{border-color:#f04040;color:#f04040;}
.search-wrap .search-detail-wrap .select-color .color-all a{margin-top:3px;}
.search-wrap .search-detail-wrap .select-color li{text-align:center;}
.search-wrap .search-detail-wrap .select-color li + li{margin-left:10px;}
.search-wrap .search-detail-wrap .select-color li:not(.color-all) a{position:relative;display:block;padding-top:4px;width:38px;font-size:14px;color:#666;}
.search-wrap .search-detail-wrap .select-color li:not(.color-all) a:before{content:'';display:block;margin:0 4px 8px;width:30px;height:30px;border-radius:30px;background:#000;}
.search-wrap .search-detail-wrap .select-color li:not(.color-all) a:after{position:absolute;top:0;left:0;width:30px;height:30px;border-radius:30px;border:4px solid #f04040;}
.search-wrap .search-detail-wrap .select-color li:not(.color-all).on a{color:#f04040}
.search-wrap .search-detail-wrap .select-color li:not(.color-all).on a:after{content:'';}
.search-wrap .search-detail-wrap .select-color li.color04 a:before,
.search-wrap .search-detail-wrap .select-color li.color05 a:before{border:1px solid #d3d3d3}

.search-wrap .search-detail-wrap .select-color li.color01 a:before,
.search-wrap .search-detail-wrap .select-color li.color01 a:after{background:#000}
.search-wrap .search-detail-wrap .select-color li.color02 a:before,
.search-wrap .search-detail-wrap .select-color li.color02 a:after{background:#717171}
.search-wrap .search-detail-wrap .select-color li.color03 a:before,
.search-wrap .search-detail-wrap .select-color li.color03 a:after{background:#d5d5d5}
.search-wrap .search-detail-wrap .select-color li.color04 a:before,
.search-wrap .search-detail-wrap .select-color li.color04 a:after{background:#fff}
.search-wrap .search-detail-wrap .select-color li.color05 a:before,
.search-wrap .search-detail-wrap .select-color li.color05 a:after{background:#faf2f2}
.search-wrap .search-detail-wrap .select-color li.color06 a:before,
.search-wrap .search-detail-wrap .select-color li.color06 a:after{background:#6b7290}
.search-wrap .search-detail-wrap .select-color li.color07 a:before,
.search-wrap .search-detail-wrap .select-color li.color07 a:after{background:#cda741}
.search-wrap .search-detail-wrap .select-color li.color08 a:before,
.search-wrap .search-detail-wrap .select-color li.color08 a:after{background:#3153b3}
.search-wrap .search-detail-wrap .select-color li.color09 a:before,
.search-wrap .search-detail-wrap .select-color li.color09 a:after{background:#468523}
.search-wrap .search-detail-wrap .select-color li.color10 a:before,
.search-wrap .search-detail-wrap .select-color li.color10 a:after{background:#f04040}
.search-wrap .search-detail-wrap .select-color li.color11 a:before,
.search-wrap .search-detail-wrap .select-color li.color11 a:after{background:#8a3860}
.search-wrap .search-detail-wrap .select-color li.color12 a:before,
.search-wrap .search-detail-wrap .select-color li.color12 a:after{background:#ffde27}
.search-wrap .search-detail-wrap .select-color li.color13 a:before,
.search-wrap .search-detail-wrap .select-color li.color13 a:after{background:#ffb8b8}

.car-search-detail-btn{width:1200px;margin:0 auto;padding-top:19px;padding-bottom:7px;}
.car-search-detail-btn a{float:right;font-size:16px;color:#333;}
.car-search-detail-btn a:before{content:'';float:right;margin-left:17px;width:18px;height:9px;background:url(../../img/hp/common/detail-search-arrow.png) no-repeat;}
.car-search-detail-btn a.on:before{background-position:0 -19px;}
.list-select-wrap{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #000;}
.list-select-wrap:after{content:'';display:block;clear:both;}
.list-type-select{float:left;}
.list-type-select:after{content:'';display:block;clear:both;}
.list-type-select li{float:left;font-size:16px;line-height:30px;color:#666666;}
.list-type-select li + li{margin-left:13px;}
.list-type-select li + li:before{content:'';float:left;margin-top:9px;margin-right:13px;width:1px;height:13px;background:#d5d5d5;border-right:1px solid #e5e5e5;}
.list-type-select .on{font-weight:bold;color:#f04040}
.list-style-select{float:right;}
.list-style-select:after{content:'';display:block;clear:both;}
.list-style-select .annotation{float:left;margin-right:17px;font-size:15px;color:#5b5a5a;line-height:30px;}
.list-style-select .annotation em{font-weight:bold;color:#f04040}
.list-style-select .list-all-num{float:left;}
.list-style-select .list-style{float:right;margin-left:10px;border:1px solid #b4b4b4;}
.list-style-select .list-style:after{content:'';display:block;clear:both;}
.list-style-select .list-style a{position:relative;float:left;width:27px;height:28px;overflow:hidden;text-indent:-9999px;}
.list-style-select .list-style a + a{border-left:1px solid #b4b4b4}
.list-style-select .list-style .btn-thumbnail:after{content:'';float:left;margin-top:9px;margin-left:8px;width:11px;height:11px;background:#b5b5b5;}
.list-style-select .list-style .btn-list:after{content:'';float:left;margin-top:9px;margin-left:8px;width:11px;height:11px;background:#b5b5b5;}
.list-style-select .list-style .btn-list:before{content:'';position:absolute;top:12px;left:8px;display:block;width:11px;height:3px;background:#b5b5b5;border-top:1px solid #fff;border-bottom:1px solid #fff;}

.list-style-select .list-style .btn-thumbnail.on:after,
.list-style-select .list-style .btn-list.on:after,
.list-style-select .list-style .btn-list.on:before{background:#f04040;}

.product-list-wrap .thumbnail-wrap,
.product-list-wrap .list-wrap{display:none;}
.product-list-wrap .thumbnail-wrap.show,
.product-list-wrap .list-wrap.show{display:block;}

/*  판매자 정보 */
.seller-info-wrap{margin-top:40px;padding:35px 39px;background:#f3f5f7;border:1px solid #e5e5e5;}
.seller-info-wrap:after{content:'';display:block;clear:both;}
.seller-info-wrap > div{float:left;}
.seller-info-wrap .seller-img{width:155px;height:116px;margin-right:29px;overflow:hidden;background:url(../../img/hp/common/noimg.png) center center no-repeat}
.seller-info-wrap .seller-img > img{width:100%}
.seller-info-wrap .seller-detail{width:420px;margin-right:55px;color:#666;}
.seller-info-wrap .seller-detail .seller-tit{position:relative;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #d8d8d8;}
.seller-info-wrap .seller-detail .seller-tit dt{font-size:20px;color:#000;}
.seller-info-wrap .seller-detail .seller-tit dd{position:absolute;top:0;right:0;}
.seller-info-wrap .seller-detail .seller-tit dd em{margin-left:10px;color:#222;}
.seller-info-wrap .seller-detail p{margin-bottom:10px;font-size:15px;line-height:1.2}
.seller-info-wrap .seller-detail p:last-child{margin-bottom:0}
.seller-info-wrap .seller-detail p:nth-child(4){clear:both}
.seller-info-wrap .seller-detail .identification-num{float:right;font-size:14px;}
.seller-info-wrap .seller-detail .identification-num em{margin-left:5px;font-weight:bold;font-size:16px;color:#222}
.seller-info-wrap .seller-text{padding:20px;width:460px;height:135px;line-height:20px;border:1px solid #e5e5e5;box-sizing:border-box;background:#fff;color:#555;overflow-y:auto;}

.seller-info-wrap + .tab-menu{margin-top:48px;}
.seller-info-wrap + .tab-menu em{margin-left:3px;font-weight:bold;font-size:15px;color:#f04040;border-bottom:1px solid #f04040;}





/* 회원정보변경 */
.member-info-change .receive-agrre{margin-top:10px;}
.member-info-change .receive-agrre span{display:inline-block;margin-right:30px;}
.member-info-change .phone-agree-area .phone-num{display:inline-block;vertical-align:middle;}
.member-info-change .phone-agree-area .btn-authenticate{margin-left:5px;width:75px;height:30px;line-height:30px;background:#a9a9a9;color:#fff;text-align:center;}
.member-info-change .phone-agree-area .annotation{display:inline-block;margin-left:10px;font-size:13px;line-height:30px;color:#6d6d6d;vertical-align:middle;}
.member-info-change .email-address{display:inline-block;margin-right:10px;vertical-align:middle;}
.member-info-change .email-address input{width:120px;}
.member-info-change .email-address span{display:inline-block;padding:0 5px;font-size:12px;line-height:30px;color:#999;vertical-align:middle;}
.member-info-change select + select{margin-left:10px;}

/* 비밀번호 변경 */
.password-change-wrap input{width:300px;}
.password-change-wrap .annotation{display:inline-block;margin-left:20px;font-size:13px;color:#666;line-height:30px;}

/* 회원탈퇴 */
.leave-membership-text{margin-top:40px;line-height:28px;color:#6d6d6d;}
.leave-membership-step {margin-top:40px;background:url(../../img/hp/common/step_bg.png) no-repeat;color:#fff;}
.leave-membership-step.step02{background-position:0 -60px;}
.leave-membership-step.step03{background-position:0 -120px;}
.leave-membership-step ul{display:table;width:100%;}
.leave-membership-step ul li{position:relative;display:table-cell;height:50px;vertical-align:middle;font-size:19px;line-height:50px;font-weight:bold;text-align:center;}
.leave-membership-step ul li em{position:absolute;left:72px;}
.leave-membership-step ul li:nth-child(1){width:427px;}
.leave-membership-step ul li:nth-child(2){width:387px;}
.password-change-wrap .sms-area{position:relative;float:left;margin-right:15px;width:300px;}
.password-change-wrap .sms-area span{position:absolute;top:10px;right:20px;font-size:13px;font-weight:bold;color:#f04040;}
.password-change-wrap .btn-sms{font-size:13px;line-height:30px;text-decoration:underline;}
.password-change-wrap .btn-area{font-size:15px;}
.leave-membership-complete{margin-top:50px;margin-bottom:15px;}
.leave-membership-complete strong{font-size:18px;line-height:28px;}
.leave-membership-complete p{line-height:24px;color:#333;}

/*입찰신청*/
.layer-bidding-apply01,
.layer-bidding-apply02,
.layer-foreclosure-inquiry{width:640px;}
.layer-bidding-apply01 input[type="text"],
.layer-bidding-apply02 input[type="text"]{width:173px;}
.layer-bidding-apply01 input[type="text"].amount,
.layer-bidding-apply02 input[type="text"].amount{padding-right:35px;text-align:right;}
.layer-bidding-apply01 input[type="tel"],
.layer-bidding-apply02 input[type="tel"]{width:100px;}
.layer-foreclosure-inquiry p{margin-bottom:15px;font-size:14px;color:#333;}

/* 회사소개-경매로사기 절차 */
.auction-buy-procedure{padding-bottom:65px;margin:0 auto;display: inline-block;}
.sell_process .procedure-txt{padding-top:105px;width:160px;height:160px;line-height:18px;box-sizing:border-box;border-radius:160px;background:#f8f8f8;}
.auction-buy-procedure ul:after{content:'';display:block;clear:both;}
.auction-buy-procedure{background:url(../../img/hp/infographic/procedure-bid-arrow2.png) calc(100% - 60px) calc(100% - 20px) no-repeat;}
.auction-buy-procedure li{position:relative;float:left;margin-right:205px;text-align:center;}
.auction-buy-procedure li:after{content:'';position:absolute;top:0;left:100%;display:block;width:205px;height:147px;background:url(../../img/hp/ico/ico-arrow-right.png) center center no-repeat;}
.auction-buy-procedure li:last-child{margin-right:0;}
.auction-buy-procedure li:last-child:after{content:none;}
.auction-buy-procedure li:nth-child(1) .procedure-txt{background-size:auto}
.auction-buy-procedure li:nth-child(1) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_sell01.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure li:nth-child(2) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_sell02.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure li:nth-child(3) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_sell03.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure2{margin:0 auto;display: inline-block;}
.auction-buy-procedure2 li{float:right;position: relative;}
.auction-buy-procedure2 li:nth-child(1) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_sell04.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure2 li:nth-child(2) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_sell05.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure2 li:nth-child(3) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_sell06.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure2 li:after{content:'';position:absolute;top:0;right:147px;display:block;width:205px;height:147px;background:url(../../img/hp/ico/ico-arrow-left.png) center center no-repeat;}
.auction-buy-procedure2 li:last-child{margin-left:0;}
.auction-buy-procedure2 li:last-child:after{content:none;}
.auction-buy-procedure2 li{margin-left:205px}

.auction-used-procedure{padding-bottom:65px;margin:0 auto;display: inline-block;}
.auction-used-procedure ul:after{content:'';display:block;clear:both;}
.auction-used-procedure{background:url(../../img/hp/infographic/procedure-bid-arrow2.png) calc(100% - 60px) calc(100% - 20px) no-repeat;}
.auction-used-procedure li{position:relative;float:left;margin-right:147px;text-align:center;}
.auction-used-procedure li:after{content:'';position:absolute;top:0;left:100%;display:block;width:147px;height:147px;background:url(../../img/hp/ico/ico-arrow-right.png) center center no-repeat;}
.auction-used-procedure li:last-child{margin-right:0;}
.auction-used-procedure li:last-child:after{content:none;}
.auction-used-procedure li:nth-child(1) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_used01.png) center calc(50% - 10px) no-repeat;}
.auction-used-procedure li:nth-child(2) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_used02.png) center calc(50% - 10px) no-repeat;}
.auction-used-procedure li:nth-child(3) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_used03.png) center calc(50% - 10px) no-repeat;}
.auction-used-procedure li:nth-child(4) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_used04.png) center calc(50% - 10px) no-repeat;}
.auction-used-procedure2{margin:0 auto;display: inline-block;}
.auction-used-procedure2 li{float:right;position: relative;}
.auction-used-procedure2 li:nth-child(1) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_used05.png) center calc(50% - 10px) no-repeat;}
.auction-used-procedure2 li:nth-child(2) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_used06.png) center calc(50% - 10px) no-repeat;}
.auction-used-procedure2 li:nth-child(3) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_used07.png) center calc(50% - 10px) no-repeat;}
.auction-used-procedure2 li:nth-child(4) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_used08.png) center calc(50% - 10px) no-repeat;}
.auction-used-procedure2 li:after{content:'';position:absolute;top:0;right:147px;display:block;width:147px;height:147px;background:url(../../img/hp/ico/ico-arrow-left.png) center center no-repeat;}
.auction-used-procedure2 li:last-child{margin-left:0;}
.auction-used-procedure2 li:last-child:after{content:none;}
.auction-used-procedure2 li{margin-left:147px}
.member_process .procedure-txt{padding-top:110px;width:165px;height:165px;line-height:18px;box-sizing:border-box;border-radius:165px;background:#f8f8f8;}
.member.auction-buy-procedure{padding-bottom:0;background:none}
.member.auction-buy-procedure li{margin-right:65px }
.member.auction-buy-procedure li:last-child{margin-right:0 }
.member.auction-buy-procedure li:last-child::after{content:none}
.member.auction-buy-procedure li:after{content:'';position:absolute;top:0;left:100%;display:block;width:65px;}
.auction-buy-procedure.member li:nth-child(1) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_mem01.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure.member li:nth-child(2) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_mem02.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure.member li:nth-child(3) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_mem03.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure.member li:nth-child(4) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_mem04.png) center calc(50% - 10px) no-repeat;}
.auction-buy-procedure.member li:nth-child(5) .procedure-txt{background:#f8f8f8 url(../../img/hp/infographic/info_mem05.png) center calc(50% - 10px) no-repeat;}
.member.auction-buy-procedure .proc_tel{color:#666;margin-top:15px;line-height:20px}
.infoDg .procedure{display:inline-block}

.optionWrap{line-height: 30px;margin-left:50px;display:inline-block;float: left;}
.optionWrap label{color:#666 !important}


.carMovie{text-align: center}
.carMovie .tbl-tit{text-align: left}
.carMovie iframe{width:890px;height:500px;margin:0 auto}

.bx-viewport{position: relative;}
.acci_historyWrap .acci_history{overflow: auto;min-height:650px}
.acci_history .bxslider{margin:0 auto}

.acci_history .bxslider img{width:100%}
.acci_history .bxslider > li{text-align: center;padding-bottom:20px}
.acci_history .bx-prev{top:50%;margin-top:-50px;left:30px;background:url(../../img/hp/btn/btn_sliprev.png) no-repeat}
.acci_history .bx-next{top:50%;margin-top:-50px;right:30px;background:url(../../img/hp/btn/btn_slinext.png) no-repeat;}
.bx-controls-direction a{display: inline-block;width:100px;height:100px;position:absolute;text-indent:-3000px;font-size:0;line-height: 0}

.car_ability .bxslider img{width:100%}
.car_ability .bxslider > li{text-align: center;padding-bottom:20px}
.car_ability .bx-prev{top:50%;margin-top:-50px;left:30px;background:url(../../img/hp/btn/btn_sliprev.png) no-repeat}
.car_ability .bx-next{top:50%;margin-top:-50px;right:30px;background:url(../../img/hp/btn/btn_slinext.png) no-repeat;}
.car_ability .bx-controls-direction a{display: inline-block;width:100px;height:100px;position:absolute;text-indent:-3000px;font-size:0;line-height: 0}


/* 경매실황관전 */
.auctionAirWrap{border:1px solid #e5e5e5;background: #f3f5f7;padding:40px 50px;margin-top:40px}
.auctionAir{display:flex}
.auctionAirL{width:770px;height:70px;line-height:70px}
.auctionAir .flex1{height:70px;line-height:70px;flex:1}
.auctionAirL > dl{overflow:hidden}
.dt_air{padding-left:33px;float:left;background: url(../../img/hp/ico/ico_air.png) 0 center no-repeat;color:#5a5a5a;font-size: 16px;width:121px}
.flex1 .dt_air{padding-left:40px;float:left;background: url(../../img/hp/ico/ico_air2.png) 0 center no-repeat;color:#5a5a5a;font-size: 16px;width:100px;}
.ymd{font-size:34px;color:#fff;line-height:69px;width:52px;border-radius:4px;height:69px;text-align: center;background:url(../../img/hp/buy-my-car/bg_air.gif) repeat-x;font-weight: bold;vertical-align: middle;}

.dateNum span{display:block;float:left;margin-right:2px}
.dateNum .ymd_po{padding-right:10px;font-size:28px;height:30px; line-height:30px;color:#616263;margin-top:39px}
.dday{font-size:34px;color:#fff;line-height:69px;width:52px;border-radius:4px;height:69px;text-align: center;background:url(../../img/hp/buy-my-car/bg_air2.gif) repeat-x;font-weight: bold;vertical-align: middle}
.dateNum .dash{font-size:36px;color:#616263}
.dateNum .today.dday{width:180px}
.auc_air_prg{border-top:2px solid #000;border-bottom:1px solid #ccc;padding:30px 0;height:45px} /*2020-07-27 , 문구생략으로 높이변경*/
.air_play{width:247px;}
.air_play > button{width:100%;height:139px;background:url(../../img/hp/ico/play.png) center 60px no-repeat #f5f5f5;color:#555;padding-bottom:55px;border-radius:5px}
.auc_air_prg .btns > button{padding:0 15px;height:36px;color:#555;border:2px solid #ddd;background:#fff;border-radius:36px;margin-left:10px}
.li_po > li{background:url(../../img/hp/ico/po.png) 0 10px no-repeat;line-height:24px;padding-left:10px;margin-left:30px;margin-bottom: 10px;color:#555;}
.serviceInfo{height:180px; background:url(../../img/hp/buy-my-car/auc_Airban.jpg) no-repeat;color:#fff;text-align: center;cursor: pointer;}

.serviceInfo > dl > dt{font-size:30px;margin-bottom:15px;padding-top:42px;}
.serviceInfo > dl > dd{line-height:27px}

/* 내차사기소개 */
.hide{font-size:0;text-indent: -9999px;top:-9999px;}
.buy-car-introWrap{width:100%;background:#f6f6f6;}
.buy-car-intro{height:720px;position: relative;width:1200px;margin:0 auto;transition:all 2s}
.mvCar{position: absolute;top:430px;left:0;width:214px;height:67px;background:url(../../img/hp/buy-my-car/car.png) no-repeat;left:200px}
.buy-car-intro .mvCar{transition:transform 3.5s cubic-bezier(0.22, 0.61, 0.36, 1);-ms-transition:transform 3.5s cubic-bezier(0.22, 0.61, 0.36, 1);-webkit-transition:transform 3.5s cubic-bezier(0.22, 0.61, 0.36, 1)}
.buy-car-intro.on .mvCar{transform:translate(296px, 0);-ms-transform:translate(296px, 0);-webkit-transform:translate(296px, 0)}
.buy-car-intro .obj1{opacity:0; transition: opacity 1s;-webkit-transition: opacity 1s;-ms-transition: opacity 1s}
.buy-car-intro.on .obj1{opacity: 1}

.txt-l{width:270px;height:120px;background:url(../../img/hp/buy-my-car/txt-l.png) no-repeat}
.txt-l-area:hover .txt-l{background:url(../../img/hp/buy-my-car/txt-l_on.png) no-repeat}
.txt-r{width:270px;height:120px;background:url(../../img/hp/buy-my-car/txt-r.png) no-repeat}
.txt-r-area:hover .txt-r{background:url(../../img/hp/buy-my-car/txt-r_on.png) no-repeat}
.txt-arr{background:url(../../img/hp/buy-my-car/dw.png) no-repeat;width:77px;height:40px;margin:59px auto 0 auto}
.txt-r-area:hover .txt-arr,.txt-l-area:hover .txt-arr{background:url(../../img/hp/buy-my-car/dw_on.png) no-repeat;}
.txt-l-posi{position: absolute;top:142px;left:90px}
.txt-r-posi{position: absolute;top:142px;right:90px}
.txt-c-posi{background:url(../../img/hp/buy-my-car/introTxt.png) no-repeat;width:235px;height:542px;position: absolute;top:90px;left:50%;margin-left:-115px}
.buy-car-intro .txt-c-posi{opacity:0; transition: opacity 2s;-ms-transition: opacity 2s;-webkit-transition: opacity 2s}
.buy-car-intro.on .txt-c-posi{opacity: 1}


.txt-l-area,.txt-r-area{display:block;width:100%;height:100%}
.buy-car-intro .txt-l-area{opacity:0; transition: opacity 2s;transition-delay:.6s}
.buy-car-intro.on .txt-l-area{opacity: 1}
.buy-car-intro .txt-r-area{opacity:0; transition: opacity 2s;transition-delay:.9s}
.buy-car-intro.on .txt-r-area{opacity: 1}

.buy-car-intro .txt-l-posi{transition:transform 2s cubic-bezier(0.22, 0.61, 0.36, 1);transition-delay: .5s;-webkit-transition:transform 2s cubic-bezier(0.22, 0.61, 0.36, 1);-webkit-transition-delay: .5s;-ms-transition:transform 2s cubic-bezier(0.22, 0.61, 0.36, 1);-ms-transition-delay: .5s;}
.buy-car-intro.on .txt-l-posi{transform:translate(0, 130px);}
.buy-car-intro .txt-r-posi{transition:transform 2s cubic-bezier(0.22, 0.61, 0.36, 1);transition-delay:.8s;-webkit-transition:transform 2s cubic-bezier(0.22, 0.61, 0.36, 1);-webkit-transition-delay: .8s;-ms-transition:transform 2s cubic-bezier(0.22, 0.61, 0.36, 1);-ms-transition-delay: .8s;}
.buy-car-intro.on .txt-r-posi{transform:translate(0, 130px);}


/* 내차소개 */
.introTab{display:flex;height:218px;width:100%}
.introTab > .introTabinner{width:50%;flex:1;height:218px}
.innerTit{width:290px;display:inline-block;text-align: center;padding-top:50px}
.innerTit > img{vertical-align: middle}
.introTabinner.active{background:#fff !important}
.introTabinner{background-color:#d9d9d9}
.introTabinner:first-child{padding-right:157px;text-align: right;background: url(../../img/hp/buy-my-car/bg_tab2.png) right 0 #d9d9d9 repeat-y;}
.introTabinner:last-child{padding-left:157px;background: url(../../img/hp/buy-my-car/bg_tab.png) #d9d9d9 repeat-y;}
.introCont1{background:url(../../img/hp/buy-my-car/introbg1.jpg) top center no-repeat; background-size: cover;height:750px}
.introContInner{width:1200px;margin:0 auto}
.introContInner .tit_01{height:180px;position: relative;}
.n03{background:url(../../img/hp/buy-my-car/n03.png) no-repeat;width:200px;height:115px;display:block;position: absolute;}
.introCont1 .flex1 > dl{width:314px;text-align: center;margin:0 auto}
.introCont1 .flex1 > dl > dt{line-height:82px;font-size:20px;color:#fff}
.introCont1 .flex1 > dl > dd{font-size:16px;color:#b7b5b4;line-height:28px }
.introCont2{height:670px}
.introL{width:483px;padding:0 130px 0 37px;}
.introR{padding-right:67px}
.intro_ico1{background:url(../../img/hp/buy-my-car/intro_ico1.png) right 0 no-repeat}
.intro_ico2{background:url(../../img/hp/buy-my-car/intro_ico2.png) right 0 no-repeat}
.intro_ico3{background:url(../../img/hp/buy-my-car/intro_ico3.png) right 0 no-repeat}
.intro_ico4{background:url(../../img/hp/buy-my-car/intro_ico4.png) right 0 no-repeat}
.dl_icoIntro dt{height:50px;font-size:20px;color:#000;}
.dl_icoIntro dd{color:#666;line-height:26px;font-size:15px}

.introCont3{background:#93a1b4;height:366px;}
.bg_Cont3{background:url(../../img/hp/buy-my-car/bg_Cont3.png) no-repeat;height:366px;position: relative;}
.bgZoom{background:url(../../img/hp/buy-my-car/img_zoom.png) no-repeat;width:249px;height:218px;position: absolute;bottom:0;right:-103px}
.linkBox{width:270px;position: absolute;}
.linkBox.posiL{top:144px;left:200px}
.linkBox.posiR{top:144px;right:200px}
.linkBox .ico_txt{color:#fff;font-size:20px;margin:20px 0 30px }
.btnDetailgo{color:#fff !important;background:#f04040;font-size:20px;border-radius:50px;height:50px;min-width:182px;display: inline-block;line-height:50px;padding:0 30px;text-align: center}

.go_auction{display: block;width:300px;height:120px;top:50px;right:150px;position:absolute;background:url(../../img/hp/buy-my-car/intro_btn2.png) center center no-repeat;}
.go_auction:hover{background-image:url(../../img/hp/buy-my-car/intro_btn2_on.png)}
.btn_recomm{position: absolute;right:260px;bottom:62px;width:184px;height:50px;display: block}
.infoDescription{width:1080px}
.infoDescription .tit-layer{background:#4a4e5f;height:82px;text-align: center;color:#fff;font-size:20px;line-height:82px}
.infoDescription .btn-close-layer{width:54px;height:54px;position: absolute;top:-70px;right:0;background:url(../../img/hp/buy-my-car/popClose.png) no-repeat}

.flexWrap .flexitem{flex:1}
.flexWrap.selecItem > .flexitem{text-align: center;height:220px;margin-bottom:20px;border-right:1px solid #e5e5e5}
.flexWrap.selecItem.carselect > .flexitem{border-right:0;height:auto}
.flexWrap.selecItem.carselect{margin-top:0}
.flexWrap.selecItem > .flexitem:last-child{border-right:0}
.btnck{background:url(../../img/hp/buy-my-car/btn_ck.png) no-repeat;width:44px;height:44px;display:inline-block}
.btnck:hover{background:url(../../img/hp/buy-my-car/btn_ck_on.png) no-repeat;}
.p_ck{line-height:44px;font-size:16px;margin-top:40px;vertical-align:middle}
.p_ck span,.p_ck a{vertical-align:middle;}
.carselect .p_ck{margin-top:0}
.infoDescription .tit-layer img{vertical-align: middle}
.smTit{font-size:16px;color:#b7b8bf }
.infoDescription .tit-layer .smTit{margin-left:20px}

.introductWrap.scene02 .scentInner2{position: relative;background:url(../../img/hp/buy-my-car/scentInner2_bg.jpg) center center no-repeat; background-size:cover;}
.introductWrap.scene02 .scentInner2 .innerBox{width: 1200px;margin:0 auto;position: relative;background:url(../../img/hp/buy-my-car/n02.png) no-repeat}
.introductWrap.scene02 .scentInner2 .innerBox .innerCont{width:568px;height:624px;margin:0 auto;text-align: center;}
.introductWrap.scene02 .scentInner2 .innerBox h2{margin-top:74px;}
.introductWrap.scene02 .scentInner2 .innerBox p{color:#fff;font-size:16px}
.introductWrap.scene02 .scentInner2 .innerBox .slo{font-size:18px;margin:24px 0 34px;line-height: 28px}
.cirIco{width:172px ;height:172px;border-radius:50%;background:rgba(255,255,255,.2);text-align: center;line-height: 172px;margin:0 auto;}
.cirIco > img{vertical-align: middle}
.cirIcoTxt{line-height:28px;margin-top:20px;font-size:16px}
.cir_botArr{color:#fff;text-align: center;padding-bottom:60px;font-size:16px;line-height:28px;margin-top:60px;background:url(../../img/hp/buy-my-car/cir_botArr.png) center bottom no-repeat}
.introductWrap.scene02 .go_auction{display: block;width:300px;height:120px;bottom:50px;right:150px;position:absolute;background:url(../../img/hp/buy-my-car/intro_btn2_on.png) center center no-repeat;}
.introductWrap.scene02 .go_buy{display: block;width:300px;height:120px;top:50px;left:150px;position:absolute;background:url(../../img/hp/buy-my-car/intro_btn1.png) center center no-repeat;}
.introductWrap.scene02 .go_buy:hover{position:absolute;background:url(../../img/hp/buy-my-car/intro_btn1_on.png) center center no-repeat;}
.go_auction_buy{width:272px;height:69px;position: absolute;bottom:66px;left:50%;display: block;margin-left:-136px}
.scentInner3{height:992px;}
.scentInner3 .innerBox{width:1200px;margin:0 auto;background:url(../../img/hp/buy-my-car/n03.png) no-repeat;}
.scentInner3 .innerBox h2{margin-top:80px;margin-bottom:30px}
.scentInner4{background:#93a1b4}
.scentInner4 .innerBox{width:1200px;position: relative;height:350px;background:url(../../img/hp/buy-my-car/n01.png) no-repeat;margin:0 auto}
.scentInner4 .innerBox .slo{font-size: 16px;color:#fff;line-height:28px;text-align: center;}
.scentInner4 h2{margin:75px 0 30px; }
.auction_useInfo .swiper-slide h3{color:#000;font-size:26px;}
.auction_useInfo.swiper-container{padding-top:70px;}
.swiper-container-horizontal.auction_useInfo>.swiper-pagination-bullets{bottom: unset;top:0;}
.swiper-container-horizontal.auction_useInfo .swiper-pagination-bullet-active{background:#f04040}
.swiper-container-horizontal.auction_useInfo>.swiper-pagination-bullets .swiper-pagination-bullet{width:16px;height:16px;margin:0 6px}
.auction_useInfo .swiper-slide p.align-c{color:#666;font-size:16px;margin-top:25px}
.auction_useInfo .imgWrap{width:950px;height:600px;display:block;position: relative;margin:0 auto}
.auction_useInfo .imgWrap.scene1{background:url(../../img/hp/buy-my-car/slide01.png) no-repeat;}
.auction_useInfo .imgWrap.scene2{background:url(../../img/hp/buy-my-car/slide02.png) no-repeat;}
.auction_useInfo .imgWrap.scene3{background:url(../../img/hp/buy-my-car/slide03.png) no-repeat;}
.auction_useInfo .imgWrap.scene4{background:url(../../img/hp/buy-my-car/slide04.png) no-repeat;}
.auction_useInfo .imgWrap.scene5{background:url(../../img/hp/buy-my-car/slide05.png) no-repeat;}
.auction_useInfo .imgWrap.scene3 .talkWrap,.auction_useInfo .imgWrap.scene5 .carWrap{width:675px;height:452px;position: relative;overflow:hidden;margin:0 auto;top:66px}
.auction_useInfo .imgWrap.scene3 .talkWrap .talk{top:542px;position:absolute;left:0;width:100%}
.auction_useInfo .imgWrap.scene3 .talkWrap .talk p{width:100%}
.auction_useInfo .swiper-slide-active .imgWrap.scene3 .talkWrap .talk{animation: talkbox 4s;top:-140px}
.auction_useInfo .swiper-slide-active .imgWrap.scene5 .mycarDrive{transform:translate(410px,0);transition-duration:2s;}

.mycarDrive{width:144px;height:135px;position: absolute;left:-144px;top:122px;background:url(../../img/hp/buy-my-car/mycar.png)no-repeat }
.balloon{background:url(../../img/hp/buy-my-car/balloon.png) no-repeat;width:92px;height:96px;top:0;right:0;position: absolute;opacity:1}
.auction_useInfo .swiper-slide-active .balloon{
    -webkit-animation: fadein4 2.2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein4 2.2s; /* Firefox < 16 */
        -ms-animation: fadein4 2.2s; /* Internet Explorer */
         -o-animation: fadein4 2.2s; /* Opera < 12.1 */
            animation: fadein4 2.2s;
}
.st_1_1{background:url(../../img/hp/buy-my-car/slide_st1_1.png) no-repeat;width:983px;height:141px;position: relative;top:110px;}
/* .st_1_2,.st_1_3{visibility: hidden;} */
.st_1_2{top:72px;position: relative;}
.st_1_3{top:30px;position: relative;}
.st_1_3 .cursor{position:absolute;left:600px;top:100px;}
.swiper-slide-active .st_1_3 .cursor{animation: cursor 3.5s;}
.st_1_1 .inputTxt1{position:absolute;top:54px;left:154px;width:200px;}
.st_1_1 .inputTxt2{position:absolute;top:57px;left:550px;width:80px}
.st_1_1 .inputTxt3{position:absolute;top:57px;left:678px;width:80px}
.st_1_1 .inputTxt4{position:absolute;top:57px;left:810px;width:80px}
/* .st_1_1 p{display:none} */
.st_1_1{display:none}
.swiper-slide-active .st_1_1{display:block}
.auction_useInfo .imgWrap > .element{display:none}
.auction_useInfo .swiper-slide-active .imgWrap > .element{display:block}
.auction_useInfo .imgWrap.scene4 .innerCk{width:312px;height:159px;margin:0 auto;position: relative;top:250px}
.auction_useInfo .swiper-button-next, .auction_useInfo .swiper-container-rtl .swiper-button-prev,.auction_useInfo .swiper-button-prev, .auction_useInfo .swiper-container-rtl .swiper-button-next{background-image:url(../../img/hp/buy-my-car/step_btn.png);}
.auction_useInfo .swiper-button-next, .auction_useInfo .swiper-button-prev{width:51px;height:100px;margin-top:-50px;background-size:120px 100px}
.auction_useInfo .swiper-button-next{background-position:right 0}
.auction_useInfo .swiper-button-prev{background-position:0 0}

.auction_useInfo .imgWrap.scene4 .innerCk  > div{position: absolute;top:0;left:0;width:312px;height:159px}
.auction_useInfo .imgWrap.scene4 .innerCk .innerCkSc1{background:url(../../img/hp/buy-my-car/carCk1.png) #fff;z-index:1}
.auction_useInfo .imgWrap.scene4 .innerCk .innerCkSc2{background:url(../../img/hp/buy-my-car/carCk2.png) #fff;z-index:2}
.auction_useInfo .imgWrap.scene4 .innerCk .innerCkSc3{background:url(../../img/hp/buy-my-car/carCk3.png) #fff;z-index:3;}

.auction_useInfo .swiper-slide-active .innerCk .innerCkSc2{
    animation:fadein 1s;-ms-animation:fadein 1s;-webkit-animation:fadein 1s;
}
.auction_useInfo .swiper-slide-active .innerCk .innerCkSc3{
    animation:fadein 3s;-ms-animation:fadein 3s;-webkit-animation:fadein 3s;
}
.swiper-slide-active .scene1 .st_1_1 {
    -webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.5s; /* Firefox < 16 */
        -ms-animation: fadein 1.5s; /* Internet Explorer */
         -o-animation: fadein 1.5s; /* Opera < 12.1 */
            animation: fadein 1.5s;
}

.swiper-slide-active .scene1 .st_1_2 {
    -webkit-animation: fadein2 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein2 4s; /* Firefox < 16 */
        -ms-animation: fadein2 4s; /* Internet Explorer */
         -o-animation: fadein2 4s; /* Opera < 12.1 */
            animation: fadein2 4s;
}

.swiper-slide-active .scene1 .st_1_3 {
    -webkit-animation: fadein3 3.7s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein3 3.7s; /* Firefox < 16 */
        -ms-animation: fadein3 3.7s; /* Internet Explorer */
         -o-animation: fadein3 3.7s; /* Opera < 12.1 */
            animation: fadein3 3.7s;
}
@keyframes carselect{
    0%{background-image:url(../../img/hp/buy-my-car/carCk1.png);background-position: 0 0}
    15%{background-image:url(../../img/hp/buy-my-car/carCk1.png);background-position: 0 0}
    20%{background-image:url(../../img/hp/buy-my-car/carCk2.png);background-position: 0 0}
    55%{background-image:url(../../img/hp/buy-my-car/carCk2.png);background-position: 0 0}
    60%{background-image:url(../../img/hp/buy-my-car/carCk3.png);background-position: 0 0}
    100%{background-image:url(../../img/hp/buy-my-car/carCk3.png);background-position: 0 0}
}
@-webkit-keyframes carselect{
    0%{background-position:0 0}
    15%{background-position:0 0}
    20%{background-position:0 -200px}
    55%{background-position:0 -200px}
    60%{background-position:0 -400px}
    100%{background-position:0 -400px}
}
@-ms-keyframes carselect{
    /* 0%{background-position:0 0}
    15%{background-position:0 0}
    20%{background-position:0 -200px}
    55%{background-position:0 -200px}
    60%{background-position:0 -400px}
    100%{background-position:0 -400px} */
    0%{background-image:url(../../img/hp/buy-my-car/carCk1.png);background-position: 0 0}
    15%{background-image:url(../../img/hp/buy-my-car/carCk1.png);background-position: 0 0}
    20%{background-image:url(../../img/hp/buy-my-car/carCk2.png);background-position: 0 0}
    55%{background-image:url(../../img/hp/buy-my-car/carCk2.png);background-position: 0 0}
    60%{background-image:url(../../img/hp/buy-my-car/carCk3.png);background-position: 0 0}
    100%{background-image:url(../../img/hp/buy-my-car/carCk3.png);background-position: 0 0}
}
/* @-ms-keyframes carselect{
    0%{background-image:url(../../img/hp/buy-my-car/carCk1.png)}
    15%{background-image:url(../../img/hp/buy-my-car/carCk1.png)}
    20%{background-image:url(../../img/hp/buy-my-car/carCk2.png)}
    55%{background-image:url(../../img/hp/buy-my-car/carCk2.png)}
    60%{background-image:url(../../img/hp/buy-my-car/carCk3.png)}
    100%{background-image:url(../../img/hp/buy-my-car/carCk3.png)}
} */

@keyframes talkbox{
    0%{top:452px;}
    20%{top:311px;}
    33%{top:311px;}
    53%{top:111px;}
    66%{top:111px;}
    87%{top:-140px}
    100%{top:-140px}
}
@-webkit-keyframes talkbox{
    0%{top:452px;}
    20%{top:311px;}
    33%{top:311px;}
    53%{top:111px;}
    66%{top:111px;}
    87%{top:-140px}
    100%{top:-140px}
}
@-ms-keyframes talkbox{
    0%{top:452px;}
    20%{top:311px;}
    33%{top:311px;}
    53%{top:111px;}
    66%{top:111px;}
    87%{top:-140px}
    100%{top:-140px}
}

@keyframes fadein {
    0% { opacity: 0; }
    80% { opacity: 0; }
    100%   { opacity: 1; }
}
@keyframes fadein4 {
    0% { opacity: 0; }
    95% { opacity: 0; }
    100%   { opacity: 1; }
}

@keyframes fadein2 {
    0% { opacity: 0; }
    50% { opacity: 0; }
    80% { opacity: 1; }
    100%   { opacity:1 ; }
}
@-webkit-keyframes fadein2 {
    0% { opacity: 0; }
    50% { opacity: 0; }
    80% { opacity: 1; }
    100%   { opacity:1 ; }
}
@-ms-keyframes fadein2 {
    0% { opacity: 0; }
    50% { opacity: 0; }
    80% { opacity: 1; }
    100%   { opacity:1 ; }
}
@keyframes fadein3 {
    0% { opacity: 0; }
    50% { opacity: 0; }
    80% { opacity: 0;}
    100%   { opacity:1 }
}
@-ms-keyframes fadein3 {
    0% { opacity: 0; }
    50% { opacity: 0; }
    80% { opacity: 0;}
    100%   { opacity:1 }
}
@-webkit-keyframes fadein3 {
    0% { opacity: 0; }
    50% { opacity: 0; }
    80% { opacity: 0;}
    100%   { opacity:1 }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    0% { opacity: 0; }
    80% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% { opacity: 0; }
    80% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    0% { opacity: 0; }
    80% { opacity: 0; }
    100%   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    0% { opacity: 0; }
    80% { opacity: 0; }
    100%   { opacity: 1; }
}
.swiper-slide-active .st_1_3 .cursor{left: 530px;top:55px;}
@keyframes cursor{
    0%{left:600px;top:100px;opacity:0}
    80%{left:600px;top:100px;opacity:0}
    100%{left: 530px;top:55px;opacity:1}
}
@-ms-keyframes cursor{
    0%{left:600px;top:100px;opacity:0}
    80%{left:600px;top:100px;opacity:0}
    100%{left: 530px;top:55px;opacity:1}
}
@-webkit-keyframes cursor{
    0%{left:600px;top:100px;opacity:0}
    80%{left:600px;top:100px;opacity:0}
    100%{left: 530px;top:55px;opacity:1}
}
@-moz-keyframes cursor{
    0%{left:600px;top:100px;opacity:0}
    80%{left:600px;top:100px;opacity:0}
    100%{left: 530px;top:55px;opacity:1}
}
.auction_useInfo .swiper-slide-active .main-loading{display:block}
div.main-loading {
    display:none;
    width: 400px;
    height: 200px;
    background:url(../../img/hp/buy-my-car/useinfo_tel.png) no-repeat;
    line-height: 180px;
    text-align: center;
    margin-top:-100px;
    padding-left:70px;
    position: absolute;
    top:50%;
    left:10;
    z-index:0;
}
.main-loading span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin:0 9px 0;
    background: rgba(240, 64, 64, 0.25);
    border-radius: 50%;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    animation: wave 2s infinite ease-in-out;
    -moz-animation: wave 2s infinite ease-in-out;
    -webkit-animation: wave 2s infinite ease-in-out;
    -ms-animation: wave 2s infinite ease-in-out;
}
@keyframes wave {
    0%, 60%, 100% {
        background: rgba(240, 64, 64, 0.25);
        transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
    20% {
        background: rgba(240, 64, 64, 0.75);
        transform: translateY(13px);
        -moz-transform: translateY(13px);
        -ms-transform: translateY(13px);
        -webkit-transform: translateY(13px);
    }
    40% {
        background: rgba(240, 64, 64, 0.75);
        transform: translateY(-13px);
        -moz-transform: translateY(-13px);
        -ms-transform: translateY(-13px);
        -webkit-transform: translateY(-13px);
    }
}
@-webkit-keyframes wave {
    0%, 60%, 100% {
        background: rgba(240, 64, 64, 0.25);
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
    }
    20% {
        background: rgba(240, 64, 64, 0.75);
        transform: translateY(13px);
        -webkit-transform: translateY(13px);
        -ms-transform: translateY(13px);
        -moz-transform: translateY(13px);
    }
    40% {
        background: rgba(240, 64, 64, 0.75);
        transform: translateY(-13px);
        -webkit-transform: translateY(-13px);
        -ms-transform: translateY(-13px);
        -moz-transform: translateY(-13px);
    }
}
@-ms-keyframes wave {
    0%, 60%, 100% {
        background: rgba(240, 64, 64, 0.25);
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
    }
    20% {
        background: rgba(240, 64, 64, 0.75);
        transform: translateY(13px);
        -webkit-transform: translateY(13px);
        -ms-transform: translateY(13px);
        -moz-transform: translateY(13px);
    }
    40% {
        background: rgba(240, 64, 64, 0.75);
        transform: translateY(-13px);
        -webkit-transform: translateY(-13px);
        -ms-transform: translateY(-13px);
        -moz-transform: translateY(-13px);
    }
}
.main-loading span:nth-of-type(1) {
    animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
}
.main-loading span:nth-of-type(2) {
    animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
}
.main-loading span:nth-of-type(3) {
    animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
}
.main-loading span:nth-of-type(4) {
    animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
}
.main-loading span:nth-of-type(5) {
    animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -ms-animation-delay: 0.4s;
}

/* 기획전 배너 */
.swiper-container.event_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}
.swiper-container.event_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}
.swiper-container.event_banner .swiper-slide img{width:1200px;height:180px}

/* 차량 이미지 */
.sales-car-img{margin-bottom:20px;}
.sales-car-img:after{content:'';display:block;clear:both;}
.sales-car-img .file-att-area{float:left;margin-right:11px;padding:20px;width:839px;height:119px;line-height:23px;border:4px double #bbb;box-sizing:border-box;color:#666;background:#fff}
.sales-car-img .btn-file{float:left;width:120px;line-height:119px;margin-right:0;background:#a9a9a9;color:#fff;text-align:center;}
.sales-car-img-list{margin-bottom:20px;}
.sales-car-img-list ul{width:839px;}
.sales-car-img-list ul:after{content:'';display:block;clear:both;}
.sales-car-img-list li{position:relative;float:left;}
.sales-car-img-list li+li{margin-left:6px;}
.sales-car-img-list li:nth-child(11n+0){margin-left:0}
.sales-car-img-list li:nth-child(n+11){margin-top:6px;}
.sales-car-img-list li .btn-close{position:absolute;top:0;right:0;width:20px;height:20px;background:url(../../img/hp/btn/btn-img-close.png) no-repeat;}

/* 2018-06-05 맞춤차량 추가 */
.infoDescription .layer-content{position:relative;}
.flexWrap.selecItem.carselect > .flexitem p:first-child{height:115px;background:url(../../img/hp/buy-my-car/car_bg.png) 50% 50% no-repeat;}
.btn_carselect_prev{position:absolute;bottom:30px;right:30px;line-height:19px;}
.btn_carselect_prev:before{content:'';display:inline-block;width:11px;height:19px;margin-right:10px;background:url(../../img/hp/buy-my-car/btn_carselect_prev.png) no-repeat;vertical-align:middle;}

.bg_gray {background-color: #eee;}

/* 2018-03-20 R2B 상품안내 배너 */
.txtBanner {padding: 40px 0;text-align: center;background-color: #f6f6f6;border: 2px solid #bebebe;}
.txtBanner .up {margin-bottom: 20px;color: #222;font-size: 28px;}
.txtBanner .up span {font-weight: bold;}
.txtBanner .down {color: #222;font-size: 16px;}
.txtBanner .down span {font-weight: bold;}

.view_all {display: inline-block;width: 130px;height: 40px;margin-top:20px;color: #fff;line-height: 40px;text-align: center;background: url(../../img/hp/ico/ico_fullscreen.png) no-repeat 14px 8px;background-color: #747677;vertical-align: top;}
.view_all a {display: block;padding-left: 54px;}
.layer.layer-view-all-photo {margin-top: -390px !important;background-color: transparent;}
.layer.layer-view-all-photo .btn-close-layer {position:absolute;top: -20px;right: 0px;width: 14px;height: 14px;background:url(../../img/hp/common/bg-close-layer-02.gif) no-repeat 50% 50%;font-size:0;text-indent:-9999px;z-index: 11;}
.layer.layer-view-all-photo .layer-content-vr{height: 750px;position: relative;width: 1000px;overflow:hidden;/* max-height: 800px !important; */padding: 0;}
.photo-all-view {width: 1000px;margin: 0 auto;}
.photo-all-view li {width: 1000px;}
.photo-all-view li img{width: 1000px;height: 750px;}
.layer-view-all-photo .btn-photo-all-view button{position:absolute;width:36px;height:62px;background:url(../../img/hp/btn/btn-slider_02.png) no-repeat;text-indent:-9999px;font-size:0;}
.layer-view-all-photo .btn-photo-all-view button.prev{left:10px;}
.layer-view-all-photo .btn-photo-all-view button.next{right:10px;background-position:-46px 0;}