@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@charset "utf-8";
* {
	font-family:"Noto Sans KR", 'Malgun Gothic', '맑은고딕', '돋움', 'Dotum', 'Tahoma', "Arial", 'AppleGothic', 'sans-serif';
	font-weight: 300;
	margin:0; padding:0; border:0; outline:0; vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing:-0.75px;
}
#wrap {
	width: 100%;
	position: relative;
	padding-top: 80px;
}
#header {
	width: 100%;
	background:#1447da;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:999999;
}
#header > .inner {
	width:1280px;
	height:80px;
	position:relative;
	margin:0 auto;
}
#header .logo a {
	overflow:hidden;
	display:block;
	width:251px;
	height:80px;
	background: url(/jd_com_img/logo.png) no-repeat;
	text-indent:-999em;
}
#header .sch-wrap {
	position:absolute;
	left:251px;
	top:22px;
	width:240px;
	height:36px;
	border:1px solid #fff;
}
.sch-wrap input {
	width:204px;
	height:34px;
	color:#fff;
	background:#222427;
	padding:0 5px;
}
.sch-wrap button {
	position:absolute;
	left:205px;
	top:0;
	width:34px;
	height:34px;
	font-size:0;
	background: url(/jd_com_img/btn-sch.png) no-repeat;
	cursor:pointer;
}
#header .gnb-wrap {
	position:absolute;
	right:0;
	top:0;
}
.gnb-wrap li {
	float:left;
	position:relative;
}
.gnb-wrap li a {
	padding:0 25px;
	color:#fff;
	line-height:80px;
}
.gnb-wrap li a:hover {
	background:#0634b6;
}
.gnb-wrap li a:hover:before {
	content: " ";
    height: 0;
    width: 0;
    position: absolute;
    /* pointer-events: none; */
    left: 50%;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: .575em;
    bottom: -1px;
    margin-left: -0.575em;
}

.gnb-wrap .com-count {
	display:inline-block;
	position:absolute;
	top:25px;
	right:0;
	width:16px;
	height:16px;
	font-size:11px;
	color:#fff;
	text-align:center;
	line-height:16px;
	border-radius:8px;
	background: #d01818;
}
#header .mver {
	width:100%;
	display:none;
	position:relative;
}
#header .mver .mlogo{
	height:60px;
	text-align:center;
}
#header .mver .call_wrap{
	position:absolute;
	top:15px;
	right:15px;
}
#header .mver .ham_wrap{
	position:absolute;
	top:0;
	left:0;
}
#header .mgnb-wrap {
	height:45px;
	background:#212433;
}
.mgnb-wrap li {
	width:25%;
	float:left;
}
.mgnb-wrap li a{
	font-size:18px;
	color:#fff;
	line-height:45px;
	text-align:center;
}



