.main .row {position:relative; padding:5rem 0;}
.main .column {padding:0}
@media screen and ( max-width:1100px ) {
    .main .row { padding:3rem 0;}
}
@media screen and ( max-width:1024px ) {
	.main .row { padding:2rem 0;}
	.main .column {padding:0 1rem}
}


.main section {position:relative; padding:6.25rem 0;}
.main section:after {content:''; display:block; width:100%; clear:both;}

@media screen and ( max-width:1300px ) {
    .main section { padding:3.75rem 0;}

}



/*********************************************************/
/*                        spotzone
/******************************************************* */
.spotzone{ position:relative; margin:0 auto; height:500px;overflow:hidden; border-radius:32px;  
  background: linear-gradient(145deg, #bacbf6,#bacbf6, #d3ecfa, #dee3ee, #cec6ec,#cec6ec);
  background-size: 200% 200%;
  -webkit-animation: bg-pan-left 6s alternate both infinite;
  animation: bg-pan-left 6s alternate both infinite;
}


.spotzone li{ width:100% !important; position:relative; height:500px; }
.spotzone li.n01 { }
.spotzone li a {display:block;  width:100%; height:100%;}
.spotzone li .txtbox { position:absolute;width:1300px;left:50%; margin-left:-600px; padding-top:150px;padding-left:20px; height:100%; z-index:10; }

.spotzone li .txtbox .tit1,
.spotzone li .txtbox .tit2,
.spotzone li .txtbox .txt1,
.spotzone li .txtbox .txt2,
.spotzone li .txtbox .car,
.spotzone li .txtbox .img{ transition:all 1s cubic-bezier(0.16, 0.84, 0.44, 1); transition-delay:0.6s;  opacity:0;    }

.spotzone li .txtbox .tit1 {font-size:2.813rem; line-height:3rem; font-weight:300; color:#fff; font-family:'GmarketSans';}
.spotzone li .txtbox .tit2 {font-size:2.813rem; line-height:3rem; font-weight:300; color:#fff; font-family:'GmarketSans'; margin-top:1rem;}
.spotzone li .txtbox .txt1 {font-size:1.125rem; line-height:1.25em; color:#fff; font-weight:500; margin-top:1.2rem;}
.spotzone li .txtbox .txt2 {font-size:1.125rem; line-height:1.25em; color:#fff; font-weight:500; padding-top:0.125rem;}
.spotzone li .txtbox .car {position:absolute; top:150px; left:50%; margin-left:-160px; width:545px; height:265px; background:url('/images/main/img_car.png') no-repeat center ; z-index:10; }
.spotzone li .txtbox .img { position:absolute; right:0; bottom:0; width:600px; height:465px; background:url('/images/main/img_model.png') no-repeat center; z-index:33 }
.spotzone li.n02 .txtbox {padding-top:150px;}
.spotzone li.n02 .txtbox .tit2,
.spotzone li.n02 .txtbox .txt1,
.spotzone li.n02 .txtbox .txt2 {color:#fff;}

.spotzone li .txtbox .tit1{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .tit2{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .txt1{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .txt2{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .img{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .car{ transform:translateX(30px);-moz-transform:translateX(30px);-webkit-transform:translateX(30px);-ms-transform:translateX(30px);-o-transform:translateX(30px); }


/* active */
.spotzone li.active .txtbox .tit1 {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay: 0.2s;}
.spotzone li.active .txtbox .tit2 {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.4s;}
.spotzone li.active .txtbox .txt1 {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.8s;}
.spotzone li.active .txtbox .txt2 {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:1.0s;}
.spotzone li.active .txtbox .car {opacity:1; transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transition-delay:0.4s;}
.spotzone li.active .txtbox .img {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.6s;}

.spotzone .bx-pager { z-index:33; position:absolute; bottom:80px; left:50%; width:1300px; margin-left:-600px; padding-left:20px; }
.spotzone .bx-pager div{ display:inline-block; }
.spotzone .bx-pager a { display:inline-block; position:relative; width:12px; height:12px; border-radius:12px;margin-right:8px; background:#fff;  transition:all .4s; text-indent:-999em; }
.spotzone .bx-controls a.active{  background-color:var(--txt-default); width:40px;}

.spotzone .bx-controls-direction a { position:absolute; top:50%; right:0; margin-top:-30px; width:60px; height:60px; line-height:60px; z-index:30; background:transparent;color:#fff;text-align:center;font-size:0; transition: all 0.3s ease-in; }
.spotzone .bx-controls-direction a:hover { background-color:#fff; color:var(--txt-default); border-radius:50%; }
.spotzone .bx-controls-direction a:after {display:inline-block; font-family:'xeicon'; font-size:25px !important;}
.spotzone .bx-controls-direction a.bx-prev { left:120px; }
.spotzone .bx-controls-direction a.bx-prev:after {content:"\e908"; }
.spotzone .bx-controls-direction a.bx-next { right:120px; }
.spotzone .bx-controls-direction a.bx-next:after {content:"\e90b"; }
.spotzone .bx-controls-direction a.bx-prev:hover {left:110px;}
.spotzone .bx-controls-direction a.bx-next:hover {right:110px;}

.spotzone  .bx-controls-auto {position:absolute;bottom:217px;left:50%;  margin-left:-610px; width:80px; height:30px; z-index:33; color:#fff;}
.spotzone  .bx-controls-auto .bx-controls-auto-item { display:inline-block; width:25px; height:25px; margin-right:0px; text-align:center; }
.spotzone  .bx-controls-auto a { overflow:hidden;height:25px; font-size:0 }
.spotzone  .bx-controls-auto  a.active{background-color:transparent; }
.spotzone  .bx-controls-auto .bx-start:before {content:"\ea3e"; display:inline-block; color:#fff; font-size:25px;text-align:center;  }
.spotzone  .bx-controls-auto .bx-stop:before {content:"\ea3b"; display:inline-block; color:#fff; font-size:25px;text-align:center;  }
.spotzone  .bx-controls-auto .bx-start:after { display:none;}
.spotzone  .bx-controls-auto .bx-start.active:before,
.spotzone  .bx-controls-auto .bx-stop.active:before { color:#fe6000}

@-webkit-keyframes bg-pan-left {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}

@keyframes bg-pan-left {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
/* È«º¸¿µ»ó */
.video_bg { display:block; position:fixed; width:100%; height:100%;left:0;top:0;  background:rgba(0,0,0,.3); z-index:9999; }
.video_bg .flash_video { position:fixed;width:900px; height:506px;  /*width:640px; height:360px;*/top:50%; left:50%; transform: translate(-50%,-50%);  z-index:10000; background:rgba(0,0,0, 0.5); padding:0px;}
.video_bg .flash_video .video { position:relative;  }
.video_bg .flash_video .video  .btn-close {position:absolute; top:-25px; right:-25px; width:50px; height:50px; background:var(--txt-default) url('/images/btn_close_w.png') no-repeat center ; background-size:auto 21px; border-radius:50%; text-align:center; cursor:pointer; z-index:10}


@media screen and ( max-width:1350px ) {
    .spotzone .bx-controls-direction a {display:none;}

}



@media screen and ( max-width:1300px ) {
	.spotzone{ max-height:550px; padding-top:0}
	.spotzone li{height:550px;}

	.spotzone li .txtbox { width:100%;left:0; margin-left:0px; padding-top:90px; padding-left:20px; }
	.spotzone li .txtbox .img {padding-top:50px; text-align:center; }
	.spotzone li .txtbox .img img {width:90%;}
	.spotzone .bx-pager{    left:0; width:100%; margin-left:0; padding-left:20px; }

}
@media screen and ( max-width:1024px ) {
    .spotzone {display:none; }
}

/* Â÷·®°Ë»ö */
.search_area { position:relative; height:550px;border-radius:32px; padding:0; width:calc(100% - 8.6rem); margin:0 auto;  background:url('/images/main/main_visual_01.jpg') no-repeat center ; background-size:cover;
/*
background: linear-gradient(45deg, #bacbf6,  #d3ecfa, #e5f0f7, #dee3ee,  #cec6ec);
  background-size: 200% 200%;
  -webkit-animation: bg-pan-left 3s alternate both infinite;
  animation: bg-pan-left 3s alternate both infinite;
*/
}
.search_area  .column {height:100%;}
.search_area .title_wrap {text-align:left;  padding:6.0rem 0 0 .8rem}
.search_area .title_wrap p {font-size:1.875rem; line-height:2rem; font-weight:300}
.search_area .title_wrap h4 {font-size:2.813rem; line-height:3rem; margin-top:1rem;  }
.search_area .img_dealer{ position:absolute; left:50%; bottom:0; margin-left:18%; width:530px; height:460px; background-image:url('/images/main/img_dealer.png'); background-repeat:no-repeat; background-position:center bottom;  background-size:auto 100%;z-index:1;   }
.search_area .inr_wrap {width:75%; padding:0; position:relative; z-index:10}


.search_area form > div {float:left;display:inline-block;box-sizing:border-box;vertical-align:middle;}
.search_area .select_Wrap {width:100%; display:flex; background-color:#fff; border-radius:var(--radius-round); padding:.5rem 1rem .5rem 1.5rem; box-shadow:8px 8px 25px rgba(0,0,0,0.05)}
.search_area .selectBox {width:100%; text-align:left; font-size:0; display:flex;flex-wrap: nowrap; justify-content: space-between; gap:7px; }
.search_area .selectBox a { width:100%; padding:0 0 0 15px; border:0;  background:transparent url('/images/main/arrow.png') right center no-repeat; background-position:calc(100% - 15px); color:#1b1b1b;border-radius:7px;height:60px;  line-height:60px; font-size:16px; text-align:left;}

.search_area .selectBox .sel0 {width:150px;}
.search_area .selectBox .sel1 {width:20%;}
.search_area .selectBox .sel2 {width:30%;}
.search_area .selectBox .sel3 {width:30%;}
.search_area a.selected, .search_area a.first {background:transparent  url('/images/main/arrow2.png') right center no-repeat; background-position:calc(100% - 15px) ; font-weight:bold !important; color:var(--txt-default) ;}
.search_area a.active{ position:relative; background:transparent url('/images/main/arrow2.png') right center no-repeat ;background-position:calc(100% - 15px) ; border-bottom-color:#fff;font-weight:bold !important;color:var(--txt-default) !important; border-color:var(--txt-default); z-index:14;}
.search_area .selectBox .search_btn { width:80px;height:60px; line-height:60px;font-size:0; border:0;padding:0;margin:0;  background:transparent url('/images/ico_search_bk.png') no-repeat center ; background-size:auto 1.95rem;  }


.search_area .selectOption {position:relative;clear:both;width:100%; padding:0 8rem; }
.search_area .selectOption h4 {text-indent:0px; color:#aaa;font-weight:500; font-size:1rem; text-align:center;  margin:0; padding-bottom:.35rem;}
.search_area .optionBox {display:none;position:absolute;top:5px;left:0;width:calc(100% - 140px); padding:25px;border:1px solid #78a4fe; border-radius:12px; background:#fff;font-size:14px;text-align:left;z-index:333; box-shadow:3px 3px 7px rgba(0,0,0,.1);
                                  box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.search_area .optionBox > div {font-size:0;}
.search_area .optionBox h4 button { position:absolute;top:0;right:0;font-size:0;width:40px;height:40px;background:url('/images/main/pop_close.png') no-repeat center center;background-size:auto 15px;}
.search_area .optionBox h5 {padding:0px 0 .35rem;font-size:0.95rem; line-height:1rem; color:#555;font-weight:600;}
.search_area .optionBox a {display:inline-block;width:14%;margin:0 .2% .3% 0;padding:9px .5%;border:0px solid #eaeaea; background-color:#f6f6f6; border-radius:4px;text-decoration:none;font-size:14px; font-weight:500; letter-spacing:-1px;line-height:18px;text-align:center;vertical-align:top;}
.search_area .optionBox a:hover {border-color:var(--txt-default);color:#fff;background:var(--txt-default);}
.search_area .optionBox.optBox3 a {width:19.6%; margin:0 .2% .3% 0;}
.search_area .optionBox.st1 {width:135px; padding:30px 15px 15px; border-radius:8px; }
.search_area .optionBox.st1 a {display:block; width:100%; margin-bottom:5px; }

.search_area .fast { padding:.85rem 0 0;font-size:0;text-align:right; }
.search_area .mobile-search {display:none;}

.search_area .maker {font-size:0; margin:30px auto 0;text-align:center;  }
.search_area .maker li{ box-sizing:border-box;  width:10%; padding:0 5px 10px; display:inline-block; vertical-align:middle; }
.search_area .maker li a {display:block; font-size:14px; color:#111; padding-top:5px; height:95px; background-color:#fff; border-radius:16px; box-shadow:3px 3px 6px rgba(27,110,220,0.1);  }
.search_area .maker li a span {display:block;line-height: 15px; text-align:center; }
.search_area .maker li img {margin:5px auto 0; height:50px;}
.search_area .maker li a:hover {color:#fff; background-color:var(--txt-default)}

.search_area .class {font-size:0; padding:1.65rem 0 0; }
.search_area .class li{display:inline-block;width:12.5%;text-align:center;}
.search_area .class li:first-child { margin-left:0; }
.search_area .class li.c1 a {background-image:url('/images/main/class_car01.png');}
.search_area .class li.c2 a {background-image:url('/images/main/class_car02.png');}
.search_area .class li.c3 a {background-image:url('/images/main/class_car03.png');}
.search_area .class li.c4 a {background-image:url('/images/main/class_car04.png');}
.search_area .class li.c5 a {background-image:url('/images/main/class_car05.png');}
.search_area .class li.c6 a {background-image:url('/images/main/class_car06.png');}
.search_area .class li.c7 a {background-image:url('/images/main/class_car07.png');}
.search_area .class li.c8 a {background-image:url('/images/main/class_car08.png');}
.search_area .class li a { display:block; height:7rem; padding:3rem 0 0;background-size:65%; background-repeat:no-repeat; background-position-x: 50%;background-position-y: 0%; -webkit-animation: zoomout .3s linear;animation: zoomout .3s linear;}
.search_area .class li a span {font-size:1rem;}
.search_area .class li a:hover {  background-position-x: 50%;background-position-y: 0%;  -webkit-animation: zoomin .3s linear;animation: zoomin .3s linear;animation-fill-mode: both;  }
.search_area .class li a:hover span { color:#000;}


.search_area .slick-prev {position: absolute; top:50%; margin-top:-25px;  left:-25px; width:40px; height:40px; border-radius:50%;  background-color:rgba(0,0,0,0.2); font-size:0; z-index:33}
.search_area .slick-prev:after {content: '\e93d'; font-size:20px; color:#fff;}
.search_area .slick-next {position: absolute; top:50%; margin-top:-25px; right:-25px; width:40px; height:40px; border-radius:50%; background-color:rgba(0,0,0,0.2); font-size:0; z-index:33}
.search_area .slick-next:after {content: '\e940'; font-size:20px; color:#fff;}
.search_area .slick-prev:hover:after,
.search_area .slick-next:hover:after{opacity:1;}


@media screen and ( max-width:1780px ) {
	.search_area {   height:500px; padding:0 3rem;}
	.search_area .title_wrap { padding:5.5rem 0 0 .8rem}
	.search_area .img_dealer{ position:absolute; margin-left:auto; left:auto; right:0;width:480px; height:400px; background-position:right bottom;   }

}

@media screen and (max-width:1320px){
    .search_area {width:100%;}
	.search_area .selectBox {width:100%; text-align:left; font-size:0; flex-wrap: nowrap;   }
	.search_area .selectBox a{padding:0 0 0 12px;height:50px; height:50px; line-height:50px; font-size:14px;background-size:12px 12px; }
	.search_area .sel3 { letter-spacing:-.12em; height:50px; line-height:50px; }
	.search_area a.selected, .search_area  a.first {background-size:12px 12px}
	.search_area a.active{background-size:12px 12px}

	.search_area .selectBox .search_btn {  width:50px;height:50px; line-height:50px; }

	.search_area .optionBox {padding:15px;}
	.search_area .optionBox a {display:inline-block;width:19%;margin:0 .5% .5% 0; }
    .search_area .optionBox.optBox3 a {width:32%;margin:0 .5% .5% 0;}


}

@media screen and (max-width:1024px){
    .search_area {padding:0 1rem; height:450px; overflow:hidden;} 
	.search_area .title_wrap {padding-top:3rem;}
	.search_area .select_Wrap {display:none;}
	.search_area .optionBox {width:100%;}
	.search_area .maker li a {height:85px;}
	.search_area .maker li img {  height:40px;}
	.search_area .img_dealer {right:-2rem;width:420px; height:330px;}

	.search_area .title_wrap p {font-size:1.2rem; line-height:1.3em; }
    .search_area .title_wrap h4 {font-size:2rem; line-height:1.4em; margin-top:.5rem;  }


	.search_area .class {padding-top:1rem}
	.search_area .class li{ width:25%; margin-bottom:.5rem;}
	.search_area .class li a {  height:auto; padding:2.6rem 0 0;background-size:auto 40px; }
	.search_area .class li a span {font-size:.8rem;}

	.search_area .mobile-search { background-color:#fff;  font-size:1rem;  height:60px; width:100%; display:flex; flex-direction: row;  justify-content: space-between;flex-wrap: nowrap;  border:1px solid var(--txt-default); border-radius:var(--radius-default); overflow:hidden;}
	.search_area .mobile-search input[type="text"] { margin:0 !important; padding-left:.9rem; font-weight:600; background-color:#fff; width:100% !important; height:100%; line-height:100%;  font-size:1.1rem;  color:#000;  border:0; background-color:transparent;}
	.search_area .mobile-search button.search_btn { margin:0;width:60px; height:100%; border:0px solid #000; border-radius:0 5px 5px 0; background-color:#fff; font-size:0; }
	.search_area .mobile-search button.search_btn:after {content:''; display:inline-block; margin-top:0px; width:26px; height:26px; margin-left:0px; background-image:url('/images/main/ico_search_blue.png'); background-repeat:no-repeat; background-position:center center; background-size:auto 26px;}

}


@media screen and (max-width:677px){
    .search_area { height:280px;  } 
	.search_area .title_wrap {padding-top:3rem; padding-left:0}
	.search_area .title_wrap h4 {padding:0; margin-top:.3rem;}
	.search_area .img_dealer {right:-2rem; bottom:-2rem; width:360px; height:270px;}
   
    .search_area .fast { padding:1rem 0 0; }
	.search_area .selectOption {display:none;}
	.search_area .selectOption h4 {font-size:0.8rem; margin-bottom:0.35rem; }

	.search_area .selectBox {width:100%;}
	.search_area .selectBox a {border-right:0 !important; font-size:13px; border-radius:6px; background-color:#f1f4fa }
	.search_area .selectBox.selectBox2 .search_btn {font-size:0;border-radius:6px;width:45px;margin-left:5px; }
    .search_area .selectBox.selectBox2 .search_btn:after {margin-left:0px;   }
	.search_area .optionBox { border-radius:0.85rem; padding:10px; }
	.search_area .optionBox h4 button { width:35px;height:35px;background:url('/images/main/pop_close.png') no-repeat center center;background-size:auto 12px;}
    
	.search_area .maker {margin-top:20px;}
	.search_area .maker li{ padding:0 0 10px; }
    .search_area .maker li a { font-size:13px; margin:0 3px; box-shadow:2px 2px 3px rgba(27,110,220,0.1);  }
    .search_area .class {display:none; }

}

@media screen and (max-width:420px){
    .search_area { height:230px; padding:0 } 
	.search_area .column {padding:0 1.5rem}
	.search_area .title_wrap {padding-top:2rem;}
	.search_area .title_wrap p {font-size:.9rem;}
	.search_area .title_wrap h4 {font-size:1.65rem;}
	.search_area .img_dealer {right:-2rem; bottom:-.5rem; width:300px; height:220px;}
    .search_area .inr_wrap {width:85%;  }

}

@media screen and (max-width:380px){

/*	.search_area .selectBox a{ height:45px; line-height:45px}
	.search_area .sel3 {height:45px; line-height:45px;  }
	.search_area .selectBox.selectBox2 .search_btn { width:45px;height:45px; line-height:45px;}

	.search_area .optionBox a {width:49%;  }
	.search_area .optionBox.optBox3 a {width:100%;margin:0 0 .5% 0;}
	*/
}

/*********************************************************/
/*   ¹Ù·Î°¡±â
/******************************************************* */
.carnet_service ul li {width:20%; display:inline-block; vertical-align:top; text-align:center;cursor:pointer; padding:10px 0}
.carnet_service ul li .img {display:inline-block; width: 95px; height:95px; border-radius:30px;  border:1px solid transparent; background-color:#f5f6f7; background-repeat:no-repeat; background-size:auto 60%; background-position:center center;  transition: all 0.2s ease-in; }
.carnet_service ul li:hover .img {box-shadow:5px 5px 20px rgba(0,0,0,0.1); background-color:#fff; border-color:rgba(40,100,235,0.6);}
.carnet_service ul li p {font-size:1rem; line-height:1.3em; margin-top:.85rem;  font-weight:500; color:#444; }
.carnet_service ul li.n01 .img {background-image:url('/images/main/img_service_01.png')}
.carnet_service ul li.n02 .img {background-image:url('/images/main/img_service_02.png')}
.carnet_service ul li.n03 .img {background-image:url('/images/main/img_service_03.png')}
.carnet_service ul li.n04 .img {background-image:url('/images/main/img_service_04.png')}
.carnet_service ul li.n05 .img {background-image:url('/images/main/img_service_05.png')}
.carnet_service ul li.n06 .img {background-image:url('/images/main/img_service_06.png?ver=1')}
.carnet_service ul li.n07 .img {background-image:url('/images/main/img_service_07.png')}
.carnet_service ul li.n08 .img {background-image:url('/images/main/img_service_08.png')}


@media screen and (max-width:1024px){
.carnet_service  { padding:2.25rem 0 !important}

.carnet_service .column {padding:0;}
.carnet_service ul {  padding: 0 15px; }
.carnet_service ul li {margin-left:5px; margin-right:5px; }
.carnet_service ul li .img { width: 80px; height:80px;   background-size:auto 60%;   }
.carnet_service ul li p {font-size:.9rem; }
.carnet_service .mc4_list .slick-list {overflow: visible;}
}

@media screen and (max-width:380px){
.carnet_service { }
.carnet_service ul {  padding: 0 0px; overflow: visible; }
.carnet_service ul li {margin-left:5px; margin-right:5px; }
}


/*********************************************************/
/*   HOT Keyword
/******************************************************* */
.hot_keyword {border-top:1px solid #eaeaea; }
.hot_keyword .column {display:flex; justify-content: space-between;  align-items: flex-start;align-items: stretch;  }
.hot_keyword .title_wrap {width:350px; border:1px solid #fff;}
.hot_keyword .title_wrap p { padding:0;font-size:1.125rem; line-height:1.4em; font-weight:500; }
.hot_keyword .keyword_wrap .keyword_list {display:flex;  flex-direction: column; gap:.5rem;} 
.hot_keyword .keyword_wrap .keyword_list li {display:flex; justify-content: space-between;  align-items: center;gap:0.85rem; width:100%;  }
.hot_keyword .keyword_wrap .keyword_list li .subject {font-size:1.5rem; font-weight:600; color:#333; margin-right:3rem; }
.hot_keyword .keyword_wrap .keyword_list li .hash_wrap {width:auto; display:inline-flex;align-items: center;justify-content: flex-end; gap:.5rem; }
.hot_keyword .keyword_wrap .keyword_list li .hash {background-color:#333; border-radius:var(--radius-round); font-size:1.125rem; color:#fff; padding:0 2.15rem; height:3.25rem; line-height:3.25rem; }
.hot_keyword .keyword_wrap .keyword_list li .hash a {display:block; color:inherit; }
.hot_keyword .keyword_wrap .keyword_list li .emoji {}

@media screen and (max-width:1024px){
	.hot_keyword .column { flex-direction: column; padding:0 1rem}
	.hot_keyword .title_wrap {width:100%;}

	.hot_keyword .keyword_wrap {padding-top:1rem;}
}

@media screen and (max-width:680px){
.hot_keyword .keyword_wrap .keyword_list li { gap:0.35rem;  }
.hot_keyword .keyword_wrap .keyword_list li .subject {font-size:1.125rem;  margin-right:2rem; }
.hot_keyword .keyword_wrap .keyword_list li .hash {  font-size:1rem;   padding:0 1.8rem; height:2.8rem; line-height:2.8rem; }

}
@media screen and (max-width:460px){
.hot_keyword .title_wrap{padding-bottom:1rem;}
.hot_keyword .keyword_wrap,
.hot_keyword .keyword_wrap .keyword_list {display:block; width:100%;}
.hot_keyword .keyword_wrap .keyword_list li {display:block; width:100%; gap:0; border-top:1px solid #eaeaea;  padding:1rem 0; }
.hot_keyword .keyword_wrap .keyword_list li:first-child {border:0; padding-top:0}
.hot_keyword .keyword_wrap .keyword_list li .subject {display:block;  margin-bottom:.5rem; }
.hot_keyword .keyword_wrap .keyword_list li span {display:inline-block; vertical-align:middle;  margin:0 3px}
.hot_keyword .keyword_wrap .keyword_list li .hash {  font-size:.95rem;   padding:0 1.65rem; height:2.5rem; line-height:2.5rem; }
.hot_keyword .keyword_wrap .keyword_list li .emoji img {height:3rem;}
}
@media screen and (max-width:360px){
.hot_keyword .keyword_wrap .keyword_list li .hash { padding:0 1rem; }

}

/*********************************************************/
/*   ÃßõÂ÷·®
/******************************************************* */


a.btn-more {position:absolute;right:0rem;top:0rem;width:3.5rem; height:3.5rem; border-radius:100%; font-size:0;  background-color:#fff; text-align:center;  z-index:10}
a.btn-more:before {content:"\e913";font-family:'xeicon';display:inline-block;line-height:3.5rem; vertical-align:top;font-size:1.5rem; color:#333;}
a.btn-more:hover {background-color:var(--txt-default); color:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.1)}
a.btn-more:hover:before {color:#fff;}

@media screen and ( max-width:1100px ) {
	a.btn-more {top:0.5rem; }
}

@media screen and ( max-width:800px ) {
	a.btn-more {  top:0.35rem;letter-spacing:-.04em; }
    a.btn-more:after {margin-top:0.05rem; font-size:1.1rem; }
}

@media screen and ( max-width:640px ) {
a.btn-more { width:2.35rem; height:2.35rem; top:1.125rem;}
a.btn-more:before { line-height:2.35rem; font-size:1.25rem; }
}

/*********************************************************/
/*          ÃßõÂ÷·®
/******************************************************* */
.recommend {background-color:#2d6cee;    overflow:hidden; position:relative;}
.recommend .column {max-width: 1300px;margin-left:auto; margin-right:auto; padding:0; display:flex; justify-content: space-between; }

.recommend_item_wrap {position:relative;  margin-left:340px; border:0px solid #f00}
.recommend_item_slider{margin:0 auto;width:1380px;}

.car_list_item .car-badge {position:absolute; left:0.5rem; top:0.5rem; z-index:5}

.main .recommend .title_wrap {position:absolute; left:0; top:0; width:320px; height:450px; border:0px solid #fff; background:url('/images/main/img_ev.png') no-repeat right bottom;}
.main .recommend .title_wrap a.btn-more {clear:both;display:inline-block; padding-right:4.8rem;margin-top:5rem; font-size:1rem;  border-radius:0; background-color:transparent; height:2.8rem; line-height:2.8rem; position:relative; color:#fff;  }
.main .recommend .title_wrap a.btn-more:before {content:''; position:absolute; top:auto; left:0; bottom:0; height:1px; width:100%; background-color:#fff;}
.main .recommend .title_wrap a.btn-more:after {content:''; position:absolute; left:auto;right:-0.5px; top:auto;  bottom:.325rem; height:1px; width:.95rem; background-color:#fff; transform: rotate( 45deg );}
.main .recommend .slick-arrow {position:absolute;  bottom:5rem; width:50px; height:50px; border-radius:var(--radius-round); text-align:center; border:1px solid rgba(255,255,255,0.3); font-size:0; }
.main .recommend .slick-arrow:before {content:''; display:inline-block; line-height:50px; color:#fff; font-size:1.1rem; }
.main .recommend .slick-arrow.slick-prev { left:-340px;  }
.main .recommend .slick-arrow.slick-prev:before {content:"\e93b"}
.main .recommend .slick-arrow.slick-next { left:-280px;  }
.main .recommend .slick-arrow.slick-next:before {content:"\e93e"}

.car_list_item {display: inline-block; vertical-align: top; position:relative; box-sizing:border-box; padding:0 0px; width: 25%; margin:0 15px 0px; border:0px solid #ebecef; border-radius:var(--radius-default); background-color:#fff;  box-shadow:5px 5px 15px rgba(0,0,0,0.1); outline: none; }
.car_list_item a {display:block; width:100%; height:100%;}
.car_list_item .img-wrap { display:block; width:100%; position:relative; height:16rem;  background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius: .75rem .75rem 0 0 }
.car_list_item .car-info {position:relative;}
.car_list_item .infoBox {padding:1.563rem; }
.car_list_item .infoBox .car-name { font-size:1.125rem; line-height:1.13em;  font-weight:bold; color:#222; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.car_list_item .infoBox .car-hash { font-size:0.9rem; margin-top:0.5rem; line-height:1em;min-height:20px;  font-weight:500; color:var(--txt-default); overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.car_list_item .auc-info {position:relative;top:auto;width:100%;padding:0rem;}
.car_list_item .auc-info .price {position:absolute;right:2rem;bottom:1.5rem;top:auto;}
.car_list_item .auc-info .price em {padding-right:10px;font-size:.9rem;}
.car_list_item .auc-info .price strong{font-size:1.8rem; font-weight:bold;letter-spacing:0;}

.car_list_item .car-desc {margin-top:1rem;padding-top:1rem; border-top:1px solid #f1f1f1}
.car_list_item .car-desc span {display:block;color:#000;font-size:.9rem;;line-height:1.5rem;}
.car_list_item .car-desc span:before {content:'';display:inline-block;width:2rem;height:1.5rem;background-size:auto;background-position:center;background-repeat:no-repeat;vertical-align:middle;}
.car_list_item .car-desc span:nth-of-type(1):before {background-image:url('/images/main/icon_caricon1.png');}
.car_list_item .car-desc span:nth-of-type(2):before {background-image:url('/images/main/icon_caricon2.png');}
.car_list_item .car-desc span:nth-of-type(3):before {background-image:url('/images/main/icon_caricon3.png');}
.car_list_item .car-select {position:absolute; right:1.8rem; bottom:3.8rem; display:none !important;}
.car_list_item .car-badge span.color-red {background-color:rgba(245,57,48,.85);color:#fff;}
.car_list_item .car-badge span.color-green {background-color:rgba(24,36,57,.85);color:#fff;}
.car_list_item .car-badge span.color-blue {background-color:rgba(24,36,57,.85);color:#fff;}

.car_list_item .car-select {position:absolute;right:1.5rem;bottom:4.3rem;}
.car_list_item .car-select button {display:inline-block; width:2.5rem; height:2.5rem;background-color:transparent;text-align:center;font-size:0;opacity:.45; background-position:center center; background-repeat:no-repeat;background-size:1.415rem auto; }
.car_list_item .car-select button:hover {opacity:1;}
.car_list_item .car-select button.wish { background-image:url('/images/sub/ico_wish_off.png');   }
.car_list_item .car-select button.wish.on {background-image:url('/images/sub/ico_wish_on.png');}
.car_list_item .car-select button.vs { background-image:url('/images/sub/ico_vs_off.png');    }
.car_list_item .car-select button.vs.on {background-image:url('/images/sub/ico_vs_on.png');border-color:#fff;}
.car_list_item .car-select button.on {opacity:1;border-color:var(--txt-default);}
 
.slick-dots {margin-top:0.95rem;text-align: center; display:none; }
.slick-dots > li {display: inline-block;vertical-align: top;width: .9rem;height:.9rem;margin: 0 5px !important; padding:0 !important; background-color:rgba(255,255,255,0.2); border-radius: 3rem !important;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.slick-dots > li.slick-active {background:#fff !important; width:2.85rem;}
.slick-dots > li > button {text-indent:-9999px;}



@media screen and (max-width:1300px){
	.recommend .column {max-width: 100%; }
}

@media screen and (max-width:1024px){
	.main .recommend .column {max-width: 100%; display:block;  padding-left:1rem; padding-right:1rem;}
	.main .recommend_item_wrap { margin-left:0; }
	.main .recommend .title_wrap {position:relative; width:calc(100% + 2rem); height:auto; margin-bottom:1rem; /*background-position:calc(100% - 120px) ; */ background-size:auto 70%; background-position:calc(100% - .5rem) }
	.main .recommend .title_wrap a.btn-more {position:absolute; right:.5rem; top:-3.5rem; display:none;}
	.recommend_item_slider{ width:100%;} 
	.mc1_list  {margin-left: 0; margin-right: 0;padding: 0 6px;}
	.mc1_list .slick-list {overflow: visible;}
    .mc1_list li.car_list_item  {margin:0 5px 10px;  }
	.car_list_item .car-select button.vs {display:none;}

    
}


@media screen and (max-width:677px){
	.mc1_list{padding:0 0}
}






/* Â÷·®¸®½ºÆ® ½Å±ÔÂ÷·® */
.main .new_car { background-color:#f1f4fb;  }
.main .new_car a.btn-more {top:-.3rem;}
.main .sub_nav_wrap { background-color:transparent; height:auto; text-align:right; position:relative;}
.main .sub_nav { width:auto; margin-right:4rem; margin-top:-4.0rem; }
.main .sub_nav li	{position:relative; display:inline-block;width:auto;z-index:1; margin:0 .35rem; cursor:pointer}
.main .sub_nav li a, 
.main .sub_nav li span { background:#fff;border:0; color:#666;font-size:1.1rem;line-height:3.5rem;text-align:center;font-weight:bold;letter-spacing:-1px; padding:0 3.65rem; border-radius:var(--radius-round)}
.main .sub_nav li:hover a, 
.main .sub_nav li:hover span {background:#111; color:#fff; border:0; }
.main .sub_nav li.active a, 
.main .sub_nav li.active span {background:#111; color:#fff; border:0; }

.main .car_list .auc-info .car-select {display:none;}
.main .car_list .car-info .car-desc span:after {display:none;}
.main .car_list .car-info button.carcheck {display:none;}
.main .car_list > li .check-area {display:none;}

.main .car_list.mini > li {width:calc(25% - .8rem);margin:0 1rem 1rem 0 !important;}
.main .car_list.mini > li:nth-of-type(3n) {margin-right:1rem !important;}
.main .car_list.mini > li:nth-of-type(4n) {margin-right:0 !important;}
.main .car_list.mini > li .check-area {display:none;}
.main .car_list.mini .car-info .infoBox .car-hash {display:none;}
.main .car_list.mini .car-info .car-desc {border:0;margin:0;padding:0; margin-top:0.5rem;}
.main .car_list.mini .auc-info .price {text-align:left;}
.main .car_list.mini .auc-info .price strong {font-size:1.6rem;}
.main .car_list.gallery {margin-top:1.8rem;}
.main .car_list.gallery > li {border:0; overflow:visible}
.main .car_list.gallery > li:hover {box-shadow:none;}
.main .car_list.gallery > li .img-wrap {border-radius:var(--radius-default)}
.main .car_list.gallery > li:hover .img-wrap {box-shadow:5px 5px 15px rgba(0,0,0,0.05)}
.main .car_list.gallery .car-info {display:block; padding-left:.5rem; padding-right:.5rem;}
.main .car_list.gallery .auc-info {display:flex;justify-content: space-between;}
.main .car_list.gallery .auc-info .car-select { display:block; width:50%; margin-top:-0.6rem; display:none !important;}
.main .car_list.gallery.mini .car-info { background-color:transparent;}
.main .car_list.gallery > li:hover {background-color:transparent; }

@media screen and ( max-width:1024px ) {
	.main .new_car {border-radius:0;}
	.new_car {border-radius:0;}
	.main .car_list.gallery.mini { white-space:nowrap; overflow-x: auto; margin-right:-1rem;}
	.main .car_list.gallery.mini > li {width:32.3% ;margin:0 1rem 1rem 0 !important;}
	.main .car_list.gallery.mini > li:last-child {margin-right:0 !important;}
}

@media screen and ( max-width:800px ) {
    .main .new_car a.btn-more {top:-1.45rem;}
    .main .car_list {border-width:1px;margin:0; }
	.main .car_list li {border-width:1px; }
	.main .car_list.gallery.mini > li {width:80%; }
	.main .car_list.gallery > li {border-bottom:0; }
	.main .car_list.gallery .auc-info .car-select {margin-top:0.3rem}
}
@media screen and ( max-width:580px ) {
	.main .sub_nav_wrap { display:block; text-align:left; }
	.main .sub_nav {margin:1rem 0 0;}
	.main .sub_nav ul {   display:flex; }
	.main .sub_nav li	{ width:50% ; margin:0;  }
	.main .sub_nav li a, 
	.main .sub_nav li span { font-size:.9rem;line-height:2.5rem; padding:0 3.65rem; border-radius:.3rem .3rem 0 0}

	.main .car_list.gallery.mini {margin-top:1.5rem;}
	.main .new_car a.btn-more {top:-.3rem;}

}


/* ÃÖ¿ì¼ö Ä«¸Å´ÏÀú  */
.main .gooddealer { font-size:0}
.main .gooddealer .title_wrap {display:inline-block;width:14rem;vertical-align:top;}
.main .gooddealer .title_wrap .title, .gooddealer .title_wrap h4 {color:#333}
.main .gooddealer ul {display:inline-block;width:calc(100% - 14rem);vertical-align:top;padding-left:3rem;font-size:0;}
.main .gooddealer li {position:relative;display:inline-block;width:16.66%;text-align:center;}
.main .gooddealer li .info {font-size:1rem;}
.main .gooddealer li .info .img_wrap {text-align:center;}
.main .gooddealer li .info .img {display:inline-block;width:7rem;height:7rem;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-position:center 0;background-size:cover;background-color:#f9f9f9;}
.main .gooddealer li .info b {display:block;font-size:1.25rem;color:#333; margin-top:.25rem}
.main .gooddealer li .info i {color:#555;font-size:.9rem;line-height:1.5rem;}
.main .gooddealer li .dealer_btn {display:block;width:100%;padding:.25rem 0rem; text-align:center; }
.main .gooddealer li .dealer_btn .button {display:inline-block; height:32px; line-height:32px; padding:0 1.35rem;  background-color:#eff6fd;color:#6a6e79; border-radius:.5rem; font-size:.9rem; font-weight:500;}
.main .gooddealer li .dealer_btn .button:hover {background-color:var(--txt-default); color:#fff;}
.main .gooddealer li .info_btn {position:absolute;left:0;top:0;bottom:0;right:0; background:rgba(0,0,0,.6);border-radius:var(--radius-default); padding:.5rem; text-align:center; opacity:0; transition:all 1s cubic-bezier(0.16, 0.84, 0.44, 1); display:none;}
.main .gooddealer li .info_btn .hp {color:#fff;font-size:1.2rem;font-weight:bold;line-height:3rem;}
.main .gooddealer li .info_btn .button {display:block;width:100%;padding:0;background-color:#006be3; border-radius:.5rem; margin-bottom:.2rem;}
.main .gooddealer li .info_btn .button:nth-of-type(2) {background-color:#47b6ff;}
.main .gooddealer li:hover .info_btn {opacity:1;}

.main .gooddealer .slick-arrow {position:absolute;  bottom:5rem; width:50px; height:50px; border-radius:var(--radius-round);  background-color:#f6f6f6; text-align:center; border:0; font-size:0; }
.main .gooddealer .slick-arrow:before {content:''; display:inline-block; line-height:50px; color:#fff; font-size:1.1rem; }
.main .gooddealer .slick-arrow.slick-prev { left:-340px;  }
.main .gooddealer .slick-arrow.slick-prev:before {content:"\e93b"}
.main .gooddealer .slick-arrow.slick-next { left:-280px;  }
.main .gooddealer .slick-arrow.slick-next:before {content:"\e93e"}


@media screen and ( max-width:1024px ) {
    .main .gooddealer .title_wrap {display:block; width:100%; margin-bottom:1rem;}
	.main .gooddealer .title_wrap .title, .gooddealer .title_wrap h4 br,
	.main .gooddealer .title_wrap p br{ display:none;}
	.main .gooddealer .column {padding:0 1rem}
	.main .gooddealer ul { width:100%;  margin-left: 0 !important; margin-right:0 !important; padding: 0 10px !important; }
	.main .gooddealer li {margin:0 0px !important;}
	.main .gooddealer li .info_btn .hp { font-size:1.2rem;  }
    .main .gooddealer .mc2_list .slick-list {overflow: visible;}
}

@media screen and ( max-width:800px ) {
	.main .gooddealer ul {  padding: 0 3px !important; }
	.main .gooddealer li .info .img { width:6.35rem;height:6.35rem;}
	.main .gooddealer li .info_btn .hp { font-size:0.95rem; line-height:2rem;}
	.main .gooddealer li {margin:0 3px !important;}
	.main .gooddealer li .dealer_btn .button { padding:0 .65rem; font-size:.75rem;}
}


@media screen and ( max-width:360px ) {
	.main .gooddealer ul {  padding: 0 3px !important; }
    .main .gooddealer li .info .img { width:6.0rem;height:6.0rem;}
	.main .gooddealer li {margin:0 6px !important;}
}


/* °øÁö»çÇ× */
.main .notice {background-color:#f5f5f5; }
.main .notice a.btn-more {background-color:#fff;}
.main .notice a.btn-more:hover {background-color:var(--txt-default); }
.main .notice ul {display:flex; justify-content: flex-start;align-items: flex-start; gap:1.5rem; margin-top:1rem; }
.main .notice ul li {width:33.3%; }
.main .notice ul li a {display:block;background-color:#fff; border-radius:1rem;padding:2rem 2.5rem;}
.main .notice ul li a:hover {background-color:var(--txt-default); box-shadow:5px 5px 20px rgba(0,0,0,0.1)}
.main .notice ul li h2 {font-size:1.2rem;font-weight:600; color:#333; line-height:1.5em; min-height:5rem; overflow: hidden; text-overflow: ellipsis;}
.main .notice ul li span {font-size:.9rem; color:#999; margin-top:1rem; }
.main .notice ul li a:hover h2,
.main .notice ul li a:hover span {color:#fff;}

@media screen and ( max-width:1024px ) {
	.main .notice a.btn-more {margin-top:-1.5rem;}
	.main .notice ul { gap:1rem;  }
    .main .notice ul li a { padding:1.5rem 1.5rem;}
    .main .notice ul li h2 {font-size:1.01rem;font-weight:600; color:#333; line-height:1.5em; min-height:3.5rem; overflow: hidden; text-overflow: ellipsis;}

}

@media screen and ( max-width:800px ) {
	.main .notice ul { flex-direction: column;  gap:.5rem; }
	.main .notice ul li {width:100%; }
	.main .notice ul li a {  border-radius:var(--radius-default); padding:1.1rem 1.5rem;}
	.main .notice ul li h2 {font-size:.985rem; line-height:1.4em; min-height:auto; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;-webkit-line-clamp: 1; }
	.main .notice ul li span {font-size:.85rem;}
}

/* »ó´ã¹®ÀÇ */
.main .direct .box_wrap {font-size:0;}
.main .direct .box {position:relative;display:inline-block;width:50%;margin-right:7%;vertical-align:top;}
.main .direct .box + .box {width:43%;margin-right:0;}
.main .direct .box h5 {font-size:1.3rem;color:#888;}
.main .direct .box ul {margin-top:1rem;}
.main .direct .box a.btn-more {bottom:auto;top:.5rem; width:1.5rem; height:1.5rem;}
.main .direct .box a.btn-more:before {content:"\e913";font-family:'xeicon';display:inline-block;font-size:1.5rem;line-height:1.5rem; vertical-align:top; color:#333;}
.main .direct .box a.btn-more:hover {background-color:transparent; color:#333; box-shadow:none}

.main .direct .car_list.mini {border-color:#eaeaea;}
.main .direct .car_list.mini > li {width:100%;margin:0 !important;}
.main .direct .car_list.mini > li:hover {background:transparent;}
.main .direct .car_list.mini .car-info .infoBox .car-hash {display:block;color:#999;}
.main .direct .car_list.mini li .label {width:4.5rem;padding:0;background:#475162;border:0;border-radius:5rem;color:#fff;font-size:.9rem;font-weight:normal;text-align:center;}
.main .direct .direct_list {border-top:1px solid #eaeaea;}
.main .direct .direct_list li {display:flex;padding:1.1rem 0;border-bottom:1px solid #eaeaea;cursor:pointer;}
.main .direct .direct_list li span {font-size:.95rem;font-weight:bold;line-height:1.7rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.main .direct .direct_list li .label {width:4.5rem;padding:0;background:#475162;border:0;border-radius:5rem;color:#fff;font-size:.9rem;font-weight:normal;text-align:center;}
.main .direct .direct_list li .model {width:9rem;text-indent:1rem;}
.main .direct .direct_list li span:nth-child(3) {width:calc(100% - 13.5rem);color:#888;}
.main .direct .car_list.mini .nodata {height:300px !important;line-height:300px;width:100% !important;padding:0 !important; font-size:1rem !important; font-weight:500; border-bottom:0px solid #ddd; font-family:'Spoqa Han Sans';border-top:0 !important;text-align:center; justify-content: center;}
.main .direct .direct_list .nodata {height:300px !important;line-height:300px;width:100% !important;padding:0 !important; font-size:1rem !important; font-weight:500; border-bottom:0px solid #ddd; font-family:'Spoqa Han Sans';border-top:0 !important;text-align:center; justify-content: center;}


.main .direct .box_wrap .inputFormWrap {display:none;position:absolute;right:0px;top:0;bottom:0px;left:0;border:0px solid #f4f4f4; border-radius:0; background:rgba(255,255,255,.7); text-align:center;backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.main .direct .box_wrap .inputFormWrap form {height:100%; }
.main .direct .box_wrap .inputFormWrap .column {position:relative; padding:0; margin:0; display:flex;flex-direction: row;  justify-content: center; align-items: center; width:100%; height:100%; gap:1rem; }
.main .direct .box_wrap .inputFormWrap .row {margin:0; padding:0; display:flex; justify-content: space-between; }
.main .direct .box_wrap .inputFormWrap input {display: inline-block;margin-bottom:0;width:160px; height:3rem;padding-left:1rem; line-height:3rem; background-color:#fff;border-color:#555;border:1px solid #ddd; border-right:0;  border-radius:7px 0 0 7px; }
.main .direct .box_wrap .inputFormWrap button {margin-bottom:0; width:70px; padding:0; border-radius:0 7px 7px 0; height:3rem; line-height:3rem;  }
.main .direct .box_wrap .inputFormWrap .btn-delete {position:absolute; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:var(--radius-round); right:1rem; top:50%; margin-top:-1rem ;  font-size:0;  }
.main .direct .box_wrap .inputFormWrap .btn-delete:before {content:"\e921"; color:#222; font-size:1.3rem;}
.main .direct .box_wrap .inputFormWrap .txt_info {margin:0rem;}


@media screen and ( max-width:1024px ) {
	.main .direct .box,
	.main .direct .box + .box {width:100%; margin:0; }
	.main .direct .car_list.mini > li {padding:0; }
	.main .direct .direct_list li .model {width:7rem;text-indent:0.5rem;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
	.main .direct .box {margin-top:1rem;}
	.main .direct .box + .box {margin-top:1.5rem;}
	.main .direct .car_list.mini .car-info{width:100%;}
	.main .car_list.mini .auc-info .price {padding-top:.5rem;}
	.main .direct .box a.btn-more {top:.35rem;}
	.main .direct .box a.btn-more:before {font-size:1.25rem;}
	.main .direct .car_list.mini li .label {display:none;}

}

@media screen and ( max-width:677px ) {
    .main .direct .box_wrap .inputFormWrap .column { flex-direction: column; gap:.35rem; }
	.main .direct .box_wrap .inputFormWrap input { width:calc(100% - 70px); height:2.5rem;padding-left:.65rem; line-height:2.5rem; }
    .main .direct .box_wrap .inputFormWrap button { height:2.5rem; line-height:2.5rem;}
	.main .direct .box_wrap .inputFormWrap .btn-delete { right:0; }
    .main .direct .box_wrap .inputFormWrap .row {width:70%; margin:0 auto; }
}


/*  »ó´ãÀüÈ­ */
.customer_sec { background:url('/images/inc/bg_cs.jpg') no-repeat center ; background-size:cover; text-align:center; padding:5rem 0;}
.customer_sec .number { font-size:3.25rem; line-height:3.5rem; color:#fff;}
.customer_sec .number a {display:inline-block; color:#fff;}
.customer_sec .number:before {content:''; display:inline-block; width:3.8rem; height:3.8rem; display:inline-block; vertical-align:middle; margin-right:.5rem; background:url('/images/inc/ico_cs.png') no-repeat center ; background-size:100%; }
.customer_sec p { position:relative;  margin-top:.5rem;}
.customer_sec p span {display:inline-block; vertical-align:middle; position:relative; font-size:1.125rem;  padding:0 1.5rem; color:#fff; }
.customer_sec p span:before {content:'';position:absolute;  width:1px; height:16px; background:#fff;  opacity:0.2; left:0; top:50%; margin-top:-8px;  }
.customer_sec p span:first-child:before {display:none; }

@media screen and ( max-width:1024px ) {
.customer_sec {border-radius:0;}
.customer_sec .number { font-size:2.5rem; line-height:2.5rem; }
.customer_sec .number:before { width:3.0rem; height:3.0rem;  }
.customer_sec p span {  font-size:1rem; }

}

@media screen and ( max-width:670px ) {
.customer_sec {  padding:3.5rem 0; }
.customer_sec .number { font-size:2.1rem; line-height:2.1rem; }
.customer_sec .number:before { width:2.8rem; height:2.8rem;  }
.customer_sec p span {  font-size:.9rem; }


}
@media screen and ( max-width:670px ) {
.customer_sec {  display:none;}
.main .customer_sec {display:block;}
}