/* 스마트바이 메인 */
.smartbuy-main
{
	padding: 0 !important;
}

.smartbuy-main h2
{
	margin-bottom: 60px;
	line-height: 1;
}

.smartbuy-main section
{
	position: relative;
	padding: 100px 0;
}

.smartbuy-main section:not(.bg-gray) + section:not(.bg-gray)
{
	padding-top: 120px;
}

.smartbuy-main .hot-deal+.hot-deal
{
	padding-top: 0;
}

.smartbuy-main .section-title
{
	height: 45px;
	line-height: 1;
	color: #000;
	font-weight: 500;
	font-size: 27px !important;
}

.smartbuy-main .section-title small
{
	font-weight: 300;
	color: #888;
}

.smartbuy-main .inner-wrap
{
	position: relative;
}

.smartbuy-main .inner-wrap + .inner-wrap
{
	margin-top: 80px;
}

.smartbuy-main .btn.link
{
	position: absolute;
	top: 40px;
	right: 0;
	color: #000;
}

.smartbuy-main .inner-wrap .btn.link
{
	top: 0;
}
/* 메인 배너 영역 */
.smartbuy-main .visual-banner
{
	overflow: hidden;
	height: 440px;
	padding: 0;
}

.smartbuy-main .visual-banner img
{
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.smartbuy-main .visual-banner .slick-dots
{
	bottom: auto;
	top: 400px;
}

.smartbuy-main .visual-banner .slick-arrow
{
	width: 40px;
	height: 40px;
	left: 50%;
	text-indent: -9999px;
	z-index: 10;
	border: 1px solid #777;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.smartbuy-main .visual-banner .slick-prev
{
	margin-left: -600px;
	background: url(/resources/images/main/sec2_arrow_left.png) no-repeat 50% 50%;
}

.smartbuy-main .visual-banner .slick-next
{
	margin-left: 560px;
	background: url(/resources/images/main/sec2_arrow_right.png) no-repeat 50% 50%;
}

.smartbuy-main .visual-banner .slick-disabled
{
	opacity: .5;
}

.smartbuy-main .car-slider
{
	height: 222px;
	padding: 0 190px 0 35px;
}

.smartbuy-main .car-slider:after
{
	content: '';
	position: absolute;
	bottom: 72px;
	right: 0;
	width: 80px;
	height: 80px;
	background: #4c5bae;
	border-radius: 50%;
}

.smartbuy-main .car-slider .slick-slide
{
	width: 325px;
	display: table;
}

.car-slider .slick-slide>dl
{
	display: table-cell;
	height: 222px;
	vertical-align: middle;
	color: #fff;
}

.car-slider .slick-slide>dl>dt
{
	padding-bottom: 10px;
	font-size: 24px;
	opacity: .5;
	text-align: center;
}

.car-slider dl dl
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 190px;
	margin: 0 auto;
	font-size: 17px;
	font-weight: 300;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.car-slider dd>dl>*
{
	width: 50%;
	line-height: 36px;
}

.car-slider dd>dl>dt
{
	opacity: .5;
}

.car-slider dd>dl>dt:before
{
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-right: 10px;
	background: #fff;
	vertical-align: 5px;
}

.car-slider dd dd
{
	text-align: right;
}

.car-slider dd span
{
	opacity: .5;
}

.car-slider .num
{
	font-size: 30px;
	opacity: 1;
	vertical-align: middle;
}

.car-slider .num em
{
	color: #46fff8;
}

.smartbuy-main .car-slider .slick-arrow
{
	width: 44px;
	padding-top: 44px;
	margin-top: -22px;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	background: url(/resources/images/bg/bg_btn_car_navi.png);
	border: 0;
}

.smartbuy-main .car-slider .slick-prev
{
	left: auto;
	right: 125px;
}

.smartbuy-main .car-slider .slick-next
{
	right: 50px;
	background-position: 0 -44px;
}

/* 스마트 바이 메인 : 키워드 탭 */
.smartbuy-main .keyword-scroll
{
	position: relative;
	margin: 17px 0 60px;
	padding-right: 71px;
}

.smartbuy-main .keyword-scroll>div
{
	overflow: hidden;
	height: 36px;
}

.smartbuy-main .keyword-scroll .tab-btn:after
{
	content: '';
	position: absolute;
	z-index: 2;
	right: 71px;
	top: 0;
	width: 60px;
	height: 36px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(30%, rgba(255,255,255,1)),to(rgba(255,255,255,1)));
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%);
}