#container {
	position:relative;
}
[class*="M-sec"] {
	overflow:hidden;
}
[class*="M-sec"] > .inner {
	width:1280px;
	position:relative;
	margin:0 auto;
}
.M-sec1 {
	padding:40px 0 30px 0;
}
.M-sec1 {
	background:#f5f5f5;
	margin-right:8px;
	
}
.M-sec1  [class*="main-"] {
	float:left;
}
[class*="M-sec"]  li {
	float:left;
}
.main-carkind {
	width:243px;
	margin-right:8px;
	background:#212433;
	border-top:1px solid #dae3eb;
	border-left:1px solid #dae3eb;
	overflow:hidden;
}
.main-carkind li {
	width:50%;
}
.main-carkind li a {
	position:relative;
	height: 121px;
	border-right:1px solid #dae3eb;
	border-bottom:1px solid #dae3eb;
	text-align:center;
}
.main-carkind li a img{
	padding:24px 0 8px 0;
}
.main-carkind li a p{
	font-size:14px;
	color:#888;
}
.main-carkind li a .caption {
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	/* height: 121px; */
	background-color: #ffcc01;
	
}
.main-carkind li a .caption  .catename{
	position:relative;
	display: table-cell;
    vertical-align: middle;
	width:121px;
	height:121px;
}
.main-carkind li a .caption  .catename p{
	font-size:20px;
	color:#fff;
}
/*
.main-carkind li:nth-child(2n) a {
	border-right:none;
}
.main-carkind ul li:nth-child(5) a,.main-carkind ul li:nth-child(6) a {
	border-bottom:none;
} */
.main-visual {
	width:740px;
	margin-right:9px;
}
.main-visual .caption {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:220px 0 0 25px;
	color:#fff;
	background:url(/jd_com_img/slider-mask.png) no-repeat;
}
.main-visual .caption .subject{
	font-size:30px;
	line-height:45px;
}
.main-visual .caption .feature{
	font-size:24px;
	
}
.main-counsel {
	width:280px;
	position:relative;
}
.main-counsel  li {
	width:50%;
}
.main-counsel .tabs-nav {
	overflow:hidden;
}
.main-counsel  .tabs-nav a {
	height:53px;
	font-size:16px;
	color:#888888;
	line-height:53px;
	text-align:center;
	background:#000;
}
.main-counsel  .tabs-nav a:hover, .main-counsel .tabs-nav a.active {
	background:#1350f8;
	color:#fff;
}
.main-counsel #agg-wrap {
	width:320px;
	position:absolute;
	right:20;
	bottom:20;
	background:#fff;
	border:1px solid #999;
	z-index:999;
	display:none;
}
.main-counsel .agwrap_title {
	position: relative;
    font-size: 14px;
    line-height: 23px;
    background-color: #e5e5e5;
    padding: 10px 10px;
}
.main-counsel .agwrap_title  span {
	position: absolute;
    right: 10px;
    top: 25%;
}
.main-counsel #agg-wrap .value {
	width: 320px;
	height:200px;
	font-size:12px;
	padding:10px;
    line-height: 20px;
    text-align: left;
	overflow:hidden;
	overflow-y:auto;
}
.main-counsel .value textarea{
	width:90%;
	height:250px;
	font-size:12px;
}
.panel-area {
	height:311px;
	padding:0 30px;
	background:#fff;
	border:1px solid #dae3eb;
	border-top:none;
}
.tabs-panel .panel-txt {
	font-size:13px;
	color:#83868c;
	padding:10px 0;
	line-height:19px;
}
.tabs-panel select {
	float:left;
	width:105px;
	height:54px;
	font-size:13px;
	color:#7d8a9c;
	padding:0 10px;
	margin-bottom:8px;
	background:#f5f5f5;
	border-bottom:1px solid #cad1d8;
}
.tabs-panel input[type=text] {
	width:100%;
	font-size:14px;
	color:#999;
	padding:12px 10px;
	margin-bottom:10px;
	background:#f5f5f5;
	border-bottom:1px solid #cad1d8;
}
.tabs-panel .btn-chk {
	width:100%;
	height:45px;
	font-size:18px;
	color:#fff;
	line-height:45px;
	background:#222427;
	text-align:center;
}
.tabs-panel .btn-chk:hover {
	background:#343953;
}
.chk-wrap {
	position:relative;
	margin-top:10px;
	cursor:pointer;
}
.chk-wrap .chk-agg {
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}
.chk-wrap i {
	display:block;
	float:left;
	width:21px;
	height:21px;
	background:url(/jd_com_img/ico-chk.gif) no-repeat;
	z-index:100;
}
.chk-wrap label {
	float:left;
	margin-left:10px;
	cursor: pointer;
	font-size:13px;
	color:#222427;
	padding-top:3px;
}
.chk-wrap input:checked+i {
	background-position: left bottom;
}
.chk-wrap .agg {
	position:absolute;
	top:0;
	right:0;
	width:20px;
	height:20px;
	border-radius:10px;
	background:#fdb813;
	font-size:13px;
	color:#fff;
	text-align:center;
	line-height:20px;
}
.mob-cate {
	display:none;
	width:100%;
	background:#f2f2f2;
	padding:0 5px;
	overflow:hidden;
}
.mob-cate li {
	float:left;
	width:33.3333%;
	background:#fff;
}
.mob-cate li a {
    position: relative;
    height: 80px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
}
.mob-cate li img{
	width:90%;
	padding-top:15px;
	box-sizing:border-box;
}
.mob-cate li p{
	font-size:14px;
	color:#333;
	word-break:keep-all;
}

