.mainVisual{height:550px;position: relative;  width: 100%;}
.mainvisualWrap{position:relative;}
.mainVisual .visual01 {background:#2E45BF; }
.mainVisual .visual02 {background:#ddd; }
.mainvisualWrap .mainVisual a img {width:100%;}
.mainvisualWrap .mainConsult{
	position:absolute;
	background: #fff;
	border-radius:15px 15px 30px 30px;
	top:50%; left:50%; margin-left:265px;
	width:375px; height:385px; 
	z-index:1; margin-top:-190px; 
	box-shadow: 0px 10px 15px 0px rgba(0,13,56,0.1);
}
.mainvisualWrap .mainConsult .mainConsultBtn{position:absolute; bottom:0; width:100%;}
.mainvisualWrap .mainConsult .mainConsultBtn .btn{
    width: 100%;
    padding: 20px 0;
    font-size: 17px;
    background: #2E45BF 0%;
    border-radius: 0 0 15px 15px;
    color: #fff;
}
.mainvisualWrap .mainConsult .mainConsultBtn .btn i {padding:4px 0 0 7px}
.mainvisualWrap .mainConsult .mainConsultBox {text-align:center; padding:30px; }
.mainvisualWrap .mainConsult .mainConsultBox ul {}
.mainvisualWrap .mainConsult .mainConsultBox h3.tit{font-weight:400; font-size:24px; margin-bottom:15px; line-height:30px;color: #333;}
.mainvisualWrap .mainConsult .mainConsultBox .ww50{display:flex; align-items:center; justify-content:space-between; gap:5px;}
.mainvisualWrap .mainConsult .mainConsultBox .ww50 .selectbox {width:50%; border:1px solid #ebebeb;}
.mainvisualWrap .mainConsult .mainConsultBox ul li {width:100%; margin-bottom:6px; position:relative;}
.mainvisualWrap .mainConsult .mainConsultBox ul li span.tit {
	position: absolute;
    top: 9px;
    left: 15px;
    font-size: 13px;
}
.mainvisualWrap .mainConsult .mainConsultBox ul li span.tit em {
	color:red; 
	font-size:18px;
}
.mainvisualWrap .mainConsult .mainConsultBox ul li input{
    border-radius: 0;
    width: 100%;
    padding: 0 0 0 75px;
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;
    background-color: transparent;
	border: 1px solid #ebebeb;
	background:#fff;
}
.mainvisualWrap .mainConsult .mainConsultBox ul li select {background:#fff;}
.mainvisualWrap .mainConsult .mainConsultBox ul li input:hover,
.mainvisualWrap .mainConsult .mainConsultBox ul li select:hover{border:1px solid #333}
.mainvisualWrap .mainConsult .mainConsultBox .input-checkbox{
	width: 100%;
    text-align: left;
	color:#999;
}
.mainvisualWrap .mainConsult .mainConsultBox .input-checkbox a{color:#999;}
.mainvisualWrap .mainConsult .mainConsultBox .agreeWarp {
	margin:13px 0 10px 0;
	display:flex;
	flex-direction:column;
	gap:5px;
}
.mainvisualWrap{
	background:#f2f4f6;
}
.mainVisual {}
.mainvisualWrap .visualWrap{}
.mainvisualWrap .swiper-container{padding:0 180px;}
.mainvisualWrap .swiper-slide{
	width:80%;
	flex-shrink: 0;
	min-width:1280px;
	background: transparent !important;
}
.mainvisualWrap .swiper-slide a{
	display: flex;
	align-items: center;
	height: 100%;
}
.mainvisualWrap .swiper-slide.swiper-slide-prev a{
	justify-content: flex-end;
}
.mainvisualWrap .swiper-slide a img{
	width:875px;
	border-radius: 15px;
	-webkit-transition:0.5s;
	transition:0.5s;
	opacity:0.7;
}
.mainvisualWrap .swiper-slide-active{
	overflow:hidden;
	opacity:1;
}
.mainvisualWrap .swiper-slide.swiper-slide-active a img{
	opacity:1 !important;
}
.mainvisualWrap .swiper-container-3d .swiper-slide-shadow-left,
.mainvisualWrap .swiper-container-3d .swiper-slide-shadow-right{
	top: 16%;
	height: 68%;
}


.main .container{padding-top: 1px; /*background:linear-gradient(to bottom, #f2f4f6 0%, #fff 100%)*/}
.subContainer{padding-top: 155px; background:linear-gradient(to bottom, #f2f4f6 0%, #fff 100%)}
.code_company .subContainer{}
.container .sectionBox{padding: 10px 0 50px 0;}
.container .sectionBox .inner{position:relative;}
.container .sectionBox h1.maintit{
	margin: 90px 0 0;
	font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -2px;
	text-align: center;
}
.container .sectionBox h1.maintit i.yotubeIco {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(/_img/youtube.svg)no-repeat;
    margin-right: 10px;
    background-size: 100%;
}
.container .sectionBox h1.maintit strong{}
.container .sectionBox h1.maintit i.timeIco{
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(/_img/ksico.png)no-repeat;
    background-position: -64px -88px;
    margin-left: 13px;
	animation: bell 2s linear;
}
.container .sectionBox .moreBtn{
    font-size: 16px;
    line-height: 37px;
    position: absolute;
    right: 0;
    top: 3px;
    padding: 0 21px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid;
    color: #2E45BF;
}
.container .sectionBox .moreBtn i {
	margin:10px 0 0 5px;
}
.container .sectionBox.sec01{
	/*background:linear-gradient(-180deg, #f2f4f6 55%, #fff 100%)*/
	/*background:#f2f4f6;*/
	background:#fff;
}





.container .carlistWrap{margin-top:50px;}
.timeSaleBox.container .carlistWrap{margin-top:10px; margin-bottom:50px;}
.timeSaleBox .attention {
    padding: 35px;
    background: rgba(255,255,255,0.8);
    color: #888;
    margin: 50px 0 0;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    border: 1px solid #ebebeb;
}
.timeSaleBox .attention p{
    margin-bottom: 5px;
    font-size: 15px;
    /* font-weight: 600; */
    position: relative;
    padding-left: 35px;
    color: #777;
}
.timeSaleBox .attention p:after{
    width: 19px;
    height: 17px;
    background: url(/_img/noticeico.png)no-repeat;
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 8px;
    background-size: cover;
    content: '';
}
.timeSaleBox .attention ol {}
.timeSaleBox .attention > ol > li {
    line-height: 26px;
    position: relative;
    padding-left: 10px;
	width:100%;
}
.timeSaleBox .attention ol li:after{position:absolute; top:50%;margin-top:-1.5px; left:0; content:'';width:3px;border-radius:50%; height:3px; background:#fff;}


.container .carlistWrap.searchList {margin-top:-50px;}
.container .carlistWrap .arrBtn{margin-top:50px;}
.container .carlistWrap ul li{margin-bottom: 25px; box-shadow: 0px 10px 15px 0px rgba(0,13,56,0.04);}
.container .carlistWrap ul > li > a {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
    border-bottom: none;
	position:relative;
	
	cursor:default;
}
.timeSaleBox.container .carlistWrap ul li, .searchBox.container .carlistWrap ul li{
    width: 23.5%;
    margin-right: 2%;
    float: left;margin-top:50px;
}
.searchBox.container .carlistWrap ul li.listNone{
    font-size: 16px;
    line-height: 26px;
    color: #777;
    text-align: center;
    padding: 100px 0;
    width: 100%;
    border-top: 2px solid;
    border-bottom: 1px solid #e4e4e4;
	margin-top:50px;
}
.timeSaleBox.container .carlistWrap ul > li > a, .searchBox.container .carlistWrap ul > li > a {
	
	border:1px solid #ebebeb;
}
.timeSaleBox.container .carlistWrap ul li a, .timeSaleBox.container .carlistWrap ul li a .consultFormBtn{}
.timeSaleBox.container .carlistWrap ul li:nth-child(4n), .searchBox.container .carlistWrap ul li:nth-child(4n) {margin-right:0;}

.container .carlistWrap ul > li > a .icoWrap{
    position: absolute;
    top: 15px;
    left: 12px;
    font-size: 11px;
	z-index:2;
}
.container .carlistWrap ul > li > a .icoWrap span {
    color: #fff;
    padding: 5px 7px;
    margin-right: 3px;
    border-radius: 3px;
	line-height:1;
	background:#ccc;
}
.container .carlistWrap ul > li > a .icoWrap span.ico01{background:crimson;}
.container .carlistWrap ul > li > a .icoWrap span.ico02{background:lightseagreen}
.container .carlistWrap ul > li > a .icoWrap span.ico03{background:#f7e11c; color:#333;}
.container .carlistWrap ul > li > a .icoWrap span.ico04{background:#2E45BF;}
.container .carlistWrap ul > li > a .icoWrap span.ico05{background:#ff9800;}

.container .carlistWrap ul li a .photo{
    height: 200px;
    overflow: hidden;
    background: linear-gradient(-180deg, #bac3ce 60%, #fff 40%);
    text-align: center;
	padding-top:20px;
}
.code_main .container .carlistWrap ul li a .photo {}
.container .carlistWrap ul li a .photo p {
	width: 100%; height: 100%;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
.container .carlistWrap ul li a:hover .photo p, .container .carlistWrap ul li a:focus .photo p{
	transform:scale(1.05);
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
.container .carlistWrap ul li a .carListInfoW{ padding: 0 20px 20px;}
.container .carlistWrap ul li a .carListInfoW .carName{}
.container .carlistWrap ul li a .carListInfoW .carName p{
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	color: #333;font-weight: bold;
	line-height:24px;
}
.container .carlistWrap ul li a .carListInfoW .carName2 p{
    font-size: 14px;
	overflow:hidden;
    line-height: 16px;
    height: 38px;
    word-break: keep-all;
    margin-top: 3px;
}
.container .carlistWrap ul li a .carListInfoW .carPrice {line-height:15px; color:#777; font-size:15px; text-align:right;}
.container .carlistWrap ul li a .carPrice2 {position: absolute;  right: 20px;  font-size: 12px;color: #999; bottom:13px; line-height:1;}
.container .carlistWrap ul li a .carListInfoW .carInfo{padding:20px 0 10px; }
.container .carlistWrap ul li a .carListInfoW .carInfo dl{
    text-align: left;
	line-height:30px;
	white-space: nowrap;
    overflow: hidden;
} 
.container .carlistWrap ul li a .carListInfoW .carInfo dt, .container .carlistWrap ul li a .carListInfoW .carInfo dd{display:inline-block;} 
.container .carlistWrap ul li a .carListInfoW .carInfo dd span {color:#777;}
.container .carlistWrap ul li a .carListInfoW .carInfo dd span.guaranteeTxt{color:#2E45BF; font-weight:600; margin-left:5px;}
.container .carlistWrap ul li a .carListInfoW .carInfo dd span em {
    color: crimson;
    font-style: normal;
    font-size: 24px;
    margin-right: 3px;
	font-weight:bold;
} 
.container .carlistWrap ul li a .carListInfoW .carInfo dd span.oldPrice{margin-right:5px;text-decoration: line-through;}
.container .carlistWrap ul li a .carListInfoW .carInfo dd span.oldPrice em{font-size:14px; color:#777; margin-right:0;}

.container .carlistWrap ul li a .carListInfoW .carInfo dt {float:left; width:25%;}
.container .carlistWrap ul li a .carListInfoW .carInfo dd {float:right; text-align:right; width:75%;}
.container .carlistWrap ul li .carBtm a{ text-align:center; line-height:60px; color:#fff; background:linear-gradient(to bottom,#2E45BF 0%,#1156b6 100%); font-weight:600; font-size:17px; width:100%; border-radius:0 0 15px 15px;}
.container .carlistWrap ul li .carBtm a i {
    margin-left: 7px;
    line-height: 60px;
}
.container .sectionBox.sec02{background:#f2f4f6;}

.container .sectionBox.sec02 .videoWrap{margin-top:50px;}
.container .sectionBox.sec02 .videoWrap .mCSB_inside > .mCSB_container {}
.container .sectionBox.sec02 .videoWrap > div {width:48.5%; float:left;}
.container .sectionBox.sec02 .videoWrap .videoBox {background:#000; height:360px;}
.container .sectionBox.sec02 .videoWrap .videoList {overflow:hidden;border:1px solid #ebebeb;background:#fff; border-top:2px solid;border-radius:0 0 30px 30px; height:360px; margin-left:3%; padding: 30px 30px 0; box-shadow: 0px 10px 15px 0px rgba(0,13,56,0.04);}
.container .sectionBox.sec02 .videoWrap .videoBox div{position: relative; height: 100%;}
.container .sectionBox.sec02 .videoWrap .videoBox div:after{
    z-index: 10;
    background: url(/_img/videoplaybtn.png) no-repeat;
    content: '';
    width: 61px;
    height: 61px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
}

.container .sectionBox.sec02 .videoWrap .videoList ul {}
.container .sectionBox.sec02 .videoWrap .videoList ul li{
    display: inline-block;
    width: 100%;
}
.container .sectionBox.sec02 .videoWrap .videoList ul li:hover .videoTxt h3{color:#2E45BF;}
.container .sectionBox.sec02 .videoWrap .videoList ul li:last-child a{
	padding-bottom: 0;
    border-bottom: none;
}
.container .sectionBox.sec02 .videoWrap .videoList ul li:first-child a{
	padding-top:0;
}
.container .sectionBox.sec02 .videoWrap .videoList ul li a{
    padding: 20px 0px;
    display: inline-block;
    border-bottom: 1px solid #ebebeb;
	width:100%;
}
.container .sectionBox.sec02 .videoWrap .videoList ul li:last-child a {margin-bottom:30px;}
.container .sectionBox.sec02 .videoWrap .videoList ul li a .photo{
    width: 160px;
    height: 120px;
	float:left;
	position:relative;
}
.container .sectionBox.sec02 .videoWrap .videoList ul li a .photo:after{
	content: '';
    background: url(/_img/playbtn.png) no-repeat center;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-color: rgba(2,2,2,0.4);
    position: absolute;
    top: 0;
    left: 0;
}
.container .sectionBox.sec02 .videoWrap .videoList ul li a .photo img {
	width: 100%;
    height: 100%;
}

.container .sectionBox.sec02 .videoWrap .videoList ul li a .videoTxt {
	float:right;width: calc(100% - 180px);
}
.container .sectionBox.sec02 .videoWrap .videoList ul li a .videoTxt h3{word-break:keep-all;font-size:17px;font-weight: 600; line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.container .sectionBox.sec02 .videoWrap .videoList ul li a .videoTxt p{color:#777; height:68px; line-height: 21px;padding: 5px 0 0;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.container .sectionBox.sec03 {background:url(/_img/sec03bg.jpg)no-repeat top center #eff1f6; }
.container .sectionBox.sec03 .maintit {color:#fff; line-height:55px; position:relative;}
.container .sectionBox.sec03 .maintit strong{
	position: relative;
    z-index: 2;
}
.container .sectionBox.sec03 .maintit strong:after{
position: absolute;
    background: #2E45BF;
    height: 15px;
    width: 100%;
    content: '';
    left: 0;
    bottom: 0;
    z-index: -1;
}
.container .sectionBox.sec03 .moreBtn2{
	text-align: center;
    color: #fff;
    margin: 40px;
    font-size: 16px;
}
.container .sectionBox.sec03 .moreBtn2 i {
	margin: 4px 0 0 7px;
}

.container .sectionBox.sec03 .reviwListWrap{}
.container .sectionBox.sec03 .reviewList{}
.container .sectionBox.sec03 .reviewList ul{margin-bottom:60px;}
.container .sectionBox.sec03 .reviewList ul li{}
.container .sectionBox.sec03 .reviewList ul li a{
	background:#fff;
    overflow:hidden;
    border-radius:20px;
	margin:10px;
	    position: relative;
}

.container .sectionBox.sec03 .reviewList ul li a .photo {
    height: 220px;
    overflow: hidden;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    position: relative;    width: 100%;
    display: inline-block;
}
.container .sectionBox.sec03 .reviewList ul li a .photo p{
	width: 100%; height: 100%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	transform:scale(1);
}
.container .sectionBox.sec03 .reviewList ul li a .icoWrap{
    position: absolute;
    top: 15px;
    left: 12px;
    font-size: 12px;
    z-index: 2;
}
.container .sectionBox.sec03 .reviewList ul li a .icoWrap span {
    color: #fff;
    padding: 5px 15px;
    margin-right: 3px;
    border-radius: 3px;
}
.container .sectionBox.sec03 .reviewList ul li a .icoWrap .ico01{background:#2c7cf3;}
.container .sectionBox.sec03 .reviewList ul li a .icoWrap .ico02{background:#063270;}


.container .sectionBox.sec03 .reviewList ul li:hover a .photo p{
	transform:scale(1.05);
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
.container .sectionBox.sec03 .reviewList ul li a .reviewBox {padding:30px 30px 40px;}
.container .sectionBox.sec03 .reviewList ul li a:hover{
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;box-shadow: 0px 10px 15px 0px rgba(0,13,56,0.1);;
}
.container .sectionBox.sec03 .reviewList ul li a .reviewTxt{
font-size: 15px;
    line-height: 27px;
    word-break: keep-all;
    height: 113px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.container .sectionBox.sec03 .reviewList ul li a .reviewName{
	margin-top: 25px;
    margin-bottom: 15px;
	position:relative;
}
.container .sectionBox.sec03 .reviewList ul li a .reviewName h4 {padding-left:50px;  color:#333; font-size:16px; font-weight:600;}
.container .sectionBox.sec03 .reviewList ul li a .reviewName h4 span {
    font-size: 13px;
    color: #999;
    margin-right:15px;
	font-weight:400;
    margin-top: 5px;
    display: inline-block;
	position:relative;
	line-height:1.5;
}
.container .sectionBox.sec03 .reviewList ul li a .reviewName h4 span:first-child:after{
	position: absolute;
    top: 5px;
    width: 1px;
    height: 11px;
    background: #ddd;
    content: '';
    right: -7px;
}
.container .sectionBox.sec03 .reviewList ul li a .reviewName i{
    width: 35px;
    height: 35px;
    background: url(/_img/user-ico.svg)no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    top: 8px;
}
.container .sectionBox.sec03 .reviewList ul li a .reviewStar {}
.container .sectionBox.sec03 .reviewList ul li a .reviewStar span{
	width:20px; height:20px; background:url(/_img/ksico.png)no-repeat;
	background-position: -58px 0; display:inline-block;
}
.container .sectionBox.sec04 h1.maintit {}
.container .sectionBox.sec04 p.desc{
    margin-top: 30px;
    font-size: 15px;
    line-height: 26px;
    color: #888;
}
.container .sectionBox.sec04 .arrBtn {
	text-align:left; margin-top:40px;
}
.container .sectionBox.sec04 .partnerWrap{
	width:calc(100% - 400px);
	float:right;
	margin-top:40px;
}



.flex_inner{display:flex; justify-content: space-between;  align-items: center;}

.partnerWrap{width: 955px;}
.container .sectionBox.sec04 .partnerWrap ul li {}
.container .sectionBox.sec04 .partnerWrap ul li img{}

.container .sectionBox.sec04 .btmBanner {margin-top:70px;border:1px solid #ebebeb}
.main-quick-btns li{float:left; width:50%;}
.main-quick-btns li a{display:block; height:180px;background:url(/_img/sec04bgleft.png)no-repeat center; color:#fff;    position: relative;}
.main-quick-btns li:nth-of-type(2) a {background:url(/_img/sec04bgright.png)no-repeat center; color:#333;}
.main-quick-btns li a dl {
    position: absolute;
    top: 32px;
    
}
.main-quick-btns li a dl.txtLeft {
	left: 50%;
    margin-left: -20px;
}
.main-quick-btns li a dl.txtRight{
	left:7%;
}
.main-quick-btns li a dl dt {font-size:25px; letter-spacing:-1px; line-height:40px;} 
.main-quick-btns li a dl dd {line-height:30px; margin-top:3px;}
.main-quick-btns li a dl dd p {}
.main-quick-btns li a dl.txtLeft dd span.kkoTalk {
	background: url(/_img/ksico.png)no-repeat;
    background-position: 0px -154px;
    display: inline-block;
    width: 156px;
    height: 34px;
    text-indent: 40px;
    color: #333;
    font-weight: bold;
    font-size: 15px;
    margin-right: 7px;
    opacity: 1;
    line-height: 26px;
}
.main-quick-btns li a dl.txtLeft dd p{color:rgba(255,255,255,0.6)}
.main-quick-btns li a dl.txtRight dd p{color:rgba(0,0,0,0.6)}
.main-quick-btns li a dl.txtRight dd p span.callico{
    font-size: 24px;
    color: #2E45BF;
    font-weight: bold;
}
.main-quick-btns li a dl.txtRight dd p span.callico i{
	padding: 3px 5px 0 0;
}
.main-quick-btns .main-left-btn .main-quick-inner{float:right;}
.cm-over-pass-bg-btn {
  overflow: hidden;
  position: relative;
}

.cm-over-pass-bg-btn:after {
  background: #fff;
  content: "";
  left: -100%;
  opacity: .1;
  position: absolute;
  top: -50%;
  bottom:-50%;
  -webkit-transform: rotate(35deg);
   transform: rotate(35deg);
  -webkit-transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 3s cubic-bezier(0.19, 1, 0.22, 1);
  width: 30%;
}

.cm-over-pass-bg-btn:hover:after {
  left: 120%;
}

.topBanner .topBannerList{width:290px;}
.topBanner .topBannerList ul{}
.topBanner .topBannerList ul li{width:250px;}

.img-responsive {width:100%;}

#bestCar .carbox{ width: 308px; border:solid 2px #f2f4f6; background-color: #fff; border-radius: 20px;}
#bestCar .carbox .img{position: relative; width: 255px; height: 255px; margin: 0 auto; margin-top: 23px; background-color: #e8e8e8; border-radius:10px;
display:flex; justify-cotent:center; align-items:center;}
#bestCar .carbox .img .plus{position: absolute; top: 207px; right: 12px; transition: 0.3s; }
#bestCar .carbox .img:hover .plus img{background-color: rgba( 0, 0, 0, 1 ); }


#bestCar .carbox .img .plus img{background-color: rgba( 0, 0, 0, 0.3 ); border-radius: 50px; transition: 0.2s;}


#bestCar .carbox .person{margin-top: 12px; text-align: center; font-size: 16px;}
#bestCar .carbox .tit{margin:20px 0 15px 0; padding:0 20px; font-size: 20px; font-weight: 700; text-align: center; 
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#bestCar .carbox .grade{margin-top: 2px; text-align: center; font-size: 16px;}

#bestCar .carbox .period{display: flex; /*justify-content: center;*/ align-items:center; gap:3px;margin: 10px 25px ; text-align: center; }
#bestCar .carbox .period .name{ display: inline-block; margin-right: 10px; line-height: 18px; font-size: 14px; font-weight: 700; width:50px;}
#bestCar .carbox .period .bg-g{  display: inline-block; padding:5px; background-color: #c4c4c4; color: #fff; font-size:12px;}
#bestCar .carbox .period .fc-p{}
#bestCar .carbox .period.bb-1 {padding-bottom:20px; border-bottom:solid 1px #e7e6e6;}

#bestCar .carbox .price{ display: flex; margin: 0 auto 22px; justify-content: center; text-align: center; }
#bestCar .carbox .price .price-border{ border: solid 1px #f1f1f1; margin:0 20px;}
#bestCar .carbox .price span{font-size: 21px; vertical-align: baseline;}
#bestCar .carbox .price .price_won{font-size: 16px;}

#bestCar .carbox .carbtn{ display: flex;margin: 0 auto; width: 100%; height: 50px; text-align: center; justify-content: space-between;}
#bestCar .carbox .carbtn .bg-p{ width: 100%; line-height:50px; border-radius: 0 0 0 8px; background-color: #2E45BF; color: #fff; 
    font-weight: 300; font-size: 15px;}
#bestCar .carbox .carbtn .bg-pp{width: 100%; line-height:50px; border-radius: 0 0 8px 0; background-color: #3EB489; color: #fff; 
    font-weight: 300; font-size: 15px;}


	








.carlistWrap .car_flex_box{display: flex; flex-wrap: wrap; gap:10px;}




#bestCar .carbox_2{ width: 308px; height: 611px; border:solid 2px #f2f4f6; border-radius: 12px;}
#bestCar .carbox_2 .img{position: relative; width: 255px; height: 255px; margin: 0 auto; margin-top: 23px; background-color: #959595;}
#bestCar .carbox_2 .img .plus{position: absolute; top: 207px; right: 12px;}


#bestCar .carbox_2 .person{margin-top: 12px; text-align: center;}
#bestCar .carbox_2 .tit{margin-top: 20px; font-size: 18px; font-weight: 700; text-align: center;}
#bestCar .carbox_2 .grade{text-align: center;}

#bestCar .carbox_2 .period{display: flex; width: 215px; margin: 27px auto 20px; padding-bottom: 20px; justify-content: space-between; text-align: center; border-bottom: solid 1px #e7e6e6;}

#bestCar .carbox_2 .period .name{ display: inline-block; margin-right: 15px;}
#bestCar .carbox_2 .period .bg-g{  display: inline-block; width: 40px; height: 40px; background-color: #ccc; color: #fff;}

#bestCar .carbox_2 .period .fc-p{}

#bestCar .carbox_2 .price{ display: flex; width: 209px; margin: 0 auto 25px; justify-content: space-between; text-align: center;}
#bestCar .carbox_2 .price .price-border{ border: solid 1px #f1f1f1;}
#bestCar .carbox_2 .price span{font-size: 22px;}


#bestCar .carbox_2 .carbtn{ display: flex;margin: 0 auto; width: 100%; height: 50px; text-align: center; justify-content: space-between;}
#bestCar .carbox_2 .carbtn .bg-p{ width: 100%; line-height:50px; border-radius: 0 0 0 8px; background-color: #2E45BF; color: #fff;}
#bestCar .carbox_2 .carbtn .bg-pp{width: 100%; line-height:50px; border-radius: 0 0 8px 0; background-color: #3EB489; color: #fff;}





#header .menuTop .inner nav ul .fc-p a{color: #082A66;}

.header_img{ margin: -99px 0 0 1123px;}

.container .carlistWrap .arrBtn{margin-top: 0px;position: absolute; top: 10px;}
.arrPre{position: absolute;}
.arrNext{position: absolute; left: 200px;}






#consultBox_wrap{display: flex; width:100%; margin: 50px auto; background:#f2f4f6;}

.consultBox {display: inline-block; margin: 0 auto; padding: 50px 50px 30px;  width: 1280px; background:#f2f4f6; border-bottom: solid 1px #dee2e6;}

/*.consultBox { margin-bottom: 50px; border: 1px solid #ebebeb; padding: 50px 50px 30px; margin-top: 50px; display: inline-block; width: 100%; background:#f2f4f6;}*/
.consultBox ul {float:left; width:48%;}
.consultBox ul:nth-child(2) {margin-left:4%;}
.consultBox ul li{float:left; width:49%; margin-bottom:20px;}

.consultBox ul .consultTit {margin-bottom:20px;font-size: 18px; color: #2E45BF;}
.consultBox ul li .consultsubTit.mb0 {margin-bottom:0;}
.consultBox ul li .consultsubTit .importMark {color:red; margin-left:3px; font-size:20px;}
.consultBox ul li:nth-child(2n+1) {margin-left:2%;}
.consultBox ul li .input-radio{margin-right: 25px; margin-top: 10px;}
.consultBox ul li .input-radio input:checked + label span.txt {color:#2E45BF}


.consultBox ul li .selectbox {background:#fff;}
.consultBox ul li .selectbox.mt15 {margin-top:15px;}
.consultBox ul li .selectbox select {color:#777;}
.consultBox ul li input {
	padding: 0 0 0 15px;
    box-sizing: border-box;
    height: 38px;
    line-height: 38px;border-radius: 0;
	border:1px solid #ebebeb; background:#fff;
	width:100%;
}
.consultBox ul li textarea{width:100%; border:1px solid #ebebeb; background:#fff; height:100px; padding:15px;}
.consultBox ul li.textArea {width:100%; }




.btmBanner{width:1280px; margin: 150px auto 0; padding: 0px 0 150px 0;}


.sec04{position: relative;}
.spe_price{position: absolute; left: 710px; top: -36px;}
.spe_menu{position: absolute;  left: 459px; top: -5px;}


.cm-form {margin-bottom:60px; padding-bottom:60px; background:#f2f4f6;}
.cm-form .input-checkbox { display: flex; align-items: center;}
.cm-form .btnWrap { display: flex; align-items: center; margin-top: 25px; padding:0 50px; }
.cm-form .btnWrap .btn {margin-left: auto; width:48%; border-radius:5px;}


h1.maintit {
    margin: 90px 0 60px 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -2px;
    text-align: center;
}

.carlistWrap .car_flex_box li{
    margin-bottom: 25px;
    box-shadow: 0px 10px 15px 0px rgb(0 13 56 / 4%);
}

.sec100{margin-bottom: 100px;}

h1.maintit_2 {
    margin: 70px 0 43px 0;
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -2px;
}





/*carView*/
	.view_01{margin: 60px 0 70px 0;}
	.view_r_box{ width: 700px;}
	.view_r_box .v_b_title{ font-weight: 400; font-size: 33px;}
	.view_r_box .v_b_s_title{margin-top: 10px; font-weight: 400; font-size: 17px;}
	.view_r_box .v_b_s_title span{color:#2E45BF; font-weight: bold;}
	.view_r_box  .vb_l_3 {display:flex; margin-bottom:10px;}
	.view_r_box  .vb_l_3 > p {width:100px; }
	.view_r_box  .vb_l_3 .flex {display:flex; gap:10px;}
	.view_r_box .usePeriod {margin:25px 0 30px 0;}
	.view_s_box{/*width:580px;*/ gap:7px !important;}

	.vb_l_5_wrap{ padding: 20px 20px 20px; flex-wrap: wrap; border: solid 1px #f2f4f6; transition: 0.08s; gap:0 !important; width:50%;}
	.vb_l_5_wrap:hover{padding: 18px 18px 18px; border: solid 3px #2E45BF; cursor:pointer;}
	.vb_l_5_wrap .rate {color:#959595; width:100%; text-align:right; font-size:17px; margin:2px 0 12px 0;}
	.view_s_box > .on{padding: 18px 18px 18px; border: solid 3px #2E45BF; cursor:pointer;}
	.view_s_box .f_c_l{ /*color:#ff3232;*/}
	.view_s_box .price {font-size: 20px; line-height:22px; text-align:center;}
	.view_s_box .price .bold {font-size:28px; letter-spacing:-0.5px;}
	.view_s_box .price_c {justify-content: flex-end;  color: #989898; font-size: 18px; font-weight: 500;}
	.view_s_box .per{font-size: 23px;}
	.view_s_box .price_wrap{ align-items: baseline; justify-content:right;}
	.view_s_box p{font-size: 17px;}

	.vb_l_6_wrap{ width: 246px; height: 154px; padding: 20px 20px 20px; flex-wrap: wrap; border: solid 1px #f2f4f6; transition: 0.08s;}
	.vb_l_6_wrap:hover{padding: 18px 18px 18px; border: solid 3px #2E45BF;}

		#carview .carveiw_select {margin:20px auto;}
	#carview .carveiw_select dl {display:flex; font-size:15px; line-height:34px; letter-spacing:-0.5px;}
	#carview .carveiw_select dl dt {font-weight:bold; width:80px;}




	.view_s_box{  margin: 20px 0 26px 0; }

	.view_box_btn_wrap{display:flex; justify-content:space-between; gap:5px; padding-top:20px; border-top:solid 1px #f2f4f6;}
	.view_box_btn_wrap .view_box_btn{display:flex; flex-basis:50%; background-color: #2E45BF;}
	.view_box_btn.bg-1{ background-color: #2E45BF;}
	.view_box_btn.bg-2{ background-color: #3EB489;}
	.view_box_btn a { display: block; padding:20px 0; width:100%;text-align: center; font-size: 20px; color: #fff; font-weight: bold;}



	.align{align-items: center}
	.flex_space{display: flex; justify-content: space-between; gap:15px;}
	.w_all{width:100%;}






	#view_list { height: 511px; margin-bottom: 100px; padding: 47px 0 0 0; background: #f2f4f6;}
	#view_list h2{font-size: 24px; font-weight: 700; letter-spacing: -2px;}

	.carview_list_wrap{}
	.view_list_box{ width: 246px; height: 352px; margin: 24px 0 0 0; border: solid 2px #f2f4f6; background-color: #fff; border-radius: 14px;}
	.view_list_box .view_img{ position: relative; width: 205px; height: 205px; margin: 17px auto; background-color: #959595;}
	.view_list_box .view_img .title_img{ border: 0 none; width: 205px; height: 205px;}
	.view_list_box .view_img .plus{ position: absolute; bottom: 12px; right: 12px;}
	.view_list_box .view_img .plus img{ background-color: rgba( 0, 0, 0, 0.3 ); border-radius: 50px; transition: 0.3s;}
	.view_list_box:hover .view_img .plus img{ background-color: rgba( 0, 0, 0, 0.9 );}


	.view_list_box .tit{
        padding: 0 18px; font-size: 16px; font-weight: 600; text-align: center; letter-spacing: -1px;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
	.view_list_box .price{ margin: 0 auto 22px; justify-content: space-between; text-align: center;}

	.view_list_box .price div{ display: flex; /*width: 205px;*/padding: 0px 18px; justify-content: space-between; align-items: center;}	
	.view_list_box .price div .fs-big{ /*margin-left: 68px;*/ font-size: 18px;}

	.view_list_box .price .lease{margin: 12px auto 0px;}
	.view_list_box .price .rent{margin: 5px auto 0px;}

	.view_list_box .price .lease span,.view_list_box .price .rent span{ display: flex; align-items: center;}
	.view_flex{/*display:flex; justify-content: space-between;*/}
	
		
	#tb_tag {border-collapse: collapse; /* border-spacing: 2048px; */ width: 1280px; margin: 0 0 70px 0;}
	#tb_tag thead{ border-bottom: solid 2px #b2b2b2;}
	#tb_tag thead tr th{display: flex; margin-bottom: 20px; font-size: 24px;}
	#tb_tag .sss{line-height: 50px;}
	#tb_tag .sss>tr { border-bottom: solid 1px #dbdbdb;}
	#tb_tag .f_td{padding-left: 30px; font-size: 16px; font-weight: 700; color:#000;}
	#tb_tag .s_td{font-size: 16px; color:#606060;}

	.details_page div{width: 1280px; height: 720px; margin: 0 0 100px 0; line-height: 720px; text-align: center; font-size: 50px; background: #222731; color: #fff;}
	.details_page img {width:100%;}









.s_bold{font-weight: 800;}

.fs-big{font-family: 'SCoreDream'; font-weight: 900;}
.fc-pp{color: #3EB489;}
.list_all_btn{ position: absolute; left: 1133px; top: 0px; border-radius: 6px; border: solid 1px #ccc; background-color: #fff; width: 145px; line-height: 47px; text-align: center; transition: 0.3s;}
.list_all_btn:hover{border: solid 1px #2E45BF;  background-color: #2E45BF;  width: 145px; line-height: 47px; text-align: center;}
.list_all_btn a{display:block; font-size: 16px; color: #000; font-weight: bold;}
.list_all_btn:hover a{color: #fff;}



.p_r{position: relative;}





.fc-p{color: #2E45BF !important;}
.bold{ font-weight: bold;}




@media ( max-width: 768px ) {.container .sectionBox h1.maintit{  }}