@media (max-width:1280px) {
	.page-main .section-visual .item {padding-bottom: 60%;}
	.page-main .section-visual .content{max-width: 85%; padding-top: 35px;}

	.page-car-detail .section-detail .info {-webkit-column-count: 1;column-count: 1;}
	.page-car-detail .section-detail .info ul{margin-top:35px;}
	.page-car-detail .section-detail .info li span{width:100px;}
	.page-car-detail .list-service li {width: 33.3%; font-size: 13px;}

	.section-process li:after{top: 100px; right: -15px; width:30px; height:13px; background-size:30px 13px;}

	.page-branch .section-list .info {padding-top: 0; vertical-align: middle;}
	.page-branch .section-list .info strong {font-size: 40px;}
	.page-branch .section-list .info li,
	.page-branch .section-list .info .icon-tel {font-size: 20px}
}

@media (max-width:1024px) {
	.page-car-detail .section-detail .calculator{right:0;}
	.page-car-detail .section-detail .info ul{margin-left:0; margin-right:360px;}
	.page-car-detail .section-detail .info li{margin-right: 10px; font-size:13px}
	.page-car-detail .section-detail .info li span{width:80px;}
	.page-car-detail .section-detail .info .note{margin-left:0;}

	.page-branch .section-list .info {min-width: 250px;}
	.page-branch .section-list .info span {font-size: 12px;}
	.page-branch .section-list .info strong {font-size: 30px; margin-bottom: 10px;}
	.page-branch .section-list .info li,
	.page-branch .section-list .info .icon-tel {font-size: 15px}
}