[class*=M-sec] .rec-title{margin:20px 0;}
.ss-title {padding-bottom:15px;}
.M-sec2 {clear:both;}
.M-sec2 .rec-title {
	font-size:30px;
	
}
.main-carlist > ul > li {
	width:305px;
	margin-right:20px;
	margin-bottom:40px;
}
.main-carlist > ul > li:nth-child(4n) {
	margin-right:0;
}
.main-carlist > ul > li  a {
	overflow:hidden;
} 
.main-carlist li .img-wrap {
	width:100%;
	
	position:relative;
	margin-bottom:10px;
}
.main-carlist li .img-wrap img {
	width:100%;
}
.main-carlist li .img-wrap_cc img {
	width:305px;
	height:229px;
}
.main-carlist li .img-wrap .car-price {
	width:140px;
	height:40px;
	position:absolute;
	bottom:10px;
	right:10px;
	font-size:18px;
	color:#fff;
	text-align:center;
	line-height:40px;
	background:#cc0000;
}
.car-price span {
	font-size:14px;
}
.main-carlist li .info-wrap {
	width:100%;
	border:1px solid #e3e3e3;
	overflow:hidden;
}
.main-carlist li .subject {
	font-size:18px; 
	color:#000; 
	padding:5px 0;
}
.main-carlist li .hit {
	font-size:14px; 
	color:#999; 
	padding:5px 0;
	text-align:right;
}
.info-wrap {
	margin-bottom:10px;
}
.info-wrap li {
	/* padding:0 17px; */
	width:33.333%;
	height:40px;
	font-size:13px;
	color:#333;
	text-align:center;
	line-height:40px;
	border-right:1px solid #e3e3e3;
}
.info-wrap li:last-child {
	border-right:none;
}
.main-carlist li .car-name {
		font-size:18px;
		color:#000;
		font-weight:400;
		line-height:24px;
		margin-bottom:10px;
		word-break:keep-all;
}
.main-carlist li .car-desc {
		font-size:13px;
		color:#666;
		line-height:18px;
		word-break:keep-all;
}
.hname {font-weight:400;}
.mver-price {
	display:none; 
	border-top:1px solid #e3e3e3; 
	border-bottom:1px solid #e3e3e3; 
	background:#fff; 
	font-size:17px; 
	color:#cc0000; 
	font-weight:400; 
	line-height:40px; 
	padding-left:7px;
}

.M-sec5{}
.main-carlist2 > ul > li {
	width:410px;
	margin-right:24px;
	margin-bottom:25px;
	background:#f5f5f5;
}
.main-carlist2 > ul > li:nth-child(3n) {
    margin-right: 0;
}
.main-carlist2 li .img-wrap {
	float:left;
	width:181px;
	height:136px;
}
.main-carlist2 li .img-wrap img {
    width: 100%;
}
.main-carlist2 li .cnt-wrap {
	float:left;
	width:229px;
	padding:15px 10px 0 10px;
}
.cnt-wrap .car-name{
	font-size:16px;
	color:#000;
	word-break: keep-all;
}
.cnt-wrap .car-desc{
	font-size:13px;
	color:#666;
	line-height:18px;
	word-break: keep-all;
	padding:5px 0;
}
.cnt-wrap .car-data{
	display:none;
	font-size:13px;
	color:#333;
	line-height:24px;
	word-break: keep-all;
	padding:5px 0;
}
.cnt-wrap .car-price{
	font-size:16px;
	color:#cc0000;
	text-align:right;
}



