body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-size:15px;line-height:1.267em; font-family:Helvetica, sans-serif;}
body{position:relative;color:#000; padding:0;}
table{border-collapse:collapse;}
img,fieldset{border:0}
img { max-widht:100%; }
ul,ol{list-style:none;}
a{color:inherit;text-decoration:none;}

/* common */
#header {width:100%;background:#37373a; height:45px; }
#header .logo {padding:12px 10px 0; width:50%; }
#header .logo img { max-width:100%; }
#header .phone {position:absolute;right:10px;top:12px; font-weight:bold;}
#header .phone a {font-weight:bold;font-size:20px;color:#FFF;}
#header .menu {overflow:hidden;background:#ff8ca3;}
#header .menu li {float:left;width:19.7%;border-left:1px solid #ffa8b9;}
#header .menu li a {display:block;padding:40px 0px 10px 0px;width:100%;text-align:center;font-size:12px;color:#FFF;}
#header .menu li a.on {background-color:#f37023 !important;}
#header .menu li.m1 a {background:url(/mobile/image/menu1.png) center top no-repeat;background-size:50px 50px;}
#header .menu li.m2 a {background:url(/mobile/image/menu2.png) center top no-repeat;background-size:50px 50px;}
#header .menu li.m3 a {background:url(/mobile/image/menu3.png) center top no-repeat;background-size:50px 50px;letter-spacing:-1px;}
#header .menu li.m4 a {background:url(/mobile/image/menu4.png) center top no-repeat;background-size:50px 50px;}
#header .menu li.m5 a {background:url(/mobile/image/menu5.png) center top no-repeat;background-size:50px 50px;}

#footer {width:100%;}
#footer .btnArea {width:100%;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:url(/mobile/image/bg_btnWrite.gif) left bottom repeat-x #FFF;}
#footer .btnArea a {display:inline-block;width:33%;border-left:1px solid #dcdcdc;text-align:center;padding:10px 0px;}
#footer .txt {padding:10px;font-size:9px; line-height:12px;color:#666;}

.mainVisual {margin:0px auto;padding:0px;width:100%;background:#daf0fb;}
.mainVisual img {width:100%;}

.consultVisual {margin:0px auto;padding:0px 0px 10px 0px;width:100%;background:#eee;}
.consultVisual img {width:100%;}

.classSearch {overflow:hidden;border-top:1px solid #dcdcdc;border-bottom:1px solid #333333;}
.classSearch li {float:left;width:33%;border-left:1px solid #dcdcdc;}
.classSearch li a {display:block;padding:60px 0px 5px 0px;width:100%;text-align:center;font-size:12px;}
.classSearch li a.on {background-color:#f37023 !important;color:#FFF;}
.classSearch li.c1 a {border-bottom:1px solid #dcdcdc;background:url(/mobile/image/class_01.png) center top no-repeat;background-size:80px 80px;}
.classSearch li.c2 a {border-bottom:1px solid #dcdcdc;background:url(/mobile/image/class_02.png) center top no-repeat;background-size:80px 80px;}
.classSearch li.c3 a {border-bottom:1px solid #dcdcdc;background:url(/mobile/image/class_03.png) center top no-repeat;background-size:80px 80px;}
.classSearch li.c4 a {background:url(/mobile/image/class_04.png) center top no-repeat;background-size:80px 80px;}
.classSearch li.c5 a {background:url(/mobile/image/class_05.png) center top no-repeat;background-size:80px 80px;}
.classSearch li.c6 a {background:url(/mobile/image/class_06.png) center top no-repeat;background-size:80px 80px;}

.carSearch {overflow:hidden;padding:10px;border-bottom:1px solid #eeeeee;background:#868688;}
.carSearch .selectArea {float:left;width:80%;}
.carSearch .selectArea select.wide {margin:2px 0px;border:1px solid #dcdcdc;padding:5px;width:95%;}
.carSearch .selectArea select.half {margin:2px 0px;border:1px solid #dcdcdc;padding:5px;width:47%;}
.carSearch .searchBTN {float:left;width:20%;}
.carSearch .searchBTN input {width:100%;height:80px;line-height:80px;text-align:center; font-weight:bold; color:white; border:1px solid #37373a; cursor:pointer;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; appearance:none; -webkit-appearance:none; -moz-appearance:none;
background:#37373a; background:linear-gradient(to bottom, #777777 0%, #37373a 100%); -webkit-background:linear-gradient(to bottom, #777777 0%, #37373a 100%); 
-moz-background:linear-gradient(to bottom, #777777 0%, #37373a 100%); -o-background:linear-gradient(to bottom, #777777 0%, #37373a 100%); }


.classSearch2 {overflow:hidden;/*border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;*/}
.classSearch2 ul { border-top:1px solid #eee; overflow:hidden;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:flex;flex-wrap: wrap; align-items: stretch; }
.classSearch2 li { width:20%;  border-right:1px solid #eee; border-bottom:1px solid #eee; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;    letter-spacing: -1px; }
.classSearch2 li:nth-child(5n+0) { width:20%; border-right:0; }
.classSearch2 li a {display:block; width:100%; height:100%; text-align:center; padding-top:50px; padding-bottom:10px; line-height:1.4; background-size:auto 48px; background-repeat:no-repeat; background-position:center 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.classSearch2 li p {display:block; padding:0 5px; font-size:12px; word-break:keep-all; font-weight:bold; color:#333; font-family:'Nanumgothic';}
.classSearch2 li a.on {background-color:#f37023 !important; color:#FFF;}
.classSearch2 li a.on p {color:#fff;}
.classSearch2 li.c1 a {background-image:url(/image/main/img_carOption_01.png);}
.classSearch2 li.c2 a {background-image:url(/image/main/img_carOption_02.png) ;}
.classSearch2 li.c3 a {background-image:url(/image/main/img_carOption_03.png);}
.classSearch2 li.c4 a {background-image:url(/image/main/img_carOption_04.png);}
.classSearch2 li.c5 a {background-image:url(/image/main/img_carOption_05.png);}
.classSearch2 li.c6 a {background-image:url(/image/main/img_carOption_06.png);}
.classSearch2 li.c7 a {background-image:url(/image/main/img_carOption_07.png);}
.classSearch2 li.c8 a {background-image:url(/image/main/img_carOption_08.png);}
.classSearch2 li.c9 a {background-image:url(/image/main/img_carOption_09.png);}
.classSearch2 li.c10 a {background-image:url(/image/main/img_carOption_10.png);}


.tit_recom {border-top:1px solid #666666; padding:10px;font-weight:bold;color:#333333;font-size:18px;background:#f6f6f6;}
.tit_recom span {font-size:11px;color:#999;}
.listType li.list_recomdealer {border-bottom:2px solid #ff6e8c;color:#ff6e8c;font-weight:bold;background:#f6f6f6;}
.listType li {overflow:hidden;position:relative;padding:10px;border-bottom:1px solid #dcdcdc;}
.listType li .photo {float:left;margin:0px 3% 0px 0px;width:30%;}
.listType li .photo img {width:100%;}
.listType li .cont {float:left;width:55%;}
.listType li .cont .subject {font-weight:bold;color:#000;}
.listType li .cont .infor {color:#999;font-size:12px; line-height:15px; letter-spacing:-1px;}
.listType li .cont .infor span {color:#ededed;display:inline-block;padding:0px 2px;}
.listType li .cont .infor strong {color:#36F !important;font-weight:normal;}
.listType li .cont .price {color:#F00;font-size:13px;font-weight:bold;}
.listType li .subcont {clear:both; border-top:1px dashed #dedede;font-size: 12px; padding: 10px 0 0;color:#555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.listType li .subcont span {display:inline-block; border:1px solid #ccc; color:#666; background-color:#f9f9f9;height:24px; line-height:24px; border-radius:25px; padding:0px 8px; margin-right:10px;}

.listType li .btnArea {position:absolute;overflow:hidden;right:10px;top:10px;width:15%; z-index:10000;}
.listType li .btnArea a {display:inline-block;margin:0px auto;padding:25px 0px 5px 0px;width:90%;text-align:center;color:#FFF;font-size:10px;-webkit-border-radius:3px;}
.listType li .btnArea a.call {border:1px solid #ee6413;background:url(/mobile/image/icon_phone.png) center 10px no-repeat #f37023;-webkit-background-size:20px 20px;}
.listType li .btnArea a.sms {border:1px solid #3197df;background:url(/mobile/image/icon_sms.png) center 10px no-repeat #f37023;-webkit-background-size:20px 20px;}
.listType li.dealerArea {padding:5px 10px !important;color:#ff6900;background:#f6f6f6;}
.moreView {display:block;margin:10px auto;border:1px solid #7f7f82;width:90%;height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;color:#FFF;font-weight:bold;background:#7f7f82; color:white;}

.photoType {border-top:2px solid #999;}
.photoType li {overflow:hidden;position:relative;padding:10px;border-bottom:1px solid #dcdcdc;}
.photoType li .photo {float:left;margin:0px 3% 0px 0px;width:30%;}
.photoType li .photo img {width:100%;}
.photoType li .cont {float:left;width:65%;}
.photoType li .cont .subject {font-weight:bold;color:#000;}
.photoType li .cont .infor {color:#999;font-size:14px; line-height:15px; letter-spacing:-1px;}
.photoType li .cont .infor span {color:#ededed;display:inline-block;padding:0px 2px;}
.photoType li .cont .infor strong {color:#36F;font-weight:normal;}
.photoType li .cont .phone {color:#F00;font-size:18px;font-weight:bold; line-height:25px;}

.detailSearch {overflow:hidden;padding:10px;border-bottom:1px solid #eeeeee;}
.detailSearch select {margin:2px 0px;border:1px solid #dcdcdc;padding:5px;width:49%;}
.detailSearch input[type=button] {width:49%;height:40px;line-height:40px;text-align:center;-webkit-border-radius:5;-webkit-appearance:none;border:1px solid #dcdcdc;font-weight:bold;background:url(/mobile/image/bg_btnWrite.gif) left bottom repeat-x #FFF;}
.detailSearch input[type=submit] {width:49%;height:40px;line-height:40px;text-align:center;-webkit-border-radius:5;-webkit-appearance:none;border:1px solid #e60012;color:#FFF;font-weight:bold;background:url(/mobile/image/bg_btnPoint.gif) left top repeat-x #e60012;}

.inforBox {padding:10px;font-size:13px; }
.t_form {border-top:2px solid #666;font-size:12px;}
.t_form th {padding:8px;width:50px;background:#f6f6f6;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.t_form td {padding:8px;border-bottom:1px solid #dcdcdc;}
.t_form input {border:1px solid #dcdcdc;padding:5px;-webkit-border-radius:0;-webkit-appearance:none;}
.t_form select {margin:2px 0px;border:1px solid #dcdcdc;padding:5px;}
.t_form textarea {border:1px solid #dcdcdc;width:90%;padding:5px;-webkit-border-radius:0;-webkit-appearance:none;}
.t_form .phoneNum {width:50px;}
.t_form .info {color:#666;font-size:11px; letter-spacing:-1px;}

.page {overflow:hidden;margin:10px auto;width:90%;border-left:1px solid #dcdcdc;}
.page li {float:left;text-align:center;}
.page li a {display:block;padding:10px 15px;border:1px solid #dcdcdc;border-left:none !important;text-align:center;font-size:12px;}
.page li a.on {background:#666;color:#FFF;}

/* carView */
.carViewSubject {padding:20px 10px;font-size:18px;font-weight:bold;}
.carViewSubject .price {color:#F00;}
.priceinfo {font-size:1.2rem;}
.priceinfo em {color:#f00; font-style:normal;}


#carView {padding:0px 10px;}
#carView .carImage {overflow:hidden;position:relative;width:100%;}
#carView .carImage .arrow {position:absolute;left:0px;top:0px;}
#carView .carImage .arrow li {float:left;width:50%;}
#carView .image_ea {text-align:center;color:#FFF;padding:5px 10px;background:#999;}


#car_zoom{width:100%; padding:0px;}
#car_zoom .detail_title{height:50px; line-height:50px;color:#fff; background:#333; border-radius:0px; border:1px solid rgba(255,255,255,0.1); margin-bottom:1px;  text-align:center; font-size:18px;letter-spacing:-1px; font-weight:bold;}
#car_zoom .content img { display:block; width:100%;margin-bottom:1px;}
#car_zoom .detail_title .close {position:absolute; right:5px; top:0px; width:50px; height:50px; text-align:center;}
#car_zoom .detail_title .close:before {content:"\e921"; display:inline-block; line-height:50px; font-size:1.1rem; font-family:'xeicon'}
#car_zoom .detail_title .prev{position:absolute; left:10px; width:18px; top:16px; height:17px; background:url(/mobile/image/sub_arrow.png) no-repeat left top; background-size:auto 17px; border:1px solid #f00}
#car_zoom .detail_title .prev a{height:100%; display:block; }




.btnSetView {width:100%;padding:10px 0px;text-align:center;}
.btnSetView a {display:inline-block;width:28%;margin:0px 5px;}
.tit_carView {padding:20px 0px 5px 0px;font-weight:bold;font-size:14px;color:#333333;}
.optionList {border-top:2px solid #999;border-bottom:1px solid #dcdcdc;overflow:hidden;}
.optionList dt {float:left;padding:10px 0px;width:30%;}
.optionList dd {float:left;padding:10px 0px;width:70%;}
.memo {border-top:2px solid #999;width:100%;overflow:hidden;}
.memo img {width:100% !important;}

/* btn */
.btnSet {width:100%;padding:10px 0px;text-align:center;}
.btnSet a {display:inline-block;width:30%;margin:0px 5px;}
.btnSet input {display:inline-block;width:30%;margin:0px 5px;}

.btnPointBig {height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:none;color:#FFF;font-weight:bold;background:#f37023;}
.btnBig {height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:1px solid #dcdcdc;font-weight:bold;background:url(/mobile/image/bg_btnWrite.gif) left bottom repeat-x #FFF;}
.btnGrayBig {height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:1px solid #707070;color:#FFF;font-weight:bold;background:url(/mobile/image/bg_btnGray.gif) left bottom repeat-x #898989;}
.btnCT {height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:1px solid #ffd200;font-weight:bold;letter-spacing:-1px;background:url(/mobile/image/bg_btnCT.gif) left bottom repeat-x #ffe000;}
.btnBack {display:block;margin:10px auto;width:50%;height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:1px solid #dcdcdc;font-weight:bold;background:url(/mobile/image/bg_btnWrite.gif) left bottom repeat-x #FFF;}