@media (max-width:846px) {
	/*
	* layout
	*/
	html {font-size: 11px;}
	.page-wrapper {margin-left: 48px; min-width: 0;}

	.global-nav {width: 48px;}
	.global-nav .logo {height: 61.5px;}
	.global-nav .lnb a {font-size: 13px; height: 48px; }
	.global-nav .lnb a:before {display: none;}
	.global-nav .lnb a em {display: block; padding: 0 10px; word-break: keep-all;}
	.global-nav .lnb a.icon-menu-all:before {display: inline-block;}
	.global-nav .lnb a.icon-menu-all em {display: none;}
	.global-nav .snb {position: fixed; left: 48px; width: calc(100% - 48px); max-width: 360px; padding-top: 73px; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.global-nav .snb.active {left: 48px;}
	.global-nav .snb a { padding: 17px 25px; font-size: 13.5px;}
	.global-nav .etc-lnb {margin-top: 0;}
	.global-nav .etc-lnb a {padding: 20px 0;}
	.global-nav .btn-snb-close {right: 15px; top: 15px; padding: 0;}
	.global-nav .lnb .active em,
	.global-nav .lnb a:hover em {font-size: inherit;}
	.global-nav .lnb .active em:before,
	.global-nav .lnb a:hover em:before {display: none;}

	.section-visual .page-header {font-size: 25px; font-weight: 300;}

	.content-wrapper {}

	.footer {font-size: 12px; padding: 30px 25px;}
	.footer nav li:after {content: ''; display: inline-block; width: 1px; height: 7px; margin: 0 10px; }
	.footer .contact {padding: 14px 0; color: #fff; font-weight: 600; text-align: center; position: static; top: 0; right: 0; background-color: #808990; border-radius: 7px;}
	.footer .contact:after {display: none;}
	.footer .contact em,
	.footer .contact .icon-footer-contact,
	.footer .contact small {display: inline-block; vertical-align: middle;}
	.footer .contact em {font-size: 12px;}
	.footer .contact small {font-size: inherit; vertical-align: bottom;}
	.footer .contact strong {display: none;}
	.footer .menu {margin:0 -20px 15px;}
	.footer .menu ul{width: 275px; margin: 0 auto;}
	.footer .menu li:after {background-color: #babfc2;}
	.footer .menu li a{display:inline-block; padding:5px 0;}
	.footer .link {margin-top: 15px; margin-bottom: 12.5px; padding-left: 18px; }
	.footer .link li {position: relative; float: none; margin:5px 0; padding-left: 7px; }
	.footer .link li:after {position: absolute; left: 0; top: 50%; width: 2px; height: 2px; margin: 0; background-color: #b2b8bd;}
	.footer .link li:last-child{margin-bottom:0;}
	.footer .link li:last-child:after {display: block;}
	.footer .link a {padding:5px 0; opacity: 0.6;}
	.footer .copy {padding-left: 25px; font-size: inherit; opacity: 0.5;}

	.btn-top {position: fixed; bottom: 15px; right: 5px; height: auto;}
	.btn-top a {top: auto; width: 35px; height: 35px;}

	.type-detail {margin-left: 0;}
	.type-detail .global-nav {display: none;}
	.type-detail .layer-vehicle {display: none;}

	/*
	* module
	*/
	.design-select-list li{font-size: 12px;}

	.btn{min-width:150px; height:40px; padding:0 30px; font-size:14px;}
	.btns .btn{min-width: 0; width: 45%; margin: 0 5px; padding: 0;}

	.input-text input,
	.input-text textarea {padding: 7px;}
	.input-text input::-webkit-input-placeholder,
	.input-text textarea::-webkit-input-placeholder{font-size:12px;}
	.input-text input::-moz-placeholder,
	.input-text textarea::-moz-input-placeholder{font-size:12px;}
	.input-text input:-ms-input-placeholder,
	.input-text textarea:-ms-input-placeholder{font-size:12px;}

	.section-form {padding: 0;}
	.section-form .radiobtn label {min-width: 57px; height: 27px; padding: 0 5px; font-size: 11px;}

	.article .label-auth {text-align: left;}
	.article .content {padding: 20px 15px 15px;}
	.article .btn-like {top: 20px;}
	.article .model {font-size: 18px;}
	.article .meta span {height: 21px; margin-right: 3px; margin-bottom: 3px;}
	.article .meta span em,
	.article .meta span small {font-size: 11px;}

	.list {padding: 0 20px;}
	.list-grid .inner {margin: 0 -20px;}
	.list-grid .article {width: 100%; margin-bottom: 15px; padding:0;}
	.list-grid .article .model {height: 44px; line-height: 22px; font-size: 19px;}
	.list-grid .article .model small{font-size:14px;}
	.list-grid .article .price{padding-right: 20px; font-size:22px;}
	.list-grid .article .price small,
	.list-grid .article .price .monthly-pay{font-size:13px;}
	.list-grid .article .meta span {height: 27px; padding: 0 5px;}
	.list-grid .article .btn-like {top: 94px;}

	.list-simple {padding: 0;}
	.list-simple .article .label-auth{top:5px; left:5px;}
	.list-simple .article .img{width:40%;}
	.list-simple .article .tags,
	.list-simple .article .model{width: 60%; padding-left:10px; font-size: 16px;}
	.list-simple .article .tags span{font-size:10px;}
	.list-simple .article .price{display: block; width: 100%;     margin-top: 5px; padding-left: 0; font-size: 16px; line-height: 1.5;}
	.list-simple .article .price small{font-size:12px;}
	.list-simple .article .price .monthly-pay{display: inline; font-size: 12px;}
	.list-simple .article .model{height:38px; line-height: 1.2; font-size: 16px;}
	.list-simple .article .model small{display:inline; margin-left:3px; font-size:12px;}
	.list-simple .article .meta span{padding:0 5px;}
	.list-simple .article .soldout .icon,
	.list-simple .article .soldout br {display: none;}

	.list-ahead .inner {margin: 0 -15px;}
	.list-ahead .article .img {position: relative; width: 100%;}
	.list-ahead .article .content {margin-left:0; padding: 20px 15px 15px;}
	.list-ahead .article .tags,
	.list-ahead .article .model,
	.list-ahead .article .price,
	.list-ahead .article .meta{margin:0;}
	.list-ahead .article .tags{margin-bottom:5px;}
	.list-ahead .article .tags span {font-size: 13px;}
	.list-ahead .article .model{display:-webkit-box; white-space: normal; margin-bottom:5px; padding:0; border-bottom:none; height: 44px; line-height: 22px; font-size: 19px; font-weight: 700;}
	.list-ahead .article .model small{font-size:14px;}
	.list-ahead .article .price{position: static; float: left; max-width: calc(100% - 50px); margin-bottom: 5px; font-size: 22px;}
	.list-ahead .article .price small,
	.list-ahead .article .price .monthly-pay{font-size:13px; font-weight:700;}
	.list-ahead .article .price .monthly-pay {font-weight: 300;}
	.list-ahead .article .meta {display: block; clear: both;}
	.list-ahead .article .meta span {height: 27px; margin-right: 3px; margin-bottom: 3px; padding: 0 5px; border: 1px solid #bec3c7;}
	.list-ahead .article .meta span em,
	.list-ahead .article .meta span small {letter-spacing: 0; color: #808990; font-weight: 300; font-size: 11px;}
	.list-ahead .article .meta span em:first-child,
	.list-ahead .article .meta .branch {display: none;}
	.list-ahead .article .meta .local {display: inline-block;}
	.list-ahead .article .btn-like {position: static; right: 10px; top: 104px; bottom:auto; float: right;}


	.buttons .btn {width: 100%; height: 40px; line-height: 40px; font-size: 12px;}
	.design-select .selected {height: 36px; margin-bottom: 10px; font-size: 20px;}
	.design-select .selected:after {font-size: 11px; font-weight: 300; opacity: 0.5;}

	.slider {height: 7px;}
	.slider-tick-label-container .slider-tick-label {font-size: 11px;}
	.slider-tick-label-container .slider-tick-label:first-child {margin-left: 0;}
	.slider-tick-label-container .slider-tick-label:last-child { margin-right: 0;}

	.table table { border-top: 2px solid #1d1f20;}
	.table th,
	.table td {height: auto; padding: 10px;}
	.table th {padding-left: 10px; }
	.table .table-title {font-size: 14px; padding-bottom: 10px;}
	.table .text-right {text-align: right; padding-right: 20px;}
	.table small {font-size: 12px;}

	.layer-wrap {-webkit-overflow-scrolling: touch; overflow-y: auto; }
	.layer-wrap .layer {max-width: 100%; padding: 20px; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none;}
	.layer-wrap .layer-md {top:60px; left: 50%; margin-left: -47%; max-width: 94%;}
	.layer-wrap .layer-sm {max-width: 70%;}
	.layer-wrap .btn-layer-close {width: 35px; height: 35px; }
	.layer-wrap .layer-header {margin:0; padding-bottom: 20px; text-align: center; border-bottom: 1.5px solid #1d1f20; }
	.layer-wrap .layer-title {font-size: 20px;}
	.layer-wrap .layer-bg {padding: 0; }
	.layer-wrap .layer-bg .layer-header {margin-bottom: 20px; padding: 30px 0 20px;}
	.layer-wrap .layer-bg .layer-header .layer-title {font-size: 24px;}
	.layer-wrap .layer-bg .layer-body {padding: 0 25px 30px;}
	.layer-toast .layer {top: 50%; left: 50%; padding: 25px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.layer-toast .icon {margin-bottom: 10px;}
	.layer-toast .layer-body .btn {margin-top: 20px;}

	/*
	* page main
	*/
	.page-main .section {padding: 30px 15px 30px;}
	.page-main .section-visual {padding: 0;}
	.page-main .section-visual h2 {font-size: 30px; font-weight: 700; line-height: 1.2;}
	.page-main .section-visual .description {font-size: 12px; font-weight: 300; -webkit-font-smoothing: antialiased;}
	.page-main .section-visual .description span {display: block;}
	.page-main .section-visual .image {background-position: 37% 50%;}
	.page-main .section-visual .content{padding:35px 35px 0;}
	.page-main .section-visual .slider-control {bottom: 30px;}
	.page-main .section-visual .slick-arrow{width:16px; height:32px; background-size:33px auto;}
	.page-main .section-visual .slick-prev{left:15px;}
	.page-main .section-visual .slick-next{right:15px; background-position:-17px 0;}
	.page-main .slider-control .slick-dots {margin-right: 0;}
	.page-main .slider-control .btn-play {display: none;}

	.page-main .section-benefits .tab {margin: 0 20px 10px;}
	.page-main .section-benefits .tab button {height: auto; padding: 13px 0; text-align: center; font-size: 12px; color: #808990; border: 0;}
	.page-main .section-benefits .tab .active {background: #009ada !important;}
	.page-main .section-benefits .tab .active .icon {display: none;}
	.page-main .section-benefits h2 {font-size: 17px; font-weight: 700; color: #303539;}
	.page-main .section-benefits .tabcon{height:auto;}
	.page-main .section-benefits .description {margin-top: 5px; font-size: 12px; font-weight: 100; line-height: 1.3;}
	.page-main .section-benefits .benefits {margin: 0 auto 30px;}
	.page-main .section-benefits li {width: 50%; margin-top: 20px;}
	.page-main .section-benefits .benefits strong {font-size: 14px; text-align: center; font-weight: 500; white-space: nowrap;}
	.page-main .section-benefits .benefits span {display: block; font-size: 12px; font-weight: 300;}
	.page-main .section-new h2 {margin-bottom: 20px; font-size: 25px; font-weight: 400;}
	.page-main .section-new .list-grid .article {padding: 0;}
	.page-main .section-event .inner {position: relative; padding-bottom: 40px;}
	.page-main .section-event .content {position: static; max-width: none; text-align: center;}
	.page-main .section-event h2 {margin-bottom: 20px; padding: 3px 0 2px; font-size: 14px; font-weight: 300; line-height: 1; border-top: 1px solid;}
	.page-main .section-event .description {margin-bottom: 12px; font-size: 25px; line-height: 1.2;}
	.page-main .section-event .description span {display: block; font-weight: 500;}
	.page-main .section-event .date {margin-bottom: 20px; font-size: 12px;}
	.page-main .section-event .image {float: none; margin: 0 auto 30px;}
	.page-main .section-event .buttons {right: 0; bottom: 0;}
	.page-main .section-event .btn {width: 100%;}
	.page-main .section-search .inner {padding: 0;}
	.page-main .section-search h2 {font-size: 25px; line-height: 1.3;}
	.page-main .section-search h2 span {display: block;}
	.page-main .section-search .form{padding-right:0;}
	.page-main .section-search .select-box {display: block; margin: 0 30px;}
	.page-main .section-search .design-select {float: none; width:100%; margin: 0;}
	.page-main .section-search .btn {position:static; width: 100%; height: 40px; margin-top: 30px; line-height: 40px; font-size: 12px;}

	/*
	* page common
	*/
	.section-visual .item {padding-bottom: 31.94444444444444%;}

	.section-list .control{margin-bottom:15px;}
	.control .count {float: left; font-size: 13px;}
	.control .count strong {font-size: 14px;}
	.control .sort {float: right; min-width: 120px;}
	.control .sort .form {width:100%; margin: 0;}
	.control .sort .design-select {width: 100%; min-width:0; /*width: calc(100% - 22px);*/ margin: 0;}
	.control .sort .design-select .selected {height: 20px; margin-bottom: 0; padding-left: 2px; font-size: 13px; color: #2f3538; white-space: nowrap; border-bottom: 2px solid #2f3538;}

	/*
	* page benefit
	*/
	.page-benefit .is-mobile {display: block; }
	.page-benefit .inner {position: relative; max-width: 1220px; margin: 0 auto; padding: 0 25px 115px; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.page-benefit .section-trade .inner {padding-bottom: 40px;}
	.page-benefit .section-visual {padding: 0;}
	.page-benefit .section-visual .inner {max-width: none; padding: 0;}
	.page-benefit .section-visual .item {padding-bottom: 0;}
	.page-benefit .section-visual .image {position: static; display: block; padding-top: 31.94444444444444%; background-position: right bottom;}
	.page-benefit .section-visual .is-mobile {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; padding-top: 31.94444444444444%;}
	.page-benefit .section-visual .is-mobile span {position: absolute; left: 50%; top: 50%; font-size: 25px; color: #fff; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
	.page-benefit .section-visual .content {color: #000; padding: 20px 25px 30px; background-color: #f4f5f7;}
	.page-benefit .section-visual h2 {margin-bottom: 20px; font-size: 24px;}
	.page-benefit .section-visual .description + .description {margin-top: 10px;}
	.page-benefit .section-tab { display: none;}

	.page-benefit .section-tab-content .section {font-size: 11px;}
	.page-benefit .section-tab-content .section h3 {margin-bottom: 15px; font-size: 20px; }
	.page-benefit .section-tab-content .section h3 strong {font-size: 17.5px;}
	.page-benefit .section-tab-content h3.is-mobile {position: relative; height: 47px;}
	.page-benefit .section-tab-content h3.is-mobile span {position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 47px; margin: 0 -25px; font-size: 15px; font-weight: 300; color: #fff; text-align: center; line-height: 47px; background-color: #808990;}
	.page-benefit .section-tab-content .current h3.is-mobile span {position: fixed; left: 48px; margin: 0;}
	.page-benefit .section-tab-content .btn {position: absolute; left: 25px; right: 25px; bottom: 40px; display: block; max-width: 100%; height: 55px; }
	.page-benefit .section-tab-content .content {display: block; width: 100%; margin-top: 20px; margin-bottom: 20px;}
	.page-benefit .section-tab-content .content p + p {margin-top: 10px;}
	.page-benefit .section-tab-content .img {display: block; float: none; width: 100%; text-align: center;}
	.page-benefit .section-tab-content .img  img {width: 100%;}
	.page-benefit .section-tab-content .section:nth-child(even) {text-align: left;}
	.page-benefit .section-tab-content .section:nth-child(even) .img {float: none; text-align: center;}
	.page-benefit .section-trade,
	.page-benefit .section-finance {background-color: #fff;}
	.page-benefit .section-finance .content,
	.page-benefit .section-finance .img {margin-bottom: 40px;}
	.page-benefit .tips {clear: both; display: block; width: 100%; padding: 10px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: normal; text-align: left; border: 1px solid #1d1f20;}
	.page-benefit .tips .item {display: block; width: 100%; padding: 10px 0; border-left: 0; border-top: 1px solid #f3f5f6; font-size: 11px; }
	.page-benefit .tips .item:first-child {border-top: 0;}
	.page-benefit .tips h4 {margin-bottom: 10px; font-size: 13px;}
	.page-benefit .tips h4 strong {color: #1d1f20; font-size: 13px;}

	.layer-quality .layer {width: 100%; top: 0; padding: 20px;}
	.layer-quality .layer .guide {text-align: center;}
	.layer-quality .layer .guide .img {margin: 20px 0;}
	.layer-quality .detail-check .item {float: none; width: 100%; padding-left: 0;}
	.layer-quality .detail-check .item:first-child {padding: 0;}
	.layer-quality .detail-check .item strong {padding-bottom: 10px; font-size: 15px; border-bottom: 2px solid #1d1f20;}
	.layer-quality .list-all {margin-bottom: 20px;}
	.layer-quality .list-all li {padding: 10px; font-size: 11px;}
	.layer-quality .list-all li:last-child {border-color: #1d1f20;}


	.layer-warranty .layer {width: 100%;}
	.layer-warranty .table,
	.layer-warranty .item {margin-top: 20px;}
	.layer-warranty .table-title,
	.layer-warranty .item-title {font-size: 14px; padding-bottom: 10px; }
	.layer-warranty .item > div {padding-top: 10px; }
	.layer-warranty .table-responsive table thead {display: block; }
	.layer-warranty .table-responsive table thead tr {overflow: hidden;}
	.layer-warranty .table-responsive table thead th {display: block; float: left; width: 70%; }
	.layer-warranty .table-responsive table thead th:first-child {width: 30%; }
	.layer-warranty .table-responsive table td {padding-left: 30%;}
	.layer-warranty .table-responsive table td:before {width: 27%;}
	.layer-warranty .table-responsive table td:after {width: 20%;}
	.layer-warranty small {margin-top: 5px; font-size: 11px; }
	.layer-warranty .symbol {padding-left: 10px;}
	.layer-warranty .list-decimal li {margin-bottom: 5px;}
	.layer-warranty .steps ol {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.layer-warranty .steps li {width: 33.333333%; padding: 20px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap;}
	.layer-warranty .steps li:before {content: ''; position: absolute; left: -11.5px; top: 50%; display: block; width: 23px; height: 23px; margin-top: -11.5px; border-radius: 50%; background: #1d1f20 url('../images/arrow-right.png') no-repeat center center; background-size: 6px auto;}
	.layer-warranty .steps li:first-child:before,
	.layer-warranty .steps li:nth-child(3):before {display: none;}
	.layer-warranty .steps li:first-child,
	.layer-warranty .steps li:nth-child(2) {width: 50%;}
	.layer-warranty .steps li:after {content: ''; display: inline-block; height: 100%; vertical-align: middle; }
	.layer-warranty .steps div {display: inline-block; vertical-align: middle; word-break: keep-all; white-space: normal;}
	.layer-warranty .steps span {display: inline-block; font-size: 14px; color: #808890; font-weight: 700; border-bottom: 1px solid #808890; }
	.layer-warranty .steps strong {display: block; margin-top: 5px; font-weight: 300; line-height: 1.25;}
	.layer-warranty .btn-link {display: block; margin-top: 10px; margin-left: 0;}
	.layer-warranty .notice {margin-top: 35px;}


	.layer-warranty .layer-body {}
	.layer-warranty .guide .item {float: none; width: 100%; padding: 10px 0px 20px; font-size: 11px; border-top: 1px solid #f4f6f5;}
	.layer-warranty .guide .item:first-child {border-top: 0;}
	.layer-warranty .guide .item strong {height: 20px; margin-bottom: 20px; font-size: 22px; }
	.layer-warranty .service {margin: 0 -20px; padding: 20px 25px 20px; font-size: 11px; color: #808890;  background: #f3f5f6;}
	.layer-warranty .service strong {display: block; height: 20px; margin-bottom: 20px; font-size: 22px; color: #1e1f21;}
	.layer-warranty .list-service {margin: 20px -3px ; }
	.layer-warranty .list-service li {width: 49%; font-size: 11px; }
	.layer-warranty .list-service li div {height: 35px; padding-left: 45px;}
	.layer-warranty .list-service li .icon {width: 45px; height: 35px;}
	.layer-warranty .list-service li small {font-size: 10px; }

	.layer-finance .layer {width: 100%;}
	.layer-finance .layer-body {padding-top:5px;}
	.layer-finance .tab-finance{margin-top:20px; margin-left:-6px; font-size:0;}
	.layer-finance .tab-finance a{height:39px; margin-left:6px;}
	.layer-finance .tab-finance i{display:none;}
	.layer-finance .tab-finance strong{font-size:13px;}

	.layer-finance .table {margin-top: 20px;}
	.layer-finance .table table{margin-bottom:10px;}
	.layer-finance .table table.mobile{display:table;}
	.layer-finance .table .pc{display:none;}
	.layer-finance .table-title {font-size: 14px; padding-bottom: 10px; }
	.layer-finance .table th {font-size: 12px;}
	.layer-finance .table tbody th{font-size:11px;}
	.layer-finance .table tbody td{font-size:10px;}

	.layer-finance .item {margin-top: 20px;}
	.layer-finance .item-title {font-size: 14px; padding-bottom: 10px; }
	.layer-finance .item > div {padding-top: 10px; }
	.layer-finance .item .item-subtitle {font-size: 13px;}
	.layer-finance .item .item-content {margin-bottom: 20px; padding-top: 10px;}
	.layer-finance .item .item-content .box {padding: 15px;}
	.layer-finance .item .item-content .list-dash li {font-size: 11px;}
	.layer-finance small {margin-top: 5px; font-size: 11px; }
	.layer-finance .finance-benefits li {width: 100%; height: 90px; margin-left: 0; padding-left: 90px; padding-right: 15px; font-size: 11px;}
	.layer-finance .finance-benefits li .icon {left: 25px;}
	.layer-finance .finance-benefits li strong {margin-bottom: 5px;}
	.layer-finance .notice {margin-top: 20px; padding-top: 10px;}
	.layer-finance .notice .list-bullet li{padding-left: 13px; font-size:11px;}
	.layer-finance .notice .list-bullet li:before{top:8px;}



	/*
	* page-car-detail
	*/
	.page-car-detail {}
	.page-car-detail .section > .inner {padding-right: 20px; padding-left: 20px;}
	.page-car-detail .section-detail {padding: 60px 0 30px;}
	.page-car-detail .watermark {width: 120px; height: 12.5px; background-size: 100% auto;}
	.page-car-detail .section-detail .header {height: auto; margin-bottom:10px; padding-right: 0;}
	.page-car-detail .section-detail .header h2 {display: block; width:100%; margin-right:0; font-size: 30px; text-align: center; padding: 15px 0 0; border-top: 1px solid #dddfe2;}
	.page-car-detail .section-detail .header h2 .new {display: none;}
	.page-car-detail .section-detail .header .tags {text-align: center;}
	.page-car-detail .section-detail .header .tags span {padding: 0; font-size: 12px; line-height: 26px; height: 26px; margin: 0 7px;}
	.page-car-detail .section-detail .header .utils {top: -40px;}
	.page-car-detail .section-detail .header .utils .icon {margin-left: 15px;}
	.page-car-detail .section-detail .header .icon-sub-page-close {position: absolute; left: 0; top: -40px; display: block; padding: 0;}
	/* .page-car-detail .header .icon-util-download, */
	.page-car-detail .header .icon-util-print {display: none;}
	.page-car-detail .section-detail .image {margin-bottom: 5px;}
	.page-car-detail .section-detail .calculator {position: relative; right: auto; bottom: auto; width: auto; height: auto; margin-top: 0; padding-bottom: 20px;}
	.page-car-detail .section-detail .calculator .head,
	.page-car-detail .section-detail .calculator .body {clear:both;padding: 0 15px;}
	.page-car-detail .section-detail .calculator .head .value strong {font-size: 37.2px;}
	.page-car-detail .section-detail .calculator .body .label {font-size: 18px;}
	.page-car-detail .section-detail .calculator .body .buttons .btn {min-width: 100%; height: 55px; margin-bottom: 10px;}
	.page-car-detail .section-detail .info {padding-bottom:0;}
	.page-car-detail .section-detail .info ul{margin: 0 0 10px; -webkit-column-count: 1; column-count: 1;}
	.page-car-detail .section-detail .info li {height: 37px; margin-right: 0; font-size: 16px; line-height: 37px;}
	.page-car-detail .section-detail .info li span {width:160px; color: #303539;}
	.page-car-detail .section-detail .info .note{font-size:12px;}
	.page-car-detail .section-service {padding: 0 20px 40px;}
	.page-car-detail .section-service .inner {padding: 30px 10px 10px;}
	.page-car-detail .guide .item,
	.page-car-detail .guide .item:first-child {float: none; width: 100%; margin-bottom: 20px; padding-bottom: 20px; font-size: 11px; border-bottom: 1px solid #f3f5f6; }
	.page-car-detail .guide .item .month {left: 5px; width: 42px; height: 58.5px; padding-top: 7px; font-size: 9px; }
	.page-car-detail .guide .item .month em {font-size: 21px;}
	.page-car-detail .guide .item strong {margin-bottom: 10px; font-size: 18px;}
	.page-car-detail .service {margin-top: 0; border-top: 0; padding-top: 0; font-size: 11px;}
	.page-car-detail .service strong {font-size: 18px;}
	.page-car-detail .service > small {display: block; margin-top: 20px; color: #808890;  text-align: center;}
	.page-car-detail .list-service {padding-top: 20px;}
	.page-car-detail .list-service li {width: 49%; font-size: 10px;}
	.page-car-detail .list-service li div {height: 36px; padding-left: 45px;}
	.page-car-detail .list-service li .icon {width: 45px; height: 36px;}
	.page-car-detail .list-service li small {font-size: 9px;}
	.page-car-detail .section-image-list ul {margin-bottom: 50px;}
	.page-car-detail .section-image-list li {float: none; width: 100%; padding: 0 0 5px;}
	.page-car-detail .section-image-list li img {width: 100%;}
	.page-car-detail .section-image-list .icon {bottom: 5px; display: none;}
	.page-car-detail .section-benefits {padding: 40px 0;}
	.page-car-detail .section-benefits h2,
	.page-car-detail .section-showroom h2,
	.page-car-detail .section-sale h2 {font-size: 26px; height: 40px; border-bottom-width: 2px;}
	.page-car-detail .section-benefits li {float: none; width: auto; margin-top: 25px;}
	.page-car-detail .section-car-status .history li {font-size: 12px; white-space: nowrap; width: 25%; margin-bottom: 25px;}
	.page-car-detail .section-car-status h2 {padding-top: 0; font-size: 18px; white-space: nowrap; border-bottom: 1px solid #bec3c7;}
	.page-car-detail .section-car-status h2 span {width: auto; height: 34px; margin-bottom: -1px; font-size: 18px;}
	.page-car-detail .section-car-status h2 .current:after {height: 3.5px;}
	.page-car-detail .section-car-status h2 [aria-hidden] {display: none;}
	.page-car-detail .section-car-status .options li {width: 25%;}
	.page-car-detail .section-car-status .options li .icon {height: 50px; margin-bottom: 10px;}
	.page-car-detail .section-car-status .options .buttons {margin-bottom: 40px;}
	.page-car-detail .section-car-status li em {color: #808990;}
	.page-car-detail .section-car-status .history ul,
	.page-car-detail .section-car-status .options ul {margin: 25px auto 15px;}
	.page-car-detail .section-car-status .history li,
	.page-car-detail .section-car-status .options li {width: 25%; margin-bottom: 25px;}
	.page-car-detail .section-car-status .history li span {margin: 0 auto 10px;}
	.page-car-detail .section-car-status .history li strong,
	.page-car-detail .section-car-status .options li span {display: block; margin: 0 -7.5px; white-space: nowrap; font-size: 12px; font-weight: 350;}
	.page-car-detail .section-car-status .options-category{margin-bottom:15px;}
	.page-car-detail .section-car-status .btn {height: 55px; margin: 0 auto 10px; line-height: 55px; font-size: 14px; border-radius: 5px; background-color: #1e1f21;}
	.page-car-detail .section-car-status .table .car {margin: 28px 0 30px;}
	.page-car-detail .section-car-status .table .car-pc {display: none;}
	.page-car-detail .section-car-status .table .car-mobile {display: block;}
	.page-car-detail .detail-more {text-align: center;}
	.page-car-detail .detail-more + .detail-more {margin-bottom: 50px;}
	.page-car-detail .detail-more .btn {float: none; width: 100%;}
	.page-car-detail .detail-more strong,
	.page-car-detail .detail-more time {font-weight: 400; color: #303539;}
	.page-car-detail .section-car-status .options .main {margin: 20px 0 0;}
	.page-car-detail .section-car-status .options .main li {font-size: 12px; width: 25%;}
	.page-car-detail .section-car-status .options .main li .img {height: 56.6px; margin-bottom: 10px;}
	.page-car-detail .section-car-status .options .detail-options > ul {margin: 0;}
	.page-car-detail .section-car-status .options .detail-options > ul > li {margin-bottom: 0;}
	.page-car-detail .section-car-status .options .detail-options li ul {margin: 0;}
	.page-car-detail .section-car-status .options .detail-options li li {width: auto; margin: 0;}

    .page-car-detail .section-car-status .options .detail-options span {margin: 0px;}
    .page-car-detail .section-car-status .options .detail-options .head {font-size: 12px;margin-left: 10px;}

	.page-car-detail .section-car-status .options .detail-options li.active:before {content: ''; display: none;}
	.page-car-detail .section-car-status .table .check-point {margin: 0; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 0; column-gap: 0;}
	.page-car-detail .section-car-status .table .check-point .item {margin-top: 22.5px;}
	.page-car-detail .section-car-status .table .guide {margin-top: 15px; padding: 20px 0;}
	.page-car-detail .section-car-status .table .guide li{margin:0 15px;}
	.page-car-detail .section-car-status .table .check {line-height: 14px;}
	.page-car-detail .section-car-status .table .point {width: 14px; height: 14px; font-size: 9px;}
	.page-car-detail .section-car-status .table .detail-more .btn {background-color: #808890;}
	.page-car-detail .section-showroom h3 br {display: none;}
	.page-car-detail .section-showroom .map {width: 100%; /* height: 190px; */ }
	.page-car-detail .section-benefits ul{margin:0;}
	.page-car-detail .section-benefits li {position: relative; padding-left: 100px; padding-right:0;}
	.page-car-detail .section-benefits li .icon {position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	.page-car-detail .section-benefits li strong {font-size: 18px;}
	.page-car-detail .section-benefits li small {margin-bottom: 10px; font-size: 11px;}
	.page-car-detail .section-benefits li p {padding-left:0; font-size: 11.5px; color: #303539; }
	.page-car-detail .section-benefits li p br {display: none;}
	.page-car-detail .section-car-status .dealer .comment {margin-top: 25px; padding: 16px 18px; text-align: left;}
	.page-car-detail .section-car-status .dealer .comment div {width: 60%; padding-left: 12px; }
	.page-car-detail .section-car-status .dealer .info {position: relative; padding-left: 75px;}
	.page-car-detail .section-car-status .dealer .info .photo {position: absolute; left: 0; top: 0; margin: 0;}
	.page-car-detail .section-car-status .dealer .info .name {margin-bottom: 5px;}
	.page-car-detail .section-car-status .dealer .info li {float: none; color: #303539;}
	.page-car-detail .section-car-status .dealer .info li:before {display: none;}
	.page-car-detail .section-car-status .dealer .note {margin: 10px 0 30px 0; font-size: 14px;}
	.page-car-detail .section-car-status .buttons {margin-bottom: 0;}
	.page-car-detail .section-car-status .explanation .title {padding-top: 20px; font-size: 15px;}
	.page-car-detail .section-car-status .explanation .box {margin-top: 10px; padding: 15px; font-size: 13px; }
	.page-car-detail .section-benefits h2,
	.page-car-detail .section-showroom h2,
	.page-car-detail .section-sale h2 {margin-bottom: 25px;}
	.page-car-detail .section-showroom {padding: 0 0 35px 0;}
	.page-car-detail .section-showroom h3 {margin-bottom: 12px; font-size: 21px; font-weight: 700;}
	.page-car-detail .section-showroom .info,
	.page-car-detail .section-showroom .map {float: none; width: auto;}
	.page-car-detail .section-showroom .info {padding-top: 0;}
	.page-car-detail .section-showroom .info span {font-size: 12px;}
	.page-car-detail .section-showroom .info strong {margin-bottom: 10px; font-size: 27px;}
	.page-car-detail .section-showroom .info li {margin-bottom: 5px; font-size: 15px;}
	.page-car-detail .section-showroom .info .icon-tel {font-size: 19px;}
	.page-car-detail .section-showroom .map {margin-top: 15px; margin-bottom:15px;}
	.page-car-detail .section-sale {padding-top: 50px;}

	.layer-accident .layer {top: 0;}
	.layer-accident .info {padding: 20px 20px 30px;}
	.layer-accident .info strong {font-size: 24px;}
	.layer-accident .info small {bottom: 10px; right: 10px;}
	.layer-accident .authentication {padding: 40px 0;}
	.layer-accident .date {margin: 25px 0 35px;}

	.layer-accident table colgroup {display: none;}
	.layer-accident table th {width: 40%;}

	.table-responsive table {display: block; }
	.table-responsive table tbody {display: block;}
	.table-responsive table colgroup {display: none;}
	.table-responsive table tr {display: block; width: 100%; }
	.table-responsive table tr:after {content: ''; display: block; clear: both;}
	.table-responsive table th {display: none;}
	.table-responsive table td {display: block; float: left; height: auto; }
	.table-responsive table td:before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 40%; background: #fbfcfc}
	.table-responsive table td:after {content: attr(data-title); position: absolute; left: 0; top: 50%; bottom: 0; width: 40%; height: -webkit-min-content; height: -moz-min-content; height: min-content; padding-left: 15px; clear: left; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
	.table-responsive table td {position: relative; padding-left: 45%; width: 100%; height: auto; min-height: 38px;}
	.table-responsive .empty {display: none;}

	.table-responsive-summary table th {width: 30%;}
	.table-responsive-damage table thead {display: block;}
	.table-responsive-damage table thead th {display: block; width: 100%;}
	.table-responsive-damage table thead th.text-right {text-align: left;}

	.layer-checklist .layer {top: 0;}
	.layer-checklist .guide {display: none; margin-top: 20px; padding: 20px 20px 30px; font-size: 11px;}
	.layer-checklist .info {padding: 20px; text-align: center;}
	.layer-checklist .info strong {display: inline-block; margin-left: 10px; font-size: 24px; vertical-align: middle;}
	.layer-checklist .info small {display: none;}
	.layer-checklist .authentication {padding: 40px 0;}
	.layer-checklist .table {margin-top: 20px;}
	.layer-checklist .table label {margin-right: 10px;}
	.layer-checklist .list-separate strong {display: block; margin-bottom: 5px;}
	.layer-checklist .list-separate li:first-child {margin-top: 0;}
	.layer-checklist .authentication {padding: 40px 0;}
	.layer-checklist .date {margin: 25px 0 30px;}

	.layer-checklist .table-responsive-status {position: relative; margin-top: 50px;}
	.table-responsive-status .table-title {position: absolute; bottom: 100%; left: 0; right: 0; text-align: left; border-bottom: 2px solid #1d1f20; }
	.table-responsive-status table colgroup col:first-child {display: none;}
	.table-responsive-status table tr th:nth-child(3) {width: 30%}
	.table-responsive-status thead tr th:first-child {width: 0; font: 0/0 a;}
	.table-responsive-status table tr td[rowspan] {width:0; padding: 0;}
	.table-responsive-status table tr td[rowspan] span {position: absolute; top: 0; width:100%; padding-top: 65px; display: block;}
	.table-responsive-status .mobile-car {display:inline;}
	.table-responsive-status .mobile-car:before {content:attr(data-title); display: block; width: 100%; height: 45px; line-height: 45px; background: #fcfcfc;}

	.table-responsive-status .mobile-car i {position:sticky; top:0; z-index:1; display: block; box-sizing: border-box; margin:0 -20px; padding:15px 35px; background-color:#fff; box-shadow:0 0 0 rgba(0,0,0,0); transition: box-shadow 0.4s;}
	.table-responsive-status .mobile-car i.sticky {box-shadow:0 3px 3px rgba(0,0,0,0.1);}
	.table-responsive-status table td[rowspan] + td {border-left: 0;}

	.table-responsive-status table .car[rowspan] span {display:none;}



	.table-responsive-device colgroup {display: none;}
	.table-responsive-device thead,
	.table-responsive-device tfoot {display: none;}
	.table-responsive-device tbody {display: block;}
	.table-responsive-device tbody tr {display: block;}
	.table-responsive-device tbody tr:after {content: ''; display: block; clear: both;}
	.table-responsive-device tbody tr th,
	.table-responsive-device tbody td {display: block; float: left; width: 40%; height: auto; border-left: 0; word-break: keep-all;}
	.table-responsive-device tbody td:last-child {width: 60%;}
	.table-responsive-device tbody [rowspan] {display: block; float: none; width: 100%; background: #fbfbfb;}
	.table-responsive-device tbody [rowspan]:before {content: ''; display: inline-block; width: 4px; height: 4px; margin-top: -2px; margin-right: 5px; vertical-align: middle; border-bottom: 1px solid #dee1e3; border-right: 1px solid #dee1e3; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.table-responsive-device tbody [rowspan] br {display: none;}
	.table-responsive-device tbody [data-title] .device {background-color: #f4f4f4;}
	.table-responsive-device tbody [data-title] .device:before {display: none;}
	.table-responsive-device tbody td label {width: 40%; margin: 2.5px; white-space: nowrap;}

	.layer-mail fieldset .submit {padding-top: 20px;}
	.layer-mail fieldset .submit p {margin-bottom: 10px;}

	.layer-share .layer-header span {font-size: 18px; }
	.layer-share .list-sns {margin: 20px 0 20px; white-space: nowrap;}
	.layer-share .list-sns li {margin: 0 5px;}
	.layer-share .list-sns li span {width: 55px; height: 55px; }
	.layer-share .list-sns .kakao {display: inline-block; }
	.layer-share .copy {padding-top: 0;border-top: 0;}
	.layer-share .copy  p {display: none;}
	.layer-share .url {padding-right: 110px;}
	.layer-share .url a,
	.layer-share .url input {height: 34px; line-height: 34px; padding: 0 0 0 10px;  }
	.layer-share .url .btn {min-width: 0; height: 34px; padding: 0 15px; font-size: 11px;}

	.layer-qna .section-process{max-width:480px; margin: 10px auto 10px;}
	.layer-qna .section-process .txt {margin-bottom:10px;}
	.layer-qna .warning-msg {float: right;}
	.layer-qna .section-process li{width:50%;}
	.layer-qna .section > .inner {margin:0; padding: 0;}

	/*
	* page search
	*/
	.page-search{position:relative;}
	.page-search .search-header {position: relative; display: block;}
	.page-search .search-header h2 {padding: 15px 0; font-size: 20px; text-align: center; border-bottom: 1px solid #dee1e3;}
	.page-search .m-btn-extend {position: absolute; right: -20px; top: 0; min-width: 0; height: 60px; padding: 0 25px; background-color: transparent;}
	.page-search .m-btn-extend .icon {margin: 0;}

	.page-search .section-search {margin-top: 0;}
	.page-search .section-search .inner {background-color: #f4f5f7;}
	.page-search .section-search .search-bar,
	.page-search .section-search .search-wrap {display: none;}

	.page-search .section-search.active {position: fixed; top: 0; left: 0; z-index: 100; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; background-color: #fff;-webkit-overflow-scrolling: touch;}
	.page-search .section-search.active .inner {background-color: #fff;}
	.page-search .section-search.active .search-header {position: static; background-color: #fff; }
	.page-search .section-search.active .m-btn-extend {display: none;}
	.page-search .section-search.active .search-bar,
	.page-search .section-search.active .search-wrap {display: block; margin-top: 20px;}

	.section-search .inner{padding:0 20px;}
	.section-search .search-bar {position: static;}
	.section-search .search-bar .form{width:100%; height: 45px;}
	.section-search .search-wrap h2 {display: block; padding-bottom: 10px; font-size: 20px; font-weight: 700; text-align: center;}
	.section-search .search-bar .btn-search{right:5px;}

	.tab-auth{margin: 0 -3.5px 15px 0;  }
	.tab-auth li{width: 33.33333%; padding: 0 3.5px;}
	.tab-auth li a{font-size: 13px;}

	.select-wrap{margin-bottom: 0;}
	.select-wrap .form{margin-right:0;}
	.select-wrap .design-select {width: 100%; margin-left: 0; margin-bottom: 17px;}
	.select-wrap .btns{display: none;}

	.search-category-wrap{display: block; margin-bottom: 100px; padding: 0;}
	.search-category-wrap .range-wrap {display: none;}
	.search-category{margin: 0 0 10px;}
	.search-category .category-tit {font-size: 16px;}
	.search-category .finder-wrap {margin-left:80px;}
	.search-category-wrap hr {display: block; margin: 0 0 15px; background-color: #dde1e4; border: none;}
	.onethird.search-category {float: none; width: 100%; margin-bottom: 20px; padding-left: 0;}
	.onethird.search-category .category-tit {height: 35px; line-height: 35px; left: 0; }
	.search-category .finder-wrap input[type="text"] {height:35px; font-size: 13px;}

	.search-category .multi-form .input-text{float:left; width:calc(50% - 20px);}
	.search-category .multi-form .split {line-height: 34px;}
	.search-category .multi-form .unit {width: 20px; font-size: 12px; line-height: 34px;}

	.finder-list {margin-left: -15px;}
	.finder-list.finder-color{margin-left:0;}
	.finder-list li{ margin-bottom: 10px;}
	.finder-list .chkbox label{ min-width: 70px; height:35px; padding:0 5px; font-size:15px; border-radius: 17.5px;}

	.category-tit.tit-color{height: 50px; line-height: 50px;}
	.finder-color .btn,
	.finder-color .chkbox label{width: 50px; height: 50px; min-width:0; padding: 0; border-radius:50%; }
	.search-category-wrap .btns {position:fixed; left:0; right:0; bottom:0; width:100%; padding:20px; box-sizing: border-box; background: #fff; border-top: 1px solid #ddd; column-count: 2; column-gap: 10px; }
	.search-category-wrap .btns .btn {display: block; width: 100%; min-width: 0; height: 50px; margin:0; line-height: 50px; font-size: 14px; }
	.search-category-wrap .btn-refresh {position: static; border-radius: 5px;}
	.search-category-wrap .btn-search i {margin-left: 3px; font-style: normal; font-weight: 300; vertical-align: middle;}

	.section-search .btn-layer-close {display: none;}
	.section-search.active .btn-layer-close {display: block;}
	.search-header .btn-layer-close {position: absolute; right: 0; top: 0; width: 35px; min-width: 0; height: 35px; padding: 0; text-align: center; background-color: #000; }
	.search-header .btn-layer-close .icon {margin: 0;}
	.search-wrap .icon-sub-page-close {position: absolute; left: 0; top: 8px; padding: 0;}

	.selected-list{display:none;}

	.page-search .section-list {position:relative; padding-top:0; padding-bottom:40px;}
	.page-search .section-list > .inner {padding: 0 15px;}
	.page-search .control .count,
	.page-search .control .sort {float: none;}
	.page-search .control .count {display: block; margin-bottom: 15px; padding-top: 67px;}
	.page-search .control .sort{position: absolute; top: 20px; left: 20px; right: 20px;}
	.page-search .control .sort .form {display: block; margin: 0 -5px;}
	.page-search .control .sort .form:after {content: ''; display: block; clear: both;}
	.page-search .control .sort .switch {display: none;}
	.page-search .control .design-select {float: left; width: calc(50% - 10px); margin: 0 5px;}
	.page-search .control .design-select .selected{height: 25px; font-size:13px;}
	.page-search .control .design-select .arrow{margin-top:-7.5px;}
	.page-search .section-list .article:last-child{margin-bottom:10px;}

	.page-search .no-result {padding: 70px 0; text-align: center; background-color: #fff;}
	.page-search .no-result > div {display: inline-block; vertical-align: middle;}
	.page-search .no-result p {margin-top: 15px; font-size: 15px; }


	/*
	* page community
	*/
	.page-community .control {margin-bottom: 0;}
	.page-community .section-list {margin: 0; padding: 30px 0 40px;}
	.page-community .section-list .btns .btn {width: 100%; font-size: 14px;}
	.page-community .section-best .list-grid .article .item {padding: 15px 0;}
	.page-community .section-best .slick-slider {margin: 0; padding: 15px 45px;}
	.page-community .section-best .slick-arrow {position: absolute; top: 35%; width: 12px; height: 23px; margin-top: -11px; background-image: url('../images/arrow-slider.png'); background-size: 25px 23px; background-color: transparent; border: 0;}
	.page-community .section-best .slick-prev {left: 20px;}
	.page-community .section-best .slick-next {right: 20px; background-position: -13px 0;}
	.page-community .section-best,
	.page-community .section-list > .inner,
	.page-community .list-grid {padding: 0;}
	.page-community .list-grid .article .item {padding: 15px;}
	.page-community .list-grid .article {margin-bottom: 0;}
	.page-community .list-grid .article .content {text-align: center;}
	.page-community .list-grid .article .subject {font-size: 17px;}
	.page-community .section-detail {padding: 30px 0 40px;}
	.page-community .section-detail .inner,
	.page-community .section-list > .inner {margin: 0 25px;}
	.page-community .section-detail .btns {margin-top: 30px;}
	.page-community .section-detail .btn {width: 100%; font-size: 14px;}
	.page-community .detail-head .tit {font-size: 16px; line-height: 1.4;}
	.page-community .detail-head .label {top: 15px;}
	.page-community .detail-head time {position: static; display: block;}
	.page-community .detail-body {padding: 25px 12px; font-size: 12px;}
	.page-community .detail-foot > a {display: table; padding: 12px 15px; font-size: 12px;}
	.page-community .detail-foot > a:after {content: ''; display: table; clear: both;}
	.page-community .detail-foot .txt {display: table-cell; width: 65px; vertical-align: middle;}
	.page-community .detail-foot .tit {display: table-cell; padding-left: 20px; vertical-align: middle; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: normal; line-height: 1.4; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.page-community .detail-foot time {display: none;}
	/* .page-community .section-best .inner {margin: 0 25px;} */


	/*
	* page faq
	*/
	.page-faq .section-list {position:relative; padding: 30px 0 40px;}
	.page-faq .section-list .inner {margin: 0 25px;}
	.page-faq .section-list .inner .list {padding: 0;}
	.page-faq .section-list .question {padding: 15px 25px 15px 5px;}
	.page-faq .section-list .question .type {position:static; margin: 0; font-size: 12px; vertical-align: top;}
	.page-faq .section-list .question .tit {display:block; width: 100%; margin-left: 0; margin-top: 5px; font-size: 14px; line-height: 1.5; vertical-align: top;}
	.page-faq .section-list .question .sticky {float:left; margin-top:0; padding: 1px 5px; font-size: 11px;}
	.page-faq .section-list .question .tit span {display: block;}
	.page-faq .section-list .question:before {width:10px; height:5px; top: 50%; right: 10px; margin-top: -4px; background-image:url('../images/m-arrow-faq.png'); background-size:10px auto; background-position:0 -5px;}
	.page-faq .section-list .active .question:before{background-position:0 0;}
	.page-faq .section-list .answer {margin-left: 0; padding: 0 10px 20px; font-size: 13px;}

	/*
	* page event
	*/
	.page-event .section-list,
	.page-event .section-detail {padding: 30px 0 40px;}
	.page-event .section-list .item {height:auto; padding: 28.15789473684211% 0 0 0; background-size: 100% auto; background-position: 0 0; background-repeat: no-repeat;}
	.page-event .section-list .cont {text-align: center;}
	.page-event .section-list .sticky {position: absolute; left: 10px; top: 10px;}
	.page-event .section-list .tit {margin-top: 22px; font-size: 17px;}
	.page-event .section-list time {margin-top: 12px; font-size: 12px;}
	.page-event .section-list .cont .btn {width: 100%; margin-top: 20px; font-size: 14px;}
	.page-event .section-list .type-white .tit {color: #1e1f21; text-shadow:none;}
	.page-event .section-list .type-white time {color: #808890; text-shadow:none;}
	.page-event .section-list .btns,
	.page-event .section-detail .date em {display: none;}
	.page-event .section-detail .inner {margin: 0 25px;}
	.page-event .section-detail .label {left: 0; top: 18px; padding: 1px 3px; font-size: 11px;}
	.page-event .section-detail .detail-head {padding-left: 50px;}
	.page-event .section-detail .tit {font-size: 16px; line-height: 1.4;}
	.page-event .section-detail .detail-body .pc{display:none;}
	.page-event .section-detail .detail-body .mobile{display:block;}
	.page-event .section-detail .btns {margin-top: 30px;}
	.page-event .section-detail .btns .btn {width: 100%; font-size: 13px;}

	/*
	* page branch
	*/
	.page-branch .section-list {position:relative; padding: 30px 0;}
	.page-branch .section-list .inner {margin: 0 25px;}
	.page-branch .section-list .list {padding: 0;}
	.page-branch .section-list .item {display: block; padding: 20px 0;}
	.page-branch .section-list .info,
	.page-branch .section-list .map {display: block; float: none; width: auto;}
	.page-branch .section-list .info {padding-top: 0;}
	.page-branch .section-list .info span {font-size: 12px;}
	.page-branch .section-list .info strong {margin-bottom: 10px; font-size: 27px;}
	.page-branch .section-list .info li {margin-bottom: 5px; font-size: 15px;}
	.page-branch .section-list .info .icon-tel {font-size: 19px;}
	.page-branch .section-list .map {margin-top: 15px;}
	.page-branch .section-list .btns {display: block;}
	.page-branch .section-list .btn {width: 100%; font-size: 14px;}

	/*
	* page sellcars
	*/
	.section-process {margin: 20px 25px;}
	.section-process .txt br{display:block;}
	.section-process li:after{top: 40px; right: -10px; width:20px; height:9px; background-size:20px 9px;}
	.section-process .step {margin-bottom: 5px; font-size: 10px;}
	.section-process strong{margin-top: 10px; margin-bottom: 0; font-size: 11px; line-height: 1.2;}
	.section-process .sub-desc{display:none;}
	.warning-msg{float:left; font-size:10px;}
	.tb-form{border-top: 1px solid #1d1f20;}
	.tb-write{margin-bottom:20px; padding: 10px 0;}
	.tb-write tbody th{position:absolute;}
	.tb-write tbody .vertical-top{padding-top:0;}
	.tb-write tbody td{width: 100%; padding: 20px 0 10px 0;}
	.section-form .inner{width:auto; margin:0 25px;}
	.name-form,
	.email-form{width:100%;}
	.email-form .input-text{width:calc(50% - 9px);}
	.email-form .split{line-height:33px;}
	.email-form .default-select{clear:both; width:100%; margin-top:5px;}

	.terms,
	.page-sellcars .terms {width: 100%; font-size: 12px;}
	.terms .checkbox {margin-top: 0;}
	.terms .contents {padding: 13.5px; font-size: 12px;}
	.terms .item {margin-top: 10px;}
	.terms .con div {height: 68px; padding: 10px 15px; overflow-y: scroll; }
	.terms .con small {font-size: 11px;}



	/*
	* page error
	*/
	.page-error {height: auto;  }
	.section-error {display: inline-block;}
	.section-error .img ,
	.section-error .content {display: block;}
	.section-error .content {margin-left: 0; margin-top: 20px; text-align: center}
	.section-error .content .error-title {font-size: 18px;}
	.section-error .error-content {padding: 20px; margin-top: 0;}
	.section-error .error-footer {padding: 0; margin-top: 10px; margin-bottom: 50px;}
	.section-error .error-footer .btn {margin: 5px 0;}
	.section-error .img {width: 50%; margin: 50px auto;}


	/*
	* POPUP : common
	*/
	.popup-wrapper .footer {padding: 40px 0 20px;}

	/*
	* page sellcars
	*/
	.page-sellcars{padding-bottom:20px;}

	/*
	* POPUP : comparison : 비교하기
	*/
	.popup-comparison {padding: 0 15px;}
	.popup-comparison .header {padding: 30px 0 10px 0;}
	.popup-comparison .footer .copy {padding-left: 0;}
	.popup-comparison h1 {font-size: 17px; margin-bottom: 25px;}
	.popup-comparison h2 {font-size: 17px; }
	.popup-comparison .btns { padding-bottom: 10px;}
	.popup-comparison .icon-util-print {display: none;}
	.comparsion .target-left dd {padding-right: 37px;}
	.comparsion .target-right dd {padding-left: 37px;}
	.comparsion .target dt {display: none;}
	.comparsion .target dd {min-height: 30px; padding-top: 10px; padding-bottom: 10px; }
	.comparsion .target-right dd:after {left: -37px; width: 74px;}
	.comparsion .target-right dd:before {left: -37px; width: 74px;}
	.comparsion .target .price strong {font-size: 12px;}
	.comparsion .vehicles {position: relative; margin: 0;}
	.comparsion .vehicles .label {position: absolute; left: 10px; top: 10px; width: 34px; height: 34px;}
	.comparsion .vehicles .content {height: 65px; margin-top: 10px; font-size: 11px;}
	.comparsion .vehicles .model { font-size: 15px;}
	.comparsion .gauge { height: 13px; margin: 0 -2px 16px;}
	.comparsion .gauge small {font-size: 9px;}
	.comparsion .gauge strong {line-height: 13px; }
	.comparsion .list-option li {width: 50%; margin: 7.5px 0; font-size: 9px; }
	.comparsion .list-option li .img {height: 28px; padding: 0 10px; margin-bottom: 10px;  }


	/*
	* layer
	*/
	.layer-vehicle{width: auto; left: 48px; right: 0;}
	.layer-vehicle .layer {max-width: 320px; width: 100%; }
	.layer-vehicle .layer-header .layer-title small{font-size:15px;}
	.layer-vehicle .layer-body .desc{font-size:12px;}

	.layer-vehicle .no-result {height: 100%; padding: 60px 0 0 0; margin-top: -60px; text-align: center; font-size: 15px; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.layer-vehicle .no-result:after {content: ''; display: inline-block; height: 100%; vertical-align: middle; }
	.layer-vehicle .no-result div {display: inline-block; vertical-align: middle; text-align: center;}
	.layer-vehicle .no-result p {margin-top: 25px;}

	.layer-qna .section-form {padding: 0;}
	.layer-qna-quick .section {padding: 0;}
	.layer-qna-quick .section-form .inner {margin: 0;}
	.layer-qna-quick .tb-write tbody td {padding: 5px 0;}
	.layer-qna-quick .tb-write tbody th + td {padding: 20px 0 5px;}
	.layer-qna-quick .multi-form{margin-right: 20px;}
	.layer-qna-quick .multi-form + .unit{line-height: 33px;}

	.layer-latest .layer-header{margin:0;}
	.latest-list li{margin:0;}

	.layer-main .layer {top: 50%; left: 50%; max-width: 90%; padding: 0 0 75px 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.layer-main .layer-content > div {max-width: 100%; height: auto; max-height: 100%; text-align: center; white-space: nowrap; overflow: hidden;}
	.layer-main .layer-content > div:after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
	.layer-main .layer-content .img {display:inline-block; width: 100%; vertical-align: middle;}
	.layer-main .layer-content .img img {display:inline-block; width:auto; height:auto; min-width:100%; min-height:100%; vertical-align:middle;}
	.layer-main .layer .layer-footer {position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.layer-main .layer .layer-footer .btn {display: block; width: 100%;}

	.layer-images .layer .slick-arrow{width:16px; height:32px; background-size:33px auto;}
	.layer-images .layer .slick-prev{left:15px;}
	.layer-images .layer .slick-next{right:15px; background-position:-17px 0;}
	.layer-images .layer .paging{bottom:15px; font-size:15px;}

	.layer-multi-checklist{}
	.layer-multi-checklist .table,
	.layer-multi-checklist .item {margin-top: 20px;}
	.layer-multi-checklist .table th,
	.layer-multi-checklist .table td{height:40px;}
	.check-basic-info{border-top:2px solid #1d1f20;}
	.check-basic-info ul{width:100%; border-left:none;}
	.check-basic-info li:first-child {border-top: 1px solid #dee1e3;}
	.check-basic-info li span,
	.check-basic-info li strong{height:40px; font-size:11px;}
	.check-basic-info li span{padding:5px; text-align:center;}


	.table-checklist{border-top:2px solid #1d1f20;}
	.table-checklist table{border-top:0;}
	.table-checklist thead,
	.table-checklist thead tr,
	.table-checklist thead th {display:block;}
	.table-checklist thead tr:after{content:''; display:block; clear:both;}
	.table-checklist thead th {float: left;}
	.table-checklist thead .question {width: calc(100% - 100px); border-right: 1px solid #dee1e3;}
	.table-checklist thead .answer {width: 100px; border-left: 0;}
	.table-checklist colgroup,
	.table-checklist thead th.note{display:none;}
	.table-checklist tbody,
	.table-checklist tbody td{display:block;}
	.table-checklist tbody tr{position:relative; display:flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; width:100%; padding-left:15%; box-sizing:border-box;}
	.layer-multi-checklist .table-checklist th,
	.layer-multi-checklist .table-checklist td{height:auto; padding:5px;}
	.table-checklist tbody .number{position:absolute; top:0; left:0; width:15%;height:100%;}
	.table-checklist tbody .number:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
	.table-checklist tbody .question{flex: 1 1 calc(100% - 100px); text-align:left; border-right:1px solid #dee1e3;}
	.table-checklist tbody .answer{flex: 0 1 100px; border-left:none; white-space: nowrap;}
	.table-checklist tbody .answer > .inner{display:inline-block; width:100%; vertical-align:middle;}
	.table-checklist tbody .answer:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
	.table-checklist tbody .note{flex: 0 1 100%; text-align:left;}
	.table-checklist tbody .note:empty{display:none;}

}

@media (max-width:640px) {
	.page-main .section-visual .item {padding-bottom: 100%;}

	.page-car-detail .section-benefits h2,
	.page-car-detail .section-showroom h2,
	.page-car-detail .section-sale h2{font-size:22px;}

	.layer-images .layer .slick-prev{left:5px;}
	.layer-images .layer .slick-next{right:5px;}
}

@media (max-width:480px) {
    .list-grid .article .price {font-size: 19px; letter-spacing: -1px;}

	.page-main .section-visual h2 {margin-bottom: 10px; font-size: 20px;}
	.page-main .section-visual .content {max-width: 100%;}

	.page-sellcars .section-process {margin: 20px 0; padding: 0 25px;}
	.page-sellcars .section-process li:after{display:none;}

	/*.article .price .monthly-pay{display:block;}*/

	.list-simple .article .tags span {float: left; vertical-align: top; letter-spacing: -1px;}

	.section-search .search-bar {left: 50px;}
	.page-car-detail .section-car-status .dealer .comment div{width:60%;}
	.page-car-detail .section-detail .calculator .head .value strong {font-size: 30px;}
	.page-car-detail .list-service li {width: 100%;}

	.page-car-detail .section-car-status .options .detail-options {position: relative; padding-top: 50px;}
	.page-car-detail .section-car-status .options .detail-options > ul > li {float: none; width: auto;}
	.page-car-detail .section-car-status .options .detail-options .head {position: absolute; top: 0; width: 20%; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.page-car-detail .section-car-status .options .detail-options span {margin: 0;}
	.page-car-detail .section-car-status .options .detail-options li .head {left: 0;}
	.page-car-detail .section-car-status .options .detail-options li + li .head {left: 20%;}
	.page-car-detail .section-car-status .options .detail-options li + li + li .head {left: 40%;}
	.page-car-detail .section-car-status .options .detail-options li + li + li + li .head {left: 60%;}
	.page-car-detail .section-car-status .options .detail-options li + li + li + li + li .head {left: 80%;}
	.page-car-detail .section-car-status .options .detail-options li ul {display: none;}
	.page-car-detail .section-car-status .options .detail-options .current ul {display: block;}
	.page-car-detail .section-car-status .options .detail-options .current ul li {-webkit-box-sizing: border-box;box-sizing: border-box; float: left; width: 33.334%;}
	.page-car-detail .section-car-status .options .detail-options .current .head {color: #009ada; border-bottom: 3px solid #009ada; }

	.layer-quality .detail-check .item {-webkit-column-count: initial; column-count: initial; }

	.search-category .category-tit {position: static;}
	.search-category .finder-wrap,
	.search-category .finder-wrap.margin {margin: 0;}
	.finder-list {margin: 0;}
}
@media (max-width:340px) {

	.page-main .section-visual .content {max-width: 100%; padding-top: 20px;}

	.section-process li .icon{-webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform:scale(0.8);}
	.section-process li > strong{margin-top:0;padding: 0 5px;}

	.footer .menu{margin:-15px 0 15px;}
	.footer .menu ul{width:100%;}
	.footer .menu li{position:relative; width:50%; margin:5px 0; text-align:center;}
	.footer .menu li:nth-child(3){clear:both;}
	.footer .menu li:after{position:absolute; top:50%; right:0; margin:0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform:translateY(-50%);}
	.footer .menu li:nth-child(even):after{display:none;}
	.footer .menu li a{padding:0;}

}
@media (max-width:320px) {
	.btns .btn{margin: 0;}

	.list-simple .article .tags span {margin-right:3px;}
	.list-simple .article .soldout {font-size: 11px;}

	.page-benefit .section-tab-content .btn {padding: 0 10px;}

	.page-car-detail .list-service li p {font-size: 9px;}
	.page-car-detail .section-car-status .options .main li span {font-size: 9px;}
	.page-car-detail .section-car-status .options .detail-options .current ul li {width: 50%;}
	.page-car-detail .section-detail .calculator .head .value {text-align: right; line-height: 1.5;}
	.page-car-detail .section-detail .calculator .head .value span {display: block;}

	.layer-share .list-sns {white-space: normal;}
	.layer-share .list-sns:after {content: ''; display: block; clear: both;}
	.layer-share .list-sns li {float: left; width: 50%; margin: 0 0 10px;}
	.layer-share .list-sns li span {margin: 0 auto;}

	.layer-checklist .table-responsive-status {padding-top: 130%;}
}