.M-sec3 {
	height:690px;
	background:url(/jd_com_img/bg-main.gif) no-repeat;
	display:tabel-cell;
}
.M-sec3 .inner {
	padding:107px 72px;
}
.M-sec3  [class*="item-"] {
	float:left;
	height:476px;
}
.M-sec3 .item-l {
	width:783px;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.item-l .main-alllist {
	position:absolute;
	top:150px;
	/* left:80px; */
	opacity:0;
}
.main-alllist .all-title {
	font-size:40px;
	color:#000;
	font-weight:400;
}
.main-alllist .tit1 {
	font-size:14px;
	color:#999;
	padding:15px 0 40px 0;
}
.main-alllist li {
	width:120px;
	font-size:14px;
	color:#444;
	font-weight:400;
	margin-bottom:20px;
}
.M-sec3 .item-r {
	width:353px;
	position:relative;
	background:url(/jd_com_img/bg-main2.gif) no-repeat;
}
.item-r .main-banner {
	position:absolute;
	top:100px;
	left:25px;
	opacity:0;
}
.main-banner .war-title {
	font-size:40px;
	color:#ff0000;
	font-weight:400;
}
.main-banner .tit2 {
	font-size:15px;
	color:#fff;
	line-height:24px;
	padding:10px 0;
}
.main-banner ul {
	margin-top:30px;
}
.main-banner li {
	color:#fff;
	clear:both;
	padding-bottom:20px;
	margin-left:20px;
}
.main-banner li:before {
	background:url(/jd_com_img/ico-chker.png) no-repeat;
	width:20px;
	height:20px;
	padding-right:30px;
	content:'';
}
.hline {height:14px; background:url(/jd_com_img/hline.gif) no-repeat;}

.M-sec6 {clear:both; margin-top:30px;}
.M-sec7 {clear:both; margin-top:30px;}

.regist {width:100%;}
.regist table {width:100%; border-top:1px solid #e5e5e5;}
.regist table td {height:40px; border-bottom:1px solid #e5e5e5; padding:10px 0;}
.regist .Input_free {height:30px;}
.btarea {width:300px; text-align:center; margin:0 auto; padding:30px 0;}
.btarea a {display:inline-block; width:100px; height:40px; border-radius:5px; background:#000; text-align:center; font-size:16px; color:#fff; line-height:40px;}

#map_view {margin:0 auto; width:100%; height:540px;}
.view-container {width:100%;}
.view-container .line {height:20px; border-top:1px solid #999;}
.view-container a {color:#555;}
.view-container .title h2{text-align:center;}
.view-container .subject h2{font-size:18px;}
.view-container .txt {font-size:14px; color:#999; text-align:right; border-bottom:1px solid #999; padding-bottom:15px; margin-bottom:20px;}
.view-container .contents {margin-top:30px;}
.view-container .contents .market_l, .view-container .contents .market_r {float:left; width:50%;}
.view-container .contents [class*="market_"] li {float:left; width:50%; height:35px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#ebebeb; line-height:35px; padding-left:12px;}
.view-container .contents [class*="market_"] li.mt {background:#fff;}

.paging {clear:both; width:100%; text-align:center; margin-bottom:50px;}
.paging span {display:inline-block; width:37px; height:37px; line-height:37px; background:#fff; border:1px solid #e1e1e1; color:#999; margin-left:-1px;}
.paging span.nlk {color:#000;}
.paging a {display:inline-block; text-decoration:none; text-align:center; color:#ff0000;}

.visual-wrap {
	width:100%;
	height:408px;
	background:url(/jd_com_img/cslimg.jpg) 50% 50% no-repeat;
	background-size:cover;
}
.frm-wrap {
	width:850px;
	margin:0 auto;
	padding:50px 0;
	overflow:hidden;
}
.frm-wrap .frm-tit {
	font-size:40px;
}
.frm-wrap .frm-txt {
	font-size:18px;
	padding:10px 0 40px 0;
}
.frm-wrap .frm-l {
	float:left;
	width:400px;
	margin-right:25px;
}
.frm-wrap .frm-r {
	float:left;
	width:400px;
	margin-left:25px;
}
.frm-wrap input[type=text] {
	width: 100%;
    font-size: 14px;
    color: #999;
    padding: 25px 10px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border-bottom: 1px solid #cad1d8;
}
.frm-wrap .btn-chk {
	width: 100%;
    height: 67px;
    font-size: 18px;
    color: #fff;
    line-height: 67px;
    background: #222427;
    text-align: center;
}
#agg-wrap{
	clear:both;
	overflow:hidden;
	margin-bottom:40px;
}
#agg-wrap .value {
	width:100%;
	height:100px;
	font-size:12px;
	line-height:18px;
	padding:10px;
	border:1px solid #e5e5e5;
	overflow:hidden;
	overflow-y:auto;
}

#footer {
	width:100%;
	background:#222427;
	overflow:hidden;
}
#footer .inner {
	width:1280px;
	padding:0 25px;
	margin: 0 auto;
	position:relative;
}
#footer .inner .sns-wrap {
	position:absolute; 
	top:25px; 
	left:160px;
}
#footer .inner .sns-wrap .sns {
	float:left;
	padding:0 3px; 
}

#footer li {
	float:left;
	width:410px;
	font-size:14px;
	color:#ccc;
	padding-bottom:30px;
}
#footer .ftitle {
	height:70px;
	font-size:22px;
	color:#fff;
	font-weight:600;
	line-height:70px;
}
#footer .img-wrap, #fiiter .info {
	float:left;
}
#footer .img-wrap p {
	width:90px;
	height:90px;
	border-radius:45px;
	background:url(/jd_com_img/flogo.gif);
	margin:3px 40px 0 10px;
}
#footer .info-com p {
	line-height:24px;
}
#footer .info-com .fdata {
	display:inline-block;
	padding:3px 8px 0 0;
}
#footer .crit{
	clear:both; 
	height:50px;
	color:#888;
}

