@charset "euc-kr";

/*CSS Document*/

/* reset css */

/*=========================================================
사이트 공통 css정의 / kipilco 
===========================================================*/

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


@font-face {
    font-family: 'Wemakeprice-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Wemakeprice-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Wemakeprice-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Wemakeprice-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-9Black';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

body{margin:0; padding:0; background-color:#fff;}

html{overflow-y:scroll;}

body, table, th, td, input, select, textarea, div, button{font-family:'Noto Sans KR',Helvetica; font-size:12px; color:#333333; /*line-height:1.6;*/}

h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}

img, fieldset{border:0 none;}

img{vertical-align:middle;}/* 애니위즈 솔루션은 middle */

input{vertical-align:middle;}

ol, ul, li{list-style:none;}

/*table{border-spacing:0; border-collapse:collapse; border:0 none;}*/

h1,h2,h3,h4,h5,h6{font-size:100%;}

button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}

label{cursor:pointer;}

a:link{color:#333333; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}

a:visited{color:#333333; text-decoration:none;}

a:hover{color:#5899d4; text-decoration:none;}

a:active{color:#333333; text-decoration:none;}



*{-webkit-text-size-adjust:none;} /* 가로화면 폰트 커지는 문제 해결 */

select{-webkit-appearance:none;} /* 모바일에서 인풋 기본속성 삭제 */







/*************************************************** 헤더 ***************************************************/

body#M_bg{background:#eceff2;}



#Header{height:65px; background:#333;}

#Header h1{padding:12px 20px 0 0; text-align:center;}

#Header h1 img{/*height:26px;*/}


#Header a.header_search{position:absolute; top:12px; right:58px;}
#Header a.header_search img {border:2px solid #ffbd02; padding: 7px; border-radius: 50%;}

#Header a.header_qna{position:absolute; top:12px; right:12px;}
#Header a.header_qna img {border:2px solid #fff; padding: 7px; border-radius: 50%;}

#Header a.header_menu{position:absolute; top:20px; left:12px;}

a.header_menu img {width:26px;}
#Header a.header_search img, #Header a.header_qna img{width:20px;}

#homemenu { width:100%; overflow:hidden;} 
#homemenu li {float:left; width:20%; display:inline; line-height:0;}
#homemenu li img {width:100%;}






/*************************************************** 네비게이션 ***************************************************/

#Navigation{overflow:hidden; background:#fff;}

#Navigation li{float:left; width:20%; text-align:center;}

#Navigation li a{display:block; padding:8px 0 7px; border-left:1px solid #d8dbe0; border-bottom:1px solid #d8dbe0;}

#Navigation li img{/*height:60px;*/}

#Navigation li.first a{border-left:0;}



#Navigation_over{position:fixed!important; left:0; top:0; width:100%; height:100%; z-index:99; background-color: rgba( 0, 0, 0, 0.7 );}
#Navigation_over div.innerbox{position:fixed; left:0; top:0; width:250px; height:100%; overflow-x:hidden; background:#fff; box-shadow:0 0 10px #000;}
#Navigation_over div.innerbox div.home{position:relative; background:#ffbd02;}
#Navigation_over div.innerbox div.home span.home{display:block; text-align:center; padding:30px 0;}
#Navigation_over div.innerbox div.home span.home a{display:inline-block; width:70px; height:70px; background:url(/m/img/home.png) 50% 50% no-repeat #fff; background-size:40px auto; border-radius:500px;}
/*
#Navigation_over div.innerbox div.home a.home img{width:80px;}
*/
#Navigation_over div.innerbox div.home a.btn{position:absolute; right:10px; top:10px;}
#Navigation_over div.innerbox div.home a.btn img{width:20px;}
#Navigation_over div.innerbox ul{}
#Navigation_over div.innerbox ul li{border-bottom:1px solid #ddd;}
#Navigation_over div.innerbox ul li a{display:block; height:50px; line-height:50px; font-size:14px; font-weight:600; letter-spacing:-0.05em; color:#444; padding-left:25px;}
#Navigation_over div.innerbox ul li a span{display:inline-block; margin-right:10px;}
#Navigation_over div.innerbox ul li a span img{width:25px;}
#Navigation_over div.innerbox ul li a span.small img{width:21px;}

/* 슬라이드 */
#hometop { width:100%; text-align:center; }
#hometop img { width:100%; }


#slides_index { width: 90%; height: 100%; position:relative;margin-left:5%;}
.slideshow { width: 100%; height: 100%;}
.slideshow img { opacity: 0; filter:alpha(opacity=0); }
#slides_index .next,#slides_index .prev {
	position:absolute;
	top:30%;
	width:35px;
	height:73px;
	display:block;
	z-index:101;
}
#slides_index .prev {
	left:80%;
}

#slides_index .next {
	left:90%;
}
#slides_index .slidepager{
	z-index: 500;
	position:absolute;
	top: 165px;
	right:30px;
}

.sslidepager { text-align: center; width: 90%; z-index: 500; overflow: hidden; }
.slidepager span { font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #818181; }
.slidepager span.cycle-pager-active { color: #005ede;}
.slidepager > * { cursor: pointer;}
.cycle-slide {width:100%;}

.swiper-pagination-bullet {
	width:10px !important; height:10px !important;
	background:url('./as5/site/dnjfcjs1000/mobile/img/vspager.png?14') !important;
	border-radius:0% !important;
}
.swiper-pagination-bullet-active {
	width:26px !important ;height:10px !important;
	background:url('./as5/site/dnjfcjs1000/mobile/img/vspager_atv.png?14') !important;
	border-radius:0% !important;
}
.swiper-pagination {width:100%;margin-top:10px;}
.swiper-pagination-clickable .swiper-pagination-bullet {margin-left:3px;}
.swiper-container {/*padding:0 2% !important;*/}

ul.afterbuy {line-height:130%; width:92%; margin:0 auto 10px; overflow:hidden;}
.afterbuy li {float:left; width:48%; margin-right:4%; margin-bottom:5px;}
.afterbuy li:nth-child(2n){margin-right:0;}


/****************견적문의**********************/
.estimate {width:100%; padding: 15px; height:185px; background:#ffbd02; box-sizing: border-box;}
.estimate p {text-align: center;}
.estimate p img {width: 25px; margin: 0 10px 15px 0;}
.estimate p span {color:#fff; font-size: 20px; font-family: 'S-CoreDream-5Medium';}

.estimate .info {float:left; width:65%;}
.estimate .info .group label {float: left; display:block; text-align: center; width:30%; height:20px; border-radius:15px; background:#2b2b2b; font-size:14px; font-weight:500; line-height:18px; color:#fff;}
.estimate .info .group input {background:transparent; border:0; color: #fff; border-bottom:1px solid #fff; margin-right:5%; width:63%; height: 16px; line-height: 30px; font-size: 14px; padding: 0 0 7px 2%;}
.estimate .info .group input::placeholder {color:#fff;}
.estimate .info .group input::-webkit-input-placeholder { /* Edge */
  color: #fff;
}
.estimate .info .group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.estimate .click {float:left; width:35%;}
.estimate .click label {color:#FFF; font-size: 11px;}
.estimate .click label input {width:15px; height:15px; margin: 0;}
.estimate .click a.button {display:block; margin-top: 7px; color:#fff; width:100%; height: 70px; text-align: center; line-height: 70px; background:#2b2b2b; font-size: 18px; font-weight: bold; border-radius: 15px;}

/**********************메인타이틀 공통!!*****************************/
h3.main_title {font-family: 'S-CoreDream-5Medium'; clear: both; font-size: 20px; color:#000; padding: 15px 0; text-align: center;}
h3.main_title span {color:#ffbd02}

/**********************메인페이지 차량 (공통!!)*****************************/
.carz_list {/*position:relative;*/}
.carz_list.top {position:static;}
.carz_list .list {}
.carz_list a.leftBtn {position: absolute; top: 50%; left: 0px; z-index:100; margin-top: 100px;}
.carz_list a.rightBtn {position: absolute; top: 50%; right: 0px; z-index:100; margin-top: 100px;}
.carz_list .list li:nth-child(2) {padding: 6px;}
.carz_list .list li:last-child {background:#ffbd02; clear:both; text-align: center; padding: 7px 0;}
.carz_list .list li:last-child .price {font-size: 15px; font-weight: bold; color: #000;}
.carz_list .list .carso {float:left; position:relative; margin: 0.5%; width:48%; height:210px; /*padding:10px;*/ box-sizing:border-box; background-color:#fff; margin-bottom:20px; border:1px solid #ddd; box-sizing:border-box;}
.carz_list.sub .list .carso:nth-child(1),  .carz_list.sub .list .carso:nth-child(2) {margin-top:10px;}
.carz_list .list .carso .best_ico {position:absolute; top:-7px; left:10px;}
.carz_list .list .carso .best_ico img {width:40px;}
.carz_list .list .carso .brand_ico {position:absolute; width: 35px; height: 35px; margin-top: 3px; overflow:hidden; border-radius: 50%; border:1px solid #dedede;}
.carz_list .list .carso .brand_ico img {width: 35px; height: 35px;}
.carz_list .list .carso .info {width: 80%; margin-top: 5px; padding:0 2% 0 25%;}
.carz_list .list .carso .info h3 {color:#000; font-family: 'S-CoreDream-5Medium'; font-size:14px; margin:0; width: 72%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.carz_list .list .carso .info .option {margin:2px 0; overflow: hidden; font-size: 14px; letter-spacing:-0.5px;}
.carz_list .list .carso .info .option p {font-size: 11px; padding-right: 5px; margin: 0; float:left; position: relative;}
.carz_list .list .carso .info .option p:before {content:''; display:block; position:absolute; top: 7px; width:2px; height:2px; background:#999; margin: 0 0 0 -3px;}
.carz_list .list .carso .info .option p:first-child:before {display: none;}

.carz_list .list .carso .info .price {text-align:left; font-size: 18px; font-weight: bold; color:#ffbd02;}
.carz_list .list .carso .info .price span.money {font-size:22px; color:#d80000;}



/* 전체상담,상담완료 */
.car_number {padding:1%;width:93%;margin:2%; height:60px;background-color:#fff;font-size:16px;color:#4e1b1a;font-weight:800; border:1px solid #c6c6c5;border-radius: 7px;box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);}
.car_number .box1 {text-align:center;width:50%;float:left;margin-top:5px;}
.car_number .box2 {text-align:center;width:50%;float:left;margin-top:5px;color:#352b1e;}
.car_number .title {color:#352b1e;}
.car_number .counter {color:#f57401;font-size:20px;}
.car_number .counter.first {border-right:1px solid #e8e8e8;}

/* 전체상담,상담완료 */
#registwrap {margin: 0 auto;clear:both;width:100%;text-align:center;}
#registwrap .box {width:100%;text-align:center;margin-bottom:2%; padding: 2% 4% 5%; box-sizing:border-box; background:#fff; border:1px solid #c6c6c5;}
#registwrap .box .form {width:100%; border:1px solid #c6c6c5; border-bottom:0; box-sizing:border-box;padding-bottom:8px; background-color:#ebebeb; font-size:14px;}
#registwrap .box .form .input_box {margin:0 auto;width:90%; height:35px; border:1px solid #c6c6c5; background-color:#fff;margin-top:8px;padding:4px;}
#registwrap .box .form .input_box .title {float:left;width:30%; line-height:35px; border-right:1px solid #c6c6c5;}

#registwrap .box .form .input_box .input {float:left; box-sizing: border-box; width:68%; height:35px; line-height:35px; text-align:left; padding-left: 10px;}

/* 페이징 */
.page{clear:both; letter-spacing:8px; text-align:center; font-size:15px; padding:10px 0;}



/*************************************************** 푸터 ***************************************************/

#Foot_quicktop{clear: both; text-align:center; margin:10px 0 15px;}
#Foot_quicktop a{display:inline-block; width:45px; height:35px; border:2px solid #ffbd02; border-radius:3px; background:url(/m/img/top.png) 50% 50% no-repeat #fff; background-size:25px auto;}



#F_menu{overflow:hidden; background:#292c34;}

#F_menu li{float:left; width:25%;}

#F_menu li a{display:block; height:35px; line-height:35px; text-align:center; font-size:12px; font-weight:600; color:#fff; letter-spacing:-0.05em; border-left:1px solid #3f4249;}



#Footer{background:#40434d; padding:15px 10px 20px; font-size:10px; color:#7e8188; letter-spacing:-0.05em; line-height:1.6; height:100px;}

#Footer div{font-size:0; margin:0 0 10px;}

#Footer div a{font-size:11px; color:#b1b4be; font-weight:600;}

#Footer div span{display:inline-block; font-size:11px; font-weight:normal; color:#53565f; margin:0 7px;}



#Footer span{display:inline-block; font-size:10px; margin:0 7px; color:#53565f;}

#Footer a{color:#7e8188;}

#Footer small{display:block; font-size:10px; color:#61636d; margin:5px 0 0;}









/*************************************************** 메인 ***************************************************/

#M_vis{margin:5px 0 0;}

#M_vis img{width:100%;}



/* 큰 매물 ------------------------------------------- */
.PrdList_BIG{clear:both; position:relative; margin:10px 10px 0; background:#fff; border:1px solid #d8dbe0; border-radius:5px; padding:13px 13px 10px;}
.PrdList_BIG div.tit{height:33px; color:#444; font-size:15px; letter-spacing:-0.05em; font-weight:600; line-height:1.6;}
.PrdList_BIG div.controler{position:absolute; right:15px; top:15px; overflow:hidden;}
.PrdList_BIG div.controler a{float:left; border-width:1px 1px 1px 0; border-style:solid; border-color:#e2e5e8; padding:7px 9px;}
.PrdList_BIG div.controler a img{width:5px;}
.PrdList_BIG div.controler a.first{border-width:1px;}
.PrdList_BIG .cont{}
.PrdList_BIG .cont div.img{position:relative;}
.PrdList_BIG .cont div.img div.best_ico {position:absolute; z-index:100; top:0; left:0;}
.PrdList_BIG .cont div.img div.best_ico img {width:40px;}
.PrdList_BIG .cont p{margin:8px 0 2px;}
.PrdList_BIG .cont p a{font-size:13px; font-weight:600; color:#222; letter-spacing:-0.05em; line-height:1.6;}
.PrdList_BIG .cont span{}
.PrdList_BIG .cont span a{font-size:11px; color:#999; line-height:1.6;}
.PrdList_BIG .cont span small{display:inline-block; font-size:11px; margin:0 7px; color:#ddd;}
.PrdList_BIG .cont hr{border-width:1px 0 0 0; border-style:solid; border-color:#ddd; padding:0; margin:7px 0 7px;}
.PrdList_BIG .cont a.btn{display:inline-block; width:80px; height:26px; line-height:26px; font-size:12px; letter-spacing:-0.05em; text-align:center; color:#fff; font-weight:600; background:#ffbd02; border-radius:5px;}
.PrdList_BIG .cont b{/*position:absolute; right:0; bottom:0;*/ float: right; line-height:26px; color:#ffbd02; font-size:18px; font-weight:600; letter-spacing:-0.05em;}

.PrdList_BIG2{position:relative; margin:10px 10px 0; background:#fff; border:1px solid #d8dbe0; border-radius:5px; padding:13px 13px 10px;}
.PrdList_BIG2 div.tit{height:33px; color:#444; font-size:15px; letter-spacing:-0.05em; font-weight:600; line-height:1.6;}
.PrdList_BIG2 div.controler{position:absolute; right:15px; top:15px; overflow:hidden;}
.PrdList_BIG2 div.controler a{float:left; border-width:1px 1px 1px 0; border-style:solid; border-color:#e2e5e8; padding:7px 9px;}
.PrdList_BIG2 div.controler a img{width:5px;}
.PrdList_BIG2 div.controler a.first{border-width:1px;}
.PrdList_BIG2 .cont{}
.PrdList_BIG2 .cont div.img{position:relative;}
.PrdList_BIG2 .cont div.img div.best_ico {position:absolute; z-index:100; top:0; left:0;}
.PrdList_BIG2 .cont div.img div.best_ico img {width:40px;}
.PrdList_BIG2 .cont p{margin:8px 0 2px;}
.PrdList_BIG2 .cont p a{font-size:13px; font-weight:600; color:#222; letter-spacing:-0.05em; line-height:1.6;}
.PrdList_BIG2 .cont span{}
.PrdList_BIG2 .cont span a{font-size:11px; color:#999; line-height:1.6;}
.PrdList_BIG2 .cont span small{display:inline-block; font-size:11px; margin:0 7px; color:#ddd;}
.PrdList_BIG2 .cont hr{border-width:1px 0 0 0; border-style:solid; border-color:#ddd; padding:0; margin:7px 0 7px;}
.PrdList_BIG2 .cont a.btn{display:inline-block; width:80px; height:26px; line-height:26px; font-size:12px; letter-spacing:-0.05em; text-align:center; color:#fff; font-weight:600; background:#ffbd02; border-radius:5px;}
.PrdList_BIG2 .cont b{/*position:absolute; right:0; bottom:0;*/ float: right; line-height:26px; color:#ffbd02; font-size:18px; font-weight:600; letter-spacing:-0.05em;}

.PrdList_BIG3{position:relative; margin:10px 10px 0; background:#fff; border:1px solid #d8dbe0; border-radius:5px; padding:13px 13px 10px;}
.PrdList_BIG3 div.tit{height:33px; color:#444; font-size:15px; letter-spacing:-0.05em; font-weight:600; line-height:1.6;}
.PrdList_BIG3 div.controler{position:absolute; right:15px; top:15px; overflow:hidden;}
.PrdList_BIG3 div.controler a{float:left; border-width:1px 1px 1px 0; border-style:solid; border-color:#e2e5e8; padding:7px 9px;}
.PrdList_BIG3 div.controler a img{width:5px;}
.PrdList_BIG3 div.controler a.first{border-width:1px;}
.PrdList_BIG3 .cont{}
.PrdList_BIG3 .cont div.img{position:relative;}
.PrdList_BIG3 .cont div.img div.best_ico {position:absolute; z-index:100; top:0; left:0;}
.PrdList_BIG3 .cont div.img div.best_ico img {width:40px;}
.PrdList_BIG3 .cont p{margin:8px 0 2px;}
.PrdList_BIG3 .cont p a{font-size:13px; font-weight:600; color:#222; letter-spacing:-0.05em; line-height:1.6;}
.PrdList_BIG3 .cont span{}
.PrdList_BIG3 .cont span a{font-size:11px; color:#999; line-height:1.6;}
.PrdList_BIG3 .cont span small{display:inline-block; font-size:11px; margin:0 7px; color:#ddd;}
.PrdList_BIG3 .cont hr{border-width:1px 0 0 0; border-style:solid; border-color:#ddd; padding:0; margin:7px 0 7px;}
.PrdList_BIG3 .cont a.btn{display:inline-block; width:80px; height:26px; line-height:26px; font-size:12px; letter-spacing:-0.05em; text-align:center; color:#fff; font-weight:600; background:#ffbd02; border-radius:5px;}
.PrdList_BIG3 .cont b{/*position:absolute; right:0; bottom:0;*/ float: right; line-height:26px; color:#ffbd02; font-size:18px; font-weight:600; letter-spacing:-0.05em;}

.PrdList_BIG4{position:relative; margin:10px 10px 0; background:#fff; border:1px solid #d8dbe0; border-radius:5px; padding:13px 13px 10px;}
.PrdList_BIG4 div.tit{height:33px; color:#444; font-size:15px; letter-spacing:-0.05em; font-weight:600; line-height:1.6;}
.PrdList_BIG4 div.controler{position:absolute; right:15px; top:15px; overflow:hidden;}
.PrdList_BIG4 div.controler a{float:left; border-width:1px 1px 1px 0; border-style:solid; border-color:#e2e5e8; padding:7px 9px;}
.PrdList_BIG4 div.controler a img{width:5px;}
.PrdList_BIG4 div.controler a.first{border-width:1px;}
.PrdList_BIG4 .cont{}
.PrdList_BIG4 .cont div.img{position:relative;}
.PrdList_BIG4 .cont div.img div.best_ico {position:absolute; z-index:100; top:0; left:0;}
.PrdList_BIG4 .cont div.img div.best_ico img {width:40px;}
.PrdList_BIG4 .cont p{margin:8px 0 2px;}
.PrdList_BIG4 .cont p a{font-size:13px; font-weight:600; color:#222; letter-spacing:-0.05em; line-height:1.6;}
.PrdList_BIG4 .cont span{}
.PrdList_BIG4 .cont span a{font-size:11px; color:#999; line-height:1.6;}
.PrdList_BIG4 .cont span small{display:inline-block; font-size:11px; margin:0 7px; color:#ddd;}
.PrdList_BIG4 .cont hr{border-width:1px 0 0 0; border-style:solid; border-color:#ddd; padding:0; margin:7px 0 7px;}
.PrdList_BIG4 .cont a.btn{display:inline-block; width:80px; height:26px; line-height:26px; font-size:12px; letter-spacing:-0.05em; text-align:center; color:#fff; font-weight:600; background:#ffbd02; border-radius:5px;}
.PrdList_BIG4 .cont b{/*position:absolute; right:0; bottom:0;*/ float: right; line-height:26px; color:#ffbd02; font-size:18px; font-weight:600; letter-spacing:-0.05em;}

.PrdList_BIG5{position:relative; margin:10px 10px 0; background:#fff; border:1px solid #d8dbe0; border-radius:5px; padding:13px 13px 10px;}
.PrdList_BIG5 div.tit{height:33px; color:#444; font-size:15px; letter-spacing:-0.05em; font-weight:600; line-height:1.6;}
.PrdList_BIG5 div.controler{position:absolute; right:15px; top:15px; overflow:hidden;}
.PrdList_BIG5 div.controler a{float:left; border-width:1px 1px 1px 0; border-style:solid; border-color:#e2e5e8; padding:7px 9px;}
.PrdList_BIG5 div.controler a img{width:5px;}
.PrdList_BIG5 div.controler a.first{border-width:1px;}
.PrdList_BIG5 .cont{}
.PrdList_BIG5 .cont div.img{position:relative;}
.PrdList_BIG5 .cont div.img div.best_ico {position:absolute; z-index:100; top:0; left:0;}
.PrdList_BIG5 .cont div.img div.best_ico img {width:40px;}
.PrdList_BIG5 .cont p{margin:8px 0 2px;}
.PrdList_BIG5 .cont p a{font-size:13px; font-weight:600; color:#222; letter-spacing:-0.05em; line-height:1.6;}
.PrdList_BIG5 .cont span{}
.PrdList_BIG5 .cont span a{font-size:11px; color:#999; line-height:1.6;}
.PrdList_BIG5 .cont span small{display:inline-block; font-size:11px; margin:0 7px; color:#ddd;}
.PrdList_BIG5 .cont hr{border-width:1px 0 0 0; border-style:solid; border-color:#ddd; padding:0; margin:7px 0 7px;}
.PrdList_BIG5 .cont a.btn{display:inline-block; width:80px; height:26px; line-height:26px; font-size:12px; letter-spacing:-0.05em; text-align:center; color:#fff; font-weight:600; background:#ffbd02; border-radius:5px;}
.PrdList_BIG5 .cont b{/*position:absolute; right:0; bottom:0;*/ float: right; line-height:26px; color:#ffbd02; font-size:18px; font-weight:600; letter-spacing:-0.05em;}


/* 작은 매물 ------------------------------------------- */

.PrdList_SMALL{margin:0 5px;}

.PrdList_SMALL ul{overflow:hidden;}

.PrdList_SMALL ul li{float:left; width:50%;}

.PrdList_SMALL ul li div.inner{background:#fff; border:1px solid #d8dbe0; border-radius:5px; margin:10px 5px 0; overflow:hidden;}


.PrdList_SMALL ul li div.inner div.img{position:relative; }

.PrdList_SMALL ul li div.inner div.img div.best_ico {position:absolute; z-index:100; bottom:0; right:0;}

.PrdList_SMALL ul li div.inner div.img div.best_ico img {width:70px;}


.PrdList_SMALL ul li div.inner div.cont{margin:0 10px 10px;}

.PrdList_SMALL ul li div.inner div.cont p{margin:8px 0 2px;}

.PrdList_SMALL ul li div.inner div.cont p a{font-size:12px; font-weight:600; color:#222; letter-spacing:-0.05em; line-height:1.6;}

.PrdList_SMALL ul li div.inner div.cont span{}

.PrdList_SMALL ul li div.inner div.cont span a{font-size:10px; color:#999; line-height:1.6;}

.PrdList_SMALL ul li div.inner div.cont span small{display:inline-block; font-size:10px; margin:0 5px; color:#ddd;}

.PrdList_SMALL ul li div.inner div.cont hr{border-width:1px 0 0 0; border-style:solid; border-color:#ddd; padding:0; margin:7px 0 7px;}

.PrdList_SMALL ul li div.inner div.cont a.btn{display:inline-block; width:60px; height:26px; font-size:12px; line-height:26px; letter-spacing:-0.05em; text-align:center; color:#fff; font-weight:600; background:#ffbd02; border-radius:5px;}

.PrdList_SMALL ul li div.inner div.cont b{/*position:absolute; right:0; bottom:0;*/ float:right; line-height:26px; color:#ffbd02; font-size:18px; font-weight:600; letter-spacing:-0.05em;}











/*************************************************** 서브 리스트 ***************************************************/

/* 브랜드 아이콘 ------------------------------------------- */

.brandicon{margin:0 10px 10px;}

.brandicon ul{overflow:hidden; border-left:1px solid #d8dbe0; border-top:1px solid #d8dbe0; background:#fff;}

.brandicon ul li{float:left; width:20%;}

.brandicon ul li a{display:block; text-align:center; border-width:0 1px 1px 0; border-style:solid; border-color:#d8dbe0; padding:5px 0; height:42px;}

.brandicon ul li img{width:35px; height:42px;}

.brandicon p{color:#797979; font-size:11px; letter-spacing:-0.05em; line-height:22px; text-align:center; background:#d8dbe0; border-radius:0 0 5px 5px;}

.brandicon p a{color:#797979; font-size:11px; letter-spacing:-0.05em; line-height:22px;}



/* 옵션선택 ------------------------------------------- */

.Prd_option{overflow:hidden; margin:0 5px;}

.Prd_option li{float:left; width:50%;}

.Prd_option li a{display:block; line-height:27px; color:#fff; font-size:12px; font-weight:600; letter-spacing:-0.05em; text-align:center; background:#ffbd02; border:3px solid #ffbd02; margin:0 5px; border-radius:5px;}



/*************************************************** 브랜드 검색 페이지 ***************************************************/

/* 롤링 매물 -----------------------------------------------------------*/
#Rolling_prd{position:relative; background:#eee; padding:15px;}
#Rolling_prd p.tit{font-size:15px; color:#333; font-weight:bold; margin-bottom:15px; text-align:center;}

/* wol */
#owl-demo .item{background:#fff; padding:2px 2px 7px; margin:0 10px; text-align:center; border:1px solid #ccc;}
#owl-demo .item a{display:block;}
#owl-demo .item a div.img{}
#owl-demo .item a div.img img{width:100%!important;}
#owl-demo .item a p{font-weight:bold; font-size:12px; color:#333; height:15px; line-height:15px; overflow:hidden; margin:5px 0 0;}
#owl-demo .item a span{display:block; font-weight:bold; font-size:12px; color:#e51937; height:15px; line-height:15px; overflow:hidden;}

.owl-carousel{display:none; position:relative; width:100%; -ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden; position:relative; width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;}
.owl-carousel .owl-wrapper:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
.owl-carousel .owl-item{float:left;}

/* 도트 넘버링 */
.owl-theme .owl-controls{margin-top:15px; text-align:center; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.owl-theme .owl-controls .owl-page{display:inline-block; zoom:1; *display:inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display:block; width:10px; height:10px; margin:0 5px; filter:Alpha(Opacity=30);/*IE7 fix*/ opacity:0.3; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#000;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter:Alpha(Opacity=80);/*IE7 fix*/ opacity:0.8; background:#000;
}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}

/* 좌, 우 버튼 */
.customNavigation{text-align:center;}
.customNavigation a{cursor:pointer;}
.customNavigation a img{height:50px;}
.customNavigation a.btn.prev{position:absolute; left:0; top:50%; margin-top:-25px;}
.customNavigation a.btn.next{position:absolute; right:0; top:50%; margin-top:-25px;}

/* 상세검색 ----------------------------------- */
.car_search_detail{padding:10px;}
.car_search_detail table{}
.car_search_detail table td{width:50%;}
.car_search_detail table td select{width:100%; height:25px; color:#000; border:1px solid #999; background:#f7f7f7; border-radius:3px;}
.car_search_detail table td button{width:100%; height:35px; font-weight:bold; letter-spacing:-0.05em; font-size:14px; color:#fff; border-radius:3px;}
.car_search_detail table td button.reset{background:#929292;}
.car_search_detail table td button.search{background:#ffbd02;}


/* 자동차리스트 상단 타이틀 -----------------------------------------------------------*/
.prd_table_tit{border-top:2px solid #ffbd02; background:#f7f7f7; border-bottom:1px solid #ccc;}
.prd_table_tit table{}
.prd_table_tit table th{height:32px; text-align:left; font-size:13px; font-weight:bold; color:#860a0a; padding-left:15px;}
.prd_table_tit table td{text-align:right; font-size:10px; font-weight:normal; color:#999; padding-right:15px;}

/* 매물 리스트 */
.prd_list{}
.prd_list ul{}
.prd_list ul li{position:relative; border-bottom:1px solid #ccc; padding:5px; overflow:hidden;}
.prd_list ul li .img{position:absolute; left:5px; top:5px;}
.prd_list ul li .info{float:left; margin:0 70px 0 105px; height:70px;}
.prd_list ul li .info p{font-weight:bold; font-size:14px; margin:7px 0 0; height:16px; overflow:hidden;}
.prd_list ul li .info span{display:block; font-size:12px; color:#666666; height:15px; overflow:hidden; margin:2px 0 2px;}
.prd_list ul li .info span small{display:inline-block; padding:0 3px; color:#ccc;}
.prd_list ul li .info strong{font-weight:bold; font-size:14px; font-weight:bold; color:#ff4d4d;}
.prd_list ul li .btn{position:absolute; right:5px; top:9px; width:65px;}
.prd_list ul li .btn a{display:block; margin:2px 0;}
.prd_list ul li .btn a img{width:100%;}
/* 딜러 */
.prd_list ul li.dealer{border:0 none; padding:0; overflow:hidden;}
.prd_list ul li.dealer ul{height:76px; overflow:hidden;}
.prd_list ul li.dealer ul li{position:relative; height:60px; padding:0 0 0 65px; border:5px solid #ffc000!important; overflow:hidden;}
.prd_list ul li.dealer ul li div.img{position:absolute; left:0; top:0;}
.prd_list ul li.dealer ul li div.name{float:left; width:90px; overflow:hidden;}
.prd_list ul li.dealer ul li div.name div{display:table-cell; width:90px; height:60px; vertical-align:middle; text-align:center; line-height:1.3; font-size:18px; font-weight:bold;}
.prd_list ul li.dealer ul li div.name div span{display:block; font-size:12px; font-weight:normal; vertical-align:middle;}
.prd_list ul li.dealer ul li div.name div span b{color:#ff4d4d; font-weight:normal;}
.prd_list ul li.dealer ul li div.telno{float:left; width:130px; overflow:hidden;}
.prd_list ul li.dealer ul li div.telno div{display:table-cell; width:130px; height:60px; text-align:center; vertical-align:middle; line-height:1.3; color:#ff4d4d!important;}
.prd_list ul li.dealer ul li div.telno div, .prd_list ul li.dealer ul li div.telno div a{font-size:16px; font-weight:bold; color:#ff4d4d!important;}
.prd_list ul li.dealer ul li div.call{position:absolute; right:5px; top:5px;}
@media all and (min-width: 0px) and (max-width: 320px){
.prd_list ul li.dealer ul li div.name{width:75px;}
.prd_list ul li.dealer ul li div.name div{width:75px; font-size:11px;}
.prd_list ul li.dealer ul li div.name div span{padding-right:7px; vertical-align:middle; font-size:10px; letter-spacing:-0.05em;}
.prd_list ul li.dealer ul li div.telno, .prd_list ul li.dealer ul li div.telno div{width:75px;}
.prd_list ul li.dealer ul li div.telno div, .prd_list ul li.dealer ul li div.telno div a{font-size:12px;}
}
@media all and (min-width: 620px) and (max-width: 999999px){
.prd_list ul li.dealer ul li div.name, .prd_list ul li.dealer ul li div.name div{width:200px;}
.prd_list ul li.dealer ul li div.name div span{display:inline-block; padding-right:7px; vertical-align:middle; font-size:17px; vertical-align:middle;}
.prd_list ul li.dealer ul li div.telno, .prd_list ul li.dealer ul li div.telno div{width:180px;}
.prd_list ul li.dealer ul li div.telno div, .prd_list ul li.dealer ul li div.telno div a{font-size:25px;}
}


.prd_list2{}
.prd_list2 ul{}
.prd_list2 ul li{position:relative; height: 80px; border-bottom:1px solid #ccc; padding:5px; overflow:hidden;}
.prd_list2 ul li .img{float:left; width:20%; padding:0 0 0 0;}
.prd_list2 ul li .info{float:left; width:48%; padding-left: 2%; overflow: hidden;}
.prd_list2 ul li .info p{font-weight:bold; font-size:14px; margin:7px 0 0; height:20px; overflow:hidden;}
.prd_list2 ul li .info span{display:block; font-size:12px; color:#666666; height:15px; overflow:hidden; margin:2px 0 2px;}
.prd_list2 ul li .info span small{display:inline-block; padding:0 3px; color:#ccc;}
.prd_list2 ul li .info strong{font-weight:bold; font-size:14px; font-weight:bold; color:#ff4d4d;}
.prd_list2 ul li .btn {float:left; width:30%; text-align: right;}
.prd_list2 ul li .btn a {display:block; margin: 5px;}
.prd_list2 ul li .btn a img{/*width:100%;*/}
/* 딜러 */
.prd_list2 ul li.dealer{border:0 none; padding:0; overflow:hidden;}
.prd_list2 ul li.dealer ul{height:76px; overflow:hidden;}
.prd_list2 ul li.dealer ul li{position:relative; height:60px; padding:0 0 0 65px; border:5px solid #ffc000!important; overflow:hidden;}
.prd_list2 ul li.dealer ul li div.img{position:absolute; left:0; top:0;}
.prd_list2 ul li.dealer ul li div.name{float:left; width:90px; overflow:hidden;}
.prd_list2 ul li.dealer ul li div.name div{display:table-cell; width:90px; height:60px; vertical-align:middle; text-align:center; line-height:1.3; font-size:18px; font-weight:bold;}
.prd_list2 ul li.dealer ul li div.name div span{display:block; font-size:12px; font-weight:normal; vertical-align:middle;}
.prd_list2 ul li.dealer ul li div.name div span b{color:#ff4d4d; font-weight:normal;}
.prd_list2 ul li.dealer ul li div.telno{float:left; width:130px; overflow:hidden;}
.prd_list2 ul li.dealer ul li div.telno div{display:table-cell; width:130px; height:60px; text-align:center; vertical-align:middle; line-height:1.3; color:#ff4d4d!important;}
.prd_list2 ul li.dealer ul li div.telno div, .prd_list2 ul li.dealer ul li div.telno div a{font-size:16px; font-weight:bold; color:#ff4d4d!important;}
.prd_list2 ul li.dealer ul li div.call{position:absolute; right:5px; top:5px;}
@media all and (min-width: 0px) and (max-width: 320px){
.prd_list2 ul li.dealer ul li div.name{width:75px;}
.prd_list2 ul li.dealer ul li div.name div{width:75px; font-size:11px;}
.prd_list2 ul li.dealer ul li div.name div span{padding-right:7px; vertical-align:middle; font-size:10px; letter-spacing:-0.05em;}
.prd_list2 ul li.dealer ul li div.telno, .prd_list2 ul li.dealer ul li div.telno div{width:75px;}
.prd_list2 ul li.dealer ul li div.telno div, .prd_list2 ul li.dealer ul li div.telno div a{font-size:12px;}
}
@media all and (min-width: 620px) and (max-width: 999999px){
.prd_list2 ul li.dealer ul li div.name, .prd_list2 ul li.dealer ul li div.name div{width:200px;}
.prd_list2 ul li.dealer ul li div.name div span{display:inline-block; padding-right:7px; vertical-align:middle; font-size:17px; vertical-align:middle;}
.prd_list2 ul li.dealer ul li div.telno, .prd_list2 ul li.dealer ul li div.telno div{width:180px;}
.prd_list2 ul li.dealer ul li div.telno div, .prd_list2 ul li.dealer ul li div.telno div a{font-size:25px;}
}


/*************************************************** 뷰 페이지 ***************************************************/



/* 롤링 이미지 ------------------------------------------- */

.sub_view_img{position:relative;}

.sub_view_img ul{overflow:hidden;}

.sub_view_img ul li{float:left; width:100%;}

.sub_view_img a.controler_left{position:absolute; left:10px; top:50%; margin-top:-20px;}

.sub_view_img a.controler_right{position:absolute; right:10px; top:50%; margin-top:-20px;}

.sub_view_img a.controler_left img, .sub_view_img a.controler_right img{height:40px;}

	.sub_view_img_no{text-align:center; margin:10px 0;}

	.sub_view_img_no span{display:inline-block; width:60px; height:25px; line-height:25px; font-size:13px; color:#fff; text-align:center; background:#747474; border-radius:100px;}





/* 타이틀 ------------------------------------------- */

.sub_view_tit{background:#fff; padding:15px 10px;}

.sub_view_tit p{font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#333; line-height:1.6; margin:0 0 5px;}

.sub_view_tit span{display:block; color:#ffbd02; font-weight:600; font-size:16px; line-height:1.4;}

.sub_view_tit small{display:block; color:#999; font-size:12px; letter-spacing:-0.05em; line-height:1.4;}





/* 보험료_할부조회 ------------------------------------------- */

.sub_view_inquiry{overflow:hidden; margin:10px 5px 0;}

.sub_view_inquiry li{float:left; width:50%;}

.sub_view_inquiry li a{display:block; text-align:center; line-height:32px; color:#797979; font-size:12px; font-weight:600; letter-spacing:-0.05em; text-align:center; background:#fff; border:1px solid #a4a9b1; margin:0 5px; border-radius:5px;}

.sub_view_inquiry li span{display:inline-block; margin-right:5px;}

.sub_view_inquiry li span img{width:25px;}

.sub_view_inquiry li b{}





/* 딜러소개 ------------------------------------------- */

.sub_view_dealer{position:relative; overflow:hidden; margin:15px 10px;}

.sub_view_dealer div.img{float:left; width:85px; border-radius:100px; overflow:hidden; margin-right:10px;}

.sub_view_dealer div.info{float:left;}

.sub_view_dealer div.info p{font-size:15px; font-weight:600; color:#333; letter-spacing:-0.05em; line-height:1.6; margin:13px 0 5px;}

.sub_view_dealer div.info span{font-size:10px; color:#999; letter-spacing:-0.05em; line-height:1.4;}

.sub_view_dealer a.btn{position:absolute; right:10px; top:50%; margin-top:-25px; display:block; width:70px; height:40px; padding:10px 0 0; line-height:1.3; text-align:center; font-size:11px; color:#fff; font-weight:600; letter-spacing:-0.05em; background:#ff8d00; border-radius:5px;}





/* 기본정보 ------------------------------------------- */

.sub_view_info{margin:0 10px; border:1px solid #d8dbe0; background:#fff; border-radius:5px; padding:10px;}

.sub_view_info p.tit{height:25px; font-size:13px; color:#333; letter-spacing:-0.05em; line-height:1.6;}

.sub_view_info table{border-top:1px solid #686868;}

.sub_view_info table th, .sub_view_info table td{width:50%; height:25px; border-bottom:1px solid #ddd; font-weight:normal; text-align:center; font-size:12px; letter-spacing:-0.05em;}

.sub_view_info table th{background:#f7f7f7; color:#333;}

.sub_view_info table td{color:#666;}



/* 상세정보 ------------------------------------------- */

.sub_view_detail{margin:10px 10px 0; border:1px solid #d8dbe0; background:#fff; border-radius:5px; padding:10px;}

.sub_view_detail p.tit{height:25px; font-size:13px; color:#333; letter-spacing:-0.05em; line-height:1.6;}

.sub_view_detail img{width:100%;}



/* 주요옵션 ------------------------------------------- */

.sub_view_option{margin:10px 10px 0; border:1px solid #d8dbe0; background:#fff; border-radius:5px; padding:10px;}
.sub_view_option p.tit{height:25px; font-size:13px; color:#333; letter-spacing:-0.05em; line-height:1.6; margin:0 0 15px;}
.sub_view_option ul{overflow:hidden;}
.sub_view_option ul li{float:left; width:16.66%; text-align:center; margin:10px 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*first!*/
 filter: alpha(opacity=30); /* second!*/
 opacity: .3;
 filter: alpha(opacity=30);
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.sub_view_option ul li i{display:block; width:73px; height:53px; margin:0 auto; border:1px solid #444; border-radius:3px;}
.sub_view_option ul li p{padding:5px 0 0; font-size:11px; color:#000; letter-spacing:-0.02em; line-height:1.4;}

.sub_view_option ul li.option1 i{background:url(/m/img/option1.png) 50% 50% no-repeat; background-size:25px auto;}
.sub_view_option ul li.option2 i{background:url(/m/img/option2.png) 50% 50% no-repeat; background-size:65px auto;}
.sub_view_option ul li.option3 i{background:url(/m/img/option3.png) right 50% no-repeat; background-size:60px auto;}
.sub_view_option ul li.option4 i{background:url(/m/img/option4.png) 50% 50% no-repeat; background-size:45px auto;}

.sub_view_option ul li.option5 i{background:url(/m/img/option5.png) 50% 50% no-repeat; background-size:20px auto;}
.sub_view_option ul li.option6 i{background:url(/m/img/option6.png) 50% 50% no-repeat; background-size:30px auto;}
.sub_view_option ul li.option7 i{background:url(/m/img/option7.png) 50% 50% no-repeat; background-size:30px auto;}
.sub_view_option ul li.option8 i{background:url(/m/img/option8.png) 50% 50% no-repeat; background-size:40px auto;}

.sub_view_option ul li.option9 i{background:url(/m/img/option9.png) 50% 50% no-repeat; background-size:40px auto;}
.sub_view_option ul li.option10 i{background:url(/m/img/option10.png) 50% 50% no-repeat; background-size:40px auto;}
.sub_view_option ul li.option11 i{background:url(/m/img/option11.png) 0 50% no-repeat; background-size:60px auto;}
.sub_view_option ul li.option12 i{background:url(/m/img/option12.png) 50% 50% no-repeat; background-size:40px auto;}

.sub_view_option ul li img{width:75px;}
.sub_view_option ul li.on{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*first!*/
 filter: alpha(opacity=100); /* second!*/
 opacity: 1.0;
 filter: alpha(opacity=100);
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
@media all and (min-width: 0px) and (max-width: 320px){
.sub_view_option ul li{width:50%;}
} 
@media all and (min-width: 320px) and (max-width: 400px){
.sub_view_option ul li{width:33.33%;}
} 
@media all and (min-width: 400px) and (max-width: 750px){
.sub_view_option ul li{width:25%;}
}
@media all and (min-width: 1100px) and (max-width: 99999px){
.sub_view_option ul li{width:8.3%;}
} 





/* 차량 문의하기 버튼 ------------------------------------------- */

/* 원본 2019 0314 .sub_view_btbtn{position:fixed; left:0; bottom:0; width:100%; background-color:rgba( 0, 0, 0, 0.7 ); border-top:2px solid #ffcc00;} */

.sub_view_btbtn{position:fixed; left:0; bottom:0; width:100%; background-color:#ffbd02; border-top:2px solid #ffbd02; z-index:10000;}

.sub_view_btbtn a{display:block; height:20px; line-height:15px; color:#fff; text-align:center; font-size:14pt; font-weight:600; letter-spacing:-0.05em;}















/*************************************************** 내차팔기_구입 ***************************************************/



/* 타이틀 ------------------------------------------- */

.sell_buy_tit{position:relative; background-color:#fff; border-bottom:1px solid #d8dbe0; padding:15px;}

.sell_buy_tit p{font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#333; line-height:1.6; margin:0 0 5px;}

.sell_buy_tit p span{font-size:14px; color:#aaa;}

.sell_buy_tit small{display:block; font-size:11px; color:#bbb; letter-spacing:-0.05em; line-height:1.4;}

	.sell_buy_tit.sell{background-image:url(/m/img/car.png); background-position:97% 50%; background-repeat:no-repeat; background-size:150px auto;}

	.sell_buy_tit.buy{background-image:url(/m/img/car2.png); background-position:97% 50%; background-repeat:no-repeat; background-size:150px auto;}

	/* 딜러 */

	.sell_buy_tit .dealer{position:absolute; right:10px; top:7px; text-align:center; font-size:0;}

	.sell_buy_tit .dealer div.img{display:inline-block; width:65px; height:65px; border-radius:100%; overflow:hidden; margin:0 0 5px;}

	.sell_buy_tit .dealer span{display:block; line-height:20px; font-size:12px; text-align:center; color:#fff; background:#ffcc00; border-radius:4px;}

	.sell_buy_tit .dealer span b{font-weight:600;}



/* 매물리스트 */

.sell_buy_prd{background:#fff; border-bottom:1px solid #d8dbe0; padding:15px; overflow:hidden;}

.sell_buy_prd div.img{float:left; margin-right:10px;}

.sell_buy_prd p{font-weight:600; color:#222; font-size:13px; line-height:1.3; height:17px; overflow:hidden; margin:11px 0 0;}

.sell_buy_prd strong{display:block; font-weight:normal; font-size:12px; color:#999; font-size:10px; line-height:1.3; height:13px; overflow:hidden; margin:5px 0 5px;}

.sell_buy_prd strong small{display:inline-block; font-size:10px; margin:0 5px; color:#ddd;}

.sell_buy_prd span{display:block; color:#ffbd02; font-weight:600; font-size:13px;}



	

/* 폼 ------------------------------------------- */

.sell_buy_form{margin:20px 10px 15px; text-align:center;}

.sell_buy_form p{font-size:13px; color:#333; line-height:1.4; font-weight:600; letter-spacing:-0.05em; margin:0 0 10px;}

.sell_buy_form p span{color:#ffbd02;}

.sell_buy_form input{display:block; width:100%; height:35px; line-height:35px; font-size:13px;  font-weight:600; letter-spacing:-0.05em; color:#666; text-align:center; background:#fff; border:1px solid #ffbd02; border-radius:5px; margin:0 0 5px;}



/* 개인정보 취급방침 ------------------------------------------- */

.sell_buy_agree{background:#fff; border-width:1px 0; border-style:solid; border-color:#d8dbe0; padding:10px 10px;}

.sell_buy_agree p.tit{height:25px; font-size:13px; color:#333; letter-spacing:-0.05em; line-height:1.6; font-weight:600;}

.sell_buy_agree div.cont{font-size:10px; color:#666; letter-spacing:-0.05em; line-height:1.3; padding:10px; border:1px solid #d8dbe0; border-radius:5px; margin:0 0 10px;}

.sell_buy_agree div.cont a{display:block; text-align:right; color:#ff4b4b; margin:5px 0 0;}

.sell_buy_agree input{width:14px; height:14px; vertical-align:middle; margin-right:5px; border:1px solid #666; border-radius:2px;}

.sell_buy_agree label{vertical-align:middle; font-size:11px; color:#666; letter-spacing:-0.05em;}

.sell_buy_agree button{display:block; width:100%; height:35px; line-height:35px; color:#fff; font-weight:600; font-size:15px; letter-spacing:-0.05em; background:#ffbd02; border-radius:5px; margin:10px 0 0;}



/* 문의현황 ------------------------------------------- */

.sell_buy_live{background:#fff; border-width:1px 0; border-style:solid; border-color:#d8dbe0; padding:10px 10px 15px; margin:10px 0 0;}

.sell_buy_live p.tit{height:35px; font-size:13px; color:#333; letter-spacing:-0.05em; line-height:1.6; font-weight:600;}

.sell_buy_live ul{overflow:hidden;}

.sell_buy_live ul li{float:left; width:33.3%; text-align:center;}

.sell_buy_live ul li img{width:70px;}

.sell_buy_live ul li p{font-size:12px; color:#999; letter-spacing:-0.05em; margin:5px 0 5px;}

.sell_buy_live ul li span{display:block; color:#ea3800; font-size:20px; font-weight:600;}



/* 실시간 상담글 리스트 ------------------------------------------- */

.sell_buy_livelist{background:#fff; border-width:1px 0; border-style:solid; border-color:#d8dbe0; padding:10px 10px; margin:10px 0 0;}

.sell_buy_livelist p.tit{height:25px; font-size:13px; color:#333; letter-spacing:-0.05em; line-height:1.6; font-weight:600;}

.sell_buy_livelist table{}

.sell_buy_livelist table th, .sell_buy_livelist table td{height:30px; font-weight:normal; border-bottom:1px solid #eee; font-size:11px;}

.sell_buy_livelist table th{text-align:left; color:#444;}

.sell_buy_livelist table td{text-align:right; color:#aaa;}



/* 신차급 중고차 ------------------------------------------- */

.sell_buy_newcar{background:#fff; border-width:1px 0; border-style:solid; border-color:#d8dbe0; padding:10px 0; margin:10px 0 0;}

.sell_buy_newcar p.tit{height:20px; font-size:13px; color:#333; letter-spacing:-0.05em; line-height:1.6; font-weight:600; padding-left:10px;}

















/*************************************************** 스마트검색 ***************************************************/

/* 상단 타이틀 ------------------------------------------- */

.Search_tit{background:#fff; border-bottom:1px solid #d8dbe0; padding:15px 0 15px;}

.Search_tit p.tit{font-size:16px; font-weight:600; letter-spacing:-0.05em; color:#333; line-height:1.6; margin:0 0 5px 15px;}

.Search_tit p.tit span{font-size:14px; color:#aaa; letter-spacing:0;}

.Search_tit small{display:block; font-size:12px; color:#bbb; letter-spacing:-0.05em; line-height:1.4; margin-left:15px;}

.Search_tit ul{margin:15px 10px 0; overflow:hidden;}

.Search_tit ul li{float:left; width:33.33%;}

.Search_tit ul li a{display:block; height:35px; line-height:35px; font-size:13px; letter-spacing:-0.05em; font-weight:600; color:#adadad; text-align:center; border:1px solid #d8dbe0; border-radius:3px; margin:0 5px;}

.Search_tit ul li.on a{height:33px; line-height:33px; color:#444; border-width:2px; border-color:#666;}



/* 검색 ------------------------------------------- */

.Search_search{position:relative; background:#fff; /*border-width:1px 0;*/ border-style:solid; border-color:#ffbd02; box-sizing: border-box; margin:10px 0; padding:5px 10px;}

.Search_search input{width:80%; height:25px; line-height:25px; font-size:13px; letter-spacing:-0.05em; color:#666; border:0 none; background:none;}

.Search_search button{position:absolute; right:0; top:0; width:35px; height:35px;}

.Search_search button img{width:20px;}





/* 상세검색 ------------------------------------------- */

.Search_detail{border-width:1px 0; border-style:solid; border-color:#d8dbe0; margin:10px 0; padding:20px 15px; background:#fff;}



	.Search_detail .radiobox{}

	.Search_detail .radiobox input{width:13px; height:13px; border:1px solid #999; margin-right:5px; vertical-align:middle; border-radius:100px;}

	.Search_detail .radiobox label{font-size:13px; font-weight:600; letter-spacing:-0.05em; color:#444; font-weight:600; vertical-align:middle; margin-right:15px;}



	.Search_detail .selectbox{margin:15px 0 20px; padding:0 0 15px; border-bottom:1px solid #ddd;}

	.Search_detail .selectbox select{width:100%; height:35px; padding:0 10px; line-height:35px; font-size:13px; font-weight:600; color:#444; letter-spacing:-0.05em; border:1px solid #a2a7b0; border-radius:5px; background:url(/m/img/select.png) 98% 50% no-repeat; background-size:10px auto; margin:0 0 10px;}

	

	.Search_detail .select_table{}

	.Search_detail .select_table td{width:48%;}

	.Search_detail .select_table th{width:4%; text-align:center; font-weight:normal; font-size:13px; color:#444;}

	.Search_detail .select_table select{width:100%; height:35px; line-height:35px; font-size:13px; padding:0 10px; font-weight:600; color:#444; letter-spacing:-0.05em; border:1px solid #a2a7b0; border-radius:5px; background:url(/m/img/select.png) 96% 50% no-repeat; background-size:10px auto; margin:0 0 10px;}

	

	.Search_detail .checkbox{margin:10px 0 20px;}

	.Search_detail .checkbox input{width:13px; height:13px; border:1px solid #999; margin-right:5px; vertical-align:middle;}

	.Search_detail .checkbox label{font-size:13px; font-weight:600; letter-spacing:-0.05em; color:#444; font-weight:600; vertical-align:middle; margin-right:15px;}

	

	.Search_detail button{width:100%; height:35px; line-height:35px; font-weight:600; color:#fff; font-size:15px; letter-spacing:-0.05em; border-radius:5px; background:#ffbd02;}















/* 제조사별 검색 ------------------------------------------- */

.Search_brand{border-width:1px 0; border-style:solid; border-color:#d8dbe0; margin:10px 0; padding:10px; background:#fff;}

.Search_brand ul{overflow:hidden; border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}

.Search_brand ul li{float:left; width:20%;}

.Search_brand ul li a{display:block; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; text-align:center; padding:5px 0; height:48px;}

.Search_brand ul li img{width:40px; height:48px;}



	.Search_brand_step2{border-width:1px 0; border-style:solid; border-color:#d8dbe0; margin:10px 0; padding:10px; background:#fff;}

	.Search_brand_step2 table{border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}

	.Search_brand_step2 table th, .Search_brand_step2 table td{height:40px; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; font-size:12px; letter-spacing:-0.05em;}

	.Search_brand_step2 table th{width:80px;}

	.Search_brand_step2 table th a{font-weight:600; text-align:center; color:#aaa;}

	.Search_brand_step2 table td{text-align:left; padding-left:15px;}

	.Search_brand_step2 table td a{color:#444;}







/* 차종별 검색 ------------------------------------------- */

.Search_type{border-width:1px 0; border-style:solid; border-color:#d8dbe0; margin:10px 0; padding:10px; background:#fff;}

.Search_type ul{overflow:hidden; border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}

.Search_type ul li{float:left; width:25%;}

.Search_type ul li a{display:block; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; text-align:center; padding:10px 0;}

.Search_type ul li img{width:75px;}















/* 검색 리스트 ------------------------------------------- */

.Search_list{background:#fff; padding:10px; border-width:1px 0; border-style:solid; border-color:#d8dbe0; margin:10px 0 0;}

.Search_list ul{border-width:1px 0 0 1px; border-style:solid; border-color:#d8dbe0;}

.Search_list ul li{position:relative; border-width:0 1px 1px 0; border-style:solid; border-color:#d8dbe0;}

.Search_list ul li a{display:block; height:45px; line-height:45px; padding-left:100px;}

.Search_list ul li span{position:absolute; left:0; top:0; width:85px; font-size:12px; color:#aaa; font-weight:600; text-align:center; border-right:1px solid #d8dbe0;}

.Search_list ul li b{position:absolute; right:15px; top:50%; margin-top:-6px;}

.Search_list ul li b img{width:7px;}































/*************************************************** 검은배경 팝업 ***************************************************/

#Black_BG{position:fixed!important; left:0; top:0; width:100%; height:100%; z-index:99; background-color:rgba( 0, 0, 0, 0.7 ); z-index:99;}

	/* 옵션선택 시 ------------------------------------------- */

	#Black_BG.car_option{z-index:9999;}

	#Black_BG.car_option table{width:100%; height:100%; text-align:center;}

	#Black_BG.car_option table td{text-align:center; vertical-align:middle;}

	#Black_BG.car_option table td table{width:80%; margin:0 auto;}

	#Black_BG.car_option table td table td{}

	.car_option .innerbox{background:#fff; border-radius:5px; box-shadow:0 0 10px #000; overflow:hidden;}

	.car_option .innerbox ul{}

	.car_option .innerbox ul li{}

	.car_option .innerbox ul li a{display:block; height:45px; line-height:45px; text-align:center; font-size:12px; color:#666; border-bottom:1px solid #ddd; letter-spacing:-0.05em;}



	/* 딜러 */

	#Black_BG.dealer_info{z-index:9999;}

	#Black_BG.dealer_info table{width:100%; height:100%; text-align:center;}

	#Black_BG.dealer_info table td{text-align:center; vertical-align:middle;}

	#Black_BG.dealer_info table td table{width:90%; margin:0 auto;}

	#Black_BG.dealer_info table td table td{}

	.dealer_info .innerbox{position:relative; background:#fff; border-radius:5px; box-shadow:0 0 10px #000; overflow:hidden; padding:20px 10px;}

	.dealer_info .innerbox a.close{position:absolute; right:15px; top:15px;}

	.dealer_info .innerbox a.close img{width:20px;}

	.dealer_info .innerbox table{}

	.dealer_info .innerbox table th{width:90px; text-align:left;}

	.dealer_info .innerbox table th div.img{width:90px; height:90px; border-radius:100px; overflow:hidden;}

	.dealer_info .innerbox table td{text-align:left; padding-left:15px;}

	.dealer_info .innerbox table td p{font-weight:600; font-size:17px; color:#333; letter-spacing:-0.05em; line-height:1.6; text-align:left;}

	.dealer_info .innerbox table td span{display:block; font-size:17px; color:#ffbd02; font-weight:600; text-align:left; line-height:1.6;}

	.dealer_info .innerbox table td span a{font-size:17px; color:#ffbd02; font-weight:600; text-align:left; line-height:1.6;}

	.dealer_info .innerbox table td small{display:block; font-size:10px; color:#999; letter-spacing:-0.05em; text-align:left; line-height:1.6;}

	.dealer_info .innerbox table td em{display:block; font-style:normal; font-size:10px; color:#999; letter-spacing:-0.05em; text-align:left; line-height:1.6;}

	.dealer_info .innerbox table td div.btn{text-align:left; margin:5px 0 0;}

	.dealer_info .innerbox table td div.btn a{display:inline-block; width:45%; height:30px; line-height:30px; color:#fff; font-weight:600; font-size:13px; letter-spacing:-0.05em; text-align:center; background:#ffcc00; margin:0 0 5px; border-radius:5px;}



	/* 딜러 뷰페이지 */

	#Black_BG.dealer_info_view{z-index:9999;}

	#Black_BG.dealer_info_view .inner{position:fixed; left:0; bottom:0; width:100%; height:165px; background:#fff; border-top:4px solid #ffcc00;}

	#Black_BG.dealer_info_view .inner .innerbox{padding:20px 20px 0;}

	.dealer_info_view .inner a.close{position:absolute; right:15px; top:15px;}

	.dealer_info_view .inner a.close img{width:20px;}

	.dealer_info_view .inner table{}

	.dealer_info_view .inner table th{width:90px; text-align:left;}

	.dealer_info_view .inner table th div.img{width:90px; height:90px; border-radius:100px; overflow:hidden;}

	.dealer_info_view .inner table td{text-align:left; padding-left:15px;}

	.dealer_info_view .inner table td p{font-weight:600; font-size:17px; color:#333; letter-spacing:-0.05em; line-height:1.6; text-align:left;}

	.dealer_info_view .inner table td span{display:block; font-size:17px; color:#ffbd02; font-weight:600; text-align:left; line-height:1.6;}

	.dealer_info_view .inner table td span a{font-size:17px; color:#ffbd02; font-weight:600; text-align:left; line-height:1.6;}

	.dealer_info_view .inner table td small{display:block; font-size:10px; color:#999; letter-spacing:-0.05em; text-align:left; line-height:1.6;}

	.dealer_info_view .inner table td em{display:block; font-style:normal; font-size:10px; color:#999; letter-spacing:-0.05em; text-align:left; line-height:1.6;}

	.dealer_info_view .inner table td div.btn{text-align:left; margin:5px 0 0;}

	.dealer_info_view .inner table td div.btn a{display:inline-block; width:45%; height:30px; line-height:30px; color:#fff; font-weight:600; font-size:13px; letter-spacing:-0.05em; text-align:center; background:#ffcc00; margin:0 0 5px; border-radius:5px;}

	



















/* 공통

------------------------------------------------------------------------------------------------------------*/

/* 페이지 타이틀 ------------------------------------------- */

h2{font-weight:600; font-size:15px; letter-spacing:-0.05em; color:#333; line-height:1.6; margin:10px 10px 5px;}





/* 페이징 ------------------------------------------- */

.paging{text-align:center; margin:20px 0 10px; font-size:0;}

.paging a{display:inline-block; width:25px; height:25px; line-height:25px; border:1px solid #ddd; margin:0 1px; font-size:10px; color:#646464; background:#fff;}

.paging a.on{border-color:#949494; color:#454545; font-weight:600;}

	

	







.top5{margin-top:5px;}

.top10{margin-top:10px;}

.top15{margin-top:15px;}

.top20{margin-top:20px;}

.top25{margin-top:25px;}

.top30{margin-top:30px;}

.top35{margin-top:35px;}

.top40{margin-top:40px;}

.top50{margin-top:50px;}

.top60{margin-top:60px;}

.top70{margin-top:70px;}

.top80{margin-top:80px;}

.top90{margin-top:90px;}



.left5{margin-left:5px;}

.left10{margin-left:10px;}

.left15{margin-left:15px;}

.left20{margin-left:20px;}

.left25{margin-left:25px;}

.left30{margin-left:30px;}

.left35{margin-left:35px;}

.left40{margin-left:40px;}

.left50{margin-left:50px;}

.left60{margin-left:60px;}

.left70{margin-left:70px;}

.left80{margin-left:80px;}

.left90{margin-left:90px;}



.center{text-align:center;}

.right{text-align:right;}

.left{text-align:left;}



.imgratio_full {

	width:100%;
	/*height:400px;
	width: calc(100vmin - 50px);

	height: calc((100vmin - 50px) * 0.75);*/

}

.imgratio_half {

	width:100%;
	height:150px;
	/*width: calc(50vmin - 17px);

	height: calc((50vmin - 17px) * 0.75);*/

}

div.options { width:100%; }
div.options table { width:100%; border:1px solid #e2e2e2; border-top:2px solid #000;}
div.options table th { font-weight:normal; font-size:11px; color:#454545; padding:7px 0; }
div.options table td { vertical-align:top; padding:10px; box-sizing:border-box; width:50%; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; background:#fff;}
div.options table td img {width:15px; vertical-align:middle;}
div.options table td:nth-child(1), div.options table td:nth-child(3), div.options table td:nth-child(5), div.options table td:nth-child(7), div.options table td:nth-child(9),
div.options table td:nth-child(11),div.options table td:nth-child(13),div.options table td:nth-child(15),div.options table td:nth-child(17),div.options table td:nth-child(19) {border-left:0;}



/*************** 상세페이지 ***************/
/* 뷰 타이틀 */
.SV_tit{font-size:12px; font-weight:bold; color:#333; margin:20px 10px 5px;}

/* 판매자정보 */
.SV_dealer{border-width:2px 1px 1px; border-style:solid; background:#fff; border-color:#333 #ccc #ccc; margin:0 10px 0;}
.SV_dealer table{}
.SV_dealer table th{}
.SV_dealer table td{line-height:1.6;}
.SV_dealer table td strong{}
.SV_dealer table td strong a{font-weight:bold; color:#F00!important; font-size:15px;}
.SV_dealer table td div.btn{margin-top:5px;}
.SV_dealer table td div.btn img{/*width:100px;*/}

/* 문자 */
.SV_sms{margin:20px 10px 10px; border:2px solid #ffbd02; border-radius:5px;}
.SV_sms div.tit{text-align:center; line-height:32px; font-size:15px; font-weight:bold; color:#fff; background:#ffbd02;}
.SV_sms div.textarea{margin:10px;}
.SV_sms div.textarea textarea{width:100%; height:90px; color:#fff; font-size:12px; background:#313438; border:0 none; border-radius:5px; overflow-y:scroll;}
.SV_sms div.cont{padding:0 10px 20px;}
.SV_sms div.cont table{padding:0 5px 0 0;}
.SV_sms div.cont table th, .SV_sms div.cont table td{font-weight:normal; font-size:12px; text-align:left;}
.SV_sms div.cont table th{width:50px;}
.SV_sms div.cont table td{text-align:center; padding:2px 0;}
.SV_sms div.cont table td input, .SV_sms div.cont table td select{width:100%; height:25px; line-height:25px; font-size:12px; color:#848484; background:#f7f7f7; border:1px solid #ccc;}
.SV_sms div.cont table td input{}
.SV_sms div.cont table td select{}
.SV_sms div.cont .btn{text-align:center; margin:10px 0 0;}
.SV_sms div.cont .btn button{width:90%; height:35px; font-size:15px; font-weight:bold; color:#fff; background:#ffbd02; box-shadow:0 3px #000; border-radius:3px; border:0;}

/* 상세 페이지 하단 고정 버튼2 -------------------------------------------------------------- */
.prdview_footBTN2{position:fixed; left:0; bottom:0; width:100%; background-color:rgba( 0, 0, 0, 0.6 );}
.prdview_footBTN2 .inner{font-size:0; width:380px; margin:15px auto; text-align:center;}
.prdview_footBTN2 .inner a{position:relative; display:inline-block; width:46%; margin:0 1%;}
.prdview_footBTN2 .inner img{width:100%;}
.prdview_footBTN2 .inner a span{position:absolute; right:0; top:-25px; width:35px;}
.prdview_footBTN2 .inner a span img{width:100%;}

@media (max-width:991px) {
	.prdview_footBTN2 .inner {
		width:90%
	}
}


/* 문자보내기 */
#sms span.txt_title { display:block; font-size:2em; font-weight:bold; border-bottom:2px solid #cc0000; padding:10px 0;}
#sms div.form { width:calc(100% - 20px); border:1px solid #ccc; border-radius:10px; background:#fff; padding:20px 10px; /*margin-top:20px;*/}
#sms ul.table { width:100%; font-size:14px; margin:0; }
#sms ul.table  li { width:100%; display:table; }
#sms ul.table > li.center { text-align:center; /*padding:20px 0 10px 0;*/}
#sms ul.table > li.center input[type=image] { width:75%; }
#sms ul.table > li.right {text-align: right; margin-top: 5px;}
#sms ul.table > li.right input[type=image] { width:100%; }
#sms ul.table span.th { display:table-cell; width:20%; text-align:center; font-weight:bold;}
#sms ul.table span.td { width:80%; }
#sms ul.table span.cell { width:30%; display:table-cell; }
#sms ul.table span.td span.term { display:table-cell; width:10px; }
#sms ul.table span.th.vt_t { vertical-align:top; }
#sms ul.table span.td textarea {width: 100%; height: 85px; padding: 5px; border: 1px solid #DCDCDC; box-sizing: border-box; border-radius: 0px; background:#999; color:#fff;}
#sms ul.table span.td input[type=text], #sms ul.table span.td select { width:100%; height:30px; }
#oc_phone2 { width:100%; }
#oc_phone3 { width:100%; }
#oc_name { width:100%; }


/*내차팔기,내차사기*/
#sellwrap {clear:both;width:100%;text-align:center;}
#sellwrap .box {width:100%;text-align:center;margin: 0 auto;clear:both;background-color:#f6f4f4;}
#sellwrap .cs_cust {font-size:12px;line-height:130%; width:80%;margin: 0 auto; margin-right:15%;}
#sellwrap .cs_cust .tbl {width:100%;}
#sellwrap .cs_cust .tbl tr{height:30px;margin:5px;}
#sellwrap .cs_cust input[type=text],.cs_cust textarea {border:1px solid #cacaca; padding:5px;width:100%}
#sellwrap .cs_cust .tbl .left{width:20%;text-align:center;}
#sellwrap .cs_cust .tbl .right{width:50%;margin-top:3px;}
#sellwrap .cs_cust .tbl .left {font-weight:bold;}
#sellwrap .cs_cust .tbl .right {padding-left:5px;}
#sellwrap .btn {margin:30px 0;}
#sellwrap .btn input {width:40%; margin-bottom:10%;}

/* 슬라이드 */
/********************************************************************** 구매절차 **********************************************************************/
.step {clear:both;}
.step .tbl {border-spacing:0px;margin: 35px 0;border-collapse:collapse; border-top:3px solid #000; border-bottom:1px solid #ddd; width:100%;}
.step .tbtn ul {height:30px; padding: 15px 0;}
.step .tbtn li { float:left; width: 48%; text-align: center; margin: 0 1%; background:#fff; line-height:30px; height:30px; overflow:hidden; border-radius: 10px; font-size:18px; border:1px solid #e5e5e5 !important; box-sizing:border-box;}
.step .tbtn li:last-child { border-right:0; }
.step .tbtn li a {font-size: 14px;}
.step .tbtn li.on a, .tbtn li a:hover{background-color:#ffbd02; color:#fff; display:block;}