.smartbuy-main .keyword-scroll .tab-btn.scrolled:before
{
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 50px;
	height: 36px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

.smartbuy-main .keyword-scroll ul
{
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: -webkit-transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 1s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
}

.smartbuy-main .keyword-scroll ul:after
{
	content: '';
	display: block;
	clear: both;
}

.smartbuy-main .keyword-scroll li
{
	float: left;
}

.smartbuy-main .keyword-scroll li + li
{
	padding-left: 6px;
}

.smartbuy-main .keyword-scroll li>*
{
	position: relative;
	display: block;
	height: 36px;
	border: 1px solid #ccc;
	border-radius: 18px;
	padding: 0 20px;
	line-height: 33px;
}

.smartbuy-main .keyword-scroll li>*.on
{
	border-color: #00A5E5;
	color: #00A5E5;
}

.smartbuy-main .keyword-scroll>button
{
	position: absolute;
	top: 0;
	z-index: 1;
	overflow: hidden;
	width: 36px;
	height: 0;
	padding-top: 34px;
	border: 1px solid #ccc;
}

.smartbuy-main .keyword-scroll>.btn-prev
{
	right: 35px;
	background: url(/resources/images/main/sec2_arrow_left.png) no-repeat;
	background-size: cover;
}

.smartbuy-main .keyword-scroll>.btn-next
{
	right: 0;
	background: url(/resources/images/main/sec2_arrow_right.png) no-repeat;
	background-size: cover;
}

/* 서프라이즈 기본카 핫딜 */
.card-view-list.big-card > ul > li
{
	overflow: hidden;
	float: none;
	margin-left: 0;
}

.card-view-list.big-card .car-thumbnail
{
	float: left;
	width: 590px;
	height: 388px;
}

.card-view-list.big-card .car-thumbnail img
{
	width: 118%;
}

.card-view-list.big-card li:hover .quality-rating
{
	background: #fff;
}

.card-view-list.big-card li:hover .quality-rating>*
{
	color: #888 !important;
}

.card-view-list.big-card li:hover .quality-rating>*:before
{
	background: #888;
}

.card-view-list.big-card .selling-point
{
	left: 40px;
	font-size: 18px;
}

.big-card .car-info-box
{
	float: right;
	width: -webkit-calc(100% - 590px);
	width: calc(100% - 590px);
}

.big-card .car-info-box .car-info
{
	height: 388px;
	padding: 30px 60px;
	border: 0;
	background: #fff;
}

.big-card .car-info-box .badge
{
	padding: 0;
}

.big-card .car-info-box .logo-title
{
	padding-left: 60px;
	font-weight: 100;
	font-size: 16px;
	color: #888;
	line-height: 24px;
}

.big-card .car-info-box .car-model
{
	padding: 35px 0 0;
}

.big-card .car-info-box .car-model b
{
	font-size: 27px;
	line-height: 31px;
}

.big-card .car-info-box .car-model small
{
	font-weight: 400;
	color: #000;
	font-size: 24px;
	line-height: 31px;
}

.big-card .car-info-box .car-status
{
	font-weight: 400;
	padding-left: 0;
	font-size: 18px;
}

.big-card .car-info-box .car-price
{
	padding: 0;
	margin-top: 10px;
}

.big-card .car-info-box .price-info
{
	text-align: left;
}

.car-info-box .price-info .price
{
	font-weight: 500;
	font-size: 30px;
}

.car-info-box .price-info .price .num
{
	font-size: 36px;
}

.car-info-box .price-info .price-save
{
	padding-left: 15px;
	font-size: 18px;
	color: #444d97;
	line-height: 45px;
	vertical-align: top;
}

.car-info-box .price-info .price-save .del
{
	position: relative;
	color: #888;
}

.car-info-box .price-info .price-save .del:after
{
	position: absolute;
	top: 14px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #888;
	content: '';
}

.car-info-box .price-info .price-save .del .num
{
	font-size: 20px;
}

.big-card .car-info-box .discount
{
	font-weight: 400;
	font-size: 18px;
	text-align: left;
}

.big-card .car-info-box .quality-rating
{
	position: static;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	margin-top: 32px;
	padding: 30px 0 0;
}

.big-card .car-info-box .quality-rating > *
{
	font-size: 18px;
	color: #888;
}

.big-card .car-info-box .quality-rating  li
{
	min-width: 113px;
	text-align: left;
}

.big-card .car-info-box .quality-rating .eng
{
	margin-left: 6px;
	font-size: 21px;
	color: #000;
}

.hot-deal.b-type .big-card,
.hot-deal.b-type .big-card
{
	float: left;
	width: 588px;
	margin-bottom: 0 !important;
}

.hot-deal.b-type .card-view-list.big-card .car-thumbnail,
.hot-deal.c-type .card-view-list.big-card .car-thumbnail
{
	float: none;
	width: auto;
}

.hot-deal.b-type .car-info-box,
.hot-deal.c-type .car-info-box
{
	float: none;
	width: auto;
}

.hot-deal.b-type .big-card .car-info-box .car-info,
.hot-deal.c-type .big-card .car-info-box .car-info
{
	height: 557px;
	padding: 60px;
}

.hot-deal.b-type .big-card .car-info-box .car-info .quality-rating,
.hot-deal.c-type .big-card .car-info-box .car-info .quality-rating
{
	margin-top: 145px;
}

.hot-deal.b-type .card-view-list.col4>ul>li:first-child
{
	margin-left: 24px;
}

.hot-deal.b-type .card-view-list.col4>ul>li:nth-child(3),
.hot-deal.b-type .card-view-list.col4>ul>li:nth-child(4),
.hot-deal.c-type .card-view-list.col4>ul>li:nth-child(3),
.hot-deal.c-type .card-view-list.col4>ul>li:nth-child(4)
{
	margin-top: 24px;
}

.hot-deal.c-type .big-card
{
	float: right;
	width: 588px;
}

.hot-deal.c-type .card-view-list.col4>ul>li:nth-child(3)
{
	margin-left: 0;
}

/* 스마트바이 서브메인 */
.smartbuy-main .key-word-box
{
	position: relative;
}

.smartbuy-main .key-word-box .bg
{
	position: absolute;
	z-index: 2;
	right: 71px;
	top: 0;
	width: 40px;
	height: 36px;
	box-shadow: inset -30px 0px 15px 0px rgba(255,255,255,1);
}

.smartbuy-main .key-word-box .slick-slider
{
	z-index: 1;
	margin-top: 17px;
	margin-bottom: 60px;
	padding-right: 71px;
}

.smartbuy-main .key-word-box .slick-slider .slick-slide
{
	margin-left: 6px;
}

.smartbuy-main .key-word-box .slick-slider .slick-slide button
{
	height: 36px;
	border: 1px solid #ccc;
	border-radius: 18px;
	padding: 0 20px;
}

.smartbuy-main .key-word-box .slick-slider .slick-slide button.on
{
	border-color: #00A5E5;
	color: #00A5E5;
}

.smartbuy-main .key-word-box .slick-slider .slick-dots
{
	display: none !important;
}

.smartbuy-main .key-word-box .slick-slider .slick-arrow
{
	top: 16px;
	left: auto;
	right: 0;
	width: 36px;
	padding-top: 34px;
	border: 1px solid #ccc;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background: #fff;
}

.smartbuy-main .key-word-box .slick-slider .slick-arrow:before
{
	content: "";
	position: absolute;
	top: 12px;
	left: 15px;
	width: 10px;
	height: 10px;
	border-left: 1px solid #555;
	border-bottom: 1px solid #555;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.smartbuy-main .key-word-box .slick-slider .slick-prev
{
	right: 35px;
}

.smartbuy-main .key-word-box .slick-slider .slick-next:before
{
	left: 10px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.smartbuy-main .key-word .btn.link
{
	top: 280px;
}

.smartbuy-main .card-view-list.type2
{
	margin-bottom: 50px;
}

.recommended-car + .recommended-car
{
	border-top: 1px solid #e5e5e5;
}

/* 금융존 */
.finance-zone h2
{
	position: relative;
	z-index: 1;
}

.finance-zone h2 strong
{
	color: #fff;
}

.finance-zone .bg
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.finance-zone .ui-tab>ul
{
	position: relative;
	z-index: 1;
	width: 1200px;
	margin: 0 auto;
}

.finance-zone .ui-tab>ul>li
{
	border: 0;
	background-color: #fff;
}

.finance-zone .ui-tab>ul>li:not(.on) + li:not(.on)
{
	border-left: 1px solid #e5e5e5;
}

.finance-zone .ui-tab .tab a img
{
	margin: -3px 6px 0 0;
	vertical-align: middle;
}

.finance-zone .ui-tab .tab .on a
{
	color: #000;
}

.finance-zone .cont>div
{
	padding-bottom: 40px;
}

.finance-zone .copy-text
{
	position: relative;
	z-index: 1;
	height: 127px;
	padding-top: 50px;
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	color: #fff;
	line-height: 30px;
}

.finance-zone .copy-text>*
{
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
}

.finance-zone .copy-text .quote
{
	margin-top: 10px;
	font-size: 70px;
	font-family: arial;
}

.finance-zone .card-view-list
{
	position: relative;
	z-index: 1;
	width: 1200px;
	margin: 0 auto;
}

.finance-zone .more
{
	position: absolute;
	bottom: 58px;
	left: 50%;
	z-index: 1;
	display: block;
	width: 251px;
	height: 22px;
	margin: 0 auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* 카드형 뷰 리스트 */
.card-view-list.type2
{
}

.card-view-list.type2 .car-thumbnail
{
	height: 415px;
}

.card-view-list.type2 li:not(.sold-out) .car-thumbnail:before
{
	display: none;
}

.card-view-list.type2 .slick-slide
{
	width: 282px;
	height: 415px;
	background-color: #f8f8f8;
}

.card-view-list.type2 .slick-slide + .slick-slide
{
	margin-left: 24px;
}

.card-view-list.type2 .car-info .car-model
{
	padding: 0;
	text-align: center;
}

.card-view-list.type2 .car-info:not(.cover)
{
	height: auto;
	padding: 38px 0 40px;
	text-align: center;
	border: none;
}

.card-view-list.type2 .car-info:not(.cover) span
{
	display: block;
	color: #888;
}

.card-view-list.type2 .car-info:not(.cover) .car-model
{
	height: 62px;
	font-size: 24px;
	color: #000;
	background-color: transparent;
}

.card-view-list.type2 .car-info:not(.cover) .car-model:first-child
{
	font-size: 21px;
}

.card-view-list.type2 .car-info:not(.cover) .car-model + img
{
	height: 190px;
	margin-top: -32px;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.card-view-list.type2 .car-info:not(.cover) .car-model + span
{
	margin-top: 7px;
}

.card-view-list.type2 .car-info.cover
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	padding: 40px 0 50px;
	color: #fff;
	text-align: center;
	background-color: #00A5E5;
	opacity: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.card-view-list.type2 .car-info.cover>*
{
	background-color: transparent;
}

.card-view-list.type2 .car-info.cover .btn-pick
{
	position: relative;
	width: 50px;
	height: 50px;
	margin: 0 auto 25px;
	padding-top: 50px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
}

.card-view-list.type2 .car-info.cover .btn-pick:before
{
	background-position: 0 -80px;
}

.card-view-list.type2 .car-info.cover .btn-pick.on:before
{
	background-position: 0 -20px;
}

.card-view-list.type2 .car-info.cover .car-model
{
	margin-bottom: 27px;
	font-size: 27px;
	line-height: 1;
}

.card-view-list.type2 .car-info.cover .car-status
{
	padding: 2px 0;
	color: #fff;
}

.card-view-list.type2 .car-info.cover .car-status.em
{
	font-size: 13px;
	color: #46fff8;
}

.card-view-list.type2 .car-info.cover .car-status.em>* + *:before
{
	background-color: #46fff8;
}

.card-view-list.type2 .car-info.cover .car-price
{
	margin: 16px 0 20px;
	padding: 0;
	font-size: 27px;
	text-align: center;
}

.card-view-list.type2 .car-info.cover .btns
{
	display: table;
	opacity: 1;
}

.card-view-list.type2 ul li:hover:before,
.card-view-list.type2 ul li:hover:after,
.card-view-list.type2 ul li:hover .car-info:before,
.card-view-list.type2 ul li:hover .car-info:after
{
	display: none;
	background: transparent;
}

.card-view-list.type2 ul li:hover .car-info.cover
{
	opacity: 1;
}

.card-view-list.type2 ul li:hover .car-info.cover .btns
{
	bottom: 0;
}

.card-view-list.type2 .slick-slider .slick-arrow
{
	width: 24px;
	padding-top: 22px;
	margin-top: -11px;
	border-color: #bbb;
}

.card-view-list.type2 .slick-slider .slick-prev
{
	left: -37px;
}

.card-view-list.type2 .slick-slider .slick-next
{
	right: -37px;
}

.card-view-list.type2 .slick-slider .slick-dots
{
	bottom: -60px;
}

.card-view-list.type2 .slick-slider .slick-disabled
{
	display: none !important;
}

.card-view-list.type2 .slick-slider .slick-dots>li
{
	background-color: transparent;
}

.card-view-list.type2 .slick-slider .slick-dots>li + li
{
	margin-left: 10px;
}

.card-view-list.type2 .slick-slider .slick-dots>li button
{
	width: 40px;
	height: 0;
	padding-top: 2px;
	background-color: #000;
	border-radius: 0;
	color: transparent;
}

@media screen and (max-width: 1335px)
{
	.card-view-list.type2 .slick-slider .slick-prev
	{
		left: -26px;
	}

	.card-view-list.type2 .slick-slider .slick-next
	{
		right: -26px;
	}
}

/* 차량 비교 drag ui 디자인 적용 */
.dragtable-sortable
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	-moz-user-select: none;
	z-index: 10;
}

.dragtable-sortable li
{
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1em;
	background: white;
}

.dragtable-sortable th, .dragtable-sortable td
{
	border-left: 0px;
}

.ui-sortable-helper
{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.ui-sortable-placeholder
{
	box-shadow: 4px 5px 4px #C6C6C6 inset;
	visibility: visible !important;
	background: #EFEFEF !important;
	visibility: visible !important;
}

.ui-sortable-placeholder *
{
	opacity: 0.0;
	visibility: hidden;
}

c
.dragtable-sortable
{
	z-index: 100;
}

/* 스마트 바이 차량비교 */
#contents section.car-compare
{
	width: 1199px;
}

.smartbuy-header + #container > .smartbuy
{
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.smartbuy-header
{
	position: relative;
	background: #444d97;
}

.smartbuy-header .top-content
{
	position: relative;
	width: 1200px;
	height: 92px;
	margin: 0 auto;
}

.smartbuy-header .info-area
{
	float: left;
	margin-top: 18px;
}

.smartbuy-header .info-area .logo
{
	position: static;
	display: inline-block;
	width: 200px;
	height: 61px;
	background: url(/resources/images/icon/smartbuy_logo.png) no-repeat 0 0;
	text-indent: -9999px;
	vertical-align: top;
}

.smartbuy-header .info-area .txt
{
	display: inline-block;
	position: relative;
	margin: 10px 0 0 15px;
	padding-left: 15px;
	font-size: 21px;
	line-height: 35px;
	color: #fff;
}

.smartbuy-header .info-area .txt::before
{
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 1px;
	height: 19px;
	background: #a2a6cb;
}

.smartbuy-header .btn-area
{
	float: right;
	margin-top: 28px;
}

.smartbuy-header .btn-area .select-box
{
	float: left;
}

.smartbuy-header .btn-area .select-box > *
{
	display: inline-block;
	margin-left: 30px;
	font-size: 14px;
	font-weight: 300;
	line-height: 35px;
	color: #c7ccfc;
}

.smartbuy-header .btn-area .select-box .on a , .smartbuy-header .btn-area .select-box .on .txt
{
	color: #fff;
}

.smartbuy-header .btn-area .select a
{
	float: left;
	margin-left: 30px;
	font-size: 14px;
	font-weight: 300;
	line-height: 35px;
	color: #c7ccfc;
}

.smartbuy-header .btn-area .txt
{
	float: left;
	margin-right: 10px;
}

.smartbuy-header .btn-area .up
{
	position: relative;
	float: left;
	width: 18px;
	height: 18px;
	margin-top: 8px;
	border: 1px solid #212968;
	text-indent: -9999px;
}

.smartbuy-header .btn-area .up::before
{
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 4px solid #fff;
}

.smartbuy-header .btn-area .down
{
	position: relative;
	float: left;
	width: 18px;
	height: 18px;
	margin-top: 8px;
	border: 1px solid #212968;
	border-left: 0;
	text-indent: -9999px;
}

.smartbuy-header .btn-area .down::before
{
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 4px solid #fff;
}

.smartbuy-header .btn-area .ask-btn
{
	float: left;
	width: 110px;
	height: 35px;
	margin-left: 30px;
	border: 1px solid #fff;
	font-size: 14px;
	font-weight: 300;
	line-height: 33px;
	text-align: center;
	color: #fff;
}

.car-compare
{
	position: relative;
	border-top: 2px solid #333;
}

.car-compare img
{
	pointer-events: none;
}

.car-compare .compare-list
{
	width: 200px;
	color: #555;
	font-weight: 300;
}

.car-compare .compare-list .car-info
{
	width: 200px;
}

.car-compare .compare-list .car-info thead th
{
	height: 164px !important;
}

.car-compare .compare-list .car-info th
{
	padding-right: 20px;
	border-right: 1px solid #e5e5e5;
	background: #fafafa;
	vertical-align: top;
}

.car-compare .compare-list .car-info td
{
	border-right: 1px solid #e5e5e5;
}

.car-compare .compare-list .car-info th img
{
	width: 100%;
}

.car-compare .compare-list .car-info thead th
{
	padding-right: 0;
}

.car-compare .rolling-wrap
{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 200px;
	right: 0;
	width: 999px;
	min-height: 500px;
}

.car-compare .rolling-wrap > .notice-txt
{
	display: none;
	position: absolute;
	right: 25px;
	top: 310px;
	width: 200px;
	padding-top: 63px;
	background: url(/resources/images/icon/icon_car.png) no-repeat center 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
	text-align: center;
	color: #555;
}

.car-compare .wrap
{
	position: relative;
	left: 0;
}

.car-compare .car-info th,.car-compare .car-info td
{
	padding: 8px 25px;
	line-height: 24px;
	text-align: left;
	font-weight: 300;
	box-sizing: content-box;
	letter-spacing: -1px;
}

.car-compare .car-info thead th
{
	position: relative;
	padding: 0;
	border-bottom: 1px solid #e5e5e5;
}

.car-compare .car-info tbody tr:nth-child(1)>*
{
	padding-top: 26px;
}

.car-compare .car-info .thumbnail
{
	overflow: hidden;
	position: relative;
	display: block;
	width: 249px;
	height: 164px;
}

.car-compare .car-info .thumbnail img
{
	position: relative;
	left: 50%;
	max-width: inherit;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	vertical-align: top;
}

.car-compare .car-info .btn-del
{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 24px;
	height: 0;
	padding-top: 24px;
	background: #000;
}

.car-compare .car-info .btn-del:before,
.car-compare .car-info .btn-del:after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 13px;
	height: 1px;
	margin: -1px 0 0 -6px;
	background: #fff;
}

.car-compare .car-info .btn-del:before
{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.car-compare .car-info .btn-del:after
{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.car-compare .toggle-bar>*
{
	position: relative;
	height: 76px;
	padding: 0 !important;
}

.car-compare .toggle-bar div
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 1200px;
	height: 76px;
	padding-left: 25px;
	background: #fff;
	border-top: 2px solid #333;
	border-bottom: 1px solid #e5e5e5;
}

.car-compare .toggle-bar div>*
{
	display: inline-block;
	line-height: 76px;
}

.car-compare .toggle-bar .btn-toggle
{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 105px;
	height: 0;
	padding-top: 73px;
	background: url(/resources/images/bg/bg_faq_toggle_off.png) no-repeat 50% 50%;
}

.car-compare .toggle-bar .btn-toggle.open
{
	background-image: url(/resources/images/bg/bg_faq_toggle_on.png);
}

.car-compare .toggle-bar b
{
	font-size: 18px;
	font-weight: 500;
}

.car-compare .toggle-bar a
{
	margin-left: 40px;
	color: #888;
}

.car-compare .toggle-bar a.on
{
	color: #00A5E5;
}

.car-compare .toggle-bar a:before
{
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-right: 5px;
	background: #888;
	vertical-align: middle;
}

.car-compare .toggle-bar a.on:before
{
	background: #00A5E5;
}

.car-compare .toggle-bar.close a
{
	display: none;
}

.car-compare .toggle-bar.open a
{
	display: inline-block;
}

.car-compare .car-info .toggle1>*,
.car-compare .car-info .toggle2>*
{
	padding: 15px 25px;
	border-bottom: 1px solid #e5e5e5;
}

.car-compare .car-info .toggle2>td
{
	text-align: center;
}

.car-compare .car-info .bg>*
{
	font-weight: 400;
	background: #f2f2f9 !important;
}

.car-compare .btn-navi
{
	display: none;
	position: absolute;
	top: 76px;
	z-index: 1;
	overflow: hidden;
	width: 21px;
	height: 0;
	padding-top: 21px;
	margin-top: -16px;
	border-left: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
}

.car-compare .btn-navi.prev
{
	left: -20px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.car-compare .btn-navi.next
{
	right: -20px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.fixed-header
{
	width: 1200px;
}

.fixed-header .car-info
{
	position: fixed;
	top: 0;
	width: 1200px;
	background: #fff;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.fixed-header .car-info th
{
	background: #fafafa;
	border-bottom: 1px solid #e5e5e5;
}

.fixed-header .car-info tr:nth-child(1)>th
{
	width: 150px;
}

.fixed-header .car-info tr:nth-child(2)>td
{
	padding-top: 0;
	padding-bottom: 26px;
	border-left: 1px solid #e5e5e5;
	font-size: 14px;
	color: #888;
	border-bottom: 1px solid #e5e5e5;
}

.fixed-header .car-info tr>*+*
{
	border-left: 1px solid #e5e5e5;
}

.fixed-header.on .car-info
{
	opacity: 1;
	z-index: 10000;
}

.fixed-header.fixed .car-info
{
	display: block;
}

.fixed-header.fixed .btn-navi
{
	top: 55px;
}

.fixed-header .car-info tbody tr:nth-child(1)>th
{
	padding-top: 8px !important;
}

.drag-table
{
	position: relative;
	left: 0;
/*opacity: 0;transition: opacity 0.5s ease;*/;
}
/* .drag-table.on {opacity: 1;} */
.drag-table thead th
{
	width: 250px;
	border-right: 1px solid #e5e5e5;
	cursor: move;
}

.drag-table tbody td
{
	width: 250px;
	border-right: 1px solid #e5e5e5;
}
/* .drag-table thead th img {width: 100%;height: 180px;} */
.drag-table thead th:last-child
{
	border-right: 1px solid #e5e5e5;
}

.drag-table tbody td:last-child
{
	border-right: 1px solid #e5e5e5;
}


/* 스마트바이 > 전체차량보기 */
.smartbuy .bg-gray
{
	margin-top: -57px;
	padding-top: 60px;
}

.car-all-list
{
	position: relative;
	min-height: 880px;
	padding-left: 150px;
}

.car-value-set
{
	position: relative;
	margin-top: -20px;
	padding-right: 125px;
}

.car-value-set .btn
{
	padding: 20px 25px 20px 0;
	font-weight: 300;
	line-height: 1;
	background: url(/resources/images/icon/ico_del.png) no-repeat 100% 50%;
	color: #000;
}

.car-value-set .btn + .btn
{
	margin-left: 40px;
}

.car-value-set .btn.reset
{
	position: absolute;
	top: 50%;
	right: 0;
	padding: 0 20px 0 45px;
	background: url(/resources/images/icon/icon_reset.png) no-repeat 18px 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.car-all-list .keyword-scroll
{
	position: relative;
	padding-right: 71px;
	padding-bottom: 30px;
}

.car-all-list .keyword-scroll>div
{
	overflow: hidden;
	height: 36px;
}

.car-all-list .keyword-scroll .tab-btn:after
{
	content: '';
	position: absolute;
	z-index: 2;
	right: 71px;
	top: 0;
	width: 60px;
	height: 36px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(240,240,240,0)),color-stop(30%, rgba(240,240,240,1)),to(rgba(240,240,240,1)));
	background: linear-gradient(to right, rgba(240,240,240,0) 0%,rgba(240,240,240,1) 30%,rgba(240,240,240,1) 100%);
}

.car-all-list .keyword-scroll .tab-btn.scrolled:before
{
	content: '';
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 50px;
	height: 36px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(240,240,240,1)),to(rgba(240,240,240,0)));
	background: linear-gradient(to right, rgba(240,240,240,1) 0%,rgba(240,240,240,0) 100%);
}

.car-all-list .keyword-scroll ul
{
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: -webkit-transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
	transition: transform 1s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 1s cubic-bezier(0.77,0.2,0.05,1.0);
}

.car-all-list .keyword-scroll ul:after
{
	content: '';
	display: block;
	clear: both;
}

.car-all-list .keyword-scroll li
{
	float: left;
}

.car-all-list .keyword-scroll li + li
{
	padding-left: 6px;
}

.car-all-list .keyword-scroll li>*
{
	position: relative;
	display: block;
	height: 36px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 18px;
	padding: 0 20px;
	line-height: 33px;
	font-weight: 300;
}

.car-all-list .keyword-scroll li>*.on
{
	border-color: #00A5E5;
	background: #00A5E5;
	color: #fff;
}

.car-all-list .keyword-scroll>button
{
	position: absolute;
	top: 0;
	z-index: 1;
	overflow: hidden;
	width: 36px;
	height: 0;
	padding-top: 34px;
	border: 1px solid #ccc;
}

.car-all-list .keyword-scroll>.btn-prev
{
	right: 35px;
	background: url(/resources/images/main/sec2_arrow_left.png) no-repeat;
	background-size: cover;
}

.car-all-list .keyword-scroll>.btn-next
{
	right: 0;
	background: url(/resources/images/main/sec2_arrow_right.png) no-repeat;
	background-size: cover;
}

.car-all-list .board-sort
{
	padding-top: 30px;
	border-top: 1px solid #ddd;
}

.board-sort .sort-list
{
	display: inline-block;
	margin-right: 26px;
}

.board-sort .sort-list li
{
	display: inline-block;
	margin-left: 24px;
}

.board-sort .sort-list li a
{
	display: inline-block;
	padding-right: 10px;
	font-size: 14px;
	font-weight: 300;
	color: #555;
	vertical-align: -2px;
}

.board-sort .sort-list li.on a
{
	font-weight: 400;
	color: #000;
}

.board-sort .sort-list button
{
	overflow: hidden;
	width: 18px;
	height: 18px;
	margin: 3px 0 0 -5px;
	border: 1px solid #ccc;
	text-indent: -5000px;
	background: url(/resources/images/icon/icon_up.png) no-repeat;
}

.board-sort .sort-list button.down
{
	background-image: url(/resources/images/icon/icon_down.png);
}

.board-sort .right .sort-list button:not(.btn-search) + button:before
{
	display: none;
}

.car-filter
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.car-filter .ui-scroll
{
	width: 230px;
	height: 630px;
	margin-top: 23px;
}

.car-filter .tab-list li a
{
	display: block;
	width: 109px;
	height: 90px;
	padding-top: 48px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	background: #404b57 url(/resources/images/icon/icon_filter_tab1.png) no-repeat 50% 15px;
}

.car-filter .tab-list li:nth-child(2) a
{
	background-image: url(/resources/images/icon/icon_filter_tab2.png);
}

.car-filter .tab-list li:nth-child(3) a
{
	background-image: url(/resources/images/icon/icon_filter_tab3.png);
}

.car-filter .tab-list li:nth-child(4) a
{
	background-image: url(/resources/images/icon/icon_filter_tab4.png);
}

.car-filter .tab-list li:nth-child(5) a
{
	background-image: url(/resources/images/icon/icon_filter_tab5.png);
}

.car-filter .tab-list li:nth-child(6) a
{
	background-image: url(/resources/images/icon/icon_filter_tab6.png);
}

.car-filter .tab-list li:nth-child(7) a
{
	background-image: url(/resources/images/icon/icon_filter_tab7.png);
}

.car-filter .tab-list li:nth-child(8) a
{
	background-image: url(/resources/images/icon/icon_filter_tab8.png);
}

.car-filter .tab-list li:nth-child(9) a
{
	background-image: url(/resources/images/icon/icon_filter_tab9.png);
}

.car-filter .tab-list li.on a
{
	background-color: #00A5E5;
}

.car-filter .cont
{
	display: none;
	position: absolute;
	left: 109px;
	top: 0;
	width: 250px;
	height: 810px;
	padding: 19px 19px 0 20px;
	border: 1px solid #404b57;
	border-left: 0;
	background: #fff;
}

.car-filter .cont .btn-close
{
	position: absolute;
	z-index: 2;
	top: 12px;
	right: 7px;
	width: 40px;
	height: 40px;
	text-indent: -5000px;
	background: url(/resources/images/icon/icon_filter_close.png) no-repeat 50%;
}

.car-filter .cont h3
{
	padding-bottom: 19px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px !important;
}

.car-filter .choice-list
{
	margin-top: 17px;
}

.car-filter .choice-list li
{
	margin-top: 9px;
}

.car-filter #tab1
{
	height: 100%;
}

.car-filter #tab1>div
{
	position: relative;
	height: 100%;
}

.car-filter #tab1 ul
{
	padding-top: 6px;
}

.car-filter #tab1 li
{
	margin-top: 5px;
}

.car-filter #tab1 li button
{
	display: block;
	width: 100%;
	padding: 8px 0 10px 10px;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	color: #000;
}

.car-filter #tab1 li button:hover,
.car-filter #tab1 li.on button
{
	background: #f4f4f4;
}

.car-filter #tab1 li img
{
	margin-right: 7px;
	vertical-align: -4px;
}

.car-filter #tab1 p
{
	position: absolute;
	bottom: 20px;
	width: 100%;
	padding-top: 18px;
	border-top: 1px solid #e5e5e5;
}

.car-filter #tab1 .btn-model-choice
{
	display: block;
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	padding: 0 17px 0 0;
	text-align: right;
	font-size: 16px;
	font-weight: 300;
}

.car-filter #tab1 .btn-model-choice:after
{
	content: "";
	position: absolute;
	top: 21px;
	right: 2px;
	width: 7px;
	height: 0;
	margin-top: -12px;
	padding-top: 7px;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.car-filter #tab1 .btn-company-choice
{
	display: block;
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	padding: 0 17px 0 0;
	text-align: right;
	font-size: 16px;
	font-weight: 300;
}

.car-filter #tab1 .btn-company-choice:after
{
	content: "";
	position: absolute;
	top: 21px;
	right: 2px;
	width: 7px;
	height: 0;
	margin-top: -12px;
	padding-top: 7px;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.car-filter #tab1 .model
{
	display: none;
}

.car-filter #tab1 .model li
{
	margin-top: 28px;
}

.car-filter #tab1 .model li:first-child
{
	margin-top: 0;
}

.car-filter #tab1 .model li li
{
	margin-top: 9px;
}

.car-filter #tab1 .model li li:first-child
{
	margin-top: 9px;
}

.car-filter #tab1 .model li span
{
	display: block;
	position: relative;
	padding: 8px 0 10px 26px;
	font-size: 14px;
	font-weight: 300;
	background: #f4f4f4;
}

.car-filter #tab1 .model li button
{
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	text-indent: -5000px;
	background: url(/resources/images/icon/icon_model_close.png) no-repeat 50%;
}

.car-filter #tab1 .ui-scroll ul
{
	width: 210px;
	padding-top: 0;
}

.car-filter #tab2 ul
{
	margin-top: 24px;
}

.car-filter #tab2 li
{
	position: relative;
	z-index: 1;
	float: left;
	width: 105px;
	height: 88px;
	border: 1px solid #ddd;
	margin-left: -1px;
	margin-top: -1px;
}

.car-filter #tab2 li:nth-child(odd)
{
	margin-left: 0;
}

.car-filter #tab2 li button
{
	display: block;
	width: 100%;
	height: 88px;
	padding-top: 36px;
	font-size: 14px;
	font-weight: 300;
	background: url(/resources/images/icon/icon_car_sort1.png) no-repeat 50% 23px;
}

.car-filter #tab2 li:nth-child(2) button
{
	background-image: url(/resources/images/icon/icon_car_sort2.png);
}

.car-filter #tab2 li:nth-child(3) button
{
	background-image: url(/resources/images/icon/icon_car_sort3.png);
}

.car-filter #tab2 li:nth-child(4) button
{
	background-image: url(/resources/images/icon/icon_car_sort4.png);
}

.car-filter #tab2 li:nth-child(5) button
{
	background-image: url(/resources/images/icon/icon_car_sort5.png);
}

.car-filter #tab2 li:nth-child(6) button
{
	background-image: url(/resources/images/icon/icon_car_sort6.png);
}

.car-filter #tab2 li:nth-child(7) button
{
	background-image: url(/resources/images/icon/icon_car_sort7.png);
}

.car-filter #tab2 li:nth-child(8) button
{
	background-image: url(/resources/images/icon/icon_car_sort8.png);
}

.car-filter #tab2 li:nth-child(9) button
{
	background-image: url(/resources/images/icon/icon_car_sort9.png);
}

.car-filter #tab2 li:nth-child(10) button
{
	background-image: url(/resources/images/icon/icon_car_sort10.png);
}

.car-filter #tab2 li.on
{
	z-index: 2;
	border: 2px solid #00A5E5;
}

.car-filter #tab2 li.on:before
{
	content: "";
	position: absolute;
	right: 7px;
	top: 7px;
	width: 18px;
	height: 18px;
	background: url(/resources/images/icon/icon_filter_check.png) no-repeat;
}

.car-filter #tab2 li.on button
{
	padding-top: 34px;
	background-position: 50% 22px;
}

.car-filter #tab5 .tab
{
	margin-top: 23px;
}

.car-filter #tab5 h4
{
	margin: 40px 0 -5px;
	font-size: 14px;
}

.car-filter #tab5 p
{
	margin-top: 6px;
	font-size: 13px;
	font-weight: 300;
	color: #888;
}

.car-filter #tab5 .tab
{
	overflow: hidden;
}

.car-filter #tab5 .tab li
{
	position: relative;
	z-index: 1;
	float: left;
	width: 33.3%;
	border: 1px solid #e5e5e5;
	margin-left: -1px;
	text-align: center;
}

.car-filter #tab5 .tab li a
{
	display: block;
	height: 36px;
	font-size: 14px;
	font-weight: 300;
	line-height: 36px;
}

.car-filter #tab5 .tab li.on
{
	z-index: 2;
	border-color: #444d97;
	background: #444d97;
}

.car-filter #tab5 .tab li.on a
{
	color: #fff;
}

.car-filter #tab5 .tab li:first-child
{
	margin-left: 0;
}

.car-filter #tab5 .tab-cont>div
{
	display: none;
}

.car-filter #tab5 .tab-cont>div:first-child
{
	display: block;
}

.car-filter #tab5 .tab-cont li
{
	margin-top: 9px;
}

.car-filter #tab5 .tab-cont li:first-child
{
	margin-top: 15px;
}

.car-filter #tab5 .select-area
{
	margin-top: 17px;
}

.car-filter .select-area
{
	margin-top: 10px;
	font-size: 14px;
	color: #333;
}

.car-filter .select-area:nth-child(2)
{
	margin-top: 23px;
}

.car-filter .ui-selectmenu-button.ui-button
{
	height: 40px;
	font-size: 14px;
	line-height: 38px;
}

.car-filter .ui-selectmenu-button.ui-button .ui-icon
{
	margin-top: 17px;
}

.car-all-list .car-list-none
{
	min-height: 500px;
	margin-top: 100px;
	padding: 93px 0 50px;
	text-align: center;
	background: url(/resources/images/icon/icon_report_none.png) no-repeat 50% 0;
}

.car-all-list .car-list-none p
{
	font-size: 21px;
	color: #000;
}

.car-all-list .car-list-none span
{
	display: block;
	margin-top: 20px;
	font-weight: 300;
	color: #888;
	line-height: 1.5em;
}

.car-all-list .card-view-list
{
	position: relative;
	z-index: 1;
}

.car-all-list .card-view-list.col3 .car-thumbnail,
.car-all-list .card-view-list.col3 .car-thumbnail .slick-slide
{
	height: 220px;
}

/* 차량 상세 */
.car-info-detail
{
	position: relative; 
	padding: 206px 0 0 !important;
}
.car-info-detail.auction
{
	padding: 240px 0 0 !important;
}

.car-info-detail ~ aside .btn-floating a.estimate
{
	display: block;
} 
	/* 차량상세 header */
.car-info-detail .car-detail-header
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100% !important;
	padding: 0 !important;
	background: #283544;
	color: #fff;
}

.car-info-detail .car-detail-header.fixed
{
	position: fixed;
	z-index: 11;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 12px;
	-webkit-transition: box-shadow 560ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition: box-shadow 560ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.car-detail-header .car-info
{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1200px;
	height: 153px;
	margin: 0 auto;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-transition: height .3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: height .3s cubic-bezier(0.19, 1, 0.22, 1);
}

.car-detail-header .car-info>*
{
	position: relative;
	padding-top: 30px;
	-webkit-transition: padding .3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: padding .3s cubic-bezier(0.19, 1, 0.22, 1);
}

.car-detail-header .car-thumbnail
{
	position: absolute;
	top: 0;
	left: 0;
	width: 137px;
	height: 90px;
	padding-top: 0 !important;
	background: transparent;
}

.car-detail-header .car-thumbnail:before
{
	display: none;
}

.car-detail-header .car-thumbnail img
{
	width: 100%;
}

.car-detail-header .car-model-info
{
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
	background: #283544;
	-webkit-transition: left .3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: left .3s cubic-bezier(0.19, 1, 0.22, 1);
}

.car-detail-header .badge
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 24px;
	padding: 0;
	background: transparent;
}

.car-detail-header .badge>*
{
	display: inline-block;
	height: 24px;
	padding: 0 10px;
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	vertical-align: top;
	border-radius: 12px;
	color: #fff;
	-webkit-transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all .3s cubic-bezier(0.19, 1, 0.22, 1);
	color: #fff !important;
}

.car-detail-header .badge>* + *
{
	margin-left: 4px;
}

.car-detail-header .badge .new
{
	background: #ff7800;
}

.car-detail-header .badge .hot
{
	background: #fd2850;
}

.car-detail-header .badge .contract
{
	background: #00A5E5;
}

.car-detail-header .badge .custom
{
	background:#003c8a;
	border-color:#003c8a;
}

.car-detail-header .badge .complete
{
	background: #4554cf;
}

.car-detail-header .car-model
{
	overflow: hidden;
	display: block;
	padding: 10px 0 0;
	font-size: 30px;
	font-weight: 300;
	line-height: 30px;
	-webkit-transition: padding-top .3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: padding-top .3s cubic-bezier(0.19, 1, 0.22, 1);
	background: transparent;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.car-detail-header .car-status
{
	padding: 6px 0 0;
	font-size: 16px;
	background: transparent;
	color: #8998ab;
	font-weight: 300;
}

.car-detail-header .car-status>* + *:before
{
	background: #8998ab;
}

.car-detail-header .car-price
{
	width: 230px;
	margin-top: 60px;
	padding-top: 37px;
	padding-right: 0;
	text-align: right;
	-webkit-transition: margin-top .3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: margin-top .3s cubic-bezier(0.19, 1, 0.22, 1);
}

.car-detail-header .price-info
{
	position: absolute;
	top: 0;
	right: 0;
}

.car-detail-header .price-info .price
{
	padding-left: 7px;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	white-space: nowrap;
}

.car-detail-header .price-info .price .num
{
	font-size: 36px;
	line-height: 1;
}

.car-detail-header .price-info del
{
	color: #8998ab;
	font-weight: 300;
}

.car-detail-header .discount
{
	font-size: 16px;
	margin-top: 0;
	color: #fff;
}

.car-detail-header .car-info .btns
{
	float: right;
	width: auto;
	padding-left: 30px;
	text-align: right;
}

.car-detail-header .car-info [class*="btn-"]
{
	position: relative;
	padding-left: 24px;
	margin: -3px 0 16px;
	font-size: 14px;
	color: #8998ab;
}

.car-detail-header .car-info [class*="btn-"] + [class*="btn-"]
{
	margin-left: 20px;
}

.car-detail-header .car-info [class*="btn-"]:before
{
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 17px;
	height: 15px;
	background: url(/resources/images/icon/ico_share.png) no-repeat;
}

.car-detail-header .btn-pick.on:before
{
	background-position: 0 -15px !important;
}

.car-detail-header .btn-share:before
{
	background-position: 0 -30px !important;
}

.car-detail-header .car-info .btns .btn.white
{
	width: 130px;
	min-width: inherit;
	padding: 0;
	color: #fff;
	background: #19232f;
	border-color: #8998ab;
}

.car-detail-header .car-info .btns .btn + .btn
{
	width: 200px;
}

.car-detail-header .car-info .btns .btn:disabled
{
	background: #19232f;
	color: #fff;
}
	/* fixed */
.car-detail-header.fixed .car-price del,
	.car-detail-header.fixed .car-status,
	.car-detail-header.fixed .car-info .btns .btn:first-child
{
	display: none;
}

.car-detail-header.fixed .car-info
{
	height: 90px;
}

.car-detail-header.fixed .car-info>*
{
	padding-top: 17px;
}

.car-detail-header.fixed .car-model-info
{
	left: 137px;
	width: 480px;
}

.car-detail-header.fixed .badge
{
	display: none;
	height: 20px;
	line-height: 20px;
}

.car-detail-header.fixed .badge>*
{
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}

.car-detail-header.fixed .car-model
{
	padding-top: 19px;
	font-size: 24px;
	line-height: 1;
	font-weight: 300;
}

.car-detail-header.fixed .car-price
{
	width: 350px;
	margin-top: 0;
	padding-top: 28px;
}

.car-detail-header.fixed .car-price .discount
{
	display: inline-block;
	font-size: 14px;
	vertical-align: bottom;
}

.car-detail-header.fixed .car-price .price-info
{
	position: static;
	display: inline-block;
}

.car-detail-header.fixed .price-info .price
{
	padding-left: 17px;
	font-size: 27px;
}

.car-detail-header.fixed .price-info .price .num
{
	font-size: 33px;
}

.car-detail-header.fixed .car-info .btns
{
	position: relative;
	padding: 23px 95px 0 30px;
}

.car-detail-header.fixed .car-info .btn + .btn
{
	width: 130px;
	min-width: inherit;
	height: 45px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 43px;
}

.car-detail-header.fixed .car-info .btn-pick,
	.car-detail-header.fixed .car-info .btn-share
{
	overflow: hidden;
	position: absolute;
	top: 23px;
	right: 0;
	width: 45px;
	height: 0;
	padding-top: 43px;
	margin: 0;
	border: 1px solid #8998ab;
}

.car-detail-header.fixed .car-info [class*="btn-"]:before
{
	top: 0;
	width: 43px;
	height: 43px;
	background: url(/resources/images/icon/ico_share_l.png) no-repeat;
}

.car-detail-header.fixed .btn-pick.on:before
{
	background-position: 0 -43px !important;
}

.car-detail-header.fixed .btn-share:before
{
	background-position: 0 -86px !important;
}

.car-detail-header.fixed .car-info .btn-pick
{
	right: 44px;
}
	/* navigation */
.car-detail-header nav
{
	display: block;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
}

.car-detail-header nav ul
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1200px;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.car-detail-header nav a
{
	position: relative;
	display: block;
	height: 52px;
	color: #888;
	font-weight: 300;
}

.car-detail-header nav a:after
{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	width: 0;
	height: 4px;
	background: #00A5E5;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.car-detail-header nav a.on
{
	color: #00A5E5;
	font-weight: 400;
}

.car-detail-header nav a.on:after
{
	left: 0;
	width: 100%;
}

.car-detail-header nav a:before
{
	content: '';
	display: inline-block;
	width: 0;
	height: 110%;
	font-weight: 300;
	vertical-align: middle;
}

/* 차량상세 공통 */
.car-info-detail .section-title
{
	height: 45px;
	line-height: 1;
	color: #000;
	font-weight: 500;
}

.car-info-detail .section-title small
{
	font-weight: 300;
	color: #888;
}

.car-info-detail section
{
	position: relative;
	padding: 60px 0;
}

.car-info-detail section + section:not(.bg-gray)
{
	padding-top: 40px;
}

.car-info-detail .inner-wrap
{
	position: relative;
}

.car-info-detail .inner-wrap + .inner-wrap
{
	margin-top: 80px;
}

.car-info-detail .btn.link
{
	position: absolute;
	top: 40px;
	right: 0;
	color: #000;
}

.car-info-detail .inner-wrap .btn.link
{
	top: 0;
}

/* 하이라이트 */
.car-info-detail .highlight
{
	padding-top: 0 !important;
}

.car-info-detail .highlight .inner-wrap
{
	padding-top: 60px;
}

.highlight .slide-area
{
	position: relative;
	padding: 20px 0;
	background: #f2f7f9;
}

.highlight .slide-area>*
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1200px;
	margin: 0 auto;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
}
	/* 하이라이트  slide */
.highlight .detail-slide
{
	position: relative;
	width: 861px;
	border-right: 9px solid #f2f7f9;
}

.highlight .slick-slider
{
	overflow: hidden;
	width: 851px;
	height: 477px;
}

.highlight .slick-slider:before
{
	content: '';
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	width: 80px;
	height: 80px;
	background: #fff url(/resources/images/icon/img_list_logo.png) no-repeat;
	background-size: cover;
	border-radius: 3px;
}

.highlight .slick-slider img
{
	width: 100%;
}

.highlight .slick-slider .slick-next
{
	right: 30px;
}

.highlight .slick-slider .slick-prev
{
	left: 30px;
}

.highlight .slick-dots
{
	display: none;
}

.highlight .slide-thumbnail
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #fff;
}

.highlight .slide-thumbnail>*
{
	position: relative;
	overflow: hidden;
	width: 71px;
	height: 40px;
	background: url(/resources/images/bg/bg_no_img2.png) no-repeat 50% 50%;
	background-size: 100%;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.highlight .slide-thumbnail img
{
	width: 100%;
}

.highlight .slide-thumbnail button:after
{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

.highlight .slide-thumbnail .active button:after
{
	background: transparent;
	border: 2px solid #0093e1;
}

.highlight .slide-thumbnail>*:nth-child(12n+1)
{
	border-left: 0;
	width: 70px;
}

.btn-full
{
	position: absolute;
	top: 24px;
	right: 30px;
	width: 80px;
	height: 30px;
	background: #000;
	color: #fff;
	text-align: center;
	line-height: 30px;
	border-radius: 15px;
	font-size: 12px;
	font-weight: 300;
}

.btn-full:before
{
	content: '';
	display: inline-block;
	width: 16px;
	height: 13px;
	margin: -3px 6px 0 0;
	background: url(/resources/images/icon/ico_full.png) no-repeat;
	vertical-align: middle;
}
	/* rqs */
.rqs
{
	width: 340px;
}

.rqs>dt
{
	position: relative;
	z-index: 2;
	padding: 30px 0;
	font-size: 21px;
	color: #000;
	text-align: center;
	line-height: 1;
}

.rqs>dt small
{
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #888;
	font-weight: 300;
}

.rqs>dt .layer
{
	width: 340px;
	margin-left: -193px;
	text-align: left;
	font-size: 14px;
	font-weight: 300;
	color: #555;
	line-height: 20px;
}

.rqs>dt .layer:before
{
	margin-left: 18px;
}

.rqs>dd .charts {
	zoom:1;
	padding:0 30px 70px;	
}

.rqs>dd .charts .summary {
	text-align:center;
}

.rqs>dd .charts:after 
{
	display:block;
	content:"";
	clear:both;
}

.rqs>dd .graph 
{
	margin:0 auto;	
}

.rqs>dd .graph + .graph {
	float:right;
	margin:0;
}

.rqs>dd .graph.custom-reborn 
{
	position:relative;
	top:60px;
	float:left;
	margin:0;
	width:110px !important;
	height:110px !important;
}


.rqs .graph
{
	width: 160px;
	height: 160px;
	margin: 0 auto;
}

.rqs .rqs-info
{
	display: table;
	width: 100%;
	margin-top: 50px;
	table-layout: fixed;
	font-size: 14px;
	color: #888;
	font-weight: 300;
	line-height: 1;
}

.rqs .rqs-info>*
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.rqs-info dd
{
	padding-bottom: 25px;
}

.rqs-info .grade
{
	display: block;
	padding: 10px 0;
	font-weight: 500;
	color: #000;
	font-size: 35px;
}

.rqs .info-wrap
{
	display: table;
	width: 100%;
	table-layout: fixed;
	border-top: 1px solid #e5e5e5;
}

.rqs>dd .custom-reborn-guide 
{
	position:relative;
	padding:15px;
	height:92px;
	border-top:1px solid #ddd;	
	box-sizing:border-box;
}

.rqs>dd .custom-reborn-guide strong
{
	display:block;
	letter-spacing:-1px;
	color:#0193de;
	font-size:23px;
}

.rqs>dd .custom-reborn-guide .btn-guide span,
.rqs>dd .custom-reborn-guide .btn-guide em {
	display:block;
	position:absolute;
	right:20px;
	top:15px;
	width:20px;
	height:20px;
	line-height:20px;
	color:#fff;
	text-align:center;
	background:#6699ce;
	border-radius:50em;	
}

.rqs>dd .custom-reborn-guide .btn-guide span {
	z-index:10;
}

.rqs>dd .custom-reborn-guide .btn-guide em {
	z-index:1;
	animation:bounceCircle .4s infinite alternate-reverse;
}

@keyframes bounceCircle {
	0% {
		transform:scale(1);
		opacity:0;
	}
	100% {
		transform:scale(1.3);
		opacity:.4;
	}
} 

.rqs .info-wrap>*
{
	display: table-cell;
	padding-top: 20px;
	text-align: center;
	vertical-align: middle;
}

.rqs .info-wrap>*:before
{
	content: '';
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background: url(/resources/images/icon/ico_rqs.png) no-repeat;
}

.rqs .info-wrap>* + *:before
{
	background-position: 0 -70px;
}

.rqs .info-wrap>* + * + *:before
{
	background-position: 0 -140px;
}
	/* RBC 강추 포인트 */
.rbc-point
{
	border: 1px solid #e5e5e5;
}

.rbc-point>div
{
	display: table;
	width: 100%;
	padding: 30px 0;
	table-layout: fixed;
}

.rbc-point>div>dl
{
	display: table-cell;
	position: relative;
	height: 90px;
	padding: 10px 30px 0 110px;
	vertical-align: top;
}

.rbc-point>div>dl + dl
{
	border-left: 1px solid #e5e5e5;
}

.rbc-point dt
{
	font-size: 18px;
}

.rbc-point dd
{
	color: #888;
	font-weight: 300;
}

.rbc-point .num
{
	position: absolute;
	top: 10px;
	left: 45px;
	width: 50px;
	height: 50px;
	color: #fff;
	background: #454d98;
	border-radius: 50%;
	font-size: 25px;
	text-align: center;
	line-height: 50px;
}

.rbc-point .promotion-text
{
	position: relative;
	padding: 16px;
	background: #f4f4f4;
	border-top: 1px dashed #e5e5e5;
	font-size: 14px;
	color: #888;
	font-weight: 300;
}
/* 주요정보 */
.important-info .summary
{
	border-top: 2px solid #333;
}

.important-info .summary>*
{
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #e5e5e5;
}

.important-info .summary>*>*
{
	display: table-cell;
	vertical-align: middle;
}

.important-info .summary>*:first-child>*
{
	padding: 25px 0;
	text-align: center;
	vertical-align: top;
	word-break: keep-all;
}

.important-info .summary>*:first-child dt
{
	padding-bottom: 12px;
}

.important-info .summary>*:first-child>* + *,
.important-info .summary>*:nth-child(2) dd + dt
{
	border-left: 1px solid #e5e5e5;
}

.important-info .summary>* + *
{
	height: 60px;
	background: #fafafa;
}

.important-info .summary>*:nth-child(2)>*
{
	padding: 0 30px;
}

.important-info .summary dt
{
	color: #888;
	font-weight: 300;
}

.important-info .summary>*:nth-child(1) dd
{
	font-size: 24px;
	font-weight: 500;
}

.important-info .summary>*:nth-child(2) dd
{
	text-align: right;
}

.important-info .car-compare
{
	display: table;
	width: 100%;
	height: 280px;
	margin-top: 20px;
	border-top: 0;
	table-layout: fixed;
	border: 1px solid #e5e5e5;
}

.important-info .car-compare>*
{
	display: table-cell;
	padding: 0 39px;
}

.important-info .car-compare>* + *
{
	border-left: 1px solid #e5e5e5;
}

.important-info .car-compare>dl>dt
{
	height: 80px;
	margin-bottom: 26px;
	font-size: 21px;
	line-height: 79px;
	border-bottom: 1px solid #e5e5e5;
}

.important-info .car-compare .compare
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 40px;
}

.important-info .car-compare .compare>*
{
	display: inline-block;
	width: 64px;
	vertical-align: top;
	line-height: 20px;
}

.important-info .car-compare .compare>*:first-child
{
	color: #888;
	font-weight: 300;
}

.important-info .car-compare .graph
{
	position: relative;
	width: 370px;
	height: 20px;
	background: #000;
	border-radius: 0 10px 10px 0;
}

.important-info .car-compare .reborncar .graph
{
	background: #d8dfe5;
}

.important-info .car-compare .graph>*
{
	position: absolute;
	top: 0;
	width: 0;
	bottom: 0;
	border-radius: 0 10px 10px 0;
	background: #0194e2;
}

.important-info .car-compare .graph .percent
{
	position: absolute;
	top: -31px;
	right: -45px;
	bottom: auto;
	width: 45px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-size: 11px;
	background: #0294e1;
	border-radius: 2px;
}

.important-info .car-compare .graph .percent:after
{
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #0294e1;
}

.important-info .car-compare .graph + *
{
	width: 90px;
	padding-right: 20px;
	text-align: right;
}

.important-info .insurance-history dl
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.important-info .insurance-history dl>dt
{
	width: 200px;
	color: #888;
	font-weight: 300;
}

.important-info .insurance-history dl>dd
{
}

.important-info .insurance-history dl + dl
{
	margin-top: 10px;
}

.important-info .insurance-history .btn
{
	position: absolute;
	top: 23px;
	right: 39px;
	min-width: 80px;
	height: 34px;
	padding: 0;
	font-size: 14px;
	line-height: 32px;
}

/* 옵션정보 */
.car-info-detail .option-info
{
	text-align: center;
}

.car-info-detail .option-info .full
{
	display: inline-block;
	width: 70px;
	height: 26px;
	padding-left: 10px;
	margin-top: -5px;
	border: 1px solid #00A5E5;
	background: url(/resources/images/icon/ico_check_s.png) no-repeat 8px 50%;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	border-radius: 13px;
	vertical-align: middle;
}

.car-info-detail .option-info .option-list
{
	position: relative;
	border-top: 2px solid #333;
	border-bottom: 1px solid #e5e5e5;
}

.option-info .option-list ul
{
	padding: 30px 0 17px;
	text-align: center;
}

.option-info .option-list ul:after
{
	content: '';
	display: block;
	clear: both;
}

.option-info .option-list ul li
{
	position: relative;
	float: left;
	width: -webkit-calc((100% - 1px) / 7);
	width: calc((100% - 1px) / 7);
	height: 140px;
	margin: 10px 0;
	color: #888;
	font-weight: 300;
}

.option-info .option-list ul li>span
{
	display: block;
	padding: 0 10px;
	word-break: keep-all;
}

.option-info .option-list .ico
{
	opacity: .15;
}

.option-info .option-list .ico + span
{
	color: #888;
}

.option-info .option-list .on .ico,
	.option-info .option-list .on .ico + span
{
	opacity: 1;
	color: #000;
}

.option-info .option-list .on
{
	color: #000;
}

.option-info .option-list .ico
{
	display: block;
	width: 100px;
	height: 80px;
	margin: 0 auto 10px;
	background: #ccc;
	background: url(/resources/images/icon/ico_car_opt.png) no-repeat;
}

.option-info .option-list .ico1
{
}

.option-info .option-list .ico2
{
	background-position: 0 -80px;
}

.option-info .option-list .ico3
{
	background-position: 0 -160px;
}

.option-info .option-list .ico4
{
	background-position: 0 -240px;
}

.option-info .option-list .ico5
{
	background-position: 0 -320px;
}

.option-info .option-list .ico6
{
	background-position: 0 -400px;
}

.option-info .option-list .ico7
{
	background-position: 0 -480px;
}

.option-info .option-list .ico8
{
	background-position: 0 -560px;
}

.option-info .option-list .ico9
{
	background-position: 0 -640px;
}

.option-info .option-list .ico10
{
	background-position: 0 -720px;
}

.option-info .option-list .ico11
{
	background-position: 0 -800px;
}

.option-info .option-list .ico12
{
	background-position: 0 -880px;
}

.option-info .option-list .ico13
{
	background-position: 0 -960px;
}

.option-info .option-list .ico14
{
	background-position: 0 -1040px;
}

.option-info .option-list .ico15
{
	background-position: 0 -1120px;
}

.option-info .option-list .ico16
{
	background-position: 0 -1200px;
}

.option-info .option-list .ico17
{
	background-position: 0 -1280px;
}

.option-info .option-list .ico18
{
	background-position: 0 -1360px;
}

.option-info .option-list .ico19
{
	background-position: 0 -1440px;
}

.option-info .option-list .ico20
{
	background-position: 0 -1520px;
}

.option-info .option-list .ico21
{
	background-position: 0 -1600px;
}

.option-info .option-list .on .ico
{
	background-image: url(/resources/images/icon/ico_car_opt_on.png);
}

.option-info .btn.white2
{
	position: absolute;
	bottom: -22px;
	left: 50%;
	border-radius: 25px;
	margin-top: -22px;
}

.option-info .btn.white2:after
{
	content: '';
	display: inline-block;
	width: 9px;
	height: 9px;
	margin: 0 3px 0 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: middle;
}

.option-info .btn.open:after
{
	margin-top: -10px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.option-info .btn.close
{
	display: none;
}

.option-info .btn.close:after
{
	border-left: 1px solid #000;
	border-top: 1px solid #000;
}

.option-info .desc-layer
{
	display: none;
	position: absolute;
	top: 120px;
	width: 400% !important;
	min-height: 100px !important;
	padding: 17px 0;
	background-color: #fff;
	border: 1px solid #000;
	box-sizing: border-box;
	z-index: 1;
	box-sizing: content-box;
	text-align: left;
}

.option-info .desc-layer>*:not(.img)
{
	padding: 0 44px 0 195px !important;
}

.option-info .desc-layer .img
{
	position: absolute;
	top: 17px;
	left: 23px;
	width: 160px !important;
	height: 100px !important;
}

.option-info .desc-layer img
{
	width: 100%;
	height: 100%;
}

.option-info .desc-layer p
{
	margin-bottom: 6px;
	font-size: 16px;
	color: #000 !important;
	line-height: 25px;
}

.option-info .desc-layer span
{
	display: block;
	font-size: 14px;
	color: #555 !important;
	font-weight: 300;
	line-height: 21px;
}

.option-list li:hover:after
{
	content: '';
	position: absolute;
	top: 119px;
	left: 50%;
	z-index: 1;
	width: 7px;
	height: 7px;
	background: #fff;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	-webkit-transform: rotate(45deg) translateX(-50%);
	transform: rotate(45deg) translateX(-50%);
}

.option-list li:hover .desc-layer
{
	display: block;
}

.option-list li:nth-child(5) .desc-layer,
		.option-list li:nth-child(12) .desc-layer,
		.option-list li:nth-child(19) .desc-layer
{
	right: -200%;
}

.option-list li:nth-child(6) .desc-layer,
		.option-list li:nth-child(13) .desc-layer,
		.option-list li:nth-child(20) .desc-layer
{
	right: -100%;
}

.option-list li:nth-child(7) .desc-layer,
		.option-list li:nth-child(14) .desc-layer,
		.option-list li:nth-child(21) .desc-layer
{
	right: 0;
}

.option-info .tbl-view
{
	font-size: 14px;
	border-top-width: 1px;
}

.option-info .tbl-view th
{
	border-bottom: 1px solid #e5e5e5;
}

.option-info .tbl-view td
{
	position: relative;
	padding-left: 0;
	padding-right: 0;
	border-top: 0;
}

.option-info .tbl-view .disabled
{
	color: #888;
}

.option-info .tbl-view td .desc-layer:before
{
	left: 85px;
}

.option-info .tbl-view td:nth-child(5) .desc-layer
{
	left: auto;
	right: -200%;
}

.option-info .tbl-view td:nth-child(6) .desc-layer
{
	left: auto;
	right: -100%;
}

.option-info .tbl-view td:nth-child(7) .desc-layer
{
	left: auto;
	right: 0;
}

.option-info .tbl-view td:nth-child(5) .desc-layer:before
{
	left: 255px;
}

.option-info .tbl-view td:nth-child(6) .desc-layer:before
{
	left: 425px;
}

.option-info .tbl-view td:nth-child(7) .desc-layer:before
{
	left: 595px;
}

.recommended-option
{
	display: table;
	width: 100%;
	table-layout: fixed;
	border: 1px solid #e5e5e5;
}

.recommended-option>*
{
	display: table-cell;
}

.recommended-option>*+*
{
	border-left: 1px solid #e5e5e5;
}

.recommended-option dt
{
	height: 58px;
	padding-top: 15px;
	font-size: 18px;
	color: #000;
	border-bottom: 1px solid #e5e5e5;
	background: #f2f7f9;
	text-align: center;
}

.recommended-option dt .btn-tooltip
{
	margin-top: 2px;
}

.recommended-option dl + dl dt
{
	background-color: #f2f2f9;
}

.recommended-option dd
{
	padding: 0 30px;
}

.recommended-option .option-select-list
{
	margin-top: 0;
	border: 0;
	text-align: left;
}

.recommended-option .option-select-list>li
{
	position: relative;
	min-height: 150px;
	padding-left: 160px;
}

.recommended-option .option-select-list>li:last-child
{
	border-bottom: 0;
}

.recommended-option .option-select-list .option-thumbnail
{
	position: absolute;
	top: 30px;
	left: 0;
}

.recommended-option .option-select-list .option-thumbnail img
{
	width: 140px;
	height: 90px;
}

.recommended-option .option-select-list .option-name
{
	display: block;
	padding-left: 0;
	font-weight: 300;
	line-height: 24px;
}

.recommended-option .option-select-list .option-name b
{
	font-size: 16px;
}

.recommended-option .option-select-list .option-price
{
	position: static;
	display: block;
	margin-top: 0;
	text-align: right;
}

.recommended-option .tooltip-layer .layer
{
	font-size: 14px;
	color: #555;
	text-align: left;
}

.car-info-detail .banner
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 0 !important;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.car-info-detail .banner a
{
	display: block;
}

/* 차량상세 > 품질성능개선 */
.tbl-quality
{
	position: relative;
	border-top: 2px solid #333;
}

.tbl-quality:before
{
	content: "";
	position: absolute;
	left: 50%;
	bottom: -25px;
	width: 62px;
	height: 26px;
	margin-left: -31px;
	background: url(/resources/images/bg/bg_tbl_quality.png) no-repeat;
}

.tbl-quality .btn-posit
{
	position: absolute;
	top: -54px;
	right: 0;
}

.tbl-quality th,
.tbl-quality td
{
	border-bottom: 1px solid #ddd;
}

.tbl-quality th
{
	padding: 44px 10px 48px;
	background: #f4f4f4;
}

.tbl-quality td
{
	padding: 40px 77px 43px 90px;
}

.tbl-quality td strong
{
	font-weight: 400;
}

.tbl-quality .person
{
	position: absolute;
	left: 56px;
	top: 50%;
	width: 196px;
	height: 272px;
	margin-top: -133px;
	padding: 33px 11px 0 5px;
	background: url(/resources/images/bg/bg_name_tag.png) no-repeat;
}

.tbl-quality .img
{
	display: block;
	margin-top: 13px;
}

.tbl-quality .img img
{
	width: 120px;
	height: 120px;
	border-radius: 3px;
}

.tbl-quality .part
{
	display: inline-block;
	height: 18px;
	padding-left: 23px;
	font-size: 14px;
	font-weight: 300;
	color: #555;
	line-height: 16px;
	background: url(/resources/images/icon/icon_reboncar.png) no-repeat;
}

.tbl-quality .name
{
	margin-top: 9px;
	font-size: 18px;
	color: #000;
}

.tbl-quality .license
{
	margin-top: 1px;
	font-size: 13px;
	font-weight: 300;
	color: #888;
}

.tbl-quality .introduct-tite
{
	display: inline-block;
	position: relative;
	padding-left: 23px;
	font-size: 24px;
	color: #000;
}

.tbl-quality .introduct-tite:before
{
	content: "";
	position: absolute;
	left: -1px;
	top: 5px;
	width: 14px;
	height: 11px;
	background: url(/resources/images/bg/bg_quotes_first.png) no-repeat;
}

.tbl-quality .introduct-tite:after
{
	content: "";
	position: absolute;
	top: 5px;
	right: -22px;
	width: 15px;
	height: 11px;
	background: url(/resources/images/bg/bg_quotes_last.png) no-repeat;
}

.tbl-quality .introduct-cont
{
	margin-top: 22px;
	font-weight: 300;
	color: #555;
	line-height: 29px;
}

.tbl-quality .introduct-cont span
{
	display: block;
}

.tbl-quality .introduct-cont span+p
{
	margin-top: 10px;
}

.quality-txt
{
	margin-top: 73px;
	text-align: center;
	font-size: 32px;
	font-weight: 500;
}

.quality-txt em
{
	color: #444d97;
}

.quality-txt+.ui-tab
{
	margin-top: 46px;
}

.quality-performance .cont
{
	height: 675px;
}

.quality-performance .cont>div
{
	height: 100%;
}

.quality-performance #tab1
{
	position: relative;
	text-align: center;
	background: url(/resources/images/contents/img_car_quality.png) no-repeat 229px 149px;
}

.quality-performance .aqi-loc
{
	position: relative;
	width: 780px;
	height: 598px;
	margin: 0 auto;
	background: url(/resources/images/contents/img_car_quality.png) no-repeat 50% 50%;
}

.quality-performance .layer-btn
{
	position: absolute;
	width: 26px;
	height: 26px;
	font-size: 11px;
	font-weight: 300;
}

.quality-performance .layer-btn:before
{
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(68,77,151,0.2);
	-webkit-animation: pulse 2s infinite linear;
	animation: pulse 2s infinite linear;
}

@-webkit-keyframes pulse
{
	0%
	{
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}

	40%
	{
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100%
	{
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0;
	}
}

@keyframes pulse
{
	0%
	{
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}

	40%
	{
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100%
	{
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0;
	}
}

.quality-performance .layer-btn .num
{
	position: relative;
	z-index: 1;
	display: block;
	width: 26px;
	height: 19px;
	padding-top: 7px;
	border-radius: 50%;
	background: #444d97;
	color: #fff;
	text-align:center;
}

.quality-performance .layer-btn .pop.new {display:none; position:absolute; bottom: calc(100% + 10px); left:50%; width:600px; margin-left:-300px; min-height:150px; background-color:#fff; border:1px solid #000; box-sizing:border-box; z-index:10; box-sizing:content-box;}
.quality-performance .layer-btn .pop.new .picture {margin-bottom:10px; width:100%;}
.quality-performance .layer-btn .pop.new .picture img {display:block; width:100%;}
.quality-performance .layer-btn .pop.new dl dt,
.quality-performance .layer-btn .pop.new dl dd {display:block;}
.quality-performance .layer-btn .pop.new dl dt {font-size:18px; font-weight:600;}
.quality-performance .layer-btn .pop.new dl dd {margin-top:4px; font-size:14px;}
.quality-performance .layer-btn .pop.new dl dd p {line-height:20px; font-size:14px;}
.quality-performance .layer-btn .pop.new dl + dl {margin-top:16px;}
.quality-performance .layer-btn .pop.new .part-info-box,
.quality-performance .layer-btn .pop.new .part-result-box {position:relative; float:left; padding:18px; width:50%; box-sizing:border-box;}
.quality-performance .layer-btn .pop.new .part-info-box:before {display:block; content:""; position:absolute; right:-1px; top:50%; margin-top:-160px; width:1px; height:320px; background:#ccc;}

.quality-performance .layer-btn .pop.old
{
	display: none;
	position: absolute;
	bottom: -webkit-calc(100% + 10px);
	bottom: calc(100% + 10px);
	left: 50%;
	width: 130px;
	z-index: 2;
	padding: 10px;
	transform:translateX(-50%);
	background: #fff;
	border: 1px solid #ccc;
	color: #555;
	line-height: 18px;
}

.quality-performance .layer-btn .pop.old:after
{
	content: '';
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 5px;
	height: 5px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
	-webkit-transform: rotate(45deg) translateX(-50%);
	transform: rotate(45deg) translateX(-50%);
}
.quality-performance .layer-btn .pop.old .picture {
	margin-bottom:10px;
}
.quality-performance .layer-btn .pop.old .picture img {
	display:block;
	width:100%;
}
.quality-performance .layer-btn .pop.old .title {
	display:block;
	margin:0 0 4px;
	font-size:14px;
}
.quality-performance .layer-btn .pop.old .detail {
	line-height:18px;
	color:#444;
	font-size:13px;
}

.quality-performance .layer-btn:hover .pop
{
	display: block;
}

.quality-performance .aq001
{
	top: 342px;
	left: 0px;
}

.quality-performance .aq002
{
	bottom: 180px;
	left: 20px;
}

.quality-performance .aq003
{
	top: 180px;
	left: 20px;
}

.quality-performance .aq004
{
	top: 282px;
	left: 100px;
}

.quality-performance .aq005
{
	top: 282px;
	left: 250px;
}

.quality-performance .aq006
{
	top: 282px;
	left: 517px;
}

.quality-performance .aq007
{
	top: 282px;
	left: 708px;
}

.quality-performance .aq008
{
	bottom: 180px;
	left: 759px;
}

.quality-performance .aq009
{
	top: 180px;
	left: 759px;
}

.quality-performance .aq010
{
	top: 282px;
	right: -24px;
}

.quality-performance .aq011
{
	bottom: 140px;
	left: 119px;
}

.quality-performance .aq012
{
	top: 140px;
	left: 119px;
}

.quality-performance .aq013
{
	bottom: 125px;
	left: 281px;
}

.quality-performance .aq014
{
	top: 125px;
	left: 281px;
}

.quality-performance .aq015
{
	bottom: 125px;
	left: 328px;
}

.quality-performance .aq016
{
	top: 125px;
	left: 328px;
}

.quality-performance .aq017
{
	bottom: 125px;
	left: 484px;
}

.quality-performance .aq018
{
	top: 125px;
	left: 484px;
}

.quality-performance .aq019
{
	bottom: 125px;
	left: 410px;
}

.quality-performance .aq020
{
	top: 125px;
	left: 410px;
}

.quality-performance .aq021
{
	bottom: 192px;
	left: 325px;
}

.quality-performance .aq022
{
	top: 192px;
	left: 325px;
}

.quality-performance .aq023
{
	bottom: 175px;
	left: 419px;
}

.quality-performance .aq024
{
	top: 175px;
	left: 419px;
}

.quality-performance .aq025
{
	bottom: 191px;
	left: 528px;
}

.quality-performance .aq026
{
	top: 191px;
	left: 528px;
}

.quality-performance .aq027
{
	bottom: 137px;
	right: 77px;
}

.quality-performance .aq028
{
	top: 137px;
	right: 77px;
}

.quality-performance .aq029
{
	top: 322px;
	left: 33px;
}

.quality-performance .aq030
{
	bottom: 150px;
	left: 86px;
}

.quality-performance .aq031
{
	top: 150px;
	left: 86px;
}

.quality-performance .aq032
{
	bottom: 377px;
	left: 86px;
}

.quality-performance .aq033
{
	top: 377px;
	left: 86px;
}

.quality-performance .aq034
{
	top: 282px;
	left: 180px;
}

.quality-performance .aq035
{
	top: 282px;
	left: 367px;
}

.quality-performance .aq036
{
	top: 372px;
	left: 464px;
}

.quality-performance .aq037
{
	top: 333px;
	left: 571px;
}

.quality-performance .aq038
{
	bottom: 189px;
	left: 594px;
}

.quality-performance .aq039
{
	top: 189px;
	left: 594px;
}

.quality-performance .aq040
{
	bottom: 222px;
	right: 127px;
}

.quality-performance .aq041
{
	top: 222px;
	right: 127px;
}

.quality-performance .aq042
{
	top: 282px;
	right: 71px;
}

.quality-performance .aq043
{
	top: 240px;
	right: 24px;
}

.quality-performance .aq044
{
	top: 282px;
	left: -15px;
}

.quality-performance .aq045
{
	bottom: 176px;
	left: 470px;
}

.quality-performance .aq046
{
	top: 282px;
	right: 127px;
}

.quality-performance .aq047
{
	top: 176px;
	left: 470px;
}

.quality-performance .aq048
{
	bottom: 125px;
	left: 160px;
}

.quality-performance .aq049
{
	bottom: 125px;
	right: 160px;
}

.quality-performance .aq050
{
	top: 125px;
	left: 160px;
}

.quality-performance .aq051
{
	top: 125px;
	right: 160px;
}

.quality-performance .aq052
{
	bottom: 229px;
	left: 100px;
}

.quality-performance .aq053
{
	bottom: 125px;
	left: 228px;
}

.quality-performance .aq054
{
	top: 229px;
	left: 292px;
}

.quality-performance .aq055
{
	top: 230px;
	left: 533px;
}

.quality-performance .aq056
{
	top: 230px;
	right: 52px;
}

.quality-performance .aq057
{
	top: 297px;
	left: 270px;
}

.quality-performance .aq058
{
	bottom: 153px;
	left: 360px;
}

.quality-performance .aq059
{
	top: 268px;
	left: 270px;
}

.quality-performance .aq060
{
	top: 176px;
	left: 350px;
}

.quality-performance .aq061
{
	top: 350px;
	left: 250px;
}

.quality-performance .aq062
{
	top: 195px;
	left: 225px;
}

.quality-performance .aq063
{
	top: 295px;
	left: 290px;
}

.quality-performance .aq064
{
	top: 275px;
	left: 290px;
}

.quality-performance .aq065
{
	top: 350px;
	left: 295px;
}

.quality-performance .aq066
{
	top: 338px;
	left: 365px;
}

.quality-performance .aq067
{
	top: 327px;
	left: 271px;
}

.quality-performance .aq068
{
	top: 352px;
	left: 343px;
}

.quality-performance .aq069
{
	top: 264px;
	left: 51px;
}

.quality-performance .aq070
{
	bottom: 189px;
	left: 149px;
}

.quality-performance .aq071
{
	top: 232px;
	right: -21px;
}

.quality-performance .aq072
{
	top: 150px;
	left: 335px;
}

.quality-performance .aq073
{
	bottom: 140px;
	left: 142px;
}

.quality-performance .aq074
{
	top: 140px;
	left: 142px;
}

.quality-performance .aq075
{
	top: 140px;
	left: 163px;
}

.quality-performance .aq076
{
	top: 270px;
	left: 80px;
}

.quality-performance .aq077
{
	bottom: 200px;
	left: 160px;
}

.quality-performance .aq078
{
	top: 200px;
	left: 160px;
}

.quality-performance .aq079
{
	top: 210px;
	left: 170px;
}

.quality-performance .aq080
{
	bottom: 153px;
	left: 320px;
}

.quality-performance .aq081
{
	bottom: 153px;
	left: 340px;
}

.quality-performance .aq082
{
	top: 348px;
	left: 383px;
}

.quality-performance .aq083
{
	top: 371px;
	left: 415px;
}

.quality-performance .aq084
{
	top: 345px;
	left: 335px;
}

.quality-performance .aq085
{
	bottom: 211px;
	right: 48px;
}

.quality-performance .aq086
{
	top: 250px;
	left: 520px;
}

.quality-performance .aq087
{
	bottom: 197px;
	right: 74px;
}

.quality-performance .aq088
{
	top: 253px;
	left: 440px;
}

.quality-performance .aq089
{
	bottom: 182px;
	left: 228px;
}

.quality-performance .aq090
{
	top: 350px;
	left: 272px;
}

.quality-performance .aq091
{
	top: 141px;
	left: 276px;
}

.quality-performance .aq092
{
	top: 157px;
	left: 269px;
}

.quality-performance .aq093
{
	top: 282px;
	left: 270px;
}

.quality-performance .aq094
{
	bottom: 176px;
	left: 363px;
}

.quality-performance .aq095
{
	top: 282px;
	left: 338px;
}

.quality-performance .aq096
{
	bottom: 260px;
	right: 127px;
}

.quality-performance .aq097
{
	top: 190px;
	left: 476px;
}

.quality-performance .aq098
{
	top: 350px;
	left: 220px;
}

.quality-performance .aq099
{
	top: 330px;
	left: 220px;
}

.quality-performance .aq100
{
	top: 282px;
	left: 440px;
}

.quality-performance .aq101
{
	bottom: 180px;
	right: 24px;
}

.quality-performance .aq102
{
	top: 370px;
	left: 280px;
}

.quality-performance .aq103
{
	top: 296px;
	left: 368px;
}

.quality-performance .aq104
{
	top: 250px;
	left: 220px;
}

.quality-performance .aq105
{
	top: 230px;
	left: 220px;
}

.quality-performance .aq106
{
	top: 180px;
	right: 24px;
}

.quality-performance .aq107
{
	top: 370px;
	left: 240px;
}

.quality-performance .aq108
{
	top: 370px;
	left: 260px;
}

.quality-performance .aq109
{
	top: 160px;
	left: 119px;
}

.quality-performance .aq110
{
	top: 282px;
	left: 310px;
}

.quality-performance .aq111
{
	top: 282px;
	left: 200px;
}

.quality-performance .aq112
{
	top: 282px;
	left: 205px;
}

.quality-performance .aq113
{
	top: 282px;
	left: 210px;
}

.quality-performance .aq114
{
	top: 282px;
	left: 195px;
}

.quality-performance .aq115
{
	top: 287px;
	left: 190px;
}

.quality-performance .aq116
{
	top: 287px;
	left: 200px;
}

.quality-performance .aq117
{
	top: 287px;
	left: 195px;
}

.quality-performance .aq118
{
	top: 277px;
	left: 190px;
}

.quality-performance .aq119
{
	bottom: 229px;
	left: 60px;
}

.quality-performance .aq120
{
	bottom: 260px;
	left: 60px;
}

.quality-performance .aq121
{
	bottom: 250px;
	left: 100px;
}

.quality-performance .aq122
{
	bottom: 270px;
	left: 120px;
}

.quality-performance .aq123
{
	top: 282px;
	left: 140px;
}

.quality-performance .aq124
{
	bottom: 270px;
	left: 160px;
}

.quality-performance .aq125
{
	bottom: 250px;
	left: 80px;
}

.quality-performance .aq126
{
	bottom: 230px;
	left: 40px;
}

.quality-performance .aq127
{
	top: 230px;
	left: 70px;
}

.quality-performance .aq128
{
	top: 230px;
	left: 140px;
}

.quality-performance .aq129
{
	top: 230px;
	left: 40px;
}

.quality-performance .aq130
{
	bottom: 230px;
	right: 50px;
}

.quality-performance .aq131
{
	bottom: 176px;
	left: 500px;
}

.quality-performance .aq132
{
	bottom: 175px;
	left: 325px;
}

.quality-performance .aq000
{
	top: 230px;
	left: 160px;
}



.quality-performance .aqn001 {left:130px; top:224px;}
.quality-performance .aqn002 {left:130px; top:236px;}
.quality-performance .aqn003 {left:2px; top:266px;}
.quality-performance .aqn004 {left:12px; top:266px;}
.quality-performance .aqn005 {left:2px; top:276px;}
.quality-performance .aqn006 {left:2px; top:256px;}
.quality-performance .aqn007 {left:35px; top:375px;}
.quality-performance .aqn008 {left:45px; top:375px;}
.quality-performance .aqn009 {left:35px; top:385px;}
.quality-performance .aqn010 {left:135px; top:410px;}
.quality-performance .aqn011 {left:145px; top:410px;}
.quality-performance .aqn012 {left:150px; top:485px;}
.quality-performance .aqn013 {left:160px; top:485px;}
.quality-performance .aqn014 {left:410px; top:418px;}
.quality-performance .aqn015 {left:420px; top:418px;}
.quality-performance .aqn016 {left:310px; top:418px;}
.quality-performance .aqn017 {left:320px; top:418px;}
.quality-performance .aqn018 {left:360px; top:418px;}
.quality-performance .aqn019 {left:275px; top:428px;}
.quality-performance .aqn020 {left:285px; top:428px;}
.quality-performance .aqn021 {left:480px; top:418px;}
.quality-performance .aqn022 {left:490px; top:418px;}
.quality-performance .aqn023 {left:535px; top:418px;}
.quality-performance .aqn024 {left:275px; top:380px;}
.quality-performance .aqn025 {left:430px; top:355px;}
.quality-performance .aqn026 {left:585px; top:370px;}
.quality-performance .aqn027 {left:650px; top:380px;}
.quality-performance .aqn028 {left:660px; top:380px;}
.quality-performance .aqn029 {left:600px; top:485px;}
.quality-performance .aqn030 {left:610px; top:485px;}
.quality-performance .aqn031 {left:740px; top:390px;}
.quality-performance .aqn032 {left:710px; top:280px;}
.quality-performance .aqn033 {left:720px; top:280px;}
.quality-performance .aqn034 {left:710px; top:290px;}
.quality-performance .aqn035 {left:580px; top:280px;}
.quality-performance .aqn036 {left:760px; top:280px;}
.quality-performance .aqn037 {left:770px; top:280px;}
.quality-performance .aqn038 {left:760px; top:290px;}
.quality-performance .aqn039 {left:740px; top:155px;}
.quality-performance .aqn040 {left:600px; top:70px;}
.quality-performance .aqn041 {left:610px; top:70px;}
.quality-performance .aqn042 {left:650px; top:170px;}
.quality-performance .aqn043 {left:660px; top:170px;}
.quality-performance .aqn044 {left:275px; top:170px;}
.quality-performance .aqn045 {left:430px; top:195px;}
.quality-performance .aqn046 {left:585px; top:180px;}
.quality-performance .aqn047 {left:480px; top:135px;}
.quality-performance .aqn048 {left:490px; top:135px;}
.quality-performance .aqn049 {left:535px; top:135px;}
.quality-performance .aqn050 {left:275px; top:130px;}
.quality-performance .aqn051 {left:285px; top:130px;}
.quality-performance .aqn052 {left:330px; top:140px;}
.quality-performance .aqn053 {left:340px; top:140px;}
.quality-performance .aqn054 {left:390px; top:135px;}
.quality-performance .aqn055 {left:420px; top:135px;}
.quality-performance .aqn056 {left:430px; top:135px;}
.quality-performance .aqn057 {left:150px; top:70px;}
.quality-performance .aqn058 {left:160px; top:70px;}
.quality-performance .aqn059 {left:135px; top:130px;}
.quality-performance .aqn060 {left:145px; top:130px;}
.quality-performance .aqn061 {left:35px; top:170px;}
.quality-performance .aqn062 {left:45px; top:170px;}
.quality-performance .aqn063 {left:35px; top:180px;}
.quality-performance .aqn064 {left:430px; top:280px;}
.quality-performance .aqn065 {left:440px; top:195px;}
.quality-performance .aqn066 {left:430px; top:205px;}
.quality-performance .aqn067 {left:550px; top:280px;}
.quality-performance .aqn068 {left:440px; top:280px;}
.quality-performance .aqn069 {left:430px; top:290px;}
.quality-performance .aqn070 {left:30px; top:266px;}
.quality-performance .aqn071 {left:80px; top:266px;}
.quality-performance .aqn072 {left:135px; top:380px;}
.quality-performance .aqn073 {left:145px; top:380px;}
.quality-performance .aqn074 {left:135px; top:390px;}
.quality-performance .aqn075 {left:135px; top:175px;}
.quality-performance .aqn076 {left:145px; top:175px;}
.quality-performance .aqn077 {left:135px; top:185px;}
.quality-performance .aqn078 {left:190px; top:266px;}
.quality-performance .aqn079 {left:420px; top:280px;}
.quality-performance .aqn080 {left:600px; top:280px;}
.quality-performance .aqn081 {left:680px; top:280px;}
.quality-performance .aqn082 {left:605px; top:390px;}
.quality-performance .aqn083 {left:615px; top:390px;}
.quality-performance .aqn084 {left:690px; top:280px;}
.quality-performance .aqn085 {left:605px; top:160px;}
.quality-performance .aqn086 {left:615px; top:160px;}
.quality-performance .aqn087 {left:780px; top:280px;}
.quality-performance .aqn088 {left:90px; top:266px;}
.quality-performance .aqn089 {left:80px; top:276px;}
.quality-performance .aqn090 {left:260px; top:266px;}
.quality-performance .aqn091 {left:640px; top:280px;}
.quality-performance .aqn092 {left:360px; top:390px;}
.quality-performance .aqn093 {left:360px; top:160px;}
.quality-performance .aqn094 {left:480px; top:390px;}
.quality-performance .aqn095 {left:480px; top:160px;}
.quality-performance .aqn096 {left:570px; top:390px;}
.quality-performance .aqn097 {left:570px; top:160px;}
.quality-performance .aqn098 {left:350px; top:140px;}
.quality-performance .aqn099 {left:500px; top:135px;}
.quality-performance .aqn100 {left:270px; top:330px;}
.quality-performance .aqn101 {left:260px; top:210px;}
.quality-performance .aqn102 {left:270px; top:266px;}
.quality-performance .aqn103 {left:260px; top:276px;}
.quality-performance .aqn104 {left:310px; top:266px;}
.quality-performance .aqn105 {left:320px; top:266px;}
.quality-performance .aqn106 {left:310px; top:276px;}
.quality-performance .aqn107 {left:330px; top:266px;}
.quality-performance .aqn108 {left:450px; top:280px;}
.quality-performance .aqn109 {left:590px; top:280px;}
.quality-performance .aqn110 {left:325px; top:330px;}
.quality-performance .aqn111 {left:400px; top:330px;}
.quality-performance .aqn112 {left:420px; top:330px;}
.quality-performance .aqn113 {left:500px; top:330px;}
.quality-performance .aqn114 {left:420px; top:345px;}
.quality-performance .aqn115 {left:295px; top:400px;}
.quality-performance .aqn116 {left:390px; top:280px;}
.quality-performance .aqn117 {left:360px; top:280px;}
.quality-performance .aqn118 {left:520px; top:280px;}
.quality-performance .aqn119 {left:500px; top:160px;}
.quality-performance .aqn120 {left:290px; top:330px;}
.quality-performance .aqn121 {left:265px; top:428px;}
.quality-performance .aqn122 {left:250px; top:266px;}
.quality-performance .aqn123 {left:240px; top:266px;}
.quality-performance .aqn124 {left:230px; top:266px;}
.quality-performance .aqn125 {left:485px; top:280px;}
.quality-performance .aqn126 {left:300px; top:330px;}
.quality-performance .aqn127 {left:220px; top:266px;}
.quality-performance .aqn128 {left:220px; top:276px;}
.quality-performance .aqn129 {left:210px; top:386px;}
.quality-performance .aqn130 {left:210px; top:276px;}
.quality-performance .aqn131 {left:340px; top:266px;}
.quality-performance .aqn132 {left:210px; top:266px;}
.quality-performance .aqn133 {left:310px; top:330px;}
.quality-performance .aqn134 {left:300px; top:340px;}
.quality-performance .aqn135 {left:310px; top:340px;}
.quality-performance .aqn136 {left:490px; top:125px;}
.quality-performance .aqn137 {left:720px; top:270px;}
.quality-performance .aqn138 {left:350px; top:130px;}
.quality-performance .aqn139 {left:210px; top:276px;}
.quality-performance .aqn140 {left:710px; top:270px;}
.quality-performance .aqn141 {left:700px; top:270px;}
.quality-performance .aqn142 {left:690px; top:270px;}
.quality-performance .aqn143 {left:200px; top:266px;}
.quality-performance .aqn144 {left:100px; top:266px;}
.quality-performance .aqn145 {left:110px; top:266px;}
.quality-performance .aqn146 {left:120px; top:266px;}
.quality-performance .aqn147 {left:160px; top:70px;}
.quality-performance .aqn148 {left:185px; top:175px;}
.quality-performance .aqn149 {left:420px; top:270px;}
.quality-performance .aqn150 {left:185px; top:145px;}
.quality-performance .aqn151 {left:200px; top:216px;}
.quality-performance .aqn152 {left:30px; top:276px;}
.quality-performance .aqn153 {left:200px; top:326px;}
.quality-performance .aqn154 {left:260px; top:330px;}
.quality-performance .aqn155 {left:300px; top:266px;}
.quality-performance .aqn156 {left:740px; top:220px;}
.quality-performance .aqn157 {left:195px; top:145px;}
.quality-performance .aqn158 {left:130px; top:266px;}
.quality-performance .aqn159 {left:195px; top:155px;}
.quality-performance .aqn160 {left:380px; top:135px;}
.quality-performance .aqn161 {left:290px; top:266px;}
.quality-performance .aqn162 {left:630px; top:280px;}
.quality-performance .aqn163 {left:140px; top:266px;}
.quality-performance .aqn164 {left:250px; top:330px;}
.quality-performance .aqn165 {left:340px; top:256px;}
.quality-performance .aqn166 {left:40px; top:276px;}
.quality-performance .aqn167 {left:50px; top:276px;}
.quality-performance .aqn168 {left:750px; top:280px;}
.quality-performance .aqn169 {left:60px; top:276px;}
.quality-performance .aqn170 {left:750px; top:270px;}
.quality-performance .aqn171 {left:280px; top:266px;}
.quality-performance .aqn172 {left:170px; top:70px;}
.quality-performance .aqn173 {left:180px; top:70px;}
.quality-performance .aqn174 {left:130px; top:266px;}
.quality-performance .aqn175 {left:120px; top:236px;}
.quality-performance .aqn176 {left:110px; top:236px;}
.quality-performance .aqn177 {left:100px; top:236px;}
.quality-performance .aqn178 {left:90px; top:236px;}
.quality-performance .aqn179 {left:80px; top:236px;}
.quality-performance .aqn180 {left:70px; top:236px;}
.quality-performance .aqn181 {left:60px; top:236px;}
.quality-performance .aqn182 {left:50px; top:236px;}
.quality-performance .aqn183 {left:40px; top:236px;}
.quality-performance .aqn184 {left:30px; top:236px;}
.quality-performance .aqn185 {left:30px; top:246px;}
.quality-performance .aqn186 {left:40px; top:246px;}
.quality-performance .aqn187 {left:50px; top:246px;}
.quality-performance .aqn188 {left:60px; top:246px;}
.quality-performance .aqn189 {left:70px; top:246px;}
.quality-performance .aqn190 {left:80px; top:246px;}
.quality-performance .aqn191 {left:90px; top:246px;}
.quality-performance .aqn192 {left:100px; top:246px;}
.quality-performance .aqn193 {left:110px; top:246px;}
.quality-performance .aqn194 {left:120px; top:246px;}
.quality-performance .aqn195 {left:120px; top:246px;}
.quality-performance .aqn196 {left:130px; top:246px;}
.quality-performance .aqn197 {left:190px; top:326px;}
.quality-performance .aqn198 {left:140px; top:246px;}
.quality-performance .aqn199 {left:200px; top:306px;}
.quality-performance .aqn200 {left:95px; top:180px;}
.quality-performance .aqn201 {left:150px; top:246px;}
.quality-performance .aqn202 {left:160px; top:246px;}
.quality-performance .aqn203 {left:170px; top:246px;}
.quality-performance .aqn204 {left:170px; top:256px;}
.quality-performance .aqn205 {left:160px; top:256px;}
.quality-performance .aqn206 {left:150px; top:256px;}
.quality-performance .aqn207 {left:140px; top:256px;}
.quality-performance .aqn208 {left:140px; top:315px;}
.quality-performance .aqn209 {left:130px; top:315px;}
.quality-performance .aqn210 {left:120px; top:315px;}
.quality-performance .aqn211 {left:110px; top:315px;}
.quality-performance .aqn212 {left:100px; top:315px;}
.quality-performance .aqn213 {left:335px; top:330px;}
.quality-performance .aqn214 {left:90px; top:315px;}
.quality-performance .aqn215 {left:80px; top:315px;}
.quality-performance .aqn216 {left:260px; top:360px;}
.quality-performance .aqn217 {left:255px; top:428px;}
.quality-performance .aqn218 {left:240px; top:340px;}
.quality-performance .aqn219 {left:70px; top:315px;}
.quality-performance .aqn220 {left:260px; top:220px;}
.quality-performance .aqn221 {left:260px; top:260px;}
.quality-performance .aqn222 {left:70px; top:315px;}
.quality-performance .aqn223 {left:410px; top:270px;}
.quality-performance .aqn224 {left:90px; top:276px;}
.quality-performance .aqn225 {left:430px; top:270px;}
.quality-performance .aqn226 {left:390px; top:290px;}
.quality-performance .aqn227 {left:220px; top:216px;}
.quality-performance .aqn229 {left:2px; top:286px;}
.quality-performance .aqn230 {left:2px; top:296px;}
.quality-performance .aqn231 {left:770px; top:285px;}

.quality-performance .txt
{
	display: inline-block;
	position: relative;
}

.quality-performance .txt:before
{
	content: "";
	box-sizing: border-box;
	position: absolute;
	left: -20px;
	top: -8px;
	width: 12px;
	height: 43px;
	border: 4px solid #e5e5e5;
	border-right: 0;
}

.quality-performance .txt:after
{
	content: "";
	box-sizing: border-box;
	position: absolute;
	right: -20px;
	top: -8px;
	width: 12px;
	height: 43px;
	border: 4px solid #e5e5e5;
	border-left: 0;
}

.quality-performance .in-layer
{
	display: none;
	position: absolute;
	z-index: 2;
	top: -1px;
	right: -1px;
	width: 480px;
	height: 676px;
	padding: 88px 64px 0;
	border: 1px solid #333;
	background: #fff;
}

.quality-performance .in-layer .layer-close
{
	position: absolute;
	top: 29px;
	right: 29px;
	width: 20px;
	height: 20px;
	text-indent: -5000px;
	background: url(/resources/images/icon/icon_layer_close.png) no-repeat;
}

.car-info-detail .quality-performance .slide-wrap
{
	padding: 0;
	background: none;
}

.car-info-detail .quality-performance .slick-slider
{
	width: auto;
}

.car-info-detail .quality-performance .slick-slider .slick-arrow
{
	top: 165px;
	width: 19px;
	margin-top: 0;
	padding-top: 17px;
	border-color: #bbb;
}

.car-info-detail .quality-performance .slick-slider .slick-prev
{
	left: -36px;
}

.car-info-detail .quality-performance .slick-slider .slick-next
{
	right: -36px;
}

.car-info-detail .quality-performance .slick-slider .slick-dots
{
	display: none !important;
}

.car-info-detail .quality-performance .slick-slider strong
{
	display: block;
	min-height: 48px;
	margin-bottom: 20px;
	;font-size: 21px;
	font-weight: 400;
}

.car-info-detail .quality-performance .slick-slider p
{
	margin-top: 40px;
	text-align: left;
	font-weight: 300;
	color: #555;
	line-height: 24px;
}

.additional-item p
{
	margin-top: 1em;
	font-size: 14px;
	color: #777;
	font-weight: 300;
}

/* 주문결제 */
/* form style */
.form-regident
{
	display: table;
}

.form-regident span
{
	display: table-cell;
	padding-left: 7px;
	vertical-align: middle;
}

.form-regident span:first-child
{
	padding-left: 0;
}

.form-address input[type="text"]
{
	margin: 10px 0 0 0;
}

.form-address input[type="text"]:first-child
{
	margin-top: 0;
}

/* 직접방문 수령시 */
.visit-info
{
	overflow: hidden;
}

.visit-info li
{
	float: left;
	position: relative;
	width: 350px;
	margin-left: -1px;
	padding: 25px 27px;
	border: 1px solid #ccc;
}

.visit-info li:hover
{
	cursor: pointer;
}

.visit-info li:first-child
{
	margin-left: 0;
}

.visit-info li > *
{
	display: block;
}

.visit-info li .address
{
	margin-top: 10px;
	color: #555;
}

.visit-info li .num
{
	margin-top: 7px;
	color: #555;
}

.visit-info li .link
{
	position: absolute;
	right: 25px;
	bottom: 25px;
	font-weight: bold;
}

.visit-info li.on
{
	z-index: 1;
	border: 1px solid #00A5E5;
}

.visit-info li.on strong
{
	color: #00A5E5;
}

/* 리본카 자산 SAVE 법칙 */
.property-save .save-calc
{
	overflow: hidden;
	position: relative;
	width: 1200px;
	height: 750px;
	background: url(/resources/images/bg/bg_car_save.jpg) no-repeat;
}

.save-calc .car-thumbnail
{
	position: absolute;
	top: 82px;
	left: 0;
	height: 220px;
	background: transparent;
}

.save-calc .car-thumbnail:before
{
	display: none;
}

.save-calc .save-info
{
	width: 840px;
	margin: 422px auto 0;
}

.save-calc .save-info:after
{
	content: '';
	display: block;
	clear: both;
}

.save-calc .save-info>dl
{
	float: left;
	width: 240px;
	text-align: center;
}

.save-calc .save-info>dl + dl
{
	float: right;
}

.save-calc .save-info p
{
	line-height: 44px;
}

.save-calc .save-info p + p
{
	margin-top: 30px;
}

.save-calc .save-info p>*
{
	display: inline-block;
	vertical-align: top;
}

.save-calc .save-info .price
{
	font-size: 27px;
	font-weight: 500;
	color: #888;
}

.save-calc .save-info .price .num
{
	font-size: 32px;
	letter-spacing: -1px;
}

.save-calc .save-total
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 76px;
	color: #fff;
}

.save-calc .save-total .em
{
	color: #46fff8;
}

.car-info-detail .recommended-car .car-thumbnail
{
	height: 186px;
}

.car-info-detail .recommended-car .car-info
{
	height: auto;
	padding-bottom: 10px;
	background: #fff;
}

.car-info-detail .recommended-car .car-info .car-model
{
	padding-top: 20px;
}

.car-info-detail .recommended-car .car-info .car-model b
{
	font-size: 18px;
}

.car-info-detail .recommended-car .car-info .car-status
{
	padding-bottom: 12px;
}

.car-info-detail .recommended-car .car-info .car-price
{
	margin-top: 0;
}

.car-info-detail .recommended-car .price-info .price
{
	font-size: 24px;
}

.car-info-detail .recommended-car .price-info .price .num
{
	font-size: 28px;
}


/* 가격정보 */
.payment-price-info
{
	display: table;
	width: 100%;
	height: 140px;
	table-layout: fixed;
	color: #000;
}

.payment-price-info.bordered
{
	border: 1px solid #e5e5e5;
}

.payment-price-info.bg-color
{
	background: #f4f4f4;
}
.payment-price-info.bg-color.custom {
	background:#d9f4ff;
}

.payment-price-info>*
{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.payment-price-info>*:first-child
{
	padding-left: 0;
}

.payment-price-info .plus:before,
	.payment-price-info .plus:after,
	.payment-price-info .minus:before,
	.payment-price-info .total:before,
	.payment-price-info .total:after
{
	content: '';
	position: absolute;
	top: 50%;
	left: -11px;
	width: 22px;
	height: 4px;
	margin-top: -2px;
	background: #000;
}

.payment-price-info .plus:after
{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.payment-price-info .total:before
{
	margin-top: -6px;
}

.payment-price-info .total:after
{
	margin-top: 3px;
}

.payment-price-info>dl>dt
{
	font-size: 18px;
	font-weight: 300;
}

.payment-price-info>dl>dt button:after
{
	content: '';
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -5px 0 0 5px;
	background: url(/resources/images/bg/bg_btn_more.png) no-repeat;
	vertical-align: middle;
}

.payment-price-info .price
{
	font-size: 26px;
}

.payment-price-info .price .num
{
	font-size: 32px;
}

.price-detail-info
{
	display: none;
	position: absolute;
	top: 50%;
	left: 30px;
	right: 30px;
	z-index: 3;
	padding: 18px 20px;
	background: #fff;
	border: 1px solid #e5e5e5;
}

.price-detail-info>dl
{
	display: table;
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
}

.price-detail-info>dl>*
{
	display: table-cell;
	vertical-align: middle;
}

.price-detail-info>dl + dl
{
	margin-top: 10px;
}

.price-detail-info dt
{
	overflow: hidden;
	color: #555;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}

.price-detail-info dd
{
	padding-left: 20px;
	color: #000;
	text-align: right;
	white-space: nowrap;
}

.price-detail-info .num
{
	font-size: 16px;
}
	
	/* 스마트바이 차량 정보 */
.smrtbuy-car-info .car-info
{
	position: relative;
	min-height: 230px;
	padding: 30px 0 30px 330px;
	border-top: 2px solid #333;
}

.smrtbuy-car-info .car-info .car-thumbnail
{
	position: absolute;
	top: 30px;
	left: 0;
	width: 300px;
	height: 198px;
}

.smrtbuy-car-info .car-info .car-thumbnail + *
{
	display: table;
	width: 100%;
	min-height: 125px;
}

.smrtbuy-car-info .car-info .car-thumbnail + *>*
{
	display: table-cell;
	vertical-align: middle;
}

.smrtbuy-car-info .car-info .car-thumbnail img
{
	width: auto;
	height: 100%;
}

.smrtbuy-car-info .car-info>a
{
	min-height: 198px !important;
	height:198px;
}

.smrtbuy-car-info .car-info .car-model
{
	padding: 0;
	line-height: 1;
}

.smrtbuy-car-info .car-info .car-model b
{
	font-size: 24px;
}

.smrtbuy-car-info .car-info .car-model small
{
	margin-top: 7px;
	font-size: 21px;
}

.smrtbuy-car-info .car-info .car-status
{
	padding: 20px 0 0;
}

.smrtbuy-car-info .price-info
{
	line-height: 48px;
}

.smrtbuy-car-info .car-price .discount
{
	padding-top: 20px;
	margin-top: 0;
}

.smrtbuy-car-info .car-info .car-status,
	.smrtbuy-car-info .car-info .car-price .discount
{
	font-size: 16px;
}

.smrtbuy-car-info .car-info + h3
{
	height: 125px;
	padding-top: 60px;
	border-top: 1px solid #e5e5e5;
	line-height: 1;
}

.smrtbuy-car-info .additional-info
{
	border-top: 2px solid #333;
}

.smrtbuy-car-info .additional-info>li
{
	position: relative;
	padding: 35px 35px 35px 135px;
	border-bottom: 1px solid #e5e5e5;
}

.smrtbuy-car-info .additional-info .ico
{
	position: absolute;
	top: 50%;
	left: 30px;
	width: 80px;
	height: 30px;
	margin-top: -15px;
	background: url(/resources/images/icon/ico_pay_step01.png) no-repeat;
}

.smrtbuy-car-info .additional-info>li:nth-child(2) .ico
{
	background-image: url(/resources/images/icon/ico_pay_step02.png);
}

.smrtbuy-car-info .additional-info>li:nth-child(3) .ico
{
	background-image: url(/resources/images/icon/ico_pay_step03.png);
}

.smrtbuy-car-info .additional-info>li:nth-child(4) .ico
{
	background-image: url(/resources/images/icon/ico_pay_step04.png);
}

.smrtbuy-car-info .additional-info a
{
	padding-bottom: 5px;
	font-size: 18px;
	color: #000;
}

.smrtbuy-car-info .additional-info .checkbox
{
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -15px;
}

.smrtbuy-car-info .option-list
{
	border: 1px solid #e5e5e5;
	font-weight: 300;
	color: #555;
}

.smrtbuy-car-info .option-list li
{
	position: relative;
	padding: 0 20px;
	line-height: 48px;
}

.smrtbuy-car-info .option-list li + li
{
	border-top: 1px solid #e5e5e5;
}

.smrtbuy-car-info .option-list li:hover:after
{
	display: none;
}

.smrtbuy-car-info .option-list button
{
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 18px;
	height: 0;
	padding-top: 16px;
	margin: -3px 0 0 5px;
	border: 1px solid #bbb;
	vertical-align: middle;
}

.smrtbuy-car-info .option-list button:before,
	.smrtbuy-car-info .option-list button:after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 1px;
	margin-left: -8px;
	background: #656565;
}

.smrtbuy-car-info .option-list button:before
{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.smrtbuy-car-info .option-list button:after
{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.option-list .option-price
{
	position: absolute;
	top: 0;
	right: 20px;
}

.option-list .option-price .num
{
	font-size: 18px;
}

.smartbuy-selection
{
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.smartbuy-selection .ico
{
	display: inline-block;
	width: 75px;
	height: 55px;
	margin-top: -27px;
	background: url(/resources/images/icon/ico_payment01.png) no-repeat 0 100%;
}

.smartbuy-selection .ico.ico2
{
	background-image: url(/resources/images/icon/ico_payment02.png);
}

.smartbuy-selection .ico.ico3
{
	background-image: url(/resources/images/icon/ico_payment03.png);
}

.smartbuy-selection .ico.ico4
{
	background-image: url(/resources/images/icon/ico_payment04.png);
}

.smartbuy-selection .ico.ico5
{
	background-image: url(/resources/images/icon/ico_payment05.png);
}

.smartbuy-selection .ico.ico6
{
	background-image: url(/resources/images/icon/ico_payment06.png);
}

.smartbuy-selection .ico.ico7
{
	background-image: url(/resources/images/icon/ico_payment07.png);
}

.smartbuy-selection .ico.ico8
{
	width: 80px;
	background-image: url(/resources/images/icon/ico_payment08.png);
}

.smartbuy-selection .ico.ico9
{
	width: 80px;
	background-image: url(/resources/images/icon/ico_payment09.png);
}

.smartbuy-selection .ico + span
{
	display: block;
	height: 48px;
	margin-top: 25px;
}

.smartbuy-selection button
{
	width: 224px;
	height: 190px;
	padding-top: 40px;
	border: 1px solid #e5e5e5;
	font-size: 18px;
	line-height: 24px;
	vertical-align: top;
}

.smartbuy-selection button + button
{
	margin-left: 16px;
}

.smartbuy-selection button.on
{
	color: #00A5E5;
	border-color: #00A5E5;
	border-width: 2px;
}

.smartbuy-selection button.on .ico
{
	background-position: 0 0;
}

	/* 결제 옵션선택 */
.option-selection h3
{
	font-size: 27px !important;
	text-align: center !important;
	line-height: 1;
}

.option-selection h3 + p
{
	margin-top: 18px;
	font-size: 18px;
	text-align: center;
	line-height: 1;
}

.option-select-list
{
	margin-top: 40px;
	border-top: 2px solid #333;
}

.option-select-list p
{
	margin: -30px 0 30px;
	padding: 18px 0;
	font-weight: 300;
	color: #555;
	text-align: center;
	line-height: 1;
	background: #fafafa;
}

.option-select-list>li
{
	position: relative;
	padding: 30px 0;
	border-bottom: 1px solid #e5e5e5;
}

.option-select-list input[type="checkbox"] + label,
	.option-select-list>li>div
{
	position: relative;
	display: block;
	min-height: 104px;
	margin-left: 0;
}

.option-select-list label>*,
	.option-select-list>li>div>*
{
	display: inline-block;
	vertical-align: middle;
}

.option-select-list input[type="checkbox"] + label:before
{
	margin-right: 27px;
}

.option-select-list .option-thumbnail,
	.option-select-list .option-thumbnail img
{
	width: 184px;
	height: 104px;
}

.option-select-list .option-name
{
	max-width: 780px;
	padding-left: 14px;
	font-size: 14px;
	color: #888;
	line-height: 27px;
	font-weight: 300;
}

.option-select-list .option-name b
{
	display: block;
	font-size: 21px;
	color: #000;
	line-height: 34px;
}

.option-select-list .option-price
{
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.5em;
	font-size: 20px;
}

.option-select-list .option-price .num
{
	font-size: 24px;
}

.option-select-list .btn-detail-view
{
	position: absolute;
	bottom: 30px;
	left: 50px;
	overflow: hidden;
	width: 184px;
	height: 0;
	padding-top: 104px;
}
	
	/* 예상견적 */
.car-estimate
{
	margin-top: 120px;
}

.car-estimate h2
{
	font-size: 27px !important;
	text-align: center !important;
	line-height: 1;
}

.car-estimate h2 + p
{
	margin-top: 18px;
	font-size: 18px;
	text-align: center;
	line-height: 1;
}

.car-estimate p + .tbl-view2
{
	margin-top: 40px;
}

.car-estimate table
{
	table-layout: fixed;
}

.car-estimate .process-list
{
	padding-left: 0;
	margin-top: 0 !important;
	border-top: 0 !important;
	background: #fafafa;
}

.car-estimate .flex
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.car-estimate .flex> * + *
{
	position: relative;
	margin-left: 15px;
}

.car-estimate .flex> * + *:before
{
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 1px;
	height: 16px;
	background: #ddd;
}

.car-estimate .flex> * + * label
{
	margin-left: 15px !important;
}

.car-estimate th
{
	padding-right: 0;
}

.car-estimate td
{
	padding-left: 0;
	padding-right: 0;
}

.car-estimate .cont-wrap
{
	padding: 35px 30px;
	border-bottom: 1px solid #e5e5e5;
}

.car-estimate .cont-wrap h4
{
	margin-bottom: 30px;
	font-size: 18px;
	color: #000;
}

.car-estimate .cont-wrap h4 span
{
	padding-left: 20px;
	font-size: 14px;
	font-weight: 300;
	color: #888;
}

.ui-attach
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
}

.ui-attach>li
{
	position: relative;
	width: 173px;
}

.ui-attach>li:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 114px;
	background: url(/resources/images/contents/bg_car_attach.jpg) no-repeat;
}

.ui-attach>li:nth-child(2):before
{
	background-position: 0 -114px;
}

.ui-attach>li:nth-child(3):before
{
	background-position: 0 -228px;
}

.ui-attach>li:nth-child(4):before
{
	background-position: 0 -342px;
}

.ui-attach>li:nth-child(5):before
{
	background-position: 0 -456px;
}

.ui-attach>li:nth-child(6):before
{
	background-position: 0 -570px;
}

.ui-attach input
{
	display: none;
}

.ui-attach label
{
	position: relative;
	display: block;
	width: 173px;
	padding-top: 130px;
	color: #555;
}

.ui-attach label:before
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -40px 0 0 -25px;
	background: url(/resources/images/icon/ico_plus.png) no-repeat 50% 50%;
	border-radius: 50%;
}

.ui-attach .attached label:before
{
	top: -5px;
	right: -5px;
	left: auto;
	margin: 0;
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(.6) rotate(45deg);
	transform: scale(.6) rotate(45deg);
}

.ui-attach .img
{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 114px;
}

.ui-attach .img img
{
	position: relative;
	top: 50%;
	left: 50%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.car-estimate .textarea
{
	position: relative;
	font-size: 14px;
}

.car-estimate .textarea textarea
{
	width: 100%;
	height: 150px;
	border-color: #e5e5e5;
	background: transparent;
	font: inherit;
}

.car-estimate .textarea .placeholder
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 16px 20px;
	color: #aaa;
	font-weight: 300;
	z-index: -1;
}

.car-estimate .textarea.on .placeholder
{
	display: none;
}


	/* 스마트바이 > 결제 */
.payment h3+.tbl-view2
{
	margin-top: 20px;
}

.payment .payment-price-info
{
	margin: 12px 0 23px;
}

.payment .select-list
{
	display: inline-block;
	overflow: hidden;
}

.payment td .box 
{
	zoom:1;
}
.payment td .box:after 
{
	display:block;
	content:"";
	clear:both;	
}
.payment td .box .select-list 
{
	float:left;
}
.payment td .box .guide-txt 
{
	float:left;
	margin-left:16px;
	height:45px;
	line-height:45px;
	font-size:14px;
}
.payment td .box .guide-txt span 
{
	color:#00a5e5; 
}

.payment .select-list.ty02 li>*
{
	min-width: 238px;
}

.payment .select-list.ty03 li>*
{
	min-width: 200px;
}

.payment .select-list+.sub-txt
{
	vertical-align: 16px;
}

.payment .agree-txt
{
	margin-top: 35px;
	font-weight: 300;
	color: #000;
}

.payment .agree-txt .link
{
	margin-left: 10px;
	color: #000;
	vertical-align: 0;
}

.payment .agree-txt+.txt-tip
{
	margin-top: 40px;
}

.payment .tbl-view2 .interest-all-pay
{
	margin-left: 25px;
	vertical-align: 3px;
	font-size: 16px;
	font-weight: 300;
	color: #555;
}

.payment .tbl-view2 .interest-all-pay strong
{
	position: relative;
	padding: 0 26px 0 16px;
	font-weight: 400;
	color: #000;
}

.payment .tbl-view2 .interest-all-pay strong:first-child:before
{
	content: "";
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 1px;
	height: 10px;
	margin-top: -3px;
	border-left: 1px solid #ddd;
}

/* 스마트바이 > 결제완료 */
.smrtbuy-car-info .car-info .contract
{
	text-align: right;
}

.smrtbuy-car-info .car-info .contract .state
{
	font-size: 26px;
	color: #000;
	line-height: 52px;
}

.smrtbuy-car-info .car-info .detail
{
	margin-top: 20px;
	font-weight: 300;
}

.smrtbuy-car-info .car-info .detail span
{
	position: relative;
	margin-left: 9px;
	padding-left: 16px;
}

.smrtbuy-car-info .car-info .detail span:before
{
	content: "";
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 7px;
	width: 1px;
	height: 14px;
	border-left: 1px solid #ddd;
}

.smrtbuy-car-info .car-info .detail span:first-child
{
	margin-left: 0;
	padding-left: 0;
}

.smrtbuy-car-info .car-info .detail span:first-child:before
{
	display: none;
}

.smrtbuy-car-info .car-info .detail em
{
	font-weight: 400;
}

.smrtbuy-car-info .car-info .detail b
{
	color: #000;
}

.pay-finish h3
{
	margin-top: 60px;
}

.pay-finish .payment-price-info dl
{
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid transparent;
}

.pay-finish .payment-price-info dl:first-child
{
	border-left: 1px solid #e5e5e5;
}

.pay-finish .payment-price-info dl:last-child
{
	border-right: 1px solid #e5e5e5;
}

.pay-finish .payment-price-info .monthly-plan
{
	border-left: 1px solid #e5e5e5;
}

.pay-finish .payment-price-info .last .num em
{
	font-weight: 500;
	color: #444d97;
}

.smartbuy .process-list
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 20px;
	border-top: 2px solid #333;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 300;
}

.smartbuy .process-list>li
{
	position: relative;
	display: table-cell;
	padding: 36px 10px;
	vertical-align: middle;
	text-align: center;
}

.smartbuy .process-list>li:before
{
	content: "";
	position: absolute;
	left: -5px;
	top: 50%;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 13px;
	margin-top: -7px;
	padding-top: 13px;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
}

.smartbuy .process-list>li:first-child:before
{
	display: none;
}

.smartbuy .process-list .eng
{
	display: block;
	margin-bottom: 2px;
	font-size: 18px;
	font-weight: 500;
}

.smartbuy .process-list>li>span
{
	color: #000;
	font-weight: 400;
}

.smartbuy .process-list>li>span+p
{
	margin-top: 15px;
	font-size: 14px;
	color: #888;
}

.pay-finish .tbl-view .link-area
{
	position: relative;
}

.pay-finish .tbl-view .link-area .link
{
	position: absolute;
	right: 0;
	color: #000;
}

.payment-price-detail
{
	margin-top: -1px;
}

.payment-price-detail>*
{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-spacing: 0;
}

.payment-price-detail>*>*
{
	display: table-cell;
	padding: 20px 29px 24px;
	border: 1px solid #e5e5e5;
	border-right: 0;
}

.payment-price-detail>*>*:last-child
{
	border-right: 1px solid #e5e5e5;
}

.payment-price-detail>*>* li
{
	position: relative;
	padding: 0 80px 0 9px;
	font-weight: 300;
	color: #555;
	line-height: 32px;
}

.payment-price-detail>*>* li:before
{
	content: "";
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 15px;
	width: 3px;
	height: 3px;
	background: #888;
}

.payment-price-detail>*>* li span
{
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 400;
	color: #000;
}

.payment-price-detail .info
{
	position: absolute;
	top: 26px;
	right: 0;
	font-size: 14px;
	color: #888;
}

/* 스마트바이 > 제품상세 > aqi */
.aqi-wrap
{
	position: relative;
	border: 1px solid #e5e5e5;
	border-top: 2px solid #333;
}

.aqi-wrap .btn-posit
{
	position: absolute;
	right: 0;
	top: -56px;
}

.aqi-wrap .aqi-choice
{
	width: 299px;
	min-height: 819px;
	border-right: 1px solid #e5e5e5;
	background: #fff;
}

.aqi-wrap .aqi-choice .person
{
	height: 346px;
	padding: 104px 58px 0 60px;
	text-align: center;
	background: #f4f4f4 url(/resources/images/bg/bg_name_tag2.png) no-repeat 54px 35px;
}

.aqi-wrap .aqi-choice .person .img
{
	display: block;
	overflow: hidden;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	border-radius: 2px;
}

.aqi-wrap .aqi-choice .person .img img
{
	width: 120px;
	height: 120px;
}

.aqi-wrap .aqi-choice .person .name
{
	margin: 9px 0 1px;
	font-size: 18px;
	color: #000;
}

.aqi-wrap .aqi-choice .person .license
{
	font-size: 13px;
	font-weight: 300;
	color: #888;
}

.aqi-wrap .aqi-choice h4
{
	height: 52px;
	padding: 10px 0 0 38px;
	font-size: 21px;
	color: #fff;
	background: #333;
}

.aqi-wrap .aqi-choice .ui-toggle
{
	margin: 0;
}

.aqi-wrap .aqi-choice .ui-toggle li:last-child
{
	border-bottom: 0;
}

.aqi-wrap .aqi-choice .ui-toggle li a
{
	position: relative;
	padding: 15px 45px 15px 38px;
	font-weight: 400;
	background: #f4f4f4;
}

.aqi-wrap .aqi-choice .ui-toggle li.on
{
	padding-bottom: 15px;
	background: #fff;
}

.aqi-wrap .aqi-choice .ui-toggle li.on a
{
	color: #fff;
	background: #00A5E5;
}

.aqi-wrap .aqi-choice .ui-toggle li a:before
{
	content: "";
	position: absolute;
	top: 20px;
	right: 21px;
	width: 10px;
	padding-top: 10px;
	border-left: 2px solid #333;
	border-top: 2px solid #333;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.aqi-wrap .aqi-choice .ui-toggle li.on a:before
{
	top: 24px;
	border-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.aqi-wrap .aqi-choice .ui-toggle li a span
{
	margin-left: 6px;
	color: #00A5E5;
}

.aqi-wrap .aqi-choice .ui-toggle li.on a span
{
	color: #fff;
}

.aqi-wrap .aqi-choice .ui-toggle li>p
{
	padding: 14px 45px 14px 38px;
	font-weight: 400;
	background: #f4f4f4;
}

.aqi-wrap .aqi-choice .ui-toggle li>p em
{
	margin-left: 6px;
}

.aqi-wrap .aqi-choice .ui-toggle .toggle-view
{
	height: 112px;
	margin-top: 14px;
	padding: 0 30px 0 38px;
	border-top: 0;
	background: #fff;
}

.aqi-wrap .aqi-choice .ui-toggle .toggle-view .os-content
{
	padding-top: 0 !important;
}

.aqi-wrap .aqi-choice .ui-toggle .toggle-view li
{
	margin-top: 8px;
	padding-left: 30px;
	border-bottom: 0;
	text-indent: -30px;
	font-size: 14px;
	color: #555;
	line-height: 20px;
}

.aqi-wrap .aqi-cont
{
	position: absolute;
	left: 300px;
	top: 0;
	width: 899px;
	height: 100%;
	text-align: center;
}

.aqi-wrap .quality-txt
{
	margin: 40px 60px 0;
	padding-bottom: 42px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 30px;
}

.aqi-wrap .quality-txt span
{
	color: #444d97;
}

.quality-performance .in-layer
{
	top: 127px;
	height: 689px;
}

.quality-performance .txt
{
	font-size: 18px;
}

.quality-performance .txt span
{
	color: #888;
}

.quality-performance .layer-link
{
	left: 144px;
	top: 433px;
}

.quality-performance .layer-link.ty2
{
	left: 382px;
	top: 311px;
}

.quality-performance .layer-link.ty3
{
	left: 382px;
	top: 481px;
}

.quality-performance .layer-link a:after
{
	left: -47px;
	width: 46px;
	height: 23px;
	border-left: 1px solid #dadbea;
}

.quality-performance .layer-link p
{
	left: -120px;
	top: 40px;
	font-weight: 300;
}

/* 스마트바이 > 제품상세 > header */
.car-detail-header.a-type
{
	background: #fff url(/resources/images/@temp/img_car_header_a.png) no-repeat 50% 0;
}

.car-detail-header.a-type.fixed
{
	background: #fff url(/resources/images/@temp/img_car_header_a_on.png) no-repeat 50% 0;
}

.car-detail-header.a-type nav
{
	border: 0;
	background: #283544;
}

.car-detail-header.a-type nav a
{
	overflow: hidden;
	color: #8998ab;
}

.car-detail-header.a-type nav a:after
{
	background: #f2f7f9;
}

.car-detail-header.a-type nav a.on
{
	color: #fff;
}

.car-detail-header.a-type nav a.on:after
{
	left: 50%;
	bottom: -6px;
	width: 9px;
	height: 9px;
	margin-left: -5px;
	border-top: 1px solid #f2f7f9;
	border-left: 1px solid #f2f7f9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #f2f7f9;
}

.car-detail-header.b-type
{
	background: #283544 url(/resources/images/@temp/img_car_header_b.png) no-repeat 50% 0;
}

.car-detail-header.b-type.fixed
{
	background: #283544 url(/resources/images/@temp/img_car_header_b_on.png) no-repeat 50% 0;
}

.car-detail-header.b-type nav
{
	background: #fff;
}

.car-detail-header.b-type nav a
{
	color: #555;
}

.car-detail-header.b-type nav a.on
{
	color: #00A5E5;
}

/* 스마트바이 > 케어 및 품질 보증 */
.quality-guarantee:after
{
	display: block;
	clear: both;
	content: '';
}

.quality-guarantee > div
{
	float: left;
	position: relative;
	width: 590px;
	height: 440px;
	border: 1px solid #e5e5e5;
	text-align: center;
}

.quality-guarantee > div + div
{
	margin-left: 20px;
}

.quality-guarantee > div > strong
{
	display: inline-block;
	width: 180px;
	height: 40px;
	margin-top: -1px;
	background: #00A5E5;
	border-radius: 0 0 5px 5px;
	font-weight: 400;
	color: #fff;
	line-height: 40px;
}

.quality-guarantee > div + div > strong
{
	background: #444d97;
}

.quality-guarantee > div .text
{
	position: absolute;
	left: 70px;
	bottom: 46px;
	width: 450px;
	height: 45px;
	background: #f4f4f4;
	font-size: 16px;
	color: #000;
	line-height: 45px;
	text-align: center;
}

.quality-guarantee > div .btn.white2
{
	position: absolute;
	left: 208px;
	bottom: 45px;
	width: 180px;
}

.quality-guarantee .conts-box
{
	display: table;
	width: 100%;
	margin: 34px auto 0;
	table-layout: fixed;
}

.quality-guarantee .conts-box>*
{
	display: table-cell;
	padding: 10px 15px 10px 10px;
}

.quality-guarantee .conts-box>* + *
{
	padding: 10px 10px 10px 15px;
	border-left: 1px solid #e5e5e5;
}

.quality-guarantee .conts-box .sub-title
{
	font-size: 21px;
	color: #000;
}

.quality-guarantee .conts-box .conts-txt
{
	font-size: 16px;
	color: #888;
	font-weight: 300;
}

.quality-guarantee .conts-box .img-box
{
	line-height: 144px;
}

.quality-guarantee .conts-box .img-box img
{
	vertical-align: middle;
}

.quality-guarantee .conts-box dl
{
	display: inline-block;
	color: #888;
	text-align: center;
	font-weight: 300;
}

.quality-guarantee .conts-box dl dt
{
	float: left;
	clear: left;
	margin-right: 5px;
}

.quality-guarantee .conts-box dl.type02
{
	letter-spacing: -1px;
}

.quality-guarantee .conts-box dl.type02 dt
{
	position: relative;
	padding-left: 69px;
}

.quality-guarantee .conts-box dl dt span
{
	position: absolute;
	left: 0;
	color: #444d97;
}

.quality-guarantee .conts-box dl dd
{
	float: left;
	text-align: left;
	color: #000;
}

.quality-guarantee .conts-box dl dd em
{
	font-family: 'Roboto';
	color: #000;
}

.quality-guarantee ol
{
	float: left;
	width: 100%;
	margin-top: 20px;
	padding: 30px 0;
	border: 1px solid #e5e5e5;
	list-style: none;
	background: #fafafa;
}

.quality-guarantee ol li
{
	float: left;
	position: relative;
	width: 33.3%;
	padding: 9px 0 6px 114px;
	border-left: 1px solid #e5e5e5;
	font-weight: 300;
	color: #888;
	line-height: 24px;
}

.quality-guarantee ol li:first-child
{
	border-left: 0;
}

.quality-guarantee ol li span
{
	position: absolute;
	left: 45px;
	top: 9px;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	font-weight: 400;
	color: #fff;
	line-height: 50px;
	background: #000;
}

.quality-guarantee ol li strong
{
	font-size: 18px;
	font-weight: 400;
	color: #000;
}

.quality-guarantee ol li p
{
	margin-top: 2px;
}

/* 스마트바이 > 리본카 자산 save 법칙 */
.car-calc
{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 40px;
	border: 1px solid #e5e5e5;
}

.car-calc>div
{
	display: table-cell;
	position: relative;
	padding: 23px 40px 40px 39px;
	border-left: 1px solid #e5e5e5;
}

.car-calc>div:first-child
{
	border-left: 0;
}

.car-calc .btn.white3
{
	position: absolute;
	top: 23px;
	right: 40px;
	padding-left: 30px;
	background: url(/resources/images/icon/icon_reset.png) no-repeat 6px 10px;
}

.car-calc h4
{
	position: relative;
	padding: 0 0 25px 13px;
	border-bottom: 1px solid #333;
	font-size: 21px;
}

.car-calc h4:before
{
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 4px;
	height: 19px;
	background: #000;
}

.car-calc h4 small
{
	font-size: 14px;
	font-weight: 300;
	color: #888;
}

.car-calc .txt
{
	margin: 25px 0 11px;
	color: #000;
}

.car-calc .btn.white3+.txt
{
	margin-top: 24px;
}

.car-calc .btn.white3+.txt span
{
	font-size: 14px;
	font-weight: 300;
	color: #888;
}

.car-calc .txt-right
{
	position: relative;
}

.car-calc .txt-right input
{
	padding-right: 25px;
	text-align: right;
	font-weight: 300;
}

.car-calc .txt-right span
{
	position: absolute;
	top: -1px;
	right: 0;
	width: 28px;
	text-align: center;
	font-weight: 300;
	color: #000;
}

.car-calc .select-list
{
	display: table;
	table-layout: fixed;
	width: 100%;
}

.car-calc .select-list li
{
	display: table-cell;
	float: none;
}

.car-calc .select-list li>*
{
	width: 100%;
	min-width: auto;
}

.car-calc h4+dl
{
	margin-top: 24px;
}

.car-calc dl.dot
{
	margin-top: 30px;
	padding: 18px 30px 0;
	background: url(/resources/images/bg/bg_dotted.png) repeat-x;
}

.car-calc h5.dot
{
	margin-top: 34px;
	padding-top: 40px;
	font-size: 18px;
	color: #444d97;
	background: url(/resources/images/bg/bg_dotted.png) repeat-x;
}

.car-calc dt,
.car-calc dd
{
	position: relative;
	text-align: right;
}

.car-calc dt
{
	margin: 50px 0 10px;
}

.car-calc dt:first-child
{
	margin-top: 20px;
}

.car-calc .total dt:first-child
{
	margin-bottom: 30px;
}

.car-calc dt span:first-child
{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
}

.car-calc dt .num
{
	font-size: 19px;
}

.car-calc dd
{
	font-size: 14px;
	font-weight: 300;
	color: #888;
	line-height: 24px;
}

.car-calc dd span:first-child
{
	position: absolute;
	left: 0;
}

.car-calc .price
{
	position: relative;
	height: 80px;
	margin-top: 17px;
	padding: 20px 30px;
	text-align: right;
	font-size: 24px;
	color: #000;
	background: #f4f4f4;
}

.car-calc .total+.price
{
	margin-top: 23px;
}

.car-calc .price span
{
	position: absolute;
	left: 30px;
	top: 20px;
}

.car-calc .price .num
{
	font-size: 29px;
}

#wrapper #contents.car-info-detail h3
{
	font-size: 27px;
}

#wrapper #contents.car-info-detail h3 small
{
	font-size: 16px;
}

#wrapper #contents.my-page .title-box h2
{
	font-size: 34px;
}

.no-data p
{
	font-size: 18px;
	font-weight: 300;
	color: #555;
}


/* 스마트바이 > 차량옵션 레이어 */
#car_option
{
	width: 1000px;
}

#car_option .tbl-view th
{
	color: #000;
}

#car_option .tbl-view td
{
	height: 55px;
	padding: 5px;
	font-size: 14px;
	line-height: 18px;
}

#car_option .tbl-view td.disabled
{
	color: #888;
}

/* 상세보기 */
.highlight .slick-slide .video-frame
{
	width: 851px;
	height: 477px;
}

.highlight .slide-thumbnail button.video-btn::before
{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 14px;
	margin: -7px 0 0 -7px;
	background: url(/resources/images/icon/icon_detail_play.png) no-repeat 0 0;
	background-size: 100% 100%;
}

.highlight .text-slider ul
{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 417px;
    width: 851px;
    height: 60px;
}

.highlight .text-slider li
{
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	padding: 0 15px 0 25px;
	background: #000;
	color: #fff;
}

.highlight .text-slider li::before
{
	content: '';
	position: absolute;
	left: -1px;
	top: 15px;
	width: 1px;
	height: 30px;
	background: #333;
}

.highlight .text-slider li:first-child::before
{
	display: none;
}

.highlight .text-slider .txt-box
{
	position: relative;
	padding: 10px 0 0 43px;
}

.highlight .text-slider .num
{
	position: absolute;
	left: 0;
	top: 6px;
	width: 25px;
	font-size: 40px;
	font-family: 'Roboto';
	font-weight: 100;
	font-style: italic;
	text-align: left;
	opacity: 0.3;
}

.highlight .text-slider .tit
{
	display: block;
	overflow: hidden;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
}

.highlight .text-slider .txt
{
	display: block;
	overflow: hidden;
	height: 20px;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	opacity: 0.6;
}

.highlight .text-slider li.on
{
	background: #444d97;
	z-index: 10;
}

.highlight .text-slider li.on::before
{
	display: none;
}

.highlight .text-slider li.on .num
{
	opacity: 1;
}

.highlight .text-slider li.on .txt
{
	opacity: 1;
}

.highlight .slide-full-area
{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 10000;
}

.highlight .slide-full-area.on
{
	display: block;
}

.highlight .slide-full-area .close-btn
{
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
	height: 60px;
	background: rgba(0,0,0,0.5) url(/resources/images/icon/icon_full_close.png) no-repeat center center;
	text-indent: -9999px;
}

.highlight .fixed-slick-slider
{
	position: relative;
	width: 100%;
	height: 100%;
}

.highlight .fixed-slick-slider img
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	max-height: none;
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.highlight .fixed-slick-slider .video-full-frame
{
	width: 100%;
	height: 100%;
}

.highlight .fixed-slick-slider .slick-list
{
	height: 100%;
}

.highlight .fixed-slick-slider .slick-track
{
	height: 100%;
}


/* 상세보기 그래프 */
.rqs .graph
{
	position: relative;
}

.rqs .graph .count
{
	position: absolute;
	left: 50%;
	top: 50px;
	height: 60px;
	margin-left: -8px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}

.rqs .graph .count .num
{
	display: inline-block;
	font-size: 54px;
	font-weight: 500;
	line-height: 60px;
	letter-spacing: -3px;
}

.rqs .graph.custom-reborn .count 
{
	top:29px;
	margin-left:-14px;
}

.rqs .graph.custom-reborn .count .num 
{
	line-height:42px;
	font-size:32px;
}

.rqs .graph.custom-reborn .count .txt 
{
	font-size:13px;	
}

.rqs .graph .count .txt
{
	position: absolute;
	right: -18px;
	top: 6px;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	color: #888;
}

/* 찾아주세요 */
.find-wrap img
{
	width: 100%;
}

.find-wrap .ui-tab .cont
{
	border: 0;
}

.find-wrap .select-list
{
	display: table;
	width: 100%;
}

.find-wrap .select-list li
{
	display: table-cell;
	float: none;
	width: -webkit-calc(100% / 7);
	width: calc(100% / 7);
	padding: 0;
}

.find-wrap .select-list li button
{
	width: 100%;
	padding: 0 18px;
}

/* 핫딜 템플릿 new */
.hot-deal
{
	padding-bottom: 140px !important;
}

.hot-deal>div
{
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.hot-deal>div:after
{
	content: '';
	display: block;
	clear: both;
}

.hot-deal [class*="templete-"] + [class*="templete-"]
{
	margin-top: 40px;
}

	/* 공통 */
.card-view
{
	float: left;
	position: relative;
	width: 100%;
}

.card-view:after
{
	content: '';
	display: block;
	clear: both;
}

.card-view .car-thumbnail img
{
	width: 116.04%;
	height: auto;
}

.card-view .car-info
{
	display: block;
	padding-bottom: 51px;
	background: #fafafa;
}

.card-view .car-price
{
	padding: 0 20px 16px 0;
}

.card-view .car-info .year span
{
	display: none;
}

.card-view.row-type .car-thumbnail
{
	padding-bottom: 51px;
}

.card-view.row-type .quality-rating
{
	position: absolute;
	top: 180px;
	left: -282px;
	right: auto;
	bottom: auto;
	width: 282px;
	background: #fafafa;
}

.card-view .quality-rating li>*
{
	line-height: 1;
}

.card-view .quality-rating>*:before
{
	display: none;
}

.card-view .quality-rating .eng
{
	color: #000;
	font-weight: 400;
}

.card-view .quality-rating [class*="ico-"]
{
	display: inline-block;
	margin-top: -2px;
	vertical-align: middle;
}

.card-view:not(:first-child) .quality-rating:not(:hover) [class*="ico-"]
{
	overflow: hidden;
	display: inline-block;
	width: 15px;
	height: 0;
	padding-top: 15px;
	background: url(/resources/images/icon/ico_rating.png) no-repeat;
}

.card-view:not(:first-child) .quality-rating:not(:hover) .ico-qr1
{
	padding-top: 12px;
	background-position: 0 0 !important;
}

.card-view:not(:first-child) .quality-rating:not(:hover) .ico-qr2
{
	background-position: 0 -12px !important;
}

.card-view:not(:first-child) .quality-rating:not(:hover) .ico-qr3
{
	background-position: 0 -27px !important;
}

.card-view:not(:first-child) .quality-rating:not(:hover) .ico-qr4
{
	background-position: 0 -42px !important;
}

.card-view:not(:first-child) .quality-rating:not(:hover) .ico-qr5
{
	padding-top: 13px;
	background-position: 0 -57px !important;
}

.card-view  + .card-view
{
	margin-top: 24px;
}

.card-view:nth-child(2) ~ .card-view
{
	margin-left: 24px;
}

.card-view:hover .car-info:after
{
	height: 100%;
}

.card-view:hover .car-info:before
{
	width: 100%;
}

.card-view:before
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	z-index: 2;
	height: 1px;
	background: #000;
	-webkit-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
}

.card-view:after
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	z-index: 2;
	height: 0;
	background: #000;
	-webkit-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}

.card-view:hover:before
{
	width: 100%;
}

.card-view:hover:after
{
	height: 100%;
}


/* templete A 첫번째 요소 */
.templete-A .card-view:first-child .car-thumbnail
{
	width: 590px;
	padding-bottom: 0;
}

.templete-A .card-view:first-child .car-thumbnail .selling-point
{
	left: 40px;
	font-size: 18px;
}

.templete-A .card-view:first-child .car-info
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: -webkit-calc(100% - 590px);
	width: calc(100% - 590px);
	padding: 17px 40px 0;
	background: #fff;
}

.templete-A .card-view:first-child .car-info .car-model
{
	padding-top: 11px;
}

.templete-A .card-view:first-child .car-info .car-model b
{
	font-size: 27px;
	line-height: 36px;
}

.templete-A .card-view:first-child .car-info .car-model small
{
	font-size: 24px;
	line-height: 26px;
}

.templete-A .card-view:first-child .car-info .car-status
{
	padding-top: 19px;
	font-size: 18px;
}

.templete-A .card-view:first-child .car-info .year span
{
	display: inline-block;
}

.templete-A .card-view:first-child .car-price
{
	padding: 0 20px 0 0;
	margin-top: 7px;
	border-top: 0;
}

.templete-A .card-view:first-child .price-info .price
{
	font-size: 30px;
}

.templete-A .card-view:first-child .price-info .price .num
{
	font-size: 36px;
	font-weight: 500;
}

.templete-A .card-view:first-child .price-info .save
{
	font-size: 18px;
}

.templete-A .card-view:first-child .price-info .save del
{
	display: inline-block;
	padding-right: 6px;
}

.templete-A .card-view:first-child .car-price .discount
{
	font-size: 18px;
}

.templete-A .card-view:first-child .quality-rating
{
	top: auto;
	left: 60px;
	right: 60px;
	bottom: 0;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
	height: 90px;
	padding: 0;
	background: transparent;
	font-size: 18px;
}

.templete-A .card-view:first-child .quality-rating>*:before
{
	display: inline-block;
}

.templete-A .card-view:first-child:hover .car-info:before
{
	width: -webkit-calc(100% + 590px);
	width: calc(100% + 590px);
}

/* templete 상품 2개 */
.templete-A.item2 .card-view .car-thumbnail
{
	width: 590px;
	padding-bottom: 0;
}

.templete-A.item2 .card-view .car-thumbnail .selling-point
{
	left: 40px;
	font-size: 18px;
}

.templete-A.item2 .card-view .car-info
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: -webkit-calc(100% - 590px);
	width: calc(100% - 590px);
	padding: 17px 40px 0;
	background: #fff;
}

.templete-A.item2 .card-view .car-info .car-model
{
	padding-top: 11px;
}

.templete-A.item2 .card-view .car-info .car-model b
{
	font-size: 27px;
	line-height: 36px;
}

.templete-A.item2 .card-view .car-info .car-model small
{
	font-size: 24px;
	line-height: 26px;
}

.templete-A.item2 .card-view .car-info .car-status
{
	padding-top: 19px;
	font-size: 18px;
}

.templete-A.item2 .card-view .car-info .year span
{
	display: inline-block;
}

.templete-A.item2 .card-view .car-price
{
	padding: 0 20px 0 0;
	margin-top: 7px;
	border-top: 0;
}

.templete-A.item2 .card-view .price-info .price
{
	font-size: 30px;
}

.templete-A.item2 .card-view .price-info .price .num
{
	font-size: 36px;
	font-weight: 500;
}

.templete-A.item2 .card-view .price-info .save
{
	font-size: 18px;
}

.templete-A.item2 .card-view .price-info .save del
{
	display: inline-block;
	padding-right: 6px;
}

.templete-A.item2 .card-view .car-price .discount
{
	font-size: 18px;
}

.templete-A.item2 .card-view .quality-rating
{
	top: auto;
	left: 60px;
	right: 60px;
	bottom: 0;
	width: -webkit-calc(100% - 120px);
	width: calc(100% - 120px);
	height: 90px;
	padding: 0;
	background: transparent;
	font-size: 18px;
}

.templete-A.item2 .card-view .quality-rating>*:before
{
	display: inline-block;
}

.templete-A.item2 .card-view .quality-rating [class*="ico-"]
{
	overflow: visible;
	display: inline-block;
	width: auto;
	height: auto;
	padding-top: 0;
	margin: -2px 5px 0 0;
	background: none;
}

.templete-A.item2 .card-view + .card-view .car-thumbnail
{
	float: right;
}

.templete-A.item2 .card-view + .card-view .car-info
{
	right: auto;
	left: 0;
}

.templete-A.item2 .card-view + .card-view .car-info:after,
.templete-A.item2 .card-view + .card-view .car-info:before
{
	right: -590px;
}

.templete-A.item2 .card-view + .card-view:hover .car-info:before
{
	width: -webkit-calc(100% + 590px);
	width: calc(100% + 590px);
}

/* templete 상품 3개 */
.templete-A.item3 .card-view:nth-child(1) ~ .card-view
{
	width: -webkit-calc(50% - 12px);
	width: calc(50% - 12px);
}

.templete-A.item3 .card-view:nth-child(1) ~ .card-view .car-thumbnail
{
	width: 282px;
	padding-bottom: 51px;
}

.templete-A.item3 .card-view:nth-child(1) ~ .card-view .car-info
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: -webkit-calc(100% - 282px);
	width: calc(100% - 282px);
	padding: 2px 10px 0;
	background: #fff;
}

.templete-A.item3 .card-view:nth-child(1) ~ .card-view .car-price
{
	padding: 12px 0 0 0;
	margin: 0px 20px 0;
	border-top: 1px solid #e5e5e5;
}

.templete-A.item3 .card-view:nth-child(1) ~ .card-view .quality-rating
{
	left: -282px;
	right: -webkit-calc(100% - 282px);
	right: calc(100% - 282px);
	width: 282px;
	padding: 0 2%;
	background: #fafafa;
}

.templete-A.item3 .card-view:nth-child(1) ~ .card-view .btn-pick
{
	bottom: auto;
	top: 140px;
	right: -7px;
	-webkit-transform: scale(.8);
	transform: scale(.8);
}

.templete-A.item3 .card-view:nth-child(1) ~ .card-view:hover .car-info:before
{
	width: -webkit-calc(100% + 282px);
	width: calc(100% + 282px);
}

/* templete 상품 4개 */
.templete-A.item4 .card-view:nth-child(1) ~ .card-view
{
	width: 384px;
}


.templete-A.item4 .card-view:nth-child(1) ~ .card-view .quality-rating [class*="ico-"]
{
	overflow: visible;
	display: inline-block;
	width: auto;
	height: auto;
	padding-top: 0;
	margin-top: -5px;
	background: none;
}
/* templete 상품 5개 */
.templete-A.item5 .card-view:nth-child(1) .car-thumbnail,
.templete-A.item5 .card-view:nth-child(1) .slick-slide {
	height:384px;
}
.templete-A.item5 .card-view:nth-child(1) ~ .card-view
{
	width: 282px;
}
.templete-A.item5 .card-view:nth-child(1) ~ .card-view .car-thumbnail,
.templete-A.item5 .card-view:nth-child(1) ~ .card-view .slick-slide {
	height:186px;
}

/* templete B */
.templete-B
{
	padding-left: 612px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 590px;
	background: #fff;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .car-info
{
	padding: 17px 20px 0;
	background: #fff;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .car-thumbnail .selling-point
{
	left: 40px;
	font-size: 18px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .car-info .car-model
{
	padding-top: 11px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .car-info .car-model b
{
	font-size: 27px;
	line-height: 36px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .car-info .car-model small
{
	font-size: 24px;
	line-height: 26px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .car-info .car-status
{
	padding-top: 19px;
	font-size: 18px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .car-info .year span
{
	display: inline-block;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .car-price
{
	padding: 0 20px 0 0;
	margin-top: 0;
	border-top: 0;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .price-info .price
{
	font-size: 30px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .price-info .price .num
{
	font-size: 36px;
	font-weight: 500;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .price-info .save
{
	font-size: 18px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .price-info .save del
{
	display: inline-block;
	padding-right: 6px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .car-price .discount
{
	font-size: 18px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .quality-rating
{
	left: 40px;
	right: 40px;
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	height: 60px;
	padding: 0;
	font-size: 18px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .quality-rating>*:before
{
	display: inline-block;
}

[class^="templete-"]:not([class*="-A"]) .card-view:first-child .quality-rating [class*="ico-"]
{
	overflow: visible;
	display: inline-block;
	width: auto;
	height: auto;
	padding-top: 0;
	background: none;
}

[class^="templete-"]:not([class*="-A"]) .card-view:not(:first-child) .year span
{
	display: none;
}

[class^="templete-"]:not([class*="-A"]) .card-view:nth-child(2),
[class^="templete-"]:not([class*="-A"]) .card-view:nth-child(3)
{
	width: 282px;
	margin-top: 0;
}

[class^="templete-"]:not([class*="-A"]) .card-view:nth-child(4)
{
	width: 588px;
	margin-left: 0;
}

[class^="templete-"]:not([class*="-A"]) .card-view:nth-child(4) .car-thumbnail
{
	width: 282px;
	padding-bottom: 51px;
}

[class^="templete-"]:not([class*="-A"]) .card-view:nth-child(4) .car-info
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: -webkit-calc(100% - 282px);
	width: calc(100% - 282px);
	padding: 2px 10px 0;
	background: #fff;
}

[class^="templete-"]:not([class*="-A"]) .card-view:nth-child(4) .car-price
{
	padding: 12px 0 0 0;
	margin: 0px 20px 0;
	border-top: 1px solid #e5e5e5;
}

[class^="templete-"]:not([class*="-A"]) .card-view:nth-child(4) .quality-rating
{
	left: -282px;
	right: -webkit-calc(100% - 282px);
	right: calc(100% - 282px);
	width: 282px;
	background: #fafafa;
}

[class^="templete-"]:not([class*="-A"]) .card-view:nth-child(4) .btn-pick
{
	bottom: auto;
	top: 140px;
	right: -7px;
	-webkit-transform: scale(.8);
	transform: scale(.8);
}

[class^="templete-"]:not([class*="-A"]) .card-view:nth-child(4):hover .car-info:before
{
	width: -webkit-calc(100% + 282px);
	width: calc(100% + 282px);
}

/* templete C */
.templete-C
{
	padding-right: 612px;
}

.templete-C .card-view:first-child
{
	position: absolute;
	top: 0;
	left: auto !important;
	right: 0 !important;
	bottom: 0;
	width: 590px;
	background: #fff;
}

.hot-deal .more
{
	position: absolute;
	bottom: 58px;
	left: 50%;
	z-index: 1;
	display: block;
	width: 251px;
	height: 22px;
	margin: 0 auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/*
 * 런친관련 스타일 
 ****/

.hide{display: none;}
.d-clear:after{clear: both; content: ""; display: block;}
.btn_wrapper:after{clear: both; content: ""; display: block;}
.btn_wrapper li { float: left; } 
.btn_wrapper li:first-child:nth-last-child(1) { width: 100%; }
.btn_wrapper li:first-child:nth-last-child(2),.btn_wrapper  li:first-child:nth-last-child(2) ~ li { width: 50%; }
.btn_wrapper li:first-child:nth-last-child(3),.btn_wrapper  li:first-child:nth-last-child(3) ~ li { width: 33.3333% }
.btn_wrapper li:first-child:nth-last-child(4),.btn_wrapper  li:first-child:nth-last-child(4) ~ li { width: 25%; }

.launching_wrapper{background-color: #293543; width: 100%;min-width: 1200px; height: 240px;}
.launching_wrapper .title_wrapper{width: 1200px; height: 80px; color: #4FBBE6; background-color: #293543; margin: 0 auto; text-align: center;line-height: 80px; font-size: 40px; font-family: 'Noto Sans Korean';}
.launching_wrapper .header_data_wrapper{width: 1200px; margin: 0 auto;}
.launching_wrapper .header_data_wrapper:after{clear: both; content: ""; display: block;}

/* 해더 왼쪽 시간정보 */
.launching_wrapper .header_data_wrapper .time_wrapper{width: 650px; height: 130px;  margin: 0 10px 0 0; float: left; background-color: #182432;}
.launching_wrapper .header_data_wrapper .time_wrapper .time_inner_wrapper{margin: 20px 0 0;}
.launching_wrapper .header_data_wrapper .time_wrapper .time_inner_wrapper:after{clear: both; content: ""; display: block;}
.time_inner_wrapper .status_update_wrapper{float: right; width: 213px; text-align: center; border-left: 1px solid #3D4754;}
.time_inner_wrapper .status_update_wrapper.hide_btn {top:20px;}

/* 해더 오른쪽 시세정보*/
.launching_wrapper .header_data_wrapper .status_wrapper{width: 540px; height: 130px; float: right; background-color: #182432; }
.launching_wrapper .header_data_wrapper .status_wrapper .status_inner_wrapper{margin: 20px 0 20px 35px;}
.launching_wrapper .header_data_wrapper .status_wrapper .status_inner_wrapper:after{clear: both; content: ""; display: block;}
.status_inner_wrapper .status_count_wrapper{float: left; margin: 0; padding: 0 44px 0 0; border-right: 1px solid #3D4754;}
.status_inner_wrapper .status_count_wrapper dl:after{clear: both; content: ""; display: block;}
.status_inner_wrapper .status_count_wrapper dl{width: 265px; margin: 0 0 10px; line-height: 1;}
.status_inner_wrapper .status_count_wrapper dl:last-child{margin: 0 0 0;}
.status_inner_wrapper .status_count_wrapper dt{float: left;}
.status_inner_wrapper .status_count_wrapper dd{float: right;}
.status_inner_wrapper .status_count_wrapper dd:after{clear: both; content: ""; display: block;}
.status_inner_wrapper .status_update_wrapper {float: right; width: 193px; text-align: center;}

/* 시계 */
.time_inner_wrapper ul{float: left; margin: 0 0 0 32px;}
.clock_wrapper{position: relative;}
.clock_wrapper ul:after{clear: both; content: ""; display: block;}
.clock_wrapper li{float: left; text-align: center;}
.clock_wrapper li:first-child{margin: 0 26px 0 0;}
.clock_wrapper li p{ background-color: #000000; width: 76px; line-height: 72px; font-family: 'Roboto'; color: #ffffff; font-size: 40px;}
.clock_wrapper li.point{color: #6a7299; line-height: 72px; font-size: 42px; margin: 0 5px;}
.clock_wrapper li span{color: #8998ab; font-size: 14px; font-family: 'Roboto'; line-height: 2.7;}

.launching_wrapper .label{color: #8898AB; margin: 0 0 10px; line-height: 1; font-size: 16px; font-family:'Noto Sans Korean';}
.launching_wrapper .won_label{color: #8898AB; float: right;}
.launching_wrapper .date_value{color: #ffffff; line-height: 1; margin: 0 0 10px; font-size: 16px;  font-family:'Noto Sans Korean';}
.launching_wrapper .count_value{color: #F82652; line-height: 1; margin: -3px 3px 0 0; font-size: 22px; font-weight: bold; font-family:'Roboto'; float: right;}
.launching_wrapper .btn{font-size: 14px; font-family:'Noto Sans Korean'; border: 1px solid #8A98AA; background-color: #1A232E; color: #FFFFFF; line-height: 33px; padding: 0 11px;}
.launching_wrapper .btn:hover{background-color:#8A98AA;}

.highlight .slide-area .outside_wrapper{margin: 0 auto 20px; background-color: #f2f7f9;}
.outside_wrapper{width: 1200px; margin: 0 auto;  }
.outside_wrapper:after{clear: both; content: ""; display: block;}
.outside_wrapper .image_wrapper{ width: 588px; height: 393px; float: left; background-color: #ffffff;}
.outside_wrapper .info_wrapper{ width: 592px; height: 393px; float: right; background-color: #ffffff; margin: 0 0 0 20px;}

.data_wrapper{border-bottom: 1px solid #e5e5e5; padding: 0 0 32px;}
.info_inner_wrapper{margin: 22px 50px;}
.item_title{font-size: 28px; color: #000000; font-weight: bold; font-family:'Noto Sans Korean'; margin: 0 0 5px;}
.item_description{font-size: 24px; color: #000000; line-height: 1; margin: 0 0 43px; font-family:'Noto Sans Korean';}
.price_wrapper{margin: 0 0 25px;}
.price_wrapper dl{position: relative; margin: 0 0 15px;}
.price_wrapper dl:after{clear: both; content: ""; display: block;}
.price_wrapper dt{font-size: 24px; color: #000000; position: absolute; bottom: 0; font-family:'Noto Sans Korean';}
.price_wrapper dd{float: right;}
.price_wrapper .price{color: #00a5e5; font-size: 36px; margin: 0 10px 0 0; font-family:'Roboto'; font-weight: bold; line-height: 1;}
.price_wrapper .won_label{color: #000000; font-size: 30px; font-family: 'Roboto'}
.delivery_wrapper::after{clear: both; content: ""; display: block;}
.delivery_wrapper label{display: inline; font-size: 18px; color: #888888; margin: 0 37px 0 0;font-family: 'Noto Sans Korean';}
.delivery_wrapper p{display: inline; font-size: 18px; color: #000000;font-family: 'Noto Sans Korean';}

.btn_wrapper{margin: 20px 0 33px;}
.btn_wrapper:after{clear: both; content: ""; display: block;}
.btn_wrapper .btn{line-height: 45px; text-align: center; display: inline-block; float: left; cursor: pointer;}
.btn.btn_bid{color: #ffffff; background-color: #00A5E5; width: 200px; margin: 0 10px 0 0; cursor: pointer;}
.btn.btn_buy{color: #ffffff; background-color: #404B57; width: 180px; margin: 0 10px 0 0; cursor: pointer;}
.btn.btn_keep{position: relative; color: #8998ab; width: 45px; height: 45px; margin: 0 auto; cursor: pointer; float:right;}
.btn.btn_keep:before{overflow: hidden; content: ''; position: absolute; top: 11px; right: 6px;margin: 0 auto; text-align: center;  width: 26px; height: 22px; background: url(../images/icon/ico_share_auc.png) no-repeat;cursor: pointer; }
.btn.on.btn_keep:before{overflow: hidden; content: ''; position: absolute; top: 11px; right: 6px;margin: 0 auto; text-align: center;  width: 26px; height: 23px; background: url(../images/icon/ico_share_auc.png) no-repeat; background-position: 0 -24px !important;cursor: pointer;}
.btn.btn_share{position: relative; color: #8998ab; width: 45px; height: 45px; margin: 0 auto; float: right;cursor: pointer;}
.btn.btn_share:before{overflow: hidden; content: ''; position: absolute; top: 11px; left: 8px;margin: 0 auto; text-align: center;  width: 26px; height: 26px; background: url(../images/icon/ico_share_auc.png) no-repeat;background-position: 0 -48px !important;cursor: pointer;}
.btn.btn_detail{color: #ffffff; background-color: #404B57; width: 200px; margin: 20px 10px 0 0;cursor: pointer;}


.highlight .slide-area .rating_wrapper{background-color: #f2f7f9;}
.highlight .slide-area .rating_wrapper:after{clear: both; content: ""; display: block;}
.highlight .slide-area .rating_wrapper .rating_left_wrapper{background-color: #ffffff; float: left;}
.highlight .slide-area .rating_wrapper .rating_right_wrapper{background-color: #ffffff; float: right; width: 400px; margin: 0 0 0 18px;}
.highlight .slide-area .rating_wrapper .rating_right_wrapper .statue_wrapper{ display: table; table-layout: fixed; margin: 0 auto;}
.rating_left_wrapper:after{clear: both; content: ""; display: block;}
.rating_right_wrapper .statue_wrapper>* { display: table-cell; text-align: center; vertical-align: middle; width: 100px; }
.rating_right_wrapper .statue_wrapper>*:before { content: ''; display: block; width: 70px; height: 70px;  margin: 0 auto; background: url(../images/icon/ico_rqs.png) no-repeat;}
.rating_right_wrapper .statue_wrapper>* + *:before{ background-position: 0 -70px; }
.rating_right_wrapper .statue_wrapper>* + * + *:before{ background-position: 0 -140px; }

/* 경매입찰 */
.layer_wrapper{border: 1px solid #000000; position: fixed; left: 50%; top: 50%; width: 967px; height: 668px; background-color: #ffffff; z-index: 99999999; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.layer_auction_wrapper{border: 1px solid #000000; position: fixed; left: 50%; top: 50%; width: 967px; height: 810px;; background-color: #ffffff; z-index: 99999999; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.layer_inner_wrapper{ margin: 0 40px 40px; }
.layer_header{line-height: 70px; border-bottom: 1px solid #dddddd; position: relative; margin: 0 0 20px;}
.layer_header .title{font-size: 24px; font-weight: bold; font-family:'Noto Sans Korean'}
.layer_header .btn_layer_close { position: absolute; right: 0;  top: 18px; width: 32px; height: 32px; opacity: 0.3; }
.layer_header .btn_layer_close:hover { opacity: 1; }
.layer_header .btn_layer_close:before, .btn_layer_close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #333; }
.layer_header .btn_layer_close:before { transform: rotate(45deg); }
.layer_header .btn_layer_close:after { transform: rotate(-45deg); }

.layer_body label{line-height: 1; font-size: 20px; font-family:'Noto Sans Korean'}
.layer_body .table_wrapper{border-top:2px solid #000000; margin: 19px 0 0;}
.layer_body .table_wrapper dt{float: left; width: 190px; line-height: 58px; background-color: #fafafa; color: #888888; text-align: center;border-bottom: 1px solid #dddddd;}
.layer_body .table_wrapper dd{float: left; width: 695px; line-height: 58px; color: #000000; text-align: center;border-bottom: 1px solid #dddddd; font-weight: bold; font-family:'Noto Sans Korean'}
.layer_body .table_wrapper dd:nth-of-type(2){color: #00a5e5; font-weight: bold; font-family:'Noto Sans Korean'}

.table_price_wrapper dt:nth-of-type(4){line-height: 144px;}
.table_price_wrapper dd:nth-of-type(2){color: #000000; }
.table_price_wrapper dd.w_260{width: 250px;}
.table_price_wrapper dd:last-child{text-align: left; margin: 10px 0px;}
.table_price_wrapper dd:last-child div{margin: 0 0 0 30px;}
.table_price_wrapper dd:last-child div.price_wrapper{margin: -20px 0 -20px 30px;}
.table_price_wrapper .price_wrapper input{text-align: right; padding-right: 10px;}
.table_price_wrapper .price_wrapper span{color: #000000; margin: 0 0 0 15px;}
.table_price_wrapper .price_wrapper .price_tip{color: #ffffff; color: #888888;}


/* 경매기록 */
.layer_body .btn.btn_bid{margin: 20px 10px 20px 0; float: none; display: block; float: right;} 
.layer_body .bidder_list_wrapper{width: 650px; margin: 0 auto -10px;}
.layer_body .bidder_list_wrapper:after{clear: both; content: ""; display: block;}
.layer_body .bidder_list_wrapper .bidder_list{margin: 40px 0 0; text-align: right; float: right;}
.layer_body .bidder_list li{float: left;}
.layer_body .bidder{color: #888888;}
.layer_body .winning{color: #ff3f3f;}
.layer_body .underbidder{color: #00a5e5;}
.layer_body .table_bid{margin: 21px auto 0; display: table; width: 650px; border-top:2px solid #000000;}
.layer_body .table_bid .bid_row{display: table-row; }
.layer_body .table_bid .bid_row .bid_id{margin: 0 0 0 25px;}
.layer_body .table_bid .bid_row div{display: table-cell; line-height: 55px; text-align: center;border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; }
.layer_body .table_bid .bid_row div:first-child{text-align: left; }
.layer_body .table_bid .bid_row div:last-child{border-right: 0;}

.layer_body .table_bid .bid_row:first-child div{background-color: #fafafa; color: #888888;}
.layer_footer{    margin: 0 40px;}
.layer_footer .btn.btn_bid{display: block; margin: 0 auto 20px; line-height: 45px;}
.layer_footer .layer_tip{color: #888888;}
.layer_footer .layer_tip .title{border-bottom: 1px solid #e5e5e5; line-height: 34px; font-size: 16px; margin: 0 0 10px;} 
.layer_footer .layer_tip ul{list-style: disc; margin: 0 0 0 20px; }
.layer_footer .layer_tip ul li{font-size: 16px; color: #888888; line-height: 30px; list-style: disc;}


/* 썸네일 목록*/
.list_logo{content: ''; position: absolute; top: 10px; left: 10px; z-index: 10; width: 80px; height: 80px; background: #fff url(../images/icon/img_list_logo.png) no-repeat; background-size: cover; border-radius: 3px; }

.thumbnail_list:after{clear: both; content: ""; display: block;}
.thumbnail_list li{float: left; margin: 1px 0 0; position: relative;}
.thumbnail_list li div{position: absolute; width: 48px; height: 27px; background-color: #000000; opacity: 0.4;}
.thumbnail_list li.active div{opacity: 0; }
.thumbnail_list li img{display: block; width: 48px; height: 27px; object-fit: fill; margin: 0 1px 0 0;}
.thumbnail_list li.active img{outline: 1px solid #00a5e5;}
.swiper-slide  img{ height: 338px; display: block;}
.btn_full{z-index: 10; position: absolute; top: 24px; right: 30px;  width: 80px; height: 30px; background: #000; color: #fff; text-align: center; line-height: 30px; border-radius: 15px; font-size: 12px; font-weight: 300; }
.btn_full:before {content: ''; display: inline-block; width: 16px; height: 13px; margin: -3px 6px 0 0; background: url(../images/icon/ico_full.png) no-repeat; vertical-align: middle; }

.full_layer{display: none; overflow: hidden; position: fixed; top: 0;  left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); z-index: 10; }
.full_layer .modal_content{ overflow: auto; position: fixed;  background: #ffffff; z-index: 50; }
.full_layer .modal_content img{height: 100%; width: auto;}

/* 평가항목 */
.content_wrapper .rating_wrapper{ width: 1200px; margin: 0 auto; padding: 20px 0 100px; }
.content_wrapper .rating_wrapper:after{clear: both; content: ""; display: block;}
.content_wrapper .rating_wrapper .rating_left_wrapper{background-color: #ffffff; float: left; height: 150px; width: 810px;}
.content_wrapper .rating_wrapper .rating_right_wrapper{background-color: #ffffff; float: right; width: 370px;}
.content_wrapper .rating_wrapper .rating_right_wrapper .statue_wrapper{ display: table; table-layout: fixed; margin: 0 auto;}


.rating_left_wrapper:after{clear: both; content: ""; display: block;}
.rating_left_wrapper .score_wrapper{width: 415px; float: left; border-right: 1px solid #e5e5e5; margin: 40px 0 0;}
.rating_left_wrapper .score_wrapper .score_left_wrapper{float: left; margin: 0 0 0 55px;}
.rating_left_wrapper .score_wrapper .score_right_wrapper{margin: -14px 20px; float: right; }
.rating_left_wrapper .score_wrapper .score_right_wrapper .graph{position: relative; width: 106px; height: 106px;}
.rating_left_wrapper .score_wrapper .score_right_wrapper .graph .count{position: absolute; left: 43%; top: 37px; line-height: 1; font-size: 21px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1;}
.rating_left_wrapper .score_wrapper .graph .count .txt
{
	position: absolute;
	right: -18px;
	top: 2px;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	color: #888;
}

.rating_left_wrapper .score_left_wrapper .title_wrapper{margin: 0 0 15px; position: relative;}
.rating_left_wrapper .score_left_wrapper .title_wrapper .title{float: left; font-size: 21px; color: #000; line-height: 1;}
.rating_left_wrapper .score_left_wrapper .title_wrapper .img{float: left;}
.rating_left_wrapper .score_left_wrapper .title_wrapper .img_tooltip{overflow: hidden; width: 20px; height: 0; padding-top: 20px; background: url(../images/icon/ico_tooltip.png) no-repeat; vertical-align: top; margin: 0 0 0 5px;}
.rating_left_wrapper .score_left_wrapper .sub_title_wrapper{font-size: 14px; color: #888; font-weight: 300;}

.rating_left_wrapper .ranking_wrapper{ width: 390px; float: right; margin: 45px -35px 0 12px;}
.rating_left_wrapper .ranking_wrapper .ranking_info{display: table; width: 100%; table-layout: fixed; font-size: 14px; color: #888; font-weight: 300; line-height: 1;}
.rating_left_wrapper .ranking_wrapper .ranking_info:after{clear: both; content: ""; display: block;}
.rating_left_wrapper .ranking_wrapper .ranking_info dl{display: table-cell; text-align: center; vertical-align: middle;}
.rating_left_wrapper .ranking_wrapper .ranking_info dt{ font-size: 14px; color: #888; font-weight: 300; line-height: 1;}
.rating_left_wrapper .ranking_wrapper .ranking_info .grade{display: block; padding: 10px 0; font-weight: 500; color: #000; font-size: 35px;}

.rating_right_wrapper .statue_wrapper>* { display: table-cell; text-align: center; vertical-align: middle; width: 100px; height: 150px;}
.rating_right_wrapper .statue_wrapper>*:before { content: ''; display: block; width: 70px; height: 70px;  margin: 0 auto; background: url(../images/icon/ico_rqs.png) no-repeat;}
.rating_right_wrapper .statue_wrapper>* + *:before{ background-position: 0 -70px; }
.rating_right_wrapper .statue_wrapper>* + * + *:before{ background-position: 0 -140px; }

/* 툴팁 */
.tooltip_layer { position: absolute; top: 24px; background-color: #ffffff; width: 340px; left: 0; z-index: 50; padding: 20px; border: 1px solid #333; }
.tooltip_layer .tooltip_inner_layer{ color: #555555; font-size: 14px; }
.tooltip-layer .btn_tooltip{ overflow: hidden; width: 20px; height: 0; padding-top: 20px; background: url(../images/icon/ico_tooltip.png) no-repeat; vertical-align: top; }

.tooltip_layer .layer:before { position: absolute; top: -6px; left: 52px; width: 9px; height: 9px; margin-left: -5px; background: #fff; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.layer::before {content: ''; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: -1; }
.rating_wrapper .graph .ui-circle-chart{ width: 106px !important; height: 106px !important;}

/* 2020 */
.car-info-detail.promotion-car {
	padding:153px 0 0 !important;
}
.car-info-detail.promotion-car .car-detail-header .car-thumbnail img {
	width:70%;
	height:auto;
}
.car-info-detail.promotion-car .car-detail-header .car-price {
	width:360px;
}
.car-info-detail.promotion-car .car-detail-header .car-price .price-guide {
	font-size:14px;
	font-weight:200;
}
.car-info-detail.promotion-car .car-detail-header.fixed .price-info {
	display:block;
	position:absolute;
	top:20px;
}
.car-info-detail.promotion-car .car-detail-header.fixed .car-price {
	width:350px;
}
.car-info-detail.promotion-car .car-detail-header.fixed .car-info .btns {
	padding:23px 70px 0 30px;
}
.car-info-detail.promotion-car .car-detail-header.fixed .car-info .btns .btn:first-child {
	display:block;
	width:130px;
	height:45px;
	font-size:16px;
	line-height:43px;
}
.car-info-detail.promotion-car .car-detail-header.fixed .price-info .vat {
	position:relative;
	top:5px;
	font-size:13px;
}
.car-info-detail.promotion-car .car-detail-header.fixed .car-price .price-guide {
	position:absolute;
	right:0;
	top:54px;
	font-size:12px;
}
.car-info-detail.promotion-car .important-info .summary>*:nth-child(2)>* {
	padding:0 18px;
}
.promotion-car .clear-box {
	zoom:1;
}
.promotion-car .clear-box:after {
	display:block;
	content:"";
	clear:both;
}
.promotion-car .section-title.bottom-bar {
	border-bottom:2px solid #333;
}
.promotion-car .small-title {
	margin:32px 0 12px;
	padding-left:10px;
	color:#000;
	font-size:20px;
	text-align:left;
}
.promotion-car .small-title-wrap .small-title {
	float:left;
}
.promotion-car .small-title-wrap .txt {
	float:left;
	padding:40px 0 0 8px;
	color:#555;
	font-size:14px;
}
.promotion-car .box-txt-info .top-txt01 {
	color:#000;
	font-size:24px;
}
.promotion-car .box-txt-info .top-txt02 {
	margin-top:12px;
	line-height:24px;
	color:#555;
	font-size:16px;
}
.promotion-car .top-main-area .car-pics {
	margin-top:25px;
}
.promotion-car .top-main-area .car-pics > div {
	max-width:595px;
}
.promotion-car .top-main-area .car-pics .left {
	float:left;
}
.promotion-car .top-main-area .car-pics .right {
	float:right;
}
.promotion-car .top-main-area .car-pics img {
	display:block;
}
.promotion-car .car-detail-area {
	margin-top:95px;
}
.promotion-car .car-detail-area .features {
	margin-top:20px;
}
.promotion-car .car-detail-area .features .left-box {
	float:left;
}
.promotion-car .car-detail-area .features .right-box {
	float:right;
	width:702px;
}
.promotion-car .car-detail-area .features .right-box img {
	display:block;
}
.promotion-car .car-detail-area .features ul li {
	float:left;
	width:340px;
}
.promotion-car .car-detail-area .features ul li:nth-child(2n) {
	margin-left:20px;
}
.promotion-car .car-detail-area .features ul li:nth-child(3),
.promotion-car .car-detail-area .features ul li:nth-child(4) {
	margin-top:14px;
}
.promotion-car .car-detail-area .features .title {
	display:block;
	margin-top:12px;
	color:#000;
	font-size:16px;
	font-weight:400;
}
.promotion-car .car-detail-area .features .elucidation {
	margin-top:10px;
	line-height:22px;
	color:#555;
	font-size:14px;
}
.promotion-car .car-detail-area .safety {
	margin-top:20px;
}
.promotion-car .car-detail-area .elucidations {
	margin-top:20px;
}
.promotion-car .car-detail-area .safety ul {
	border:1px solid #ddd;
}
.promotion-car .car-detail-area .safety li {
	float:left;
	padding:18px 10px 18px 18px;
	width:20%;
	height:188px;
	border-left:1px solid #ddd;
	box-sizing:border-box;
}
.promotion-car .car-detail-area .safety li:first-child {
	border-left:0;
} 
.promotion-car .car-detail-area .safety li * {
	display:block;
	font-weight:400;
}
.promotion-car .car-detail-area .safety li .number {
	color:#000;
	font-size:20px;
}
.promotion-car .car-detail-area .safety li .title {
	margin-top:12px;
	color:#000;
	font-size:16px;	
}
.promotion-car .car-detail-area .safety li .elucidation {
	margin-top:8px;
	line-height:21px;
	color:#555;
	font-size:14px;
}
.promotion-car .colors {
	padding-top:20px;
	border-top:1px solid #333;
}
.promotion-car .option-info .tbl-view td {
	padding:13px 25px 16px;
}
.promotion-car .option-info .tbl-view.bg-td td {
	background:#fafafa;
	border-bottom:1px solid #e5e5e5;
}
.promotion-car .option-info .tbl-view td
.promotion-car .service-info {
	padding-top:20px !important;
}
.promotion-car .service-info .pic {
	margin-top:25px;
}
.promotion-car .service-info .pic img {
	display:block;
}
.promotion-car .other-promotion-car {
	margin-top:50px;
}
.promotion-car .other-promotion-car a {
	float:right;
}
.promotion-car .other-promotion-car a:first-child {
	float:left;
}

/* 2020 선택형 리본카 */
.option-reborncar .dim {display:none; position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background:rgba(0,0,0,.9); }
.option-reborncar .inner-box {display:none; position:fixed; left:50%; top:50%; z-index:2100; margin:-300px 0 0 -565px; width:1130px; height:634px; background:rgba(255,255,255,1); transform:scale(.7); opacity:0; transition:all .4s; zoom:1;}
.option-reborncar .inner-box:after {display:block; content:""; clear:both;}
.option-reborncar.active .inner-box {transform:scale(1); opacity:1;}
.option-reborncar2 .dim {display:none; position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background:rgba(0,0,0,.9); }
.option-reborncar2 .inner-box {display:none; position:fixed; left:50%; top:50%; z-index:2100; margin:-226px 0 0 -600px; width:1200px; height:553px; background:rgba(255,255,255,0); transition:all .4s; overflow:hidden;}
.option-reborncar2 .inner-box .cont-test {opacity:0;}
.option-reborncar2 .inner-box:after {display:block; content:""; position:absolute; left:0; top:-100%; width:100%; height:100%; background:#00aeef;}
.option-reborncar2.active .inner-box:after {opacity:1; top:100%; animation:openMotion both 1s cubic-bezier(0.65, 0.05, 0.36, 1);}
.option-reborncar2 .inner-box.inactive:after {opacity:1; top:-100%; animation:closeMotion both 1s cubic-bezier(0.65, 0.05, 0.36, 1);} 
.option-reborncar2 .inner-box .btn-close2 {position:absolute; right:0; top:0; width:50px; height:50px; background:#000; opacity:0;}
.option-reborncar2.active .inner-box .btn-close2 {animation:imgFadeIn both .2s .5s;}
.option-reborncar2 .cont-test img {display:block; width:100%;}
.option-reborncar2.active .inner-box {animation:backgroundFadeIn both .2s .5s;}
.option-reborncar2.active .inner-box .cont-test {animation:imgFadeIn both .2s .5s;}
@keyframes openMotion {
	from {top:-100%;}
    to {top:100%;}
}
@keyframes closeMotion {
	from {top:100%;}
    to {top:-100%;}
}
@keyframes imgFadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes backgroundFadeIn {
    0% {background:rgba(255,255,255,0);}
    100% {background:rgba(255,255,255,1);}
}
.option-reborncar .clear-box {zoom:1;}
.option-reborncar .clear-box:after {display:block; content:""; clear:both;}
.option-reborncar .box-header {padding:0 0 0 18px; height:38px; background:#669acd;}
.option-reborncar .box-header .title {float:left; line-height:38px; color:#fff; font-size:18px;}
.option-reborncar .box-header .btn-close {position:relative; float:right; width:38px; height:38px;}
.option-reborncar .box-header .btn-close:before,
.option-reborncar .box-header .btn-close:after {display:block; content:""; position:absolute; left:50%; top:50%; margin:-1px 0 0 -12px; width:25px; height:2px; background:#fff; transition:transform .2s;}
.option-reborncar .box-header .btn-close:before {transform:rotate(45deg);}
.option-reborncar .box-header .btn-close:after {transform:rotate(-45deg);}
.option-reborncar .box-header .btn-close:hover:before,
.option-reborncar .box-header .btn-close:hover:after {transform:rotate(0);}
.option-reborncar .box-content > div {float:left; height:540px;}
.option-reborncar .box-content .view-box {padding-top:18px; width:211px; background:url('/resources/images/bg/bg_option_reborncar_view_area.png') repeat;}
.option-reborncar .box-content .view-box .graph {position:relative; margin:0 auto; width:160px; height:160px;}
.option-reborncar .box-content .view-box .graph .count {position:absolute; left:50%; top:57px; height:60px; margin-left:-8px; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:1;}
.option-reborncar .box-content .view-box .graph .count .num {display:inline-block; font-size:50px; font-weight:600; line-height:60px; letter-spacing:-3px;}
.option-reborncar .box-content .view-box .graph .count .txt {position:absolute; right:-18px; top:8px; font-size:16px; font-weight:300; line-height: 20px; color:#888;}
.option-reborncar .box-content .view-box .graph .count .tit {position:absolute; top:-17px; left:57%; transform:translateX(-50%); color:#00a5e5; font-size:18px;}
.option-reborncar .box-content .view-box .car {position:relative; margin:40px auto 0; width:204px;}
.option-reborncar .box-content .view-box .car .points span {position:absolute; width:10px; height:10px; border-radius:50em; background:rgba(155, 171, 186, .5); border:1px solid #999; cursor:pointer;}
.option-reborncar .box-content .view-box .car .points span.selected {background:rgba(12, 169, 230, .5); border:1px solid #0ca9e6;}
.option-reborncar .box-content .view-box .car .points span.active {animation:circleBounce .5s infinite alternate; display:inline-block; background:rgba(12, 169, 230, .5); border:1px solid #0ca9e6;}
.option-reborncar .box-content .view-box .car .points .option-type01 {left:112px; top:46px;}
.option-reborncar .box-content .view-box .car .points .option-type02 {left:109px; top:79px;}
.option-reborncar .box-content .view-box .car .points .option-type03 {left:93px; top:57px;}
.option-reborncar .box-content .view-box .car .points .option-type04 {left:38px; top:40px;}
.option-reborncar .box-content .view-box .car .points .option-type04 ~ .option-type04 {left:147px; top:46px;}
.option-reborncar .box-content .view-box .car .points .option-type05 {left:38px; top:169px;}
.option-reborncar .box-content .view-box .car .points .option-type05 ~ .option-type05 {left:147px; top:169px;}
.option-reborncar .box-content .view-box .car .points .option-type06 {left:21px; top:44px;}
.option-reborncar .box-content .view-box .car .points .option-type07 {left:164px; top:44px;}
.option-reborncar .box-content .view-box .car .points .option-type08 {left:21px; top:174px;}
.option-reborncar .box-content .view-box .car .points .option-type09 {left:164px; top:174px;}
.option-reborncar .box-content .view-box .car .points .option-type10 {left:0px; top:44px;}
.option-reborncar .box-content .view-box .car .points .option-type11 {left:185px; top:44px;}
.option-reborncar .box-content .view-box .car .points .option-type12 {left:0px; top:174px;}
.option-reborncar .box-content .view-box .car .points .option-type13 {left:185px; top:174px;}
.option-reborncar .box-content .view-box .car .points .option-type14 {left:92px; top:-5px;}
.option-reborncar .box-content .view-box .car .points .option-type15 {left:92px; top:237px;}
.option-reborncar .box-content .view-box .car .points .option-type16 {left:47px; top:52px;}
.option-reborncar .box-content .view-box .car .points .option-type17 {left:139px; top:52px;}
.option-reborncar .box-content .view-box .car .points .option-type18 {left:47px; top:182px;}
.option-reborncar .box-content .view-box .car .points .option-type19 {left:139px; top:182px;}
.option-reborncar .box-content .view-box .car .points .option-type20 {left:48px; top:104px;}
.option-reborncar .box-content .view-box .car .points .option-type21 {left:138px; top:104px;}
.option-reborncar .box-content .view-box .car .points .option-type22 {left:48px; top:146px;}
.option-reborncar .box-content .view-box .car .points .option-type23 {left:138px; top:146px;}
.option-reborncar .box-content .view-box .car .points .option-type24 {left:49px; top:127px;}
.option-reborncar .box-content .view-box .car .points .option-type25 {left:136px; top:127px;}
.option-reborncar .box-content .view-box .car .points .option-type26 {left:44px; top:84px;}
.option-reborncar .box-content .view-box .car .points .option-type27 {left:141px; top:84px;}
.option-reborncar .box-content .view-box .car .points .option-type28 {left:92px; top:27px;}
.option-reborncar .box-content .view-box .car .points .option-type29 {left:92px; top:116px;}
.option-reborncar .box-content .view-box .car .points .option-type30 {left:92px; top:219px;}
.option-reborncar .box-content .view-box .car .points .option-type31 {left:78px; top:129px;}
.option-reborncar .box-content .view-box .car .points .option-type31 ~ .option-type31 {left:107px; top:129px;}
.option-reborncar .box-content .view-box .car .points .option-type31 ~ .option-type31 ~ .option-type31 {left:78px; top:158px;}
.option-reborncar .box-content .view-box .car .points .option-type31 ~ .option-type31 ~ .option-type31 ~ .option-type31 {left:107px; top:158px;}
.option-reborncar .box-content .view-box .car .points .option-type32 {left:58px; top:114px;}
.option-reborncar .box-content .view-box .car .points .option-type32 ~ .option-type32 {left:126px; top:114px;}
.option-reborncar .box-content .view-box .car .points .option-type32 ~ .option-type32 ~ .option-type32 {left:58px; top:158px;}
.option-reborncar .box-content .view-box .car .points .option-type32 ~ .option-type32 ~ .option-type32 ~ .option-type32 {left:126px; top:158px;}
.option-reborncar .box-content .view-box .car .points .option-type33 {left:74px; top:83px;}
@keyframes circleBounce {
	0% {transform:scale(1); opacity:1;}
	100% {transform:scale(1.4); opacity:.4;}
}
.option-reborncar .box-content .work-info-box {position:relative; padding-top:29px; width:378px; background:url('/resources/images/contents/bg_option_reborncar_init.jpg') no-repeat center; background-size:cover; border-left:1px solid #e7e7e7; overflow:hidden;}
.option-reborncar .work-info-box .init {margin:0 auto; width:320px; border-top:1px solid #fff;}
.option-reborncar .work-info-box .init .title {padding:30px 0 20px; line-height:40px; color:#fff; font-size:36px; font-weight:600;}
.option-reborncar .work-info-box .init .top_sentence,
.option-reborncar .work-info-box .init .bot_sentence {padding:0 3px; line-height:22px; letter-spacing:-1px; color:#fff; font-size:15px;}
.option-reborncar .work-info-box .init .top_sentence {padding-bottom:22px; font-weight:600; border-bottom:1px solid #fff;}
.option-reborncar .work-info-box .init .bot_sentence {padding-top:14px;}
.option-reborncar .work-info-box .work-info {position:absolute; left:100%; top:0; width:100%; height:100%; background:#fff; transition:left .5s;}
.option-reborncar .work-info-box .work-info.active {left:0;}
.option-reborncar .work-info-box .work-picture img {display:block; width:380px; height:251px;}
.option-reborncar .work-info-box .worker {position:relative; top:-50px; padding:0 20px;}
.option-reborncar .work-info-box .worker .photo {float:left; width:100px; height:100px; border-radius:50em;}
.option-reborncar .work-info-box .worker .info {float:left; padding:62px 0 0 8px;}
.option-reborncar .work-info-box .worker .info .name {color:#000; font-size:18px; font-weight:400;}
.option-reborncar .work-info-box .worker .info .job {color:#888; font-size:14px;}
.option-reborncar .work-info-box .work-detail {position:relative; top:-9px; padding:0 20px; height:198px; overflow-y:auto;}
.option-reborncar .work-info-box .work-detail strong {color:#000; font-size:18px;}
.option-reborncar .work-info-box .work-detail .details {margin-top:16px; line-height:20px; color:#888; font-size:14px;}
.option-reborncar .work-info-box .work-detail .details span {color:#00a5e5;}
.option-reborncar .box-content .option-box {padding:0 15px 20px; width:541px; height:540px; border-left:1px solid #e7e7e7; overflow-y:scroll;}
.option-reborncar .option-box .in-reset {padding:12px 0; text-align:right;}
.option-reborncar .option-box .in-reset .btn-reset {display:inline-block; padding-bottom:2px; color:#00a7e6; font-size:13px; border-bottom:1px solid #00a7e6;}
.option-reborncar .option-box .row {height:34px;}
.option-reborncar .option-box .row + .row {margin-top:10px;}
.option-reborncar .option-box .row .title, 
.option-reborncar .option-box .row .custom-selectbox {float:left;}
.option-reborncar .option-box .row .title {width:125px; height:34px; line-height:34px; letter-spacing:-1px; color:#8f8f8f; font-size:13px; font-weight:400;}
.option-reborncar .option-box .row .title:nth-child(3) {color:red;}
.option-reborncar .option-box .custom-selectbox {position:relative; width:368px;}
.option-reborncar .option-box .custom-selectbox p {position:relative; padding:0 8px; height:34px; line-height:34px; letter-spacing:-1px; color:#636363; font-size:13px; border:1px solid #d7d7d7; cursor:pointer;}
.option-reborncar .option-box .custom-selectbox ul {display:none; position:absolute; left:-32px; top:-18px; z-index:100; width:415px; padding:16px 10px 8px; background:#00a7e6; box-shadow:0 10px 10px rgba(0,0,0,.2)}
.option-reborncar .option-box .custom-selectbox ul li {padding:0 8px; height:34px; line-height:34px; letter-spacing:-1px; color:#fff; font-size:13px; cursor:pointer; background:#00a7e6; transition:background .2s;}
.option-reborncar .option-box .custom-selectbox ul li:first-child {position:relative; margin-bottom:5px; border-bottom:1px solid #fff;}
.option-reborncar .option-box .custom-selectbox p:after,
.option-reborncar .option-box .custom-selectbox ul li:first-child:after {display:block; content:""; position:absolute; width:10px; height:6px; background:url('/resources/images/icon/ico_custom_reborncar_arrow.png') no-repeat center;}
.option-reborncar .option-box .custom-selectbox p:after {right:9px; top:12px; background-position:left top;}
.option-reborncar .option-box .custom-selectbox ul li:first-child:after {right:14px; top:14px; background-position:left bottom;}
.option-reborncar .option-box .custom-selectbox ul li + li:hover {background:#4cc1ee;}
.option-reborncar .option-box .custom-selectbox.selected p {color:#fff; background:#00a7e6; border:1px solid #00a7e6;}
.option-reborncar .option-box .custom-selectbox.selected p:after {background:url('/resources/images/icon/ico_custom_reborncar_arrow_on.png') no-repeat center;}
.option-reborncar .option-box .no-option {float:left; padding-left:8px; width:300px; height:34px; line-height:34px; letter-spacing:-1px; color:#636363; font-size:13px;}
.option-reborncar .box-footer {height:56px; background:#21304c;}
.option-reborncar .box-footer .work-day {float:left; padding-left:18px; width:179px; height:56px;}
.option-reborncar .box-footer .price-calc {position:relative; float:left; padding-left:18px; width:762px; height:56px; border-left:1px solid #414d63;}
.option-reborncar .box-footer dl {float:left;}
.option-reborncar .box-footer dl dt, 
.option-reborncar .box-footer dl dd {float:left; color:#fff;} 
.option-reborncar .box-footer dl dt {margin-right:42px; line-height:30px; font-size:13px;}
.option-reborncar .box-footer dl dd {line-height:53px; font-size:22px;}
.option-reborncar .box-footer dl dd strong {position:relative; top:1px; letter-spacing:-1px; color:#00a7e6; font-size:25px;}
.option-reborncar .box-footer .price-calc dd p,
.option-reborncar .box-footer .price-calc .sign {float:left;}
.option-reborncar .box-footer .price-calc .sign {position:relative; height:56px;}
.option-reborncar .box-footer .price-calc .sign.plus {width:18px; background:url('/resources/images/icon/ico_sign_plus.gif') no-repeat center;}
.option-reborncar .box-footer .price-calc .sign.equal {width:18px; background:url('/resources/images/icon/ico_sign_equal.gif') no-repeat center;}
.option-reborncar .box-footer .price-calc dd span {position:relative; top:-2px; margin-right:8px; font-size:13px; vertical-align:middle;}
.option-reborncar .box-footer .price-calc dd .sign {margin:0 11px; font-size:32px;}
.option-reborncar .box-footer .price-calc .common-price-info {display:none; position:absolute; left:50%; bottom:55px; z-index:100; padding:20px; line-height:24px; color:#444; font-size:14px; background:#fff; border:1px solid #ddd; border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,.5);}
.option-reborncar .box-footer .price-calc .common-price-info:after {display:block; content:""; position:absolute; bottom:-1px; left:10px; width:20px; height:20px; transform:rotate(45deg); background:#fff;}
.option-reborncar .box-footer .price-calc .common-price-info strong {color:#d00;}
.option-reborncar .box-footer .price-calc .result-price {position:relative; top:-1px; font-size:26px;}
.option-reborncar .box-footer .price-calc .result-price strong {position:relative; top:2px; font-size:31px;}
.option-reborncar .box-footer .btn-complete {float:left; width:188px; height:56px; line-height:56px; color:#fff; text-align:center; background:#00a7e6;}

/* 선택형리본카 주문, 결제 페이지 */
.smrtbuy-car-info .calc-price {padding-bottom:40px;}
.smrtbuy-car-info .calc-price .total-option-price {margin-bottom:10px; padding:20px 10px 0; border-top:1px solid #444; zoom:1;}
.smrtbuy-car-info .calc-price .total-option-price:after {display:block; content:""; clear:both;}
.smrtbuy-car-info .calc-price .total-option-price dt {float:left; line-height:40px; letter-spacing:-2px; font-size:24px;}
.smrtbuy-car-info .calc-price .total-option-price dd {float:right; line-height:40px; letter-spacing:-1px; font-size:22px;}
.smrtbuy-car-info .calc-price .etc-info {padding:20px 10px; border-bottom:1px solid #eee; zoom:1;}
.smrtbuy-car-info .calc-price .etc-info:after {display:block; content:""; clear:both;}
.smrtbuy-car-info .calc-price .etc-info .man-hour {float:left;}
.smrtbuy-car-info .calc-price .etc-info .total-price {float:right;}
.smrtbuy-car-info .calc-price .etc-info dl dt,
.smrtbuy-car-info .calc-price .etc-info dl dd {display:inline-block; height:30px; line-height:30px; font-size:18px;}
.smrtbuy-car-info .calc-price .etc-info dl dd strong {margin:0 4px 0 8px; color:#00a5e5; font-size:32px;}
.smrtbuy-car-info .calc-price .txt-notice {margin-top:10px; color:#d00; text-align:right;}
.smrtbuy-car-info > .tac {margin-bottom:15px;}  

/* 선택형리본카 목록 수정 */
.templete-A.item5 .card-view .custom-reborncar {margin-top:25px; border-top:1px solid #ddd; zoom:1;}
.templete-A.item5 .card-view .custom-reborncar:before {display:none;}
.templete-A.item5 .card-view .custom-reborncar:after {display:block; content:""; clear:both;}
.templete-A.item5 .card-view .custom-reborncar dl {position:relative; float:left; padding:0 15px;}
.templete-A.item5 .card-view .custom-reborncar dl:first-child {padding:0 15px 0 0;}
.templete-A.item5 .card-view .custom-reborncar dl:first-child:after {display:block; content:""; position:absolute; right:0; top:50%; margin-top:-8px; width:1px; height:16px; background:#ddd;}
.templete-A.item5 .card-view .custom-reborncar dl dt,
.templete-A.item5 .card-view .custom-reborncar dl dd {display:inline-block; height:88px; line-height:88px; color:#444; font-size:18px;}
.templete-A.item5 .card-view .custom-reborncar dl dd {color:#00a5e5;}
.templete-A.item5 .card-view:nth-child(1) ~ .card-view .custom-reborncar {position:absolute; bottom:0; left:0; width:100%;}
.templete-A.item5 .card-view:nth-child(1) ~ .card-view .custom-reborncar dl {padding:0 10px;}
.templete-A.item5 .card-view:nth-child(1) ~ .card-view .custom-reborncar dl dt,
.templete-A.item5 .card-view:nth-child(1) ~ .card-view .custom-reborncar dl dd {height:50px; line-height:50px; font-size:14px;}
.card-view-list .custom-reborncar {text-align:center;}
.card-view-list .custom-reborncar:before {display:none;}
.card-view-list .custom-reborncar dl {position:relative; display:inline-block; padding:0 15px;}
.card-view-list .custom-reborncar dl:first-child {padding:0 15px 0 0;}
.card-view-list .custom-reborncar dl:first-child:after {display:block; content:""; position:absolute; right:0; top:50%; margin-top:-8px; width:1px; height:16px; background:#ddd;}
.card-view-list .custom-reborncar dl dt,
.card-view-list .custom-reborncar dl dd {display:inline-block; height:36px; line-height:36px; color:#444; font-size:15px;}
.card-view-list .custom-reborncar dl dd {margin-left:4px; color:#00a5e5;}
.card-view-list li:hover .custom-reborncar {background:#00A5E5;}
.card-view-list li:hover .custom-reborncar dl dt,
.card-view-list li:hover .custom-reborncar dl dd {color:#fff;}
.card-view-list li:hover .custom-reborncar dl:first-child dt,
.card-view-list li:hover .custom-reborncar dl:first-child dd {font-weight:600;}

/* 선택형리본카 결제 */
.payment-p .custom-reborncar-notice {margin-top:35px;}
.payment-p .custom-reborncar-notice .box {display:table-row;}
.payment-p .custom-reborncar-notice strong,
.payment-p .custom-reborncar-notice ul {display:table-cell; vertical-align:top; border:1px solid #c3c3c3; box-sizing:border-box;}
.payment-p .custom-reborncar-notice strong {padding:18px 24px; width:250px; color:#666; font-size:20px; font-weight:400; border-right:none; background:#f4f4f4;}
.payment-p .custom-reborncar-notice ul {padding:20px 35px; width:945px;}
.payment-p .custom-reborncar-notice ul li {position:relative; padding-left:10px; line-height:22px; color:#464646; font-size:16px;}
.payment-p .custom-reborncar-notice ul li:before {display:block; content:"-"; position:absolute; left:0; top:0;}
.payment-p .custom-reborncar-notice ul li + li {margin-top:14px;}

/* 결제 > 선택형 리본카 */
.payment-p .payment-guide {border-bottom:1px solid #d9f4ff; zoom:1;}
.payment-p .payment-guide:after {display:block; content:""; clear:both;}
.payment-p .payment-guide .title {float:left; padding:30px; width:218px; color:#000; font-size:21px; box-sizing:border-box;}
.payment-p .payment-guide .cont {float:left; padding-bottom:30px; width:calc(100% - 218px);}
.payment-p .payment-guide .detail {padding:0 92px 0 101px; zoom:1;}
.payment-p .payment-guide .detail:after {display:block; content:""; clear:both;}
.payment-p .payment-guide .detail table {width:100%; table-layout:fixed;}
.payment-p .payment-guide .detail table th,
.payment-p .payment-guide .detail table td {vertical-align:middle; text-align:center;}
.payment-p .payment-guide .detail table th {color:#000; font-size:18px; border-bottom:2px solid #000;}
.payment-p .payment-guide .detail table td {padding:24px 0;}
.payment-p .payment-guide .detail .info {padding:0 15px; width:258px; border:1px solid #ccc; box-sizing:border-box; zoom:1;}
.payment-p .payment-guide .detail .info:after {display:block; content:""; clear:both;}
.payment-p .payment-guide .detail .info dt,
.payment-p .payment-guide .detail .info dd {height:43px; line-height:43px;}
.payment-p .payment-guide .detail .info dt {position:relative; float:left; color:#555; font-size:16px;}
.payment-p .payment-guide .detail .info dt .price-detail-info {min-width:300px;}
.payment-p .payment-guide .detail .info dd {float:right; color:#aaa; font-size:16px;}
.payment-p .payment-guide .detail .info dd strong {color:#00a5e5;}
.payment-p .payment-guide .detail button:after{content: ''; display:inline-block; width:19px; height:19px; margin:-5px 0 0 5px; background:url(/resources/images/bg/bg_btn_more.png) no-repeat; vertical-align:middle;}
.payment-p .payment-guide .guide {display:table-row; width:901px;}
.payment-p .payment-guide .guide .left-area,
.payment-p .payment-guide .guide .right-area {display:table-cell; height:103px; vertical-align:middle; text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.payment-p .payment-guide .guide .left-area {width:630px;}
.payment-p .payment-guide .guide .left-area th,
.payment-p .payment-guide .guide .left-area td {padding:0; height:51px; font-size:16px; vertical-align:middle; text-align:center;}
.payment-p .payment-guide .guide .left-area tr:first-child th,
.payment-p .payment-guide .guide .left-area tr:first-child td {border-bottom:1px solid #ccc;}
.payment-p .payment-guide .guide .left-area th {color:#000;}
.payment-p .payment-guide .guide .left-area td {color:#555;}
.payment-p .payment-guide .guide .right-area {position:relative; width:260px; color:#555; font-size:16px;}
.payment-p .payment-guide .guide .right-area:after {display:block; content:""; position:absolute; left:-5px; top:-1px; width:10px; height:105px; background:#fff;}
.payment-p .payment-guide .list {margin-top:32px;}
.payment-p .payment-guide .list li {color:#888; font-size:14px;}
.payment-p .payment-guide .list li.color {color:#00a5e5;}


/* 선택형 렌터카 */
.option-reborncar.rent .box-footer .choice-type {position:relative; float:left; padding-left:25px; width:556px;}
.option-reborncar.rent .box-footer .choice-type dl + dl {margin-left:34px;}
.option-reborncar.rent .box-footer .choice-type dl dt {margin-right:12px;}
.option-reborncar.rent .box-footer .choice-type .custom-selectbox {position:relative; top:11px; width:80px;}
.option-reborncar.rent .box-footer .choice-type .custom-selectbox p {position:relative; padding:0 8px; height:34px; line-height:34px; letter-spacing:-1px; color:#fff; font-size:15px; border:1px solid #00b277; background:#00b277; cursor:pointer;}
.option-reborncar.rent .box-footer .choice-type .custom-selectbox ul {display:none; position:absolute; left:-32px; bottom:0px; z-index:100; width:128px; padding:6px 10px 6px; background:#00b277; box-shadow:0 10px 10px rgba(0,0,0,.2)}
.option-reborncar.rent .box-footer .choice-type .custom-selectbox ul li {padding:0 8px; height:34px; line-height:34px; letter-spacing:-1px; color:#fff; font-size:15px; cursor:pointer; background:#00b277; transition:background .2s;}
.option-reborncar.rent .box-footer .choice-type .custom-selectbox p:after {display:block; content:""; position:absolute; right:9px; top:12px; width:10px; height:6px; background:url('/resources/images/icon/ico_custom_reborncar_arrow_on.png') no-repeat; background-position:left top;}
/* .option-reborncar.rent .box-footer .choice-type .custom-selectbox ul li:first-child:after {display:block; content:""; position:absolute; width:10px; height:6px; background:url('/resources/images/icon/ico_custom_reborncar_arrow_on.png') no-repeat center;} */
.option-reborncar.rent .box-footer .choice-type .custom-selectbox ul li:first-child:after {right:14px; top:29px; background-position:left bottom;}
.option-reborncar.rent .box-footer .choice-type .custom-selectbox ul li.active,
.option-reborncar.rent .box-footer .choice-type .custom-selectbox ul li:hover {background:#66d67b;}
.option-reborncar.rent .box-footer .price-info {position:relative; float:left; padding-left:20px; width:386px;}
.option-reborncar.rent .box-footer .price-info:before {display:block; content:""; position:absolute; left:0; top:16px; width:1px; height:26px; background:#fff;}
.option-reborncar.rent .box-footer .price-info dl:last-child {margin-left:36px;}
.option-reborncar.rent .box-footer dl dt {margin-right:22px;}
.option-reborncar.rent .box-footer dl dt {line-height:40px;}

/* 상용차량 */
.quality-performance .aqi-loc.cargo {background:url('/resources/images/contents/img_car_cargo_quality.png') no-repeat center;}
.quality-performance .aqi-loc.van {background:url('/resources/images/contents/img_car_van_quality.png') no-repeat center;}
.quality-performance .aqi-loc .aqic000 {left:12px; top:284px;}
.quality-performance .aqi-loc .aqic001 {left:-3px; top:284px;}
.quality-performance .aqi-loc .aqic002 {left:-18px; top:284px;}
.quality-performance .aqi-loc .aqic003 {left:26px; top:177px;}
.quality-performance .aqi-loc .aqic004 {left:50px; top:410px;}
.quality-performance .aqi-loc .aqic005 {left:185px; top:425px;}
.quality-performance .aqi-loc .aqic006 {left:300px; top:425px;}
.quality-performance .aqi-loc .aqic007 {left:200px; top:440px;}
.quality-performance .aqi-loc .aqic008 {left:105px; top:430px;}
.quality-performance .aqi-loc .aqic009 {left:110px; top:400px;}
.quality-performance .aqi-loc .aqic010 {left:260px; top:410px;}
.quality-performance .aqi-loc .aqic011 {left:750px; top:284px;}
.quality-performance .aqi-loc .aqic012 {left:755px; top:420px;}
.quality-performance .aqi-loc .aqic013 {left:775px; top:299px;}
.quality-performance .aqi-loc .aqic014 {left:260px; top:166px;}
.quality-performance .aqi-loc .aqic015 {left:300px; top:149px;}
.quality-performance .aqi-loc .aqic016 {left:165px; top:166px;}
.quality-performance .aqi-loc .aqic017 {left:180px; top:151px;}
.quality-performance .aqi-loc .aqic018 {left:105px; top:142px;}
.quality-performance .aqi-loc .aqic019 {left:110px; top:174px;}
.quality-performance .aqi-loc .aqic020 {left:80px; top:169px;}
.quality-performance .aqi-loc .aqic021 {left:100px; top:284px;}
.quality-performance .aqi-loc .aqic022 {left:180px; top:400px;}
.quality-performance .aqi-loc .aqic023 {left:280px; top:284px;}
.quality-performance .aqi-loc .aqic024 {left:180px; top:169px;}
.quality-performance .aqi-loc .aqic025 {left:180px; top:284px;}
.quality-performance .aqi-loc .aqic026 {left:200px; top:425px;}
.quality-performance .aqi-loc .aqic027 {left:580px; top:425px;}
.quality-performance .aqi-loc .aqic028 {left:180px; top:136px;}
.quality-performance .aqi-loc .aqic029 {left:580px; top:149px;}
.quality-performance .aqi-loc .aqic030 {left:285px; top:149px;}
.quality-performance .aqi-loc .aqic031 {left:480px; top:284px;}
.quality-performance .aqi-loc .aqic032 {left:450px; top:425px;}
.quality-performance .aqi-loc .aqic033 {left:330px; top:284px;}
.quality-performance .aqi-loc .aqic034 {left:735px; top:284px;}
.quality-performance .aqi-loc .aqic035 {left:510px; top:284px;}
.quality-performance .aqi-loc .aqic036 {left:735px; top:269px;}
.quality-performance .aqi-loc .aqic037 {left:285px; top:119px;}
.quality-performance .aqi-loc .aqic038 {left:735px; top:254px;}
.quality-performance .aqi-loc .aqic039 {left:735px; top:239px;}
.quality-performance .aqi-loc .aqic040 {left:70px; top:284px;}
.quality-performance .aqi-loc .aqic041 {left:55px; top:284px;}
.quality-performance .aqi-loc .aqic042 {left:85px; top:284px;}
.quality-performance .aqi-loc .aqic043 {left:70px; top:269px;}
.quality-performance .aqi-loc .aqic044 {left:55px; top:269px;}
.quality-performance .aqi-loc .aqic045 {left:85px; top:269px;}
.quality-performance .aqi-loc .aqic046 {left:165px; top:284px;}
.quality-performance .aqi-loc .aqic047 {left:55px; top:299px;}
.quality-performance .aqi-loc .aqic048 {left:85px; top:299px;}
.quality-performance .aqi-loc .aqic049 {left:165px; top:355px;}
.quality-performance .aqi-loc .aqic050 {left:285px; top:425px;}
.quality-performance .aqi-loc .aqic051 {left:300px; top:370px;}
.quality-performance .aqi-loc .aqic052 {left:610px; top:284px;}
.quality-performance .aqi-loc .aqic053 {left:240px; top:284px;}
.quality-performance .aqi-loc .aqic054 {left:625px; top:284px;}
.quality-performance .aqi-loc .aqic055 {left:285px; top:134px;}
.quality-performance .aqi-loc .aqic056 {left:300px; top:219px;}
.quality-performance .aqi-loc .aqic057 {left:165px; top:151px;}
.quality-performance .aqi-loc .aqic058 {left:165px; top:219px;}
.quality-performance .aqi-loc .aqic059 {left:120px; top:284px;}
.quality-performance .aqi-loc .aqic060 {left:105px; top:284px;}
.quality-performance .aqi-loc .aqic061 {left:105px; top:269px;}
.quality-performance .aqi-loc .aqic062 {left:120px; top:269px;}
.quality-performance .aqi-loc .aqic063 {left:135px; top:269px;}
.quality-performance .aqi-loc .aqic064 {left:220px; top:425px;}
.quality-performance .aqi-loc .aqic065 {left:150px; top:355px;}
.quality-performance .aqi-loc .aqic066 {left:105px; top:445px;}
.quality-performance .aqi-loc .aqic067 {left:135px; top:284px;}
.quality-performance .aqi-loc .aqic068 {left:135px; top:298px;}
.quality-performance .aqi-loc .aqic069 {left:120px; top:355px;}
.quality-performance .aqi-loc .aqic070 {left:120px; top:298px;}
.quality-performance .aqi-loc .aqic071 {left:105px; top:298px;}
.quality-performance .aqi-loc .aqic072 {left:105px; top:313px;}
.quality-performance .aqi-loc .aqic073 {left:105px; top:355px;}
.quality-performance .aqi-loc .aqic074 {left:120px; top:313px;}
.quality-performance .aqi-loc .aqic075 {left:55px; top:219px;}
.quality-performance .aqi-loc .aqic076 {left:40px; top:219px;}
.quality-performance .aqi-loc .aqic077 {left:235px; top:425px;}
.quality-performance .aqi-loc .aqic078 {left:565px; top:149px;}
.quality-performance .aqi-loc .aqic079 {left:135px; top:313px;}
.quality-performance .aqi-loc .aqic080 {left:40px; top:350px;}
.quality-performance .aqi-loc .aqic081 {left:220px; top:169px;}
.quality-performance .aqi-loc .aqic082 {left:220px; top:154px;}
.quality-performance .aqi-loc .aqic083 {left:600px; top:149px;}
.quality-performance .aqi-loc .aqic084 {left:615px; top:149px;}
.quality-performance .aqi-loc .aqic085 {left:90px; top:355px;}
.quality-performance .aqi-loc .aqic086 {left:220px; top:139px;}
.quality-performance .aqi-loc .aqic087 {left:220px; top:124px;}
.quality-performance .aqi-loc .aqic088 {left:220px; top:109px;}
.quality-performance .aqi-loc .aqic089 {left:345px; top:284px;}
.quality-performance .aqi-loc .aqic090 {left:580px; top:284px;}
.quality-performance .aqi-loc .aqic091 {left:580px; top:299px;}
.quality-performance .aqi-loc .aqic092 {left:75px; top:355px;}
.quality-performance .aqi-loc .aqic093 {left:75px; top:210px;}
.quality-performance .aqi-loc .aqic094 {left:12px; top:299px;}
.quality-performance .aqi-loc .aqic095 {left:400px; top:149px;}
.quality-performance .aqi-loc .aqic096 {left:580px; top:314px;}
.quality-performance .aqi-loc .aqic097 {left:60px; top:355px;}
.quality-performance .aqi-loc .aqic098 {left:580px; top:329px;}
.quality-performance .aqi-loc .aqic099 {left:27px; top:299px;}
.quality-performance .aqi-loc .aqic100 {left:55px; top:234px;}
.quality-performance .aqi-loc .aqic101 {left:775px; top:269px;}
.quality-performance .aqi-loc .aqic102 {left:775px; top:284px;}
.quality-performance .aqi-loc .aqic103 {left:210px; top:284px;}
.quality-performance .aqi-loc .aqic104 {left:210px; top:269px;}
.quality-performance .aqi-loc .aqic105 {left:210px; top:254px;}
.quality-performance .aqi-loc .aqic106 {left:20px; top:370px;}
.quality-performance .aqi-loc .aqic107 {left:20px; top:385px;}
.quality-performance .aqi-loc .aqic108 {left:750px; top:200px;}
.quality-performance .aqi-loc .aqic109 {left:750px; top:185px;}
.quality-performance .aqi-loc .aqic110 {left:750px; top:170px;}
.quality-performance .aqi-loc .aqic111 {left:750px; top:155px;}
.quality-performance .aqi-loc .aqic112 {left:775px; top:254px;}
.quality-performance .aqi-loc .aqic113 {left:540px; top:284px;}
.quality-performance .aqi-loc .aqic114 {left:135px; top:254px;}
.quality-performance .aqi-loc .aqic115 {left:135px; top:239px;}
.quality-performance .aqi-loc .aqic116 {left:135px; top:225px;}
.quality-performance .aqi-loc .aqic117 {left:135px; top:210px;}
.quality-performance .aqi-loc .aqic118 {left:135px; top:195px;}
.quality-performance .aqi-loc .aqic119 {left:155px; top:269px;}
.quality-performance .aqi-loc .aqic120 {left:155px; top:254px;}
.quality-performance .aqi-loc .aqic121 {left:155px; top:239px;}
.quality-performance .aqi-loc .aqic122 {left:155px; top:224px;}
.quality-performance .aqi-loc .aqic123 {left:155px; top:209px;}
.quality-performance .aqi-loc .aqic124 {left:155px; top:284px;}
.quality-performance .aqi-loc .aqic125 {left:155px; top:299px;}
.quality-performance .aqi-loc .aqic126 {left:155px; top:314px;}
.quality-performance .aqi-loc .aqic127 {left:140px; top:400px;}
.quality-performance .aqi-loc .aqic128 {left:155px; top:329px;}
.quality-performance .aqi-loc .aqic129 {left:55px; top:190px;}
.quality-performance .aqi-loc .aqic130 {left:555px; top:284px;}
.quality-performance .aqi-loc .aqic131 {left:195px; top:284px;}
.quality-performance .aqi-loc .aqic132 {left:195px; top:299px;}
/* 담당매니저 찾기 */
#contents>.manager-search-layer {width:556px !important;}
.manager-search-layer .result-list {margin-top:20px;}
.manager-search-layer .result-list .no-list {line-height:100px; text-align:center;}
.manager-search-layer .result-list table {width:100%; table-layout:fixed; border-top:1px solid #00a5e5;}
.manager-search-layer .result-list td {padding:8px 0; color:#444; font-size:14px; text-align:center; border-bottom:1px solid #ddd;}
.manager-search-layer .result-list td .btn {display:inline-block; padding:0 14px; height:32px; line-height:32px; color:#fff; font-size:12px; background:#555;}
.manager-search-layer .result-list td .btn:hover {background:#333;}
/* 스토어메인  KCar 비교 */
.layer.vs-kcar {left:0; top:0; width:600px; height:746px; border:0;}
.layer.vs-kcar .layer-contents {height:746px; background:#00a1f1;}
.layer.vs-kcar .layer-contents .btns {zoom:1;}
.layer.vs-kcar .layer-contents .btns:after {display:block; content:""; clear:both;}
.layer.vs-kcar .layer-contents .btns a {position:relative; float:left; width:50%; height:64px; line-height:62px; color:#fff; font-size:18px; text-align:center;}
.layer.vs-kcar .layer-contents .btns a:hover {text-decoration:underline;}
.layer.vs-kcar .layer-contents .btns a.btn-close-layer:after {display:block; content:""; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:15px; background:#80d0f4;}
.layer.vs-kcar .layer-contents .btn-layer-close {top:15px;}
/* 견적계산기 버튼 */
.car-all-list .btn-calc-rent-price {position:absolute; right:20px; top:372px; z-index:500; padding:0 32px 0 8px; height:24px; line-height:24px; font-size:12px; color:#fff; background:#3c3c3c;}
.car-all-list .btn-calc-rent-price:after {display:block; content:""; position:absolute; right:0; top:0; height:24px; width:24px; background:rgba(255,255,255,.15) url('/resources/images/icon/ico_calculator.png') no-repeat center; background-size:50%;}
.car-all-list .btn-calc-rent-price:active {top:373px;}
.car-detail-header .btn-calc-rent-price {display:inline-block; position:absolute !important; right:0; top:-28px; padding:0 32px 0 8px !important; height:24px; line-height:25px; font-size:13.5px; color:#172a3f !important; background:#fff; border-radius:5px; overflow:hidden;}
.car-detail-header .btn-calc-rent-price:before {display:none;}
.car-detail-header .btn-calc-rent-price:after {display:block; content:""; position:absolute; right:0; top:0; height:24px; width:24px; background:#00a5e5 url('/resources/images/icon/ico_calculator.png') no-repeat center; background-size:50%;}
.car-detail-header .btn-calc-rent-price:active {top:-27px;}
.car-detail-header.fixed .btn-calc-rent-price {display:none;}
/* 장기렌트 견적 */
.expectQuote.rentACar .txt-info {display:inline-block; margin-left:10px; font-size:14px;}
.expectQuote.rentACar .txt-info span {text-decoration:underline;}
.expectQuote.rentACar .car-info {padding:5px 0 0 210px;}
.expectQuote.rentACar .car-info .car-picture-thumbnail {width:210px; height:138px;}
.expectQuote.rentACar .car-info .car-picture-thumbnail + * {height:134px;}
.expectQuote.rentACar .car-info .car-picture-thumbnail + * > * {display:block;}
.expectQuote.rentACar .car-info .car-picture-thumbnail + * > *:first-child {padding:0; width:358px;}
.expectQuote.rentACar .car-info .car-picture-thumbnail img {width:100%;}
.expectQuote.rentACar .tbl-list-st {padding:0;}
.expectQuote.rentACar .tbl-list-st > *:first-child {padding:0; border-right:0;} 
.expectQuote.rentACar .tbl-list-st .group {margin-top:10px; zoom:1;}
.expectQuote.rentACar .tbl-list-st .group:after {display:block; content:""; clear:both;}
.expectQuote.rentACar .tbl-list-st .group h4 {float:left; margin:0; width:20%; line-height:43px;}
.expectQuote.rentACar .tbl-list-st .group .select-list {float:right; width:80%;}
.expectQuote.rentACar .select-list li.on {border:1px solid #000;}
.expectQuote.rentACar .select-list li.on>* {color:#000;}
.expectQuote.rentACar .select-list li+li.on:before {background:#000;}
.expectQuote.rentACar .input-box input[type="text"] {height:38px; text-align:right;}
.expectQuote.rentACar .price {padding:0 0 0 20px;}
.expectQuote.rentACar .price dl {width:90%; zoom:1;}
.expectQuote.rentACar .price dl:after {display:block; content:""; clear:both;}
.expectQuote.rentACar .price dl dt {float:left;}
.expectQuote.rentACar .price dl dd {float:right; color:#000; font-size:28px;}
.expectQuote.rentACar .price .btn-print {display:none; position:relative; top:-32px; left:0; float:right; padding:10px; color:#fff; text-align:center; background:#222; border:1px solid #555; box-shadow:0 2px 0 #ddd;}
.expectQuote.rentACar .price .btn-print:hover {background:#555;}
.expectQuote.rentACar .price .btn-print:active {top:-12px; box-shadow:0 1px 0 #222;}
.expectQuote.rentACar .car-info .car-status {padding-bottom:16px;}
.expectQuote.rentACar .calc-result {padding:20px 0;}
.expectQuote.rentACar .calc-result table {border-top:1px solid #999;}
.expectQuote.rentACar .calc-result table th,
.expectQuote.rentACar .calc-result table td {padding:8px 0; font-size:13px; text-align:center; vertical-align:middle; border-bottom:1px solid #e9e9e9;}
.expectQuote.rentACar .calc-result table th {padding:10px 0; background:#e9e9e9;}
.expectQuote.rentACar .calc-result table td input[type="checkbox"] {display:inline-block;}
.expectQuote.rentACar .calc-result .print {margin-top:10px; padding:0 8px; zoom:1;}
.expectQuote.rentACar .calc-result .print:after {display:block; content:""; clear:both;}
.expectQuote.rentACar .calc-result .print a {position:relative; top:0; float:left; width:80px; height:30px; line-height:30px; color:#fff; font-size:13px; text-align:center; background:#333; box-shadow:0 1px 0 #000;}
.expectQuote.rentACar .calc-result .print a:hover {background:#555;}
.expectQuote.rentACar .calc-result .print a:active {top:1px; background:#222; box-shadow:0 0 0 #000;}
.expectQuote.rentACar .calc-result .print a:first-child {margin-right:5px; background:#00a5e5;} 
.expectQuote.rentACar .calc-result .print p {float:left; margin-left:10px; line-height:30px; font-size:13px;}
.expectQuote.rentACar .btn-calc {float:right; width:165px; height:38px; line-height:38px; color:#fff; font-size:14px; text-align:center; background:#00a5e5; box-shadow:0 2px 2px rgba(0,0,0,.2);}
.expectQuote.rentACar .btn-calc:hover {top:-1px; background:#26b5ec; box-shadow:0 2px 3px rgba(0,0,0,.2);}
.expectQuote.rentACar .btn-calc:active {top:0px; background:#1a95c4; box-shadow:0 1px 1px rgba(0,0,0,.4);}
.expectQuote.rentACar .tbl-list-st {border-top:1px solid #e5e5e5;}
.expectQuote.rentACar .select-list li>* {height:38px; font-size:14px;}

/* 복합결제 */
.payment-box {margin-top:55px;}
.payment-box .header-row {margin-bottom:16px; zoom:1;}
.payment-box .header-row:after {display:block; content:""; clear:both;}
.payment-box .header-row h3 {float:left; color:#000; font-size:21px;}
.payment-box .header-row .txt-guide {position:relative; top:4px; float:left; margin-left:15px; color:#000; font-size:18px;}
.payment-box .header-row .txt-guide2 {position:relative; top:4px; float:right; margin-left:15px; color:#000; font-size:18px;}
.payment-box .header-row .txt-guide2 span {color:#00a5e5;}
.payment-box .payment-tbl table {width:100%; table-layout:fixed;}
.payment-box .payment-tbl table th,
.payment-box .payment-tbl table td {height:54px; text-align:center; vertical-align:middle; border:1px solid #e5e5e5;}
.payment-box .payment-tbl table tr th:first-child,
.payment-box .payment-tbl table tr td:first-child {border-left:0;}
.payment-box .payment-tbl table tr th:last-child,
.payment-box .payment-tbl table tr td:last-child {border-right:0;}
.payment-box .payment-tbl table td {color:#999;}
.payment-box .payment-tbl table .bg01 {color:#000; font-size:16px; background:#f2f2f9;}
.payment-box .payment-tbl table .bg02 {color:#555; background:#fafafa;}
.payment-box .payment-tbl table .bg03 {color:#000; font-size:16px; background:#f0f6fc;}
.payment-box .payment-tbl table input[type="text"] {height:28px; text-align:right;}
.payment-box .payment-tbl table input[type="radio"] {display:inline-block; position:relative; top:-1px; vertical-align:middle;}
.payment-box .payment-tbl table .btn {padding:0 20px; min-width:160px; height:40px; line-height:40px;}
.payment-box .payment-tbl table .payment-type-price {display:none;}
.payment-box .payment-tbl table .checking {color:#000;}
.payment-box .payment-tbl table .checking .bank-num {font-size:12px;}
.payment-box .info-list {margin-top:10px;}
.payment-box .info-list li {color:#888; font-size:14px;}
.payment-box .info-list li + li {margin-top:3px;}
.payment-box.payment-do .info-list {margin-top:40px; padding:20px; border:1px solid #e5e5e5;}
.payment-complete-info {margin-top:30px; color:#888; font-size:14px; text-align:center;}
.payment-complete-message {display:none; margin:45px auto 0; padding:20px 0; width:450px; text-align:center; border:1px solid #000;}
.payment-complete-message p {line-height:20px; color:#000; font-size:14px;}
.btn-wrap .btn.in-arrow.right {padding:0 15px 0 30px;}
.btn-wrap .btn.in-arrow.left {padding:0 30px 0 15px;}
.btn-wrap .btn.in-arrow span {font-family:dotum, '돋움';}
.btn-wrap .btn.in-arrow.right span {margin-left:20px;}
.btn-wrap .btn.in-arrow.left span {margin-right:20px;}
.btn.blue.disabled {background:#ccc !important;}