@media all and (min-width:1280px){
	.main-carlist li .img-wrap img{height:227px;}
}
@media all and (min-width:980px) and (max-width:1280px){
	#header > .inner {width:960px;}
	.M-sec1 {margin-right:0;}
	.M-sec1 .inner, .M-sec2 .inner, .M-sec5 .inner, .M-sec6 .inner, .M-sec7 .inner {width:960px;}
	.main-counsel {display:none;}
	.main-carkind {width:213px; margin-right:7px;}
	.main-visual {margin-right:0;}
	
	.main-carlist > ul > li {width: 225px;}

	.main-carlist2 > ul > li {width: 470px; margin-right:20px;	margin-bottom:15px;}
	.main-carlist2 > ul > li{margin:0;}
	.main-carlist2 > ul > li:nth-child(2n) {margin-left: 20px; margin-bottom:20px;}
	.main-carlist2 li .img-wrap {float:left; width:140px; height:101px;}
	.main-carlist2 li .cnt-wrap {float:left; width:170px; padding:5px 10px 0 10px;}
	.main-carlist2 li .cnt-wrap {width:330px;}
	.main-carlist li .img-wrap_cc img {	width:225px; height:169px;}
	.M-sec3 {height:470px;}
	.M-sec3 .inner {width:960px; padding:50px 0;}
	.M-sec3 [class*="item-"] {height:369px;}
	.M-sec3 .item-l {width:607px;}
	.item-l .main-alllist {left:0;}
	.M-sec3 .item-l img{width:100%;}
	.main-banner ul {margin-top:10px;}
}

