.mainContWrap {position:relative;}
.mainContWrap .mainBG {position:absolute;left:0px;top:0px;width:100%;height:502px;background:url(/image/main/slide_bg.png) center -88px no-repeat; z-index:0;}
.mainVisualWrap {width:100%;background:#daf0fb;}

.mainVisualWrap .mainVisual {position:relative;margin:0px auto;width:1000px;height:415px;}

#slides	{position:absolute;left:25px;top:49px;display:block !important;overflow:hidden;margin:0px;width:950px;height:365px;z-index:100;}
#slides .slides_container	{overflow:hidden;display:block !important; height:365px;}
.pagination {position:absolute;left:0;bottom:10px;margin:0;display:block;z-index:1200;}
.pagination li {float:left;margin:0 3px;list-style:none;border:none;}
.pagination li a {width:15px;height:15px;padding-top:0;background:url(/image/main/banner_page.png) -15px 0 no-repeat;float:left;overflow:hidden;margin:0;text-align:center;font-size:0; }
.pagination li.current a {background-position:0 -15px;background:url(/image/main/banner_page.png) no-repeat; text-align:center;font-size:0;}
#slides a	{color:#fff;font-weight:bold;font-family:Dotum, Gulim;letter-spacing:-1px;}

.classSearchWrap {width:100%;background:#f6f6f6;}
.classSearchWrap .classSearch {position:relative;margin:0px auto;width:950px;overflow:hidden;height:170px;}
.classSearchWrap .classSearch ul {position:absolute;left:1px;top:30px;margim:0px;padding:0px; z-index:100;}
.classSearchWrap .classSearch ul li {float:left;width:135px;height:135px;}
.classSearchWrap .classSearch ul li a {display:block;width:135px;height:135px;}
.classSearchWrap .classSearch ul li a span {visibility:hidden;}

.classSearchWrap .classSearch ul li.c0 a {background:url(/image/main/classSearch.png) left top no-repeat;}
.classSearchWrap .classSearch ul li.c1 a {background:url(/image/main/classSearch.png) -140px top no-repeat;}
.classSearchWrap .classSearch ul li.c2 a {background:url(/image/main/classSearch.png) -275px top no-repeat;}
.classSearchWrap .classSearch ul li.c3 a {background:url(/image/main/classSearch.png) -410px top no-repeat;}
.classSearchWrap .classSearch ul li.c4 a {background:url(/image/main/classSearch.png) -545px top no-repeat;}
.classSearchWrap .classSearch ul li.c5 a {background:url(/image/main/classSearch.png) -680px top no-repeat;}
.classSearchWrap .classSearch ul li.c6 a {background:url(/image/main/classSearch.png) -815px top no-repeat;}
.classSearchWrap .classSearch ul li.c0 a:hover {background:url(/image/main/classSearch.png) left -135px no-repeat;}
.classSearchWrap .classSearch ul li.c1 a:hover {background:url(/image/main/classSearch.png) -140px -135px no-repeat;}
.classSearchWrap .classSearch ul li.c2 a:hover {background:url(/image/main/classSearch.png) -275px -135px no-repeat;}
.classSearchWrap .classSearch ul li.c3 a:hover {background:url(/image/main/classSearch.png) -410px -135px no-repeat;}
.classSearchWrap .classSearch ul li.c4 a:hover {background:url(/image/main/classSearch.png) -545px -135px no-repeat;}
.classSearchWrap .classSearch ul li.c5 a:hover {background:url(/image/main/classSearch.png) -680px -135px no-repeat;}
.classSearchWrap .classSearch ul li.c6 a:hover {background:url(/image/main/classSearch.png) -815px -135px no-repeat;}

/*  new 20231128*/
.search_carOption {position:relative; display:block; padding-top:1rem; padding-bottom:1.5rem; background-color:#f6f2f0}
.search_carOption .inr {width:100%;max-width:950px;margin:0 auto; }
.search_carOption .classOption {font-size:0; padding:15px;border:0px solid #dedede; border-radius:4px; display:flex;flex-wrap: wrap; justify-content: space-between; }
.search_carOption .classOption li {position:relative;display:inline-block;vertical-align:top; width:20%; text-align:center; }
.search_carOption .classOption li:before {content:''; width:1px; height:120px; background-color:rgba(255,255,255,0.3); position:absolute; left:0; top:50%; margin-top:-60px; display:none;}
.search_carOption .classOption li:first-child:before {display:none;}
.search_carOption .classOption li:nth-child(5):before {display:none;}
.search_carOption .classOption li a {display:block;height:auto; padding:3px 0 12px; position:relative;border-radius:8px;transition: all 0.2s ease-in; }
.search_carOption .classOption li a:hover { background-color:#f37023; }
.search_carOption .classOption li .img-wrap {position:relative;display:block;overflow:hidden; height:100px; background-position:center -7px;background-size:auto 100%;background-repeat:no-repeat;}
.search_carOption .classOption li a h2 {position:relative;display:block; font-size:15px;line-height:24px;color:#222;margin-top:-0.8rem; font-weight:600;letter-spacing:-.04em;z-index:1; font-family:'Nanumgothic';transition: all 0.2s ease-in; }
.search_carOption .classOption li a:hover h2 {color:#fff; }
.search_carOption .classOption li a.on h2 {color:#fff; }



.mainBanner {width:950px;margin:30px auto ; display:flex;  justify-content: center;gap:12px;}

.mainContWrap .mainCont {overflow:hidden;margin:20px auto;width:950px;position:relative;z-index:100; height:1050px;}
.mainContWrap .mainCont .leftCont {float:left;margin:0px 20px 0px 0px;width:950px;}

.quickSearch {position:relative; margin-top:10px; overflow:hidden;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif; }
.quickSearch h1.title {float:left;width:141px;height:110px;text-indent:-5000em;background:url(/image/main/tit_quickSearch.png) left top no-repeat #ffffff;}
.quickSearch .searchArea {float:left;position:absolute;left:138px;margin:0px;padding:14px 20px;border:1px solid #37373a;border-left:none;width:809px;height:80px;background:#f9f9f9;}
.quickSearch .searchArea select {padding:4px;font-size:14px;border:1px solid #CCC;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif;}
.quickSearch .searchArea select.maker {width:90px;margin:0px 5px 20px 5px;}
.quickSearch .searchArea select.class {width:150px;margin:0px 5px 20px 5px;}
.quickSearch .searchArea select.etc {width:80px;margin:0px 5px;}
.quickSearch .searchArea strong {display:inline-block;margin:0px 0px 0px 25px;width:50px;font-size:14px;}
.quickSearch .searchArea strong.first {margin:0px !important;}
.quickSearch  .searchArea .btnSearch {position:absolute;right:50px;top:14px;width:113px;}
.quickSearch  .searchArea .btnSearch input[type=submit] {border:1px solid #f37023;-webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px;width:113px;height:78px;line-height:78px;color:#FFF;text-align:center;font-size:16px;font-weight:bold;background:#f37023;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif;cursor:pointer;}
.quickSearch  .searchArea .btnSearch input[type=submit]:hover {border:1px solid #c90010;background:#c90010;}
.quickSearch .text {padding:2px;font-size:14px;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif;}
.quickSearch .textArea {float:left;position:absolute;left:108px;margin:0px;padding:2px 20px;border-left:none;width:809px;height:80px;}


.newCarWrap {margin:40px 0px 0px 0px;padding:9px 4px;border:1px solid #dcdcdc;width:457px;background:#FFF;height:650px;}
.newCarWrap h1.title {margin:0px 9px;padding:0px 5px;font-size:16px;line-height:30px;color:#000; left top no-repeat;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif;}
.newCarWrap h1.title span {display:inline-block;padding:0px 0px 0px 30px;color:#707070;font-size:14px;font-weight:normal;}
.newCarWrap ul {overflow:hidden;margin:10px 0px 0px 4px;}
.newCarWrap ul li {float:left;width:142px;padding:4px;height:195px;}
.newCarWrap ul li a {display:block;}
.newCarWrap ul li a:hover .subject, .newCarWrap ul li a:hover .carInfo, .newCarWrap ul li a:hover .payment, .newCarWrap ul li a:hover .payment strong {color:#36F !important;}
.newCarWrap ul li img {border:1px solid #CCC;}
.newCarWrap ul li a:hover img {border:1px solid #36F;}
.newCarWrap ul li .subject {margin:10px 0px 5px 0px;font-size:14px;}
.newCarWrap ul li .carInfo {color:#707070;font-size:11px;}
.newCarWrap ul li .carInfo span {color:#dcdcdc;display:inline-block;margin:0px 3px;}
.newCarWrap ul li .carInfo strong {color:#36f;font-weight:normal;}
.newCarWrap ul li .payment {font-size:14px;}
.newCarWrap ul li .payment strong {color:#F60;}

.recomWrap {margin:-670px 0px 0px 470px;padding:9px 4px;border:1px solid #dcdcdc;width:457px;background:#FFF;height:650px;}
.recomWrap h1.title {margin:0px 9px;padding:0px 5px;font-size:16px;line-height:30px;color:#000; left top no-repeat;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif;}
.recomWrap h1.title span {display:inline-block;padding:0px 0px 0px 30px;color:#707070;font-size:14px;font-weight:normal;}
.recomWrap ul {overflow:hidden;margin:10px 0px 0px 4px;}
.recomWrap ul li {float:left;width:142px;padding:4px;height:195px;}
.recomWrap ul li a {display:block;}
.recomWrap ul li a:hover .subject, .recomWrap ul li a:hover .carInfo, .recomWrap ul li a:hover .payment, .recomWrap ul li a:hover .payment strong {color:#36F !important;}
.recomWrap ul li img {border:1px solid #CCC;}
.recomWrap ul li a:hover img {border:1px solid #36F;}
.recomWrap ul li .subject {margin:10px 0px 5px 0px;font-size:14px;}
.recomWrap ul li .carInfo {color:#707070;font-size:11px;}
.recomWrap ul li .carInfo span {color:#dcdcdc;display:inline-block;margin:0px 3px;}
.recomWrap ul li .carInfo strong {color:#36f;font-weight:normal;}
.recomWrap ul li .payment {font-size:14px;}
.recomWrap ul li .payment strong {color:#F60;}

.bannerConsult {overflow:hidden;margin:0px 0px 10px 0px;}
.bannerConsult li {display:block;}
.bannerConsult li a {display:block;width:160px;}
.bannerConsult li a span {visibility:hidden;}
.bannerConsult li.b1 a {height:110px;background:url(/image/main/banner_consult.gif) left top no-repeat;}
.bannerConsult li.b2 a {height:110px;background:url(/image/main/banner_consult.gif) left -110px no-repeat;}
.bannerConsult li.b3 a {height:110px;background:url(/image/main/banner_consult.gif) left -220px no-repeat;}
.bannerConsult li.b4 a {height:90px;background:url(/image/main/banner_consult.gif) left -330px no-repeat;}
.bannerConsult li.b1 a:hover {background:url(/image/main/banner_consult.gif) -160px top no-repeat;}
.bannerConsult li.b2 a:hover {background:url(/image/main/banner_consult.gif) -160px -110px no-repeat;}
.bannerConsult li.b4 a:hover {background:url(/image/main/banner_consult.gif) -160px -330px no-repeat;}