.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:5.625rem 0;}
.main section:after {content:''; display:block; width:100%; clear:both;}

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

}


/* title */
.main .title-wrap {margin-bottom:1.5rem;}

.title-wrap {position:relative; }
.title-wrap.left { text-align:left;}

.title-wrap .title, .title-wrap h2 {font-size:2.2rem; color:var(--txt-black); line-height:1.3em;letter-spacing:-.04rem;font-weight:bold; margin:0;padding:0}
.title-wrap h2 i {padding-left:.5rem;color:#999;font-size:1rem;font-style:normal;font-weight:normal;}
.title-wrap .title.rec:after {content:''; display:inline-block; vertical-align:top; width:8px; height:8px; border-radius:8px; background-color:var(--txt-default);}
.title-wrap .txt {display:block; font-size:1.125rem; font-weight:400; line-height:1.4em; margin-top:0.65rem; color:#666}
.title-wrap.white .title, 
.title-wrap.white .txt {color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.06)}
.title-wrap.white a.btn-more {color:#fff; }
.title-wrap.white a.btn-more:before,
.title-wrap.white a.btn-more:after {background:#fff;}

a.btn-more {position:absolute;right:0rem;top:0;padding-right:1.5rem;font-size:0; width:70px; height:40px; background-image:url('/images/arrow_right_bk.png'); background-repeat:no-repeat; background-position:center ;  background-size:auto 80%;}
.title-wrap.white a.btn-more {background-image:url('/images/arrow_right.png');}
/*
a.btn-more:before {content:"";display:inline-block;position:absolute;right:0;top:15px;width:15px;height:1px;background:#555;vertical-align:top;font-size:0;}
a.btn-more:after {content:"";position:absolute;right:7px;top:8px;display:inline-block;width:1px;height:15px;background:#555;vertical-align:top;font-size:0;}
*/



@media screen and ( max-width:1100px ) {
	.title-wrap .title {font-size:1.438rem;}
	.title-wrap .title.rec:after { width:6px; height:6px; }
	.title-wrap .txt {font-size:0.9rem}
	.title-wrap .txt br {display:none;}


}
@media screen and ( max-width:800px ) {
    .title-wrap {text-align:left;}
	.title-wrap .title {font-size:1.25rem;}
	.title-wrap .title.rec:after { width:6px; height:6px; }
	.title-wrap .txt {font-size:0.85rem; margin-top:0.125rem; letter-spacing:-.04em;}
	.title-wrap .title, .title-wrap h2 {font-size:1.5rem; }
    .title-wrap h2 i {font-size:0.8rem;}
    a.btn-more { width:60px; height:30px; background:url('/images/arrow_right_bk.png') no-repeat center ; background-size:auto 80%;}

}

@media screen and ( max-width:350px ) {
	.title-wrap .title, .title-wrap h2 {font-size:1.35rem; }

}



/*********************************************************/
/*                      main top contents
/******************************************************* */
.main_item_contents {position:relative; padding-top:1rem; padding-bottom:4rem; }
.main_item_contents:after {content:''; background-color:#eaf1fd; position:absolute; left:0; bottom:0; height:300px; width:100%; z-index:-1}
.main_item_contents .column {display:flex; justify-content: space-between; margin:0 auto;gap:2rem; }


@media screen and (max-width:1024px){
.main_item_contents {margin-top:3.75rem;}
.main_item_contents .column {flex-direction: column; gap:1rem;}
}
@media screen and (max-width:670px){
.main_item_contents { padding-top:0rem; padding-bottom:2.5rem; }

}

/* banner */
.spotzone{ position:relative; overflow:hidden; width:60%; height:380px;border-radius:var(--radius-default);}
.spotzone li{ width:100% !important; height:380px; position:relative; }
.spotzone li.n01 {background: linear-gradient(to bottom right, #0b70f4 0%, #0158f8 100%);}
.spotzone li .txtbox { position:absolute; width:100%; padding-left:2.5rem; display:flex; flex-direction: column;  justify-content: center;  height:100%; z-index:10; }

.spotzone li .txtbox .tit1,
.spotzone li .txtbox .tit2,
.spotzone li .txtbox .txt1,
.spotzone li .txtbox .txt2,
.spotzone li .txtbox .btn,
.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.5rem; line-height:3rem; font-weight:700; color:#fff;}
.spotzone li .txtbox .txt1 {font-size:1rem; line-height:1.3em; color:#fff; font-weight:300; margin-top:1.2rem; }
.spotzone li .txtbox .btn {margin-top:2.5rem;}
.spotzone li .txtbox .btn a {display:inline-block; height:3rem; line-height:3rem; padding:0 1.5rem; font-size:1rem; color:#fff; border-radius:3rem; border:1px solid rgba(255,255,255,.2)}
.spotzone li .txtbox .btn a:after {content:"\e93e";font-family:'xeicon';font-size:.9rem; display:inline-block; vertical-align:top; margin-left:.5rem;  }
.spotzone li .txtbox .img {position:absolute; right:0; bottom:0; width:45%; height:90%; background:url('/images/main/visual_img.png') no-repeat right bottom; background-size:auto 100%; }

.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 .txt1{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .btn{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .img{ transform:translateX(1px);-moz-transform:translateX(10px);-webkit-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px); }


/* 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 .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.4s;}
.spotzone li.active .txtbox .btn {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 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.2s;}

.spotzone .bx-pager { z-index:33; position:absolute; bottom:9rem; left:50%; width:1300px; margin-left:-600px; text-align:center;}
.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}

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

@media screen and ( max-width:1024px ) {
.spotzone{ height:300px; }
.spotzone li{ height:300px;   }
.spotzone li .txtbox .tit1 {font-size:2rem; line-height:1.4em; }
.spotzone li .txtbox .txt1 {font-size:.95rem; margin-top:1rem; }
.spotzone li .txtbox .btn {margin-top:1.8rem;}
.spotzone li .txtbox .btn a { height:2.5rem; line-height:2.5rem; padding:0 1.2rem; font-size:.95rem; }
.spotzone li .txtbox .img {width:50%; height:90%;   background-size:auto 100%;}

}
@media screen and ( max-width:670px ) {
.spotzone{ height:210px; }
.spotzone li{ height:210px;   }
.spotzone li .txtbox  {padding-left:1.8rem;}
.spotzone li .txtbox .tit1 {font-size:1.35rem; line-height:1.3em; z-index:5 }
.spotzone li .txtbox .btn {margin-top:1rem;z-index:5}
.spotzone li .txtbox .img {width:50%; height:90%;   background-size:auto 90%; z-index:0}


}
@media screen and ( max-width:500px ) {
.spotzone{ height:180px; }
.spotzone li{ height:180px;   }
.spotzone li .txtbox  {padding-left:1.5rem;}
.spotzone li .txtbox .tit1 {font-size:1.125rem; line-height:1.3em; z-index:5 }
.spotzone li .txtbox .txt1 { display:none;}
.spotzone li .txtbox .btn a { height:2rem; line-height:2rem; padding:0 .95rem; font-size:.9rem; }
.spotzone li .txtbox .img {width:50%; height:90%;   background-size:auto 90%; z-index:0}


}
/* 차량검색 */
.search_area { position:relative; padding:2rem 2rem; width:40%; height:500px; border:1px solid #d9e2f1; background-color:#fff; border-radius:var(--radius-default); z-index:5}
.search_area h3 {font-size:1.125rem; font-weight:700; color:#333; margin-top:2.1rem; margin-bottom:1rem;}
.search_area h3 strong {color:var(--txt-default);}
.search_area h3:nth-child(1) {margin-top:0;margin-bottom:1rem;}

.search_area .column {display:block;padding:0; margin:0; width:100%;}
.search_area .title-wrap { text-align:left; width:auto; display:inline-block;  }
.search_area .title-wrap strong{color:var(--txt-default)}
.search_area .title-wrap h2{font-size:1.65rem;}
.search_area .title-wrap .txt {margin:0;}
.search_area .searchArea {width:100%; height:auto;   }
.search_area > ul > li {display:inline-block;}
.search_area form > div {float:left;display:inline-block;box-sizing:border-box;vertical-align:middle;}
.search_area .select_Wrap {width:100%; display:flex;}
.search_area .selectBox {width:100%; text-align:left; font-size:0; display:flex;flex-wrap: wrap;justify-content: flex-start; gap:5px; border:0px solid #f00}
.search_area .selectBox a { width:100%; padding:0 0 0 10px; border:1px solid #ebf2fd;border-radius:7px;height:3.125rem;  line-height:3.125rem; font-size:.9rem; letter-spacing:-.06em; text-align:left; font-weight:600; background:#ebf2fd url('/images/main/arrow.png') no-repeat ;  background-position:calc(100% - 10px); color:#1b1b1b;}

.search_area .selectBox .sel1 {width:calc(50% - 30px);}
.search_area .selectBox .sel2 {width:calc(50% + 23px);}
.search_area .selectBox .sel3 {width:calc(50% - 30px);overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.search_area .selectBox .sel4 {width:calc(50% - 30px);}
.search_area a.selected, .search_area a.first {background-image:url('/images/main/arrow.png'); background-color:#fff; font-weight:bold !important; color:var(--txt-default);}
.search_area a.active{ position:relative;  border-color:var(--txt-default); z-index:14;}
.search_area .selectBox .search_btn {display:flex; justify-content: center; align-items: center; width:3.125rem;height:3.125rem;font-size:0rem;font-weight:600; color:#fff; border:0;padding:0;margin:0; border-radius:7px; background:var(--txt-default) url('/images/ico_search_mobile_w.png') no-repeat center ; background-size:auto 60%; }

.search_area .selectOption {position:relative;clear:both;width:100%;}
.search_area .selectOption h4 {text-indent:0px; color:#aaa;font-weight:500; font-size:1rem; text-align:center; margin-bottom:.5rem;padding:0 }
.search_area .optionBox {display:none;position:absolute;top:1px;left:-1rem;width:calc(100% + 2rem);padding:30px;border:1px solid #ccc; 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:45px;height:45px;background:url('/images/main/pop_close.png') no-repeat center center;background-size:auto 17px;}
.search_area .optionBox h5 {padding:10px 0 5px;font-size:0.95rem; line-height:1.3em;color:#555;font-weight:600;}
.search_area .optionBox h5.first {padding-top:0 !important;}
.search_area .optionBox a {display:inline-block;width:19.8%;margin:0 .2% .3% 0;padding:9px .5%;border:0px solid #eaeaea; background-color:#f8f8f8; border-radius:4px;text-decoration:none;font-size:13px;letter-spacing:-1px;line-height:18px;text-align:center;vertical-align:top;}
.search_area .optionBox a:hover {border-color:var(--txt-default);color:var(--txt-white);background:var(--txt-default);}
.search_area .optionBox.optBox3 a {width:33.0%;margin:0 .2% .3% 0;}

.search_area .search_tab {margin-top:-3.9rem; text-align:center; margin-bottom:.5rem;position:relative; }
.search_area .search_tab> ul { margin:0; display:flex; justify-content: flex-end; }
.search_area .search_tab> ul > li { padding:0 1.5rem;border:1px solid transparent;border-radius:0px;box-sizing:border-box;}
.search_area .search_tab> ul > li > span {display:block; height:50px; line-height:50px;  font-size: 1.125rem;  cursor:pointer; color:#888; }
.search_area .search_tab> ul > li.on > span {font-weight:bold; color:var(--txt-default);}
.search_area .search_tab> ul > li.on > span:before {content:"\e929"; font-family:'xeicon'; color:var(--txt-default); font-size:1.65rem; display:inline-block; vertical-align:middle; }


.search_area .fast {padding:0; font-size:0;text-align:right; }

.search_area .searchArea  > ul > li {display:inline-block; vertical-align:top;  }

.search_area .searchArea .class {font-size:0; padding:0; min-height:76px; max-height:76px; overflow:hidden; border:0px solid #f00}
.search_area .searchArea .class li{ box-sizing:border-box; text-align:center; width:calc(20% - 4px); margin-left:4px; border-radius:5px; }
.search_area .searchArea .class li:first-child { margin-left:0; }
.search_area .searchArea .class li a { display:block;height:80px;  padding:0; color:var(--txt-white); font-size:15px; background-size:auto 50%; background-repeat:no-repeat;background-position:center 0;  }
.search_area .searchArea .class li a span {line-height: 110px; color:#333; font-weight:500;border:0px solid #f00;}
.search_area .searchArea .class li a:hover span { color:var(--txt-default);}

.search_area .searchArea .class li.c1 a {background-image:url('/images/main/class_car01.png') }
.search_area .searchArea .class li.c2 a {background-image:url('/images/main/class_car02.png')}
.search_area .searchArea .class li.c3 a {background-image:url('/images/main/class_car03.png')}
.search_area .searchArea .class li.c4 a {background-image:url('/images/main/class_car04.png')}
.search_area .searchArea .class li.c5 a {background-image:url('/images/main/class_car05.png')}
.search_area .searchArea .class li.c6 a {background-image:url('/images/main/class_car06.png')}
.search_area .searchArea .class li.c7 a {background-image:url('/images/main/class_car07.png')}
.search_area .searchArea .class li.c8 a {background-image:url('/images/main/class_car08.png')}

.search_area .searchArea .maker {font-size:0; padding:0 !important;min-height:76px; max-height:76px; overflow:hidden;  border:0px solid #f00 }
.search_area .searchArea .maker li{ box-sizing:border-box; text-align:center; width:calc(20% - 4px); margin:0 2px; vertical-align:middle;  }
.search_area .searchArea .maker li a {height:70px;padding-top:0px; padding:0;font-size:14px; color:#111; display:block;}
.search_area .searchArea .maker li a span {display:block;line-height: 15px; text-align:center; }
.search_area .searchArea .maker li img {margin:0 auto; height:43px;}
.search_area .searchArea .maker li a:hover {color:var(--txt-default);}

.search_area .searchArea .local {position: relative;width:100%;   }
.search_area .searchArea .local ul { text-align:center; font-size:0; display:flex;  justify-content: center; gap:1.2rem }
.search_area .searchArea .local ul li {display:inline-block; vertical-align:top; padding:0;margin:0; }
.search_area .searchArea .local ul li a { border:1px solid #eee; border-radius:.5rem; padding:0 .85rem; height:3.35rem; display:flex; justify-content: center;  align-items: center; font-size:1rem;letter-spacing:-1px;line-height:1.5em;font-weight:bold;}
.search_area .searchArea .local ul li a:hover {background-color:var(--txt-default); border-color:var(--txt-default); color:#fff;}


.search_area .slick-arrow {position:absolute; right:.0;top:50%;margin-top:-2.5rem;  font-size:0; width:1.2rem; height:5rem; border:0; border-radius:0; background-color:#fff; z-index:5}
.search_area .slick-arrow:before {content:'';font-family:'xeicon'; display:inline-block; color:#afb4c0; font-size:1rem; font-weight:600; }
.search_area .slick-prev {left:0rem !important; border:0px solid #f00}
.search_area .slick-prev:before {content:"\e93b"; }
.search_area .slick-next {right:0rem !important;}
.search_area .slick-next:before {content:"\e93e"; }

.search_area .mobile-search {display:none; cursor:pointer;}



@media screen and (max-width:1024px){
    .search_area {  width:100%; height:auto; }
	.search_area h3 { margin-top:1.2rem; margin-bottom:.9rem;}
	.search_area h3:nth-child(1),
	.search_area h3:nth-child(2){margin-top:0; }

	.search_area .searchArea .maker {padding-top:0; }
	.search_area .searchArea .maker li a {height:65px;}
	.search_area .searchArea .maker li a span {font-size:12px;}
	.search_area .searchArea .maker li img {height:35px;}

	.search_area .searchArea .class {padding:5px 0px 0px; }

	.search_area .searchArea .class li.c1 a,
	.search_area .searchArea .class li.c2 a,
	.search_area .searchArea .class li.c3 a,
	.search_area .searchArea .class li.c4 a,
	.search_area .searchArea .class li.c5 a,
	.search_area .searchArea .class li.c6 a,
	.search_area .searchArea .class li.c7 a,
	.search_area .searchArea .class li.c8 a { background-size:auto 30px;}
	.search_area .searchArea .class li a { height:60px; font-size:12px; }
	.search_area .searchArea .class li a span {line-height:90px; }

	.search_area .searchArea .local {height:65px; }
	.search_area .searchArea .local ul { white-space:nowrap; overflow-x: auto;}
	.search_area .searchArea .local ul li { width:auto;}

	.search_area ::-webkit-scrollbar { width: 3px;height:3px; }
	.search_area ::-webkit-scrollbar-thumb { background:#ddd;}

}


@media screen and (max-width:790px){
    .search_area {padding:1.5rem .8rem; }
	.search_area .mobile-search { background-color:var(--txt-white); border-radius:0.65rem;  height:50px; width:100%; display:flex; flex-direction: row;  justify-content: space-between;flex-wrap: nowrap;  border:1px solid var(--txt-default); border-radius:6px; overflow:hidden;}
	.search_area .mobile-search input[type="text"] { margin:0 !important; background-color:var(--txt-white); width:100% !important; height:100%; font-size:1rem; 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:var(--txt-white); font-size:0; }
	.search_area .mobile-search button.search_btn:after {content:"\e97a"; font-family:'xeicon'; font-size:1.5rem; color:var(--txt-default); display:inline-block;vertical-align:middle; width:26px; height:26px; margin-left:0px; }

}




/*********************************************************/
/*   바로가기
/******************************************************* */
.m_service {width:calc(60% - 2rem); z-index:0; margin-top:-105px; padding:0; border:0px solid #f00; overflow:hidden; height:105px; }
.m_service .column {overflow:hidden; }
.m_service ul {font-size:0; }
.m_service ul li {width:20%; display:inline-block;vertical-align:top; text-align:center;cursor:pointer; }
.m_service ul li .img {display:inline-block; width: 5rem; height:4.8rem; background-repeat:no-repeat; background-size:auto 70%; background-position:center  ;  border-radius:1.5rem; transition: all 0.2s ease-in; }
.m_service ul li:hover .img {box-shadow:5px 5px 10px rgba(0,0,0,0.05); background-color:#fff; border-color:#11ba7c;}
.m_service ul li:hover p {color:var(--txt-default)}
.m_service ul li p {font-size:.95rem; line-height:1.3em; margin-top:.5rem; font-weight:500; color:#222; letter-spacing:-.06em; }
.m_service ul li.n01 .img {background-image:url('/images/main/img_service_01.png')}
.m_service ul li.n02 .img {background-image:url('/images/main/img_service_02.png')}
.m_service ul li.n03 .img {background-image:url('/images/main/img_service_03.png')}
.m_service ul li.n04 .img {background-image:url('/images/main/img_service_04.png')}
.m_service ul li.n05 .img {background-image:url('/images/main/img_service_05.png')}
.m_service ul li.n06 .img {background-image:url('/images/main/img_service_06.png?ver=1')}

@media screen and (max-width:1300px){
	.m_service{  padding-bottom:60px !important; }
	.m_service ul {padding-left:0}
}
@media screen and (max-width:1024px){
    .m_service {width:100%; z-index:0; margin-top:0;  height:105px; }
	.m_service ul {  padding: 0 15px; }
	.m_service ul li {margin-left:5px; margin-right:5px; border:0px solid #f00}
	.m_service ul li .img { width: 80px; height:80px; background-size:auto 60%;   }
	.m_service ul li p {font-size:.9rem; }
	.m_service .mc3_list .slick-list {overflow: visible;}
}

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



/* 브랜드별 검색 */
.mainSec1 ul { display:flex; flex-wrap: nowrap; align-items: center;  justify-content: space-between; gap:5rem; margin-top:-1.1rem; }
.mainSec1 ul li {width:50%;display:flex; flex-wrap: nowrap; justify-content: space-between;align-items: center;  }
.mainSec1 ul li .txt_wrap {width:calc(100% - 135px); }
.mainSec1 ul li .txt_wrap h2 {font-size:1.45rem; line-height:1.5rem; color:#333; font-weight:bold; }
.mainSec1 ul li .txt_wrap p {margin-top:12px; font-size:0.95rem; color:#777; line-height:1.5em; font-weight:400;}
.mainSec1 ul li .txt_wrap a {display:inline-block; clear:both; position:relative; margin-top:15px; font-size:1rem; line-height:1rem; font-weight:600;  }
.mainSec1 ul li .txt_wrap a:after {content: "\e93e";font-family:'xeicon'; font-size:16px; display:inline-block; vertical-align:top; margin-top:0px;margin-left:5px; }
.mainSec1 ul li .txt_wrap a:hover:before {content:''; position:absolute; left:0; bottom:-7px; height:1px; width:100%; background-color:#333;  }
.mainSec1 ul li figure { width:135px; height:135px; border-radius:50%; background-color:#f0f5fb; background-repeat:no-repeat; background-position:center center;  background-size:auto 60%;}
.mainSec1 ul li:nth-child(1) figure { background-image:url('/images/main/ico_01.png');}
.mainSec1 ul li:nth-child(2) figure { background-image:url('/images/main/ico_02.png');}


@media screen and (max-width:1320px){
	.mainSec1 ul li .txt_wrap {width:calc(100% - 110px); }
	.mainSec1 ul li .txt_wrap h2 {font-size:1.215rem;   }
	.mainSec1 ul li .txt_wrap p {margin-top:10px; font-size:0.85rem;   line-height:1.4em;  }
	.mainSec1 ul li .txt_wrap a {  margin-top:12px; font-size:0.9rem;}
	.mainSec1 ul li .txt_wrap a:after {font-size:14px;}
	.mainSec1 ul li figure { width:110px; height:110px;}
}

@media screen and (max-width:1024px){
    .mainSec1 ul {gap:2rem; }
	.mainSec1 ul li .txt_wrap {width:calc(100% - 80px); }
	.mainSec1 ul li figure { width:80px; height:80px;}
}

@media screen and (max-width:677px){
    .mainSec1 ul {flex-direction: column;}
	.mainSec1 ul li {width:100%; }
	.mainSec1 ul li:nth-child(2) {border-top:1px solid #eaeaea; padding-top:2rem;}
}



/* slick-arrow */
.slick-arrow {position:absolute;  top:50%; margin-top:-25px; width:50px; height:50px; border-radius:var(--radius-round);  background-color:transparent; text-align:center; border:1px solid rgba(255,255,255,0.5); font-size:0;  z-index:333}
.slick-arrow:before {content:''; display:inline-block; line-height:50px; color:#fff; font-size:1.1rem; }
.slick-arrow.slick-prev { left:0px;  }
.slick-arrow.slick-next { right:0;}
.slick-arrow.slick-prev:before {content:"\e93b"; font-family:'xeicon';}
.slick-arrow.slick-next { right:0;}.slick-arrow.slick-next:before {content:"\e93e"; font-family:'xeicon';}


/* 최우수 카매니저  */
.main .gooddealer { font-size:0; position:relative; background-color:#4da5f8; }
.main .gooddealer .title-wrap {display:inline-block;width:13rem;vertical-align:top; text-align:left; }
.main .gooddealer .title-wrap h2 { font-size:1.85rem; color:#fff;}
.main .gooddealer ul {display:inline-block;width:calc(100% - 13rem);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.15rem; color:#fff; margin-top:.8rem;}
.main .gooddealer li .info i {color:#fff;font-size:.9rem;line-height:1.8rem; opacity:.6}
.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);}
.main .gooddealer li .info_btn .hp {color:#fff;font-size:1.05rem;font-weight:bold;line-height:3rem;}
.main .gooddealer li .info_btn .button {display:block;width:100%;padding:0;background-color:var(--txt-default); border-radius:.5rem; margin-bottom:.2rem; font-weight:600; }
.main .gooddealer li .info_btn .button:nth-of-type(2) {background-color:#fff; color:var(--txt-default);}
.main .gooddealer li:hover .info_btn {opacity:1;}

.main .gooddealer .slick-arrow {top:auto; margin:0;  bottom:.5rem;}
.main .gooddealer .slick-arrow.slick-prev { left:-210px;  }
.main .gooddealer .slick-arrow.slick-next { left:-150px;right:auto;   }
.main .gooddealer .slick-arrow {border:1px solid rgba(255,255,255,0.2);}
.main .gooddealer .slick-arrow:before {color:#fff;}

@-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%; }
}

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

}

@media screen and ( max-width:1024px ) {
    .main .gooddealer .title-wrap {display:block; width:100%; margin-bottom:1rem;}
	.main .gooddealer ul { width:100%;  margin-left: 0 !important; margin-right:0 !important; padding: 0 5px !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 .title-wrap h2 { font-size:1.5rem; }
	.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.85rem; line-height:1.85rem;}
	.main .gooddealer li {margin:0 3px !important;}
}


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



/*********************************************************/
/*         추천차량
/******************************************************* */
.recommend {  overflow:hidden; position:relative; background:#eaf1fd;  }
.recommend .column {max-width: 1300px;margin-left:auto; margin-right:auto; padding:0; }

.recommend_item_wrap {position:relative;   border:0px solid #f00}
.recommend_item_slider{margin:0 auto;width:100%; }

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


.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:0px;  }
.main .recommend .slick-arrow.slick-prev:before {content:"\e93b"}
.main .recommend .slick-arrow.slick-next { left:60px;  }
.main .recommend .slick-arrow.slick-next:before {content:"\e93e"}

.main .recommend .slick-dots {margin-top:0.95rem;  text-align:center; }
.main .recommend .slick-dots > li {display: inline-block;vertical-align: top;width: 3rem;height:.25rem;margin: 0 3px !important; padding:0 !important; background-color:rgba(255,255,255,0.3) !important; border-radius: 0rem !important;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.main .recommend .slick-dots > li.slick-active {background-color:#fff !important;  }
.main .recommend .slick-dots > li > button {text-indent:-9999px;}


.car_list_item {display: inline-block; vertical-align: top; position:relative; box-sizing:border-box; padding:0 0px 15px; width: 33.3%; margin:0 15px 15px; outline: none; }
.car_list_item:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%;background-color:#fff;  border-radius:1rem; border:1px solid #eee; z-index:-1; box-shadow:5px 5px 15px rgba(0,0,0,0.03)}
.car_list_item a {display:block; width:100%; height:100%;}
.car_list_item .img-wrap { display:block; width:100%; position:relative; height:12rem; border-radius:1rem 1rem 0 0; background-repeat:no-repeat; background-position:center center; background-size:cover; border:0; }
.car_list_item .mark {position:absolute; right:1rem; bottom:1rem; width:50px; height:50px; z-index:333; background:url('/images/label_cert.png') no-repeat center ; background-size:cover;  display:none !important;}
.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; }
.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/ico_wish_off.png');   }
.car_list_item .car-select button.wish.on {background-image:url('/images/ico_wish_on.png');}
.car_list_item .car-select button.vs { background-image:url('/images/ico_vs_off.png');    }
.car_list_item .car-select button.vs.on {background-image:url('/images/ico_vs_on.png');border-color:#fff;}
.car_list_item .car-select button.on {opacity:1;border-color:var(--txt-default);}
 

@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; }
	.recommend_item_slider{ width:100%;} 
	.main .recommend .slick-dots {text-align:center;}
	.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_region {background-color:#eee}
.main_region ul {font-size:0; }
.main_region li {display:inline-block; vertical-align:top; width:calc(20% - 1.2rem);margin:.5rem .6rem .9rem; padding:1.25rem; background-color:#fff; border-radius:.8rem; box-shadow:3px 3px 12px rgba(0,0,0,0.05); cursor:pointer;  }
.main_region li figure {width:100%; height:7.5rem; background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url('/images/nophoto_sangsa.png'); }
.main_region li h2 {display:block; text-align:center; font-size:1.05rem; padding-top:1.1rem; font-weight:600; color:#333; }
.main_region .slick-arrow { background-color:rgba(255,255,255,.6); border:1px solid rgba(0,0,0,0.1); }
.main_region .slick-arrow:before { color:#555; }
.main_region .slick-arrow.slick-prev { left:-30px;  }
.main_region .slick-arrow.slick-next { right:-30px;}

@media screen and (max-width:670px){
	.main_region ul {width:100%; margin-left: 0 !important; margin-right:0 !important; padding: 0 10px !important; }
	.main_region li { padding:.65rem;   border-radius:.5rem;  margin-left:.3rem; margin-right:.3rem}
	.main_region li figure {height:5.8rem;}
	.main_region li h2 { font-size:.95rem; padding-top:.65rem; }
	.main_region .mc4_list .slick-list {overflow: visible;}
}



/* 차량리스트 신규차량 */
.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.gallery .check-area {display:none;}

.main .car_list.gallery li {position:relative;width:calc(25% - 1rem);margin:0 .75rem 1rem !important;}
.main .car_list.gallery li .check-area {display:none;}
.main .car_list.gallery .car-info .infoBox .car-hash {display:none;}
.main .car_list.gallery .car-info .car-desc {border:0;margin:0;padding:0; margin-top:0.5rem;}
.main .car_list.gallery .auc-info .price {text-align:left;}
.main .car_list.gallery .auc-info .price strong {font-size:1.6rem;}
.main .car_list.gallery .car-info {display:block; padding-left:.25rem; padding-right:.25rem}
.main .car_list.gallery .auc-info {display:flex;justify-content: space-between;}
.main .car_list.gallery .auc-info .car-select { display:none; width:50%; margin-top:-0.6rem;}
.main .car_list.gallery .img-wrap {width:100%; height:12rem;border-radius:0.3rem;background-image:url('/images/nophoto.png');background-size:cover; background-repeat:no-repeat ; background-position:center center;vertical-align:middle;}
.main .car_list.gallery .img-wrap a {display:block; width:100%; height:100%; border:0px solid #f00}
.main .car_list.gallery .car-info .infoBox .title {height:auto; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.main_list.r2 {padding-top:0 !important; }


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

} 
@media screen and ( max-width:1024px ) {
    .mc3_list {margin-left: 0; margin-right: 0;padding: 0 6px;}
	.mc3_list .slick-list {overflow: visible;}
    .mc3_list li.car_list_item  {margin:0 5px 10px;  }
    .main .car_list.gallery li {margin:0 .5rem 1rem !important;}
}

@media screen and ( max-width:700px ) {
	
    .main .car_list {border-width:1px;margin:0; }
	.main .car_list li {border-width:1px; }
}

.main .sub_nav_wrap {height:5.5rem;background:transparent;}
.main .sub_nav li span {border:1px solid #f0f3f6;line-height:3.7rem;cursor:pointer;}
.main .sub_nav li.active span {border:1px solid var(--txt-default);}

@media screen and ( max-width:700px ) {
	.main .sub_nav_wrap { height:auto;padding-bottom:1rem; }
	.main .sub_nav li span { line-height:3.0rem; font-size:.95rem;}

}


@media screen and ( max-width:670px ) {
.mc3_list, .mc4_list, .mc5_list {padding:0 6px;}
.mc3_list .slick-list, .mc4_list .slick-list, .mc5_list .slick-list {overflow: visible;}
.mc3_list li, .mc4_list li, .mc5_list li {margin:0 5px 10px;  }
}