@media all and (max-width:979px){
	#header > .inner {width:100%;}
	#header .pver {display:none;}
	#header .mver {display:block;}
	.main-counsel {display:none;}
	.M-sec1 {margin-right:0; padding: 25px 0 30px 0;}
	.M-sec1  [class*="main-"] {float:none;}
	.M-sec1 .inner {width:100%;}
	/* [class*="M-sec"]  li {	float:none;} */
	.main-carkind {width:100%;}
	.main-carkind li {width:16.666%;}
	.main-visual {width:100%;}
	.M-sec2 .inner, .M-sec6 .inner, .M-sec7 .inner {width:100%; padding:0 5px;}
	.main-carlist > ul > li {width: 50%; margin-right:0; padding:0 5px; box-sizing:border-box;}
	.main-carlist li .img-wrap_cc img {	width:100%;}
	.M-sec5 .inner {width:100%; padding:0 10px;}
	.main-carlist2 > ul > li {width: 100%; margin-bottom:15px;}
	/* .main-carlist2 li .img-wrap {width:20%;} */
	.main-carlist2 li .cnt-wrap {width:70%;}
	.main-carlist li .car-desc {height:45px;}
	.view-container .title{margin-top:30px; padding:0 10px;}
	.view-container .txt{padding-top:10px;}
	.view-container .contents {padding:0 15px;}
	.view-container .contents img{width:100%;}
	.frm-wrap {width:100%; padding:50px 15px;}
	.frm-wrap .frm-l {width:50%; margin:0; padding-right:10px;}
	.frm-wrap .frm-r {width:50%; margin:0;}
	.M-sec3 {display:none;}
	#footer li.visit {display:none;}
}
@media all and (max-width:768px){
	/*.main-carlist li .img-wrap img {width:361px; height:270px;} */
	.main-carlist li .car-desc {height:45px;}
	.M-sec6, .M-sec7 {display:none;}
	.view-container .contents .market_l, .view-container .contents .market_r {float:none; width:100%;}
	.view-container .contents [class*="market_"] li {float:none; width:100%;}
}
@media all and (max-width:640px){
	.main-carkind {display:none;}
	.M-sec2 {background:#f2f2f0;}
	.M-sec2 .inner {padding:0 3px;}
	/* .M-sec2 .rec-title {font-size: 20px;} */
	.main-carlist > ul > li {padding:0 3px; margin-bottom:8px;}
	.main-carlist li .car-name {font-size:16px; background:#fff; margin-bottom:0; padding:0 0 4px 6px;}
	.main-carlist li .img-wrap {}
	.M-sec2 .hname, .M-sec2 .car-desc, .M-sec2 .car-price, .M-sec5 .hname {display:none;}
	.mver-price {display:block;}
	.main-carlist li .info-wrap {border:none;}
	.main-carlist li .img-wrap {margin-bottom:0;}
	.info-wrap {margin-bottom:0; margin-top:0; background:#fff; padding:8px 0 4px 4px;}
	.info-wrap li {padding:0; width:auto; height:20px; line-height:20px; border-right:none;}
	.info-wrap li:before {content:"·"}
	#map_view {height:340px;}
	/* .M-sec5 {display:none} */
	.main-carlist2 li .img-wrap {width: 120px; height: 90px;}
	.main-carlist2 li .cnt-wrap {width:60%;}
	.cnt-wrap .car-desc{display:none;}
	.cnt-wrap .car-data{display:block;}
	.hline {display:none;}
	.mob-cate {display:block}
	.M-sec1 {padding-bottom:0;}
	#footer li {float:none;}
	#footer li.visit {display:none;}
}
@media all and (max-width:480px){
	.M-sec2 .inner {max-width:400px;}
	.main-carlist > ul > li {width:100%;}
	.main-carlist li .car-name {height:35px;}
	.visual-wrap {display:none;}
	.frm-wrap {width:100%; padding:50px 15px;}
	.frm-wrap .frm-l {float:none; width:100%;}
	.frm-wrap .frm-r {width:100%;}
	.main-visual .caption {padding:80px 0 0 25px;}
	.main-visual .caption .subject {display:none}
	.main-visual .caption .feature {font-size:18px; font-weight:500;}
	#footer .inner {float:none; padding:0 5px;}
}
@media all and (max-width:400px){
	#footer .img-wrap p {margin-left:-140px;}
}