@charset "utf-8";


@media screen and (max-width:1024px) {
	/* common */
	html {
		-webkit-text-size-adjust: none; 
		-moz-text-size-adjust: none; 
		-ms-text-size-adjust: none; 
		zoom: 1.0;
	}
	body {
		min-width: auto;
		zoom: 1.0;
	}
	.wrap{
		padding: 80px 0 0;
	}
	.header{
		height: 80px;
		right: 0;
	}
	.box {
		margin-top: 0;
		padding: 30px;
	}
	.btn{
		padding: 0 20px;
		box-sizing: border-box;
		line-height: 46px;
		white-space: nowrap;	
	}
	.btn.type_round,
	.btn.size_large.type_round{
		padding: 0 20px;
	}
	.btn-footer-holder .btn {
		max-width: 200px;
	}
	.btn.size_large {
		height: 48px;
		line-height: 46px;
   	 	font-size: 16px;
   	 	padding: 0 15px;
   	 	box-sizing: border-box;
	}
	.ui-holder.has_btn .btn {
		line-height: 46px;
		padding: 0 5px;
	}
	.form-row {
		margin-top: 30px;
	}
	.mobile-view {
		display: block;
	}
	.line-box,
	.deal-request-box{
		padding: 20px;
	}
	.line-box .info {
		font-size: 16px;
		line-height: 22px;
	}
	.section-header .title,
	.section-header.line .title {
		font-size: 24px;
		line-height: 30px;
	}
	.section-header {
		margin-bottom: 20px;
	}
	.dropdown-holder .btn-arrow-down,
	.dropdown-holder.show .btn-arrow-down {
		width: 40px;
		height: 40px;
		background-size: 40px auto;
		float: right;
	}
	.content-section + .content-section {
		margin-top: 50px;
	}
	.deal-request-title-holder .title {
		font-size: 16px;
		line-height: 22px;
	}
	.ui-table {
		overflow: auto;
	}
	.ui-table th {
		padding: 15px 10px;
	}
	.deal-vehicle-photo-request-holder .ui-table table {
		min-width: 500px;
	}
	.deal-request-quotation-list-holder .ui-table td{
		padding: 10px;
		font-size: 13px;
	}
	/* main */
	.content .global-holder {
		max-width: 95%;
	}
	.header-global-holder,
	.page-main .global-holder,
	.footer-global-holder {
		max-width: 95%;
	}
	.header-nav-holder,
	.header-option-holder,
	.side-menu-wrap {
		display: none;
	}
	.section{
		padding-bottom: 70px;
	}
	.section-best-list .global-holder {
    	overflow: initial;
	}
	.page-main .section-header .title {
		font-size: 28px;
		line-height: 36px;
	}
	.main-search-bar {
		padding-right: 0;
	}
	.main-search-sbox-holder .selectric .label,
	.main-search-sbox-holder .selectric .button {
		height: 60px;
		line-height: 60px;
	}
	.main-search-sbox-holder .selectric {
		border: 1px solid #ddd;
		box-sizing: border-box;
	}
	.main-search-sbox-holder {
		flex-wrap: wrap;
		margin-top: -15px;
	}
	.main-search-sbox-holder.view_flex {
		margin-top: -15px;
	}
	.main-search-sbox-holder .view_flex-item {
		flex-basis: 47%;
		margin-top: 15px;
	}
	.main-search-bar .btn-main-search.btn.size_large {
		margin-top: 15px;
		position: relative;
		width: 100%;
		height: 55px;
		line-height: 57px;
	}
	.btn.btn-main-search {
		border-radius: 8px;
	}
	.type-car-list,
	.real-time-search-holder {
		width: 100%;
	}
	.real-time-search-holder {
		margin-top: 70px;
	}
	.type-car-list{
		padding-right: 0;
	}
	.type-car-list ul li,
	.type-car-list ul li:nth-child(4), 
	.type-car-list ul li:nth-child(5) {
		width: 48%;
	}
	.section-main-sale-car-list {
		overflow: hidden;
		height: 100%;
		background-size: cover; 
	}
	.sale-car-list-first {
		width: 80%;
		margin-top: 0;
	}
	.sale-car-list li {
		max-width: none;
		width: calc((100% - 60px) / 3);
	}
	.sale-car-list li:last-child {
		display: block;
	}
	.sale-car-list-first img {
		position: unset;
		width: 100%;
	}
	.section-main-sale-car-list:after {
		background-size: cover;
	}
	.division-warp.sale-car-list {
		width: 100%;
	}
	.sale-car-list ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin: 0;
		margin-right: -20px;
	}
	.division-wrarp.sale-car-list ul li {
		flex: 0 1 40%;
		margin-bottom: 30px;
	}
	.best-item-tag {
	    font-size: 26px;
	}
	.section-main-sale-car-list{
		padding: 70px 0;
	}
	.section-main-sale-car-list .section-header-options {
		position: unset;
		float: right
	}
	.real-time-search-holder {
		margin: 70px auto 0;
		width: 100%;
	}
	.real-time-search-list ul li {
		height: 50px;
	}
	.real-time-search-list ul li a {
		padding: 16px 15px 15px 0;
	}
	.real-time-search-list ul li .rank{
		line-height: 20px;
	}
	.real-time-search-list ul li .search-summary-holder {
		margin-left: 15px;
	}
	.section-main-total-car-list {
		padding-top: 70px;
	}
	.best-item-tag-holder, .best-list-item .thumb-cover {
		height: 215px;
	}
	.section-main-board{
		padding-bottom: 50px;
	}
	.section-main-board .global-holder {
		display: block;
	}
	.btn-board-more {
		padding: 3px 18px 3px 5px;
		background: url('/images/icon-right.jpg') no-repeat 46px center;
		background-size: 9px;
		font-size: 14px;
	}
	.review-summary-holder .btn-review-more {
		height: 26px;
		line-height: 24px;
	}
	.main-board-holder, .main-board-banner-holder {
		max-width: none;
	}
	.section-main-review {
		padding-top: 70px;
	}
	.footer-nav-holder li {
		white-space: nowrap;	
	}
	.footer-site-map-nav-holder {
		display: none;
	}
	.footer-content {
		margin: 0;
	}
	.copyright {
		position: relative;
	}
	/* sub */
	.content{
		padding: 70px 0;
	}
	.sub-content {
		padding: 0 0 70px 0;
	}
	.content .global-holder,
	.sub-content .global-holder {
		max-width: 95%;
	}
	.location-holder {
		padding-top: 20px;
	}
	.location-holder ul li{
		line-height: 120%;
		display: inline-block;
		white-space: nowrap;	
	}
	.content-title-holder .title {
		font-size: 28px;
		line-height: 36px;
	}
	.paging-holder {
		margin: 30px 0 0; 
	}
	.sub-section-body {
		padding: 20px;
	}
	.mobile-car-search-holder {
		width: 100%;
		margin-bottom: 20px;
	}
	.mobile-car-search-holder a {
		display: block;
		position: relative;
		width: 100%;	
		height: 48px;
		padding: 12px 15px;
		border: 2px solid #66C4C8;
		border-radius: 8px;
		box-sizing: border-box;
		color: #999;
		font-size: 16px;
		background: url(/images/buyers/icon-mobile-search.png) no-repeat center right 15px;
		background-size: 30px auto;
	}
	.mobile-search-page-holder{
    	position: fixed;
    	top: 0;
   		left: 0;
   		width: 100%;
    	height: 100%;
   		overflow-y: auto;
   		box-sizing: border-box;
    	z-index: 9999;
    	background: #fff;
	}
	.mobile-search-page-holder .car-search-option-header {
		padding: 0 20px;
		margin-bottom: 20px;
		height: 80px;
		line-height: 80px;
		box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 7%);
		box-sizing: border-box;
	}
	.mobile-search-page-holder .car-search-option-header .title {
		font-size: 24px;
		font-weight: 600;
	}
	.mobile-search-page-holder .car-search-option-header .search-close-btn {
	    position: absolute;
    	right: 20px;
    	top: 22px;
	    display: block;
   	 	padding: 5px;
    	width: 30px;
    	height: 30px;
    	background: url(/images/search-close-btn.png) no-repeat center;
    	cursor: pointer;
	}
	.mobile-search-page-holder .car-search-option-box-wrap{
		padding: 0 20px 20px;
	}
	.mobile-search-page-holder .car-search-option-footer{
		text-align: center;
	}
	.car-search-option-footer {
		padding: 20px;
	    position: sticky;
	    bottom: 0;
	    left: 0;
	    background: #fff;
    	box-shadow: 0 -10px 10px -6px rgb(0 0 0 / 15%);
	    border-top: 1px solid #ddd;
	    box-sizing: border-box;
	}
	.car-search-option-footer .car-search-btn-holder {
		margin-left: -20px;
	}
	.car-search-option-footer .car-search-btn-holder .btn{
		min-width: 210px;
/* 		margin-left: 20px; */
	}
/* 	.car-search-left { */
/* 		display: none; */
/* 	} */
	.car-search-holder .car-search-right {
		margin-left: 0;
	}
	.car-search-holder .car-search-list ul li {
		margin: 30px 0 0 2%;
	}
	.car-search-holder .car-search-list ul {
		margin-top: -30px;
	}
	.car-summary-holder .vin-num {
		margin-top: 10px;
	}
	.request-invoice-holder, 
	.review-holder {
		padding: 30px;
	}
	.buy-review-detail-holder .car-detail-holder-img{
		width: 55%;
	}
	.buy-review-detail-holder .car-detail-holder-text {
		width: 45%;
		padding-left: 30px;
	}
	.buy-review-detail-holder .car-detail-holder-text .car-summary-holder .review-text {
		margin-top: 30px;
	}
	.mypage-holder .car-list-count-holder, 
	.review-holder .car-list-count-holder, 
	.deal-community-holder .car-list-count-holder {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 0;
	}
	.car-list-search-bar {
		position: relative;
		top: auto;
		right: auto;
		margin-top: 20px;
	}
	.car-list-search-bar .selectric-wrapper {
		min-width: 48%;
	}
	.car-list-search-bar .search-option-holder {
		width: 100%;
		margin-left: -10px;
	}
	.car-list-search-bar .search-input-holder {
		width: 100%;
		margin-top: 10px;
	}
	.search-option-holder .view_flex-item {
		max-width: 50%;
	}
	.car-list-search-bar .tbox {
		margin-left: 0;
		min-width: auto;
	}
	.car-search-list-header .car-total-count p{
		white-space: nowrap;	
		line-height: 40px;
	}
	.car-search-list .vin-num {
		margin-top: 10px;
	}
	/* 고객 리뷰 */
	.buy-review-holder ul {
		margin-top: 0;
		margin-left: -2%;
	}
	.buy-review-holder ul li {
	    width: 31.333%;
    	height: 480px;
    	margin: 30px 0 0 2%;
	}
	.buy-review-holder .buy-review-item .thumb-cover {
		height: 210px;
	}
	.buy-review-holder .car-summary-holder {
		margin: 20px;
	}
	.buy-review-detail-holder .car-detail-btn-holder {
		margin: 30px 0 0 -10px;
	}
	.review-form-holder .form-row:first-child {
		margin-top: 0;
	}
	.request-invoice-form-holder .ui-label, 
	.review-form-holder .ui-label{
		white-space: nowrap;	
	}
	/* 회원가입 */
	.step-holder {
	    bottom: -20px;
	}
	.step-holder ul li {
		margin: 0 15px;
	}
	.login-holder .login-btn-holder .btn-wide, 
	.join-holder .join-btn-holder .btn-wide, 
	.join-form-holder .join-btn-holder .btn-wide {
		line-height: 46px;
	}	
	.join-form-holder .ui-label{
		font-size: 14px;
	}
	.join-form-holder .view_flex-item {
	    max-width: calc(50% - 20px);
	}
	/* 마이페이지 */
	.mypage-holder .mypage-title-holder {
		padding: 0;
	}
	.mypage-holder .mypage-title-holder .title {
    	margin: 25px 0 25px 25px;
    	font-size: 30px;
	}
	.mypage-holder .mypage-title-holder span img {
		width: 100px;
		height: 100px;
	} 
	.mypage-holder .mypage-menu-holder ul {
		margin: -20px 0 0 -2%;
	}
	.mypage-holder .mypage-menu-holder ul li {
		width: 31.333%;
		margin: 20px 0 0 2%;
		min-height: 215px;
	}
	.mypage-holder .mypage-menu-holder ul li a {
		padding: 20px;
		font-size: 16px;
	}
	.form-row.info-edit-btn-holder {
		margin-top: 30px;
	}
	.form-row.info-edit-btn-holder .clear-both{
		margin-left: -8px;
	}
	.mypage-holder .tab-toggle-btn-holder, 
	.deal-community-holder .tab-toggle-btn-holder {
		margin-bottom: 30px;
	}
	.mypage-holder .car-list-top-btn-holder, 
	.deal-community-holder .car-list-top-btn-holder{
		margin-top: 20px;
	}
	.mypage-holder .car-list-item-holder .car-summary-holder, 
	.deal-community-holder .car-list-item-holder .car-summary-holder, 
	.deal-delivery-car-list-holder .car-list-item-holder .car-summary-holder {
		margin-left: 20px;
		width: calc(100% - 230px);
	}
	.shipping-deal-section .car-list-item-holder .car-summary-holder {
		width: calc(100% - 265px);
	}
	.car-sub-holder .car-sub-item .car-summary-holder {
		margin-left: 15px;
		width: calc(100% - 165px);
	}
	.mypage-holder .car-sub-item .car-list-item-holder .car-summary-holder .vin-number,
	.car-list-item span.prouct-departure, 
	.car-list-item span.prouct-arrival {
		font-size: 14px;
		line-height: 20px;
	}
	.mypage-holder .car-sub-item .car-list-item-holder .car-summary-holder .vin-number {
		margin-top: 5px;
	}
	.mypage-holder .car-list-holder .car-list-item-holder, 
	.deal-community-holder .car-list-holder .car-list-item-holder,
	.mypage-holder .car-transport-state-holder  {
		padding: 20px;
	}
	.deal-delivery-car-list-holder .car-list-item {
		margin-bottom: 0;
	}
	.deal-delivery-car-list-holder .car-list-item-holder .brand, 
	.deal-delivery-car-list-holder .car-list-item-holder .model, 
	.deal-delivery-car-list-holder .car-list-item-holder .price {
		font-size: 18px;
		line-height: 26px;
	}
	.car-list-item-holder .go-next {
		top: 140px;
		right: 20px;
		white-space: nowrap;	
	}
	.car-list-item, 
	.car-list-item span {
		display: block;
	}
	.has_status .car-list-item-holder .go-next {
		top: 175px;
	}
	.mypage-holder .car-list-item-holder .car-list-btn-holder, 
	.deal-community-holder .car-list-item-holder .car-list-btn-holder {
		position: relative;
		right: 0;
		top: initial;
   		transform: none;
   		width: 100%;
   		display: block;
    	height: auto;
    	overflow: hidden;
	}
	.mypage-holder .car-list-item-holder .car-list-btn-holder .btn.type_round, 
	.deal-community-holder .car-list-item-holder .car-list-btn-holder .btn.type_round {
		padding: 0 20px;
	}
	.mypage-holder .car-list-item-holder .car-list-btn,
	.deal-community-holder .car-list-item-holder .car-list-btn {
		margin-top: 20px;
	}
	.mypage-holder .car-list-item-holder .car-list-btn-holder .car-qty-holder, 
	.deal-community-holder .car-list-item-holder .car-list-btn-holder .car-qty-holder, 
	.deal-delivery-car-list-holder .car-list-item-holder .car-qty-holder {
		margin-right: 20px;
		font-size: 16px;
		line-height: 40px;
	}
	.mypage-holder .car-list-item-holder .car-list-btn-holder .car-qty, 
	.deal-community-holder .car-list-item-holder .car-list-btn-holder .car-qty, 
	.deal-delivery-car-list-holder .car-list-item-holder .car-list-btn-holder .car-qty {
		font-size: 24px;
	}
	.mypage-holder .car-summary-holder .price.usd {
		margin-top: 10px;
	}
	.mypage-holder .car-list-holder > li, 
	.deal-community-holder .car-list-holder > li {
		margin-top: 30px;
	}
	.mypage-holder .car-transport-state ul,
	.mypage-holder .car-transport-state ul li {
		margin-left: 0;
	}
	.mypage-holder .car-transport-state ul li .state {
		line-height: 20px;
	}
	.mypage-holder .car-list-holder .has_status > .car-list-item-holder {
		padding-top: 50px;
	}
	.mypage-holder .has_status .car-list-item-holder .car-summary-holder .order-date,
	.car-summary-holder .delivery-holder, .car-summary-holder .shipping {
		font-size: 14px;
	}
	.mypage-holder .car-inquiry-item-holder {
		padding: 20px;
	}
	.mypage-holder .car-inquiry-item-holder .car-inquiry-title {
		font-size: 18px;
		line-height: 26px;
	}
	.tab-dropdown {
		display: none;
	}
	.deal-repair-part-name-holder, 
	.deal-request-quotation-name-holder {
		padding: 20px 70px 20px 20px;
	}
	.deal-repair-part-option-holder, 
	.deal-request-quotation-content-holder {
		padding: 20px;
	}
	.deal-repair-part-name-holder .btn-repair-reselect, 
	.deal-request-quotation-name-holder .btn-quote-download {
		top: 20px;
		right: 70px;
	}
	.deal-repair-part-name-holder .btn-dropdown-action, 
	.deal-request-quotation-name-holder .btn-dropdown-action {
		right: 20px;
		top: 25px;
	}
	.deal-repair-part-name, 
	.deal-repair-part-option, 
	.deal-request-quotation-name, 
	.deal-request-quotation-content, 
	.deal-select-quotation-name {
		padding: 12px 0;
	}
	.deal-request-quotation-name {
		padding-left: 30px;
	}
	.deal-prowincar-section .deal-request-quotation-name,
	.deal-request-section .deal-request-quotation-name  {
		padding-left: 0;
	}
	.quotation-number, 
	.quotation-date, 
	.quotation-notice {
		padding-left: 15px;
	}
	.deal-delivery-car-list-content .car-list-item-holder .car-summary-holder {
	 	height: auto;
	 	display: inline-block;
	 	margin-left: 0; 
	    height: auto;
    	margin-bottom: 10px;
   	 	width: calc(100% - 230px);
	 }
	.deal-delivery-car-list-holder .car-chassis-number-holder.view_table-cell {
	 	padding-left: 20px;
	 }
	 .deal-delivery-order-item, 
	 .deal-total-charge-holder {
	 	padding: 20px;
	 }
	 .deal-delivery-order .item-title {
	 	padding-top: 0;
	 }
	 .deal-delivery-order .view_flex-item .ui-holder,
	 .deal-delivery-order .deal-vehicle-summary-list, 
	 .deal-delivery-order .deal-vehicle-chassis-number-list  {
	 	min-width: 320px;
	 	width: 100%;
	 }
	.deal-delivery-order .deal-vehicle-summary-list li, 
	.deal-delivery-order .deal-vehicle-chassis-number-list li {
		margin-top: 0;
	}
	.btn-select-vehicles, 
	.btn-delivery-reselect {
		top: 20px;
		right: 20px;
	}
	.product-charge-holder.bank .view_table-cell,
	.product-charge-holder.payment .view_table-cell  {
		font-size: 14px;
		line-height: 20px;
		vertical-align: top;
	}
	.product-charge-holder.payment .view_table-cell {
		display: inline-block !important;
	}
	.product-charge-holder.payment .payment-val {
		width: calc(100% - 170px);
	}
	.mypage-holder .car-inquiry-item-holder .product-charge-holder .btn-holder {
		width: 100%;
	}
	.deal-qna-query, 
	.deal-qna-answer {
		padding: 10px 0;
	}
	.deal-qna-query-holder,
	.deal-qna-answer-holder {
		padding: 15px 50px; 
	}
	.deal-qna-query-holder i, 
	.deal-qna-answer-holder i {
		left: 15px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.deal-qna-query-holder .btn-dropdown-action {
		top: 15px;
		right: 15px;
	}
	.dc-car-item-holder .car-list-item-holder {
		padding: 20px;
	}
	.dc-car-item-holder .car-list-item-holder .car-list-item .thumb-cover {
		position: relative;
		top: initial;
		left: initial;
	}
	.mypage-holder .dc-car-item-holder .car-summary-holder {
		width: 100%;
	}
	.dc-car-item-holder .summary-table{
   	 	display: inline-block;
	}
	.dc-car-item-holder .view_table .price-table {
		width: 100%;
   	 	float: left;
    	margin-top: 20px;
	}
	.request-price-item .view_table-cell,
	.order-price-holder .order-price-form-holder {
		padding: 20px;
	}
	.order-price-nego .ui-holder {
		min-width: 230px;
	}
	.car-search-detail-img .thumb-cover.car-big, 
	.gallery-top, .gallery-big {
		height: 400px;
	}
	.car-detail-text {
		min-height: auto;
	}
	.car-detail-text-holder {
		padding: 20px 0;
	}
	.car-detail-text .car-price-holder {
		width: 100%;
	}
	.car-detail-text .car-price-holder li,
	.car-detail-text .car-price-holder li span {
		font-size: 16px;
	}
	.car-detail-text .car-price-holder .price.usd {
		font-size: 18px;
		padding-left: 30px;
	}
	.car-detail-text .car-price-holder .price .price-text-style{
		font-size: 20px;
	}
	.car-detail-text .car-summary-holder .car-state {
		font-size: 20px;
		margin-top: 20px;
	}
	.car-part-holder .car-part-name {
		font-size: 16px;
	}
	.car-repair-holder {
		flex-wrap: wrap;
	}
	.before-after-holder{
		flex-wrap: nowrap;
	}
	.car-repair-holder .after-holder {
		position: relative;
	}
	.car-repair-holder .sub-section-left,
	.car-repair-holder .sub-section-right {
		width: 100%;
		max-width: 100%;
	}
	.car-repair-holder .sub-section-right {
		margin-top: 50px;	
	}
	.car-repair-holder .sub-section-body {
		padding: 20px;
	}
	.car-repair-holder .view_flex-item .car-big {
		height: 240px;
	}
	.car-repair-holder .repair-request-date {
		position: absolute;
		bottom: -30px;
	}
	.gallery-thumbs{
		display: none;
	}
	.car-search-detail-info .car-basic-info-holder ul li {
		width: 50%;
	}
	.car-search-detail-info .tab-toggle-btn-holder .view_flex{
		flex-wrap: wrap;
	}
	.car-search-detail-info .tab-toggle-btn-holder .view_flex-item{
		border-left: 1px solid #efefef;
		border-top: 1px solid #efefef;
		box-sizing: border-box;
	}
	.tab-toggle-label {
		height: 48px;
		line-height: 14px;
	}
	.car-search-detail-info .car-basic-info-holder ul li:nth-child(2n) {
		border-right: 0;
	}
	.card-box dl dd {
		font-size: 16px;
	}
	.corrosion-holder.detail-page{
		height: auto;
		min-height: 75px;
	}
	.corrosion-holder.detail-page .view_flex{
		flex-wrap: wrap;
	}
	.corrosion-holder.detail-page .view_flex-item{
		min-width: calc(50% - 20px);
	}
	.corrosion-holder.detail-page .rbox-label{
		box-sizing: border-box;
	}
	.car-search-detail-info .state-card-holder .view_flex-item {
    	flex-basis: calc(50% - 15px);
	}
	.car-option-holder .card-box {
		padding: 10px;
		height: 100%;
		min-height: 40px;
	}
	.car-state-holder .card-box {
    	padding: 10px;
    	height: 100%;
    	min-height: 65px;
    	border-radius: 8px;
	}
	.size_large .dialog-holder {
		width: 90%;
	}
	.dialog-holder {
		padding: 30px;
	}
	.dialog-holder .form-row .ui-holder {
		min-width: 100%;
	}
}

@media screen and (max-width:768px) {
	.content .global-holder,
	.header-global-holder,
	.page-main .global-holder,
	.footer-global-holder {
		max-width: 90%;
	}
	.footer{
		padding: 50px 0 100px;
	}
	/* common */
	.box {
		margin-top: 0;
		padding: 20px;
	}
	.tbox, 
	.sbox {
		height: 46px;
	}
	.form-row {
		margin-top: 15px;
	}
	.btn{
		font-size: 14px;
		height: 46px;
		line-height: 44px;
	}
	.btn.size_large {
		padding: 0 15px;
		font-size: 14px;
		max-width: auto;
		height: 46px;
		line-height: 44px;
	}
	.btn-footer-holder .btn {
		margin-top: 10px;
	}
	.btn-like {
		width: 28px;
    	height: 30px;
    	background-size: 30px auto;
	}
	.btn-like.on {
		background-size: 30px auto;
	}
	.search-input-holder .ui-holder.has_btn {
		height: 46px;
		line-height: 44px
	}
	.tab-dropdown {
	 	display: block;
	 	width: 100%;
    	border: 1px solid #ddd;
    	border-radius: 8px;
    	background: #fff;
    	position: relative;
    	overflow: hidden;
    	line-height: 46px;
    	height: 46px; 	
	}
	.tab-dropdown:hover {
    	border-color: #6CD4D5;
    	outline: #6CD4D5;
    	box-shadow: 0 0 1px 1px #6cd4d5;
	}
	.tab-dropdown:after,
	.tab-dropdown .button{
		content:'';
		height: 46px;
    	width: 50px;
    	position: absolute;
    	right: 0;
   	 	color: transparent;
    	text-align: center;
    	background: url(/images/icon-select-down.png) no-repeat center center transparent;
    	background-size: 32px auto;
	}
	.dc-car-item-holder.sticky-holder{
		position: relative;
		top: 0;
	}
	.dc-car-item-holder .tab-dropdown{
		margin-top: 30px;
	}
	.tab-toggle-btn-holder.dc-tab-holder,
	.car-search-detail-holder .tab-toggle-btn-holder{
		margin: 0;
	}
	.car-search-detail-holder .tab-toggle-btn-holder {
		box-shadow: none;
	}
	.content .tab-toggle-btn-holder {
		height: 0;	
		box-shadow: none;
	}
	.tab-toggle-btn-holder.visible {
		height: 100%;
		box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 7%);
	}
	.content .tab-toggle-btn-holder .view_flex, 
	.content .tab-toggle-btn-holder .view_flex-item {
		flex-wrap: wrap;
		width: 100%;
	}
	.section-header {
		margin-bottom: 15px;
	}
	.section-header.line{
		padding-bottom: 15px;
	}
	.section-header .title,
	.section-header.line .title {
		font-size: 20px;
		line-height: 30px;
		white-space: nowrap;
	}
	/* main */
	.section {
		padding-bottom: 50px;
	}
	.main-slide-banner-swiper-container {
		height: 570px;
	}
	.banner-content {
		top: 42%;
		left: 50%;
		width: 100%;
	}
	.banner-title {
		font-size: 28px;
	}
	.btn.size_large.type_round {
		width: 250px;
	}
	.banner-content-holder .btn.size_large.type_round{
		width: 200px;
		padding: 0;
	}
	.page-main .section-header {
		position: relative;
	}
	.page-main .section-header-options {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.page-main .section-header .title {
		width: 236px;
		font-size: 24px;
	}
	.main-search-sbox-holder .view_flex-item:first-child {
		margin-top: 0;
	}
	.section-main-recommendation-list .btn-list-more,
	.section-main-total-car-list .btn-list-more {
		display: none;
	}
	.section-main-total-car-list{
		padding-top: 50px;
	}
	.type-car-list.align_left {
		float: none;
	}
	.type-car-list ul{
		margin: -20px 0 0 -20px;
	}
	.type-car-list ul li {
		height: 140px;
		width: calc(50% - 20px);
		margin: 20px 0 0 20px;
	}
	.type-car-list ul li, .type-car-list ul li:nth-child(4), 
	.type-car-list ul li:nth-child(5){
		width: calc(50% - 20px);
	}
	.type-car-list ul li .type-title {
		font-size: 18px;
	}
	.type-car-list ul li .type-count {
		font-size: 14px;
	}
	.car-list-item .thumb-cover {
		height: 140px;
	}
	.type-car-list ul li:nth-child(1) {
		background: url('/images/buyers/type-bg-01.png') no-repeat right -1px bottom -22px;
	}
	.type-car-list ul li:nth-child(2) {
		background: url('/images/buyers/type-bg-02.png') no-repeat right -1px bottom -22px;
	}
	.type-car-list ul li:nth-child(3) {
		background: url('/images/buyers/type-bg-03.png') no-repeat right -1px bottom -22px;
	}
	.type-car-list ul li:nth-child(4) {
		background: url('/images/buyers/type-bg-04.png') no-repeat right -1px bottom -22px;
	}
	.type-car-list ul li:nth-child(1):hover {
		background: url('/images/buyers/type-bg-01.png') no-repeat right -1px bottom -22px #111;
	}
	.type-car-list ul li:nth-child(2):hover {
		background: url('/images/buyers/type-bg-02.png') no-repeat right -1px bottom -22px #111;
	}
	.type-car-list ul li:nth-child(3):hover {
		background: url('/images/buyers/type-bg-03.png') no-repeat right -1px bottom -22px #111;
	}
	.type-car-list ul li:nth-child(4):hover {
		background: url('/images/buyers/type-bg-04.png') no-repeat right -1px bottom -22px #111;
	}
	.type-car-list ul li:nth-child(1),
	.type-car-list ul li:nth-child(2),
	.type-car-list ul li:nth-child(3),
	.type-car-list ul li:nth-child(4),
	.type-car-list ul li:nth-child(1):hover,
	.type-car-list ul li:nth-child(2):hover,
	.type-car-list ul li:nth-child(3):hover,
	.type-car-list ul li:nth-child(4):hover  {
		background-size: 157px;
	}
	.type-car-list ul li a {
		padding: 15px 0 0 15px;
	}
	.real-time-search-holder {
		margin: 50px auto 0;
	}
	.best-list-swiper-container ul{
		margin: -20px 0 0 -20px;
	}
	.best-list-swiper-container li{
		width: calc(50% - 20px);
		margin: 20px 0 0 20px;
	}
	.best-item-tag-holder, .best-list-item .thumb-cover {
		height: 170px;
	}
	.best-item-tag {
		margin-top: -8px;
		font-size: 18px;
	}
	.car-summary-holder {
		margin-top: 20px;
	}
	.section-main-sale-car-list{
		padding: 50px 0;
	}
	.section-main-sale-car-list:after {
		width: 278px;
		height: 255px;
	}
	.sale-car-list li {
		margin-top: 30px;
		width: calc(50% - 20px);
	}
	.car-summary-holder .price {
		margin-top: 10px;
	}
	.car-summary-holder .brand,
	.car-summary-holder .model,
	.car-summary-holder .vin-num {
		margin-top: 0;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
	}
	.car-search-list .vin-num{
		margin-top: 5px;
	}
	.car-summary-holder .old, 
	.car-summary-holder .mileage{
		white-space: nowrap;
	}
	.section-main-review .swiper-arrow-holder.align_left {
		display: none;
	}
	.main-review-swiper-container {
		margin: 0 auto;
		width: 90%;
	}
	.main-review-swiper-container .swiper-slide {
		width: 100%;
	}
	.main-review-swiper-container .thumb-cover {
		border-radius: 16px 16px 0 0;
	}
	.review-thumb-holder, .review-thumb-holder .thumb-cover {
		width: 100%;
		height: 300px;
	}
	.main-review-item {
		width: 100%;
		height: auto;
	}
	.review-summary-holder {
		overflow: hidden;
		position: relative;
		border-radius: 0 0 16px 16px;
		width: 100%;
		padding: 20px;
	}
	.review-summary-holder .user-review {
	    height: 70px;
	}
	.review-summary-holder .date {
		margin-bottom: 20px;
	}
	.review-summary-holder .brand,
	.review-summary-holder .model {
		font-size: 15px;
		font-weight: 500;
	}
	.review-summary-holder .price {
		margin-top: 15px;
		font-size: 16px;
	}
	.review-summary-holder .btn-review-more {
		position: unset;
		float: right;
		margin-top: 20px;
		padding: 0 5px;
		width: 56px;
		height: 36px;
		line-height: 34px;
		font-weight: 600;
	}
	.swiper-pagination-bullet{
		margin-left: 10px;
		width: 10px;
		height: 10px;
	}
	.swiper-pagination-bullet:first-child{
		margin-left: -10px;
	}
	/* sub */
	.content{
		padding: 50px 0;
	}
	.sub-content {
		padding: 0 0 50px 0;
	}
	.content .global-holder,
	.sub-content .global-holder {
		max-width: 90%;
	}
	.location-holder ul li {
		font-size: 14px;
	}
	.content-title-holder{
		margin-bottom: 30px;
	}
	.content-title-holder .title {
		font-size: 24px;
		line-height: 30px;
	}
	.car-search-holder .car-search-list ul li  {
		width: 48%;
	}
	.car-summary-holder {
		margin-top: 15px;
	}
	.car-summary-holder .price.usd {
		margin-top: 10px;
	}
	.request-invoice-holder, 
	.review-holder {
		padding: 20px;
	}
	/* 고객리뷰 */
	.buy-review-holder ul li {
	    width: 48%;
    	height: 435px;
	}
	.buy-review-holder .buy-review-item .thumb-cover {
		height: 180px;
	}
	.buy-review-holder .car-summary-holder {
		margin: 15px;
	}
	.buy-review-detail-holder .car-detail-holder-img {
		width: 100%;
	}
	.buy-review-detail-holder .car-detail-holder-img .car-thumb-holder .thumb-cover.car-big {
		height: 280px;
	}
	.buy-review-detail-holder .car-detail-holder-text {
		width: 100%;
		padding-left: 0;
	}
	.buy-review-detail-holder .car-detail-holder-text .car-summary-holder,
	.buy-review-detail-holder .car-detail-holder-text .car-summary-holder .brand  {
		margin-top: 20px;
	}
	.buy-review-detail-holder .car-detail-holder-text .car-summary-holder .brand, 
	.buy-review-detail-holder .car-detail-holder-text .car-summary-holder .model {
		font-size: 18px;
		line-height: 26px;
	}
	.buy-review-detail-holder .car-detail-holder-text .car-summary-holder .review-text {
		margin-top: 20px;
		font-size: 14px;
		line-height: 20px;
	}
	.review-form-holder {
		max-width: 100%;
	}
	.request-invoice-form-holder .form-btn-holder, 
	.review-form-holder .form-btn-holder {
		margin-top: 30px;
	}
	/* 회원가입 */
	.content-title-holder .subtitle {
		margin-top: 10px;
		line-height: 22px;
		font-size: 14px;
	}
	.step-holder {
		display: none;
		position: relative;
		margin-top: 40px;
		right: initial;
		bottom: initial;
		text-align: center;
	}
	.step-holder ul li {
		margin: 10px 15px;
		font-size: 13px;
	}
	.content-header + .box {
		margin-top: 0;
	}
	.login-holder .login-btn-holder,
	.join-holder .join-btn-holder {
		margin: 20px auto 0;	
	}
	.login-holder .login-btn-holder .btn-wide, 
	.join-holder .join-btn-holder .btn-wide, 
	.join-form-holder .join-btn-holder .btn-wide {
		height: 46px;
		line-height: 44px;
	}
	.login-holder .login-option-holder {
		font-size: 14px;
		line-height: 15px;
	}
	.login-holder .login-option-holder .login-option-join {
		margin-top: 10px;
	}
	.sub-section-header .title {
		line-height: 22px;
		font-size: 16px;
	}
	.join-holder .form-row {
		margin-top: 15px;
	}
	.sub-section {
		margin-top:30px;
	}
	.join-form-holder .join-btn-holder {
		margin-top: 30px;
	}
	.join-form-holder .ui-label {
		margin-bottom: 10px;
		font-size: 13px;
		color: #666;
		font-weight: normal;
	}
	.join-form-holder .ui-holder.has_btn .btn {
		height: 46px;
		line-height: 44px;
		min-width: 70px;
		font-size: 13px;
	}
	.form-row .ui-holder {
		min-width: auto;
	}
	.join-form-holder .view_flex-item {
		flex-basis: 100%;
		max-width: 100%;	
	}
	.join-form-holder .join-btn-holder {
		margin: 30px auto 0;
	}
	.tab-content-holder {
		margin-top: 30px;
	}
	.join-ok-holder .title {
		font-size: 20px;
		line-height: 28px;
	}
	.join-ok-holder .title:before {
		margin: 30px auto 15px;
		width: 60px;
		height: 60px;
	}
	
	.mypage-holder .car-list-item-holder .car-summary-holder, 
	.deal-community-holder .car-list-item-holder .car-summary-holder, 
	.deal-delivery-car-list-holder .car-list-item-holder .car-summary-holder {
		min-height: 150px;
		height: auto;
	}
	.mypage-holder .car-list-item-holder .car-list-item .thumb-cover, 
	.deal-community-holder .car-list-item-holder .car-list-item .thumb-cover, 
	.deal-delivery-car-list-holder .car-list-item-holder .car-list-item .thumb-cover {
		height: 150px;
	}
	.deal-delivery-car-list-content .car-list-item-holder .car-list-item .thumb-cover {
		max-width: 150px;
		height: 100px;
	}
	 .deal-delivery-car-list-content .car-list-item-holder .car-summary-holder {
	 	min-height: auto;
	 	display: inline-block;
	 	margin-left: 0; 
	    height: auto;
    	margin-bottom: 10px;
   	 	width: calc(100% - 150px);
	 }
	 .deal-delivery-car-list-content .car-list-item-holder .car-chassis-number-holder {
	 	margin-left: 0;
	 	padding-left: 20px;
	 	font-size: 14px;
	 }
	 .deal-delivery-car-list-holder .dropdown-holder .btn-arrow-down, 
	 .deal-delivery-car-list-holder .dropdown-holder.show .btn-arrow-down {
	 	margin-top: 5px;
	 }
	.deal-community-holder .car-list-item-holder .car-list-btn-holder .btn {
		float: right;
	}
	.deal-delivery-car-list-holder .car-list-item-holder .brand, 
	.deal-delivery-car-list-holder .car-list-item-holder .model, 
	.deal-delivery-car-list-holder .car-list-item-holder .price {
		font-size: 16px;
		line-height: 22px;
	}
	.car-list-item-holder .go-next,
	.has_status .car-list-item-holder .go-next {
		position: relative;
		top: initial;
		right: initial;
		margin-top: 15px;
		float: right;
		display: block;
	}
	.mypage-holder .mypage-menu-holder ul {
		margin: -20px 0 0 -2%;
	}
	.mypage-holder .mypage-menu-holder ul li {
		width: 48%;
		margin: 20px 0 0 2%;
		min-height: 215px;
	}
	.mypage-holder .mypage-menu-holder ul li a {
		padding: 20px;
		font-size: 14px;
	}
	.mypage-menu-holder ul li:nth-child(1) a:before,
	.mypage-menu-holder ul li:nth-child(2) a:before,
	.mypage-menu-holder ul li:nth-child(3) a:before,
	.mypage-menu-holder ul li:nth-child(4) a:before,
	.mypage-menu-holder ul li:nth-child(5) a:before,
	.mypage-menu-holder ul li:nth-child(6) a:before,
	.mypage-menu-holder ul li:nth-child(7) a:before {
		background-size: 60px auto;
	}
	.mypage-holder .car-transport-state ul {
		flex-wrap: wrap;
	}
	.mypage-holder .car-transport-state ul li {
		width: 100%;
		margin-bottom: 10px;
		white-space: nowrap;
	}
	.mypage-holder .car-transport-state ul li:last-child {
		margin-bottom: 0;
	}
	.mypage-holder .car-transport-state:before {
   		width: 1px;
    	top: 0;
    	height: 100%;
    	left: 15px;
	}
	.mypage-holder .car-transport-state ul li span {
		float: left;
	}
	.mypage-holder .car-transport-state ul li .date,
	.mypage-holder .car-transport-state ul li.complete .date {
		height: 30px;
		line-height: 30px;
   	 	padding: 0 0 0 40px;
    	width: 130px;
		color: #111;
		background: none;
	}
	.mypage-holder .car-transport-state ul li .state {
		line-height: 30px;
		margin-top: 0;
		padding-left: 10px;
	}
	.mypage-holder .car-transport-state ul li .date:before{
		content:'';
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 30px;
		background:url(/images/buyers/transport-state.png) no-repeat center left;
		background-size: 30px auto;
		z-index:1;
	}
	.mypage-holder .car-transport-state ul li.complete .date:before{
		color: #fff;
		background:url(/images/buyers/transport-sate-complete.png) no-repeat center left;
		background-size: 30px auto;
	}
	.deal-request-box .ui-holder pre {
		height: 145px;
	}
	.deal-repair-part-name-holder, 
	.deal-request-quotation-name-holder {
		padding: 20px;
	}
	.deal-repair-part-name-holder .btn-repair-reselect, 
	.deal-request-quotation-name-holder .btn-quote-download,
	.deal-request-quotation-name-holder .btn-dropdown-action,
	.deal-repair-part-name-holder .btn-dropdown-action {
		position: relative;
		top: initial;
		right: initial;
	}
	.deal-repair-part-name-holder .btn-repair-reselect, 
	.deal-request-quotation-name-holder .btn-quote-download {
		height: 40px;
		line-height: 40px;
	}
	.deal-request-section .deal-request-quotation-name-holder .btn-dropdown-action {
		position: absolute;
		top: 25px;
   	 	right: 20px;
	}
	.deal-delivery-order .view_flex {
		flex-wrap: wrap;
		margin-top: -20px;
	}
	.deal-delivery-order .view_flex-item {
		margin-top: 20px;
		width: 100%;
	}
	.deal-delivery-order .deal-vehicle-summary-list {
		padding: 14px 0 0 0;
	}
	.deal-delivery-order .deal-vehicle-chassis-number-list {
		padding: 0;
	}
	.car-inquiry-item .view_flex{
		flex-wrap: wrap;
	}
	.car-inquiry-item .view_flex {
		margin-top: -30px;
	}
	.product-charge-holder {
		width: 100%;
		margin-top: 30px;
	}
	.product-charge-holder .view_table-cell {
		padding: 5px 0;
	}
	.product-charge-holder.payment .payment-val {
    	width: calc(100% - 150px);
	}
	.product-charge-holder.bank dd.view_table-cell {
		width: 60%;
	}
	.inquiry-caption {
		padding: 10px 10px 10px 65px;
		background: url(/images/caption.png) no-repeat left 15px center;
    	background-size: 35px auto;
    	font-weight: 500;
	}
	.car-sub-holder .car-sub-item {
		width: 100%;
	}
	.car-summary-holder .delivery-holder, 
	.car-summary-holder .shipping {
		margin-top: 5px;
	}
	.deal-qna-query-holder, 
	.deal-qna-answer-holder {
		padding: 10px 60px 10px 40px;
	}
	.deal-qna-query pre,
	.deal-qna-answer pre {
		font-size: 14px;
		line-height: 20px;
	}
	.deal-qna-query-holder i, 
	.deal-qna-answer-holder i {
		left: 10px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
	.deal-qna-query-holder .btn-dropdown-action {
		top: 10px;
	}
	.dropdown-holder .btn-arrow-down, 
	.dropdown-holder.show .btn-arrow-down {
		width: 35px;
		height: 35px;
		background-size: 35px;
	}
	.request-price-item .title.view_table-cell {
		padding: 20px 0 0 20px;
		display: inline-block;
	}
	.request-price-item .date.view_table-cell {
		display: table;
		padding: 10px 0 20px 20px;
	}
	.request-price-item .view_table-cell.summary{
		vertical-align: top;
		padding-right: 20px;
		width: 100%;
	}
	.request-price-item .btn-quote-view {
		position: relative;
		top: initial;
    	right: initial;
    	transform: none;
    	margin-top: 10px;
	}
	.dc-car-item-holder .summary-table .view_table-cell {
		display: block;
	}
	.line-box .info {
		width: 100%;
		display: block;
		text-align: center;
	}
	.car-search-option-footer .car-search-btn-holder .btn{
		min-width: 200px;
	}
	.car-search-detail-holder .car-search-detail-left,
	.car-search-detail-holder .car-search-detail-right {
		width: 100%;
		max-width: 100%;
		position: relative;
		top: initial;
		padding: 0;
	}
	.car-search-detail-holder .car-search-detail-right{
		margin-top: 30px;
	}
	.car-search-detail-info > .content-section{
		margin-top: 30px;
	}
	.car-search-detail-img .thumb-cover.car-big, 
	.gallery-top, .gallery-big {
		height: 400px;
	}
	.car-detail-text .car-summary-holder .brand, 
	.car-detail-text .car-summary-holder .model {
		display: none;
	}
	.car-detail-text .car-summary-holder .car-state{
		margin: 0 auto 20px;
		font-size: 20px;
	}
	.car-detail-text .car-price-holder li:first-child {
		padding-top: 0;
	}
	.car-detail-text .car-detail-btn-holder .btn {
		width: 100%;
		max-width: 100%;
	}
	.car-detail-text .car-detail-btn-holder .btn:first-child{
		margin-top: 0;
	}
	.car-detail-text .car-price-holder .price.usd{
		padding-left: 30px;
		background-size: 20px auto;
		font-size: 16px;
	}
	.car-detail-text .car-price-holder .price .price-text-style {
		font-size: 20px;
	}
	.content-section.sticky-detail-summary-holder {
		display: none;
	}
	.car-request-table-holder .ui-table td {
		padding: 10px;
	}
	.select-btn-holder {
		float: none;
		text-align: center;
	}
	.order-price-nego{
		float: none;
    	max-width: 320px;
    	margin: 0 auto;
	}
	.quotation-confirm {
		padding-left: 0;
		position: absolute;
		right: 0;
		top: 12px;
	}
	.card-box dl dd {
		font-size: 14px;
	}
	.dialog-holder {
		padding: 20px;
	}
	.dialog-holder .form-row .ui-holder {
		min-width: 100%;
	}
}	
@media screen and (max-width:480px) {
	.footer{
		padding: 30px 0 50px;
	}
	/* main */
	.type-car-list ul{
		margin: -15px 0 0 -15px;
	}
	.type-car-list ul li {
		width: calc(50% - 15px);
		margin: 15px 0 0 15px;
	}
	.type-car-list ul li, .type-car-list ul li:nth-child(4), 
	.type-car-list ul li:nth-child(5){
		width: calc(50% - 15px);
	}
	.section-main-sale-car-list:after {
		width: 210px;
		height: 192px;
	}
	.review-thumb-holder, .review-thumb-holder .thumb-cover {
		height: 220px;
	}
	.best-list-swiper-container ul{
		margin: -15px 0 0 -15px;
	}
	.best-list-swiper-container li{
		width: calc(50% - 15px);
		margin: 15px 0 0 15px;
	}
	
	/* sub */
	.section-header .notice span {
		display: block;
	}
	.section-header .title,
	.section-header.line .title {
		white-space: initial;	
	}
	.line-box,
	.sub-section-body,
	.deal-request-box,
	.deal-repair-part-option-holder, 
	.deal-request-quotation-content-holder{
		padding: 15px;
	}
	.deal-delivery-car-list-holder .drop-down-content .car-list-item {
		padding: 15px;
	}
	.deal-repair-part-name-holder, 
	.deal-request-quotation-name-holder {
		padding: 15px;
	}
	.deal-delivery-order-item, 
	.deal-total-charge-holder {
		padding: 15px;
	}
	.deal-request-box .ui-holder + .ui-holder {
		margin-top: 15px;
	}
	.btn-select-vehicles, 
	.btn-delivery-reselect {
		right: 15px;
		top: 15px;
	}
	.deal-delivery-order .view_flex-item .ui-holder, 
	.deal-delivery-order .deal-vehicle-summary-list,
	.deal-delivery-order .deal-vehicle-chassis-number-list {
	 	min-width: 100%;
	 }
	.deal-request-box .ui-holder textarea, 
	.deal-request-box .ui-holder pre {
		font-size: 14px;
		line-height: 20px;
	}
	.deal-repair-part-name-holder p, 
	.deal-request-quotation-name-holder p, 
	.deal-select-quotation-name-holder p {
		font-size: 14px;
		line-height: 20px;
	}
	.deal-request-section .deal-request-quotation-name-holder .btn-dropdown-action {
		position: absolute;
		top: 30px;
   	 	right: 15px;
	}
	.deal-request-box .ui-holder textarea {
		height: 60px;
	}
	.quotation-number, 
	.quotation-notice {
		padding-left: 10px;
	}
	.quotation-date {
		display: block;
		padding-left: 0;
	}
	.car-summary-holder .brand, 
	.car-summary-holder .model{
		font-size: 14px;
	}	
	.car-summary-holder .vin-num,
	.deal-vehicle-chassis-number-list 
	.deal-delivery-car-list-content .car-list-item-holder .car-chassis-number-holder,
	.mypage-holder .has_status .car-list-item-holder .car-summary-holder .order-date ,
	.mypage-holder .car-sub-item .car-list-item-holder .car-summary-holder .vin-number {
		font-size: 12px;
	}
	.request-invoice-holder, 
	.review-holder {
		padding: 15px;
	}
	.car-search-holder .car-search-list ul {
		margin: -30px 0 0 0;
	}
	.car-search-holder .car-search-list ul li  {
		width: 100%;
		margin: 30px 0 0 0;
	}
	.car-search-option-footer .car-search-btn-holder {
		margin-left: -10px;
	}
	.car-search-option-footer .car-search-btn-holder .btn{
		min-width: calc(50% - 15px);
		margin-left: 10px;
	}
	.option-title {
		font-size: 16px;
	}
	.dropdown-holder.show .option-body{
		padding: 15px;
	}
	/* 고객리뷰 */
	.buy-review-holder .car-summary-holder .brand, 
	.buy-review-holder .car-summary-holder .price, 
	.buy-review-holder .car-summary-holder .review-text {
		margin-top: 15px;
	}
	.buy-review-holder ul {
		margin-left: 0;
	}
	.buy-review-holder ul li {
	    width: 100%;
    	height: 460px;
    	margin: 30px 0 0 0;
	}
	.buy-review-holder .buy-review-item .thumb-cover {
		height: 200px;
	}
	.buy-review-detail-holder .car-detail-holder-img .car-thumb-holder .thumb-cover.car-big {
		height: 250px;
	}
	.review-form-holder .form-btn-holder .btn {
		max-width: calc(50% - 10px);
	}
	.form-row .ui-holder {
		min-width: 100%
	}
	/* 회원가입 */
	.step-holder ul li {
		width: 74px;
	}
	.step-holder ul li:before {
		left: -19px;
	}
	.join-form-holder .view_flex {
		flex-wrap: wrap;
	}
	.join-form-holder .form-row {
		margin-top: 0;
	}
	.join-form-holder .form-row:first-child {
		margin-top: -15px;
	}
	.join-form-holder .view_flex-item {
		flex-basis: 100%;
		max-width: 100%;	
		margin-top: 20px;
	}
	.join-form-holder .join-btn-holder{
		margin-top: 30px;
	}
	.join-ok-holder .title {
		font-size: 16px;
		line-height: 24px;
	}
	/* 마이페이지 */
	.member-info-warp .view_flex {
		flex-wrap: wrap;
	}
	.member-info-warp .view_flex-item {
		max-width: 100%;
		margin-top: 20px;
	}
	.member-info-warp .form-row .view_flex-item:first-child{
		margin-top: 0;
	}
	.member-info-warp .form-row:first-child .view_flex-item:first-child{
		margin-top: 20px;
	}
	.mypage-holder .mypage-title-holder .title {
    	font-size: 18px;
    	line-height: 24px;
	}
	.mypage-holder .mypage-title-holder span img {
		width: 50px;
		height: 50px;
	} 
	.mypage-holder .mypage-menu-holder ul li  {
		min-height: auto;
		height: 180px;
	}
	.mypage-holder .mypage-menu-holder ul li a {
		padding: 15px;
	}
	.mypage-holder .mypage-menu-holder ul li a:before {
		width: 60px;
		height: 60px;
	}
	.mypage-holder .mypage-menu-holder ul li:nth-child(1) a:before,
	.mypage-holder .mypage-menu-holder ul li:nth-child(2) a:before,
	.mypage-holder .mypage-menu-holder ul li:nth-child(3) a:before,
	.mypage-holder .mypage-menu-holder ul li:nth-child(4) a:before,
	.mypage-holder .mypage-menu-holder ul li:nth-child(5) a:before,
	.mypage-holder .mypage-menu-holder ul li:nth-child(6) a:before,
	.mypage-holder .mypage-menu-holder ul li:nth-child(7) a:before {
		background-size: 60px auto;
	}
	.mypage-holder .car-list-holder .car-cbox-holder, 
	.deal-community-holder .car-list-holder .car-cbox-holder {
		height: auto;
		line-height: initial;
	}
	.deal-community-holder .car-list-holder .cbox-holder{
		padding: 0;
    	margin-bottom: 10px;
	}
	.mypage-holder .car-list-item-holder .car-list-item .thumb-cover, 
	.deal-community-holder .car-list-item-holder .car-list-item .thumb-cover, 
	.deal-delivery-car-list-holder .car-list-item-holder .car-list-item .thumb-cover {
		max-width: 100%;
		height: 200px;
	}
	.deal-delivery-car-list-content .car-list-item-holder .car-list-item .thumb-cover,
	.mypage-holder .car-sub-holder .car-list-item-holder .car-list-item .thumb-cover {
		max-width: 100px;
		height: 90px;
	}
	.mypage-holder .car-list-item-holder .car-summary-holder, 
	.deal-community-holder .car-list-item-holder .car-summary-holder, 
	.deal-delivery-car-list-holder .car-list-item-holder .car-summary-holder {
		height: auto;
		min-height: auto;
		margin-left: 0;
		margin-top: 20px;
		width: 100%;
	}
	.deal-delivery-car-list-content .car-summary-holder.view_table-cell,
	.deal-delivery-car-list-content .car-list-item-holder .car-chassis-number-holder {
		padding-left: 10px;
	}
	.deal-delivery-car-list-content .car-list-item-holder .car-summary-holder,
	.car-sub-holder .car-sub-item .car-summary-holder {
		width: calc(100% - 100px);
		margin-top: 0;
	}
	.car-detail-text .car-price-holder li{
		line-height: 30px;
	}
	.car-detail-text .car-price-holder li span{
		font-size: 16px;
	}
	.car-search-detail-holder .car-count-holder{
		position: relative;
		top: initial;
		right: initial;
		margin-bottom: 15px;
	}
	.car-sub-holder .car-sub-item .car-summary-holder  {
		padding-left: 10px;	
	}
	.deal-delivery-car-list-content .car-list-item-holder .brand, 
	.deal-delivery-car-list-content .car-list-item-holder .model, 
	.deal-delivery-car-list-content .car-list-item-holder .price {
		margin-top: 0;
		font-size: 14px;
		line-height: 20px;
	}
	.deal-delivery-car-list-holder .car-list-item-holder .car-list-btn-holder {
		position: relative;
	}
	.deal-delivery-car-list-holder .car-list-item-holder .car-list-btn {
		width: 100%;	
	}
	.mypage-holder .car-list-item-holder .car-list-btn-holder .btn, 
	.deal-community-holder .car-list-item-holder .car-list-btn-holder .btn {
		float: right;
		min-width: 188px;
	}
	.mypage-holder .car-list-item-holder .car-list-btn, 
	.deal-community-holder .car-list-item-holder .car-list-btn{
		margin-top: -10px;
		margin-top: 10px;
	}
	.mypage-holder .car-list-item-holder .car-list-btn-holder .btn,
	.deal-community-holder .car-list-item-holder .car-list-btn-holder .btn{
		margin-top: 10px;
	}
	.deal-community-holder .car-list-item-holder .car-list-btn-holder .car-qty-holder {
		margin-top: 10px;
	}
	.mypage-holder .car-list-item-holder .car-list-btn-holder .car-qty-holder, 
	.deal-community-holder .car-list-item-holder .car-list-btn-holder .car-qty-holder, 
	.deal-delivery-car-list-holder .car-list-item-holder .car-qty-holder {
		font-size: 14px;
		line-height: 46px;
		margin-right: 0;
	}
	.mypage-holder .car-list-item-holder .car-list-btn-holder .car-qty, 
	.deal-community-holder .car-list-item-holder .car-list-btn-holder .car-qty, 
	.deal-delivery-car-list-holder .car-list-item-holder .car-list-btn-holder .car-qty {
		font-size: 18px;
	}
	.shipping-deal-section .car-list-item-holder .car-list-btn {
		width: 100%;
	}
	.mypage-holder .car-transport-state ul li .date,
	.mypage-holder .car-transport-state ul li.complete .date {
		font-size: 14px;
		padding-left: 30px;
		width: 115px;
	}
	.mypage-holder .car-transport-state ul li .state{
		font-size: 14px;
		padding-left: 5px;
	}
	.mypage-holder .car-list-holder .has_status > .car-list-item-holder {
		padding: 45px 15px 15px;
	}
	.info-edit-btn-holder .clear-both{
		display: block;
	}
	.mypage-holder .car-inquiry-item-holder {
		padding: 15px;
	}
	.info-edit-btn-holder .btn {
		width: calc(50% - 8px);
		min-width: auto;
	}
	.product-charge-holder.payment dt {
		width: 130px;
	}
	.product-charge-holder.bank dd.view_table-cell {
		width: 55%;
	}
	.product-charge-holder.payment .payment-val {
    	width: calc(100% - 130px);
	}
	.inquiry-caption {
		padding: 10px 10px 10px 55px;
		font-size: 12px;
		line-height: 18px;
		background: url(/images/caption.png) no-repeat left 15px center;
    	background-size: 30px auto;
	}
	.request-price-item .title.view_table-cell {
		padding: 15px 0 0 15px;
	}
	.request-price-item .date.view_table-cell {
		padding: 10px 0 15px 15px;
	}
	.request-price-item .view_table-cell.summary{
		padding-right: 15px;
	}
	.request-price-item .view_table-cell {
		font-size: 14px;
		line-height: 20px;
	}
	.request-price-item .view_table-cell, 
	.order-price-holder .order-price-form-holder {
		padding: 15px;
	}
	.order-price-holder .order-price-form .view_flex {
		flex-wrap: wrap;
	}
	.order-price-holder .order-price-form .view_flex .view_flex-item {
		width: 100%;	
		text-align: center;
	}
	.order-price-holder .order-price-form .view_flex .align_left{
		width: 100%;
	}
	.order-price-holder .order-price-form .ui-holder {
		min-width: 100%;
	}
	.order-price-nego .ui-holder {
		min-width: auto;
		width: calc(100% - 90px);
	}
	.car-detail-text-holder{
		padding: 15px 0;
	}
	.car-part-holder .car-part-nam {
		font-size: 14px;
	}
	.car-request-table-top,
	.car-detail-text .car-detail-bottom {
		padding: 0 15px;
	}
	.car-search-detail-img .thumb-cover.car-big, 
	.gallery-top, .gallery-big {
		height: 280px;
	}
	.select-btn-holder .btn {
		min-width: auto;
		width: calc(50% - 10px);
	}
	.before-after-holder{
		flex-wrap: wrap;
	}
	.tab-dropdown {
		font-size: 14px;
	}
}
	

/* 해외 모바일 nav */
.mobile-mnb {
	display: none;
}
.mobile-header {
	display: none;
}

@media screen and (max-width: 1024px) {
	.mnb-bg {
		display: none;
		position: fixed;
		top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 9998;
		width: 100%;
		height: 100%;
	    background-color: rgba(0,0,0, .5);
	    cursor: pointer;
	}
	.mobile-header {
		display: block;
		width: 100%;
		height: 100%;	
	}
	.header-logo {
		width: 100px;
		height: 33px;
	}
	.header-logo-holder {
		top: 22px;
	}
	.header-right-holder {
		position: absolute;
		top: 20px;
		right: -5px;
		float: right;
	}
	.header-option-holder,
	.header-nav-holder {
		cursor: pointer;
	}
	.mobile-header .header-option-holder {
		display: block;
		top: -8px;
		right: 32px;
		float: left;
	}
	.header-option-holder,
	.header.color-no .mobile-header-nav-holder .header-option-holder {
		padding: 5px;
	}
	.header .ui-holder {
		width: 70px;
	}
	.header .header-option-holder .selectric .label {
		margin: 0;
		background: url('/images/language-btn-black.png') no-repeat center;
		font-size: 0;
	}
	.header.color-no .header-option-holder .selectric .label {
		background: url('/images/language-btn-white.png') no-repeat center;
	}
	.selectric-select-lang .selectric .button {
	    display: none;
	}
	.mobile-header .header-nav-holder {
		display: block;
		float: right;
		padding: 5px;
		width: 30px;
		height: 30px;
	}
	.header.color-no .header-right-holder .header-nav-holder {
		background: url('/images/nav-on-btn-white.png') no-repeat center;
	}
	.header .header-right-holder .header-nav-holder {
		background: url('/images/nav-on-btn-black.png') no-repeat center;
	}
	.header.color-no .header-right-holder .header-nav-holder {
		background: url('/images/nav-on-btn-white.png') no-repeat center;
	}
	.header .header-right-holder .header-nav-holder {
		background: url('/images/nav-on-btn-black.png') no-repeat center;
	}
	.mobile-mnb {
		display: block;
		position: fixed;
		top: 0;
		right: -360px;
		z-index: 9999;
		width: 360px;
		height: 100%;
		background: #fff;
		transition: all .3s;
	}
	.mobile-mnb-on {
		right: 0;
	}
	.mnb-header-holder {
		overflow: hidden;
		width: 100%;
		box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 7%);
	}
	.mnb-header {
		margin: 0 auto;
		width: 90%;
	}
	.mnb-header .login-btn,
	.mnb-header .mypage-btn {
		float: left;
		list-style: none;
	}
	.mnb-header .login-btn a,
	.mnb-header .mypage-btn a{
		display: block;
		margin-right: 20px;
		padding: 32px 0;
		font-weight: 500;
	}
	.mnb-header .exit-btn {
		float: right;
		position: relative;
		top: 22px;
	}
	.mnb-header .exit-btn span {
		display: block;
	    padding: 5px;
	    width: 30px;
	    height: 30px;
	    background: url("/images/nav-off-btn.png") no-repeat center;
        cursor: pointer;
	}
	.mnb-side-holder {
		background: #fafafa;
		width: 100%;
	}
	.mnb-side {
		text-align: center;
	}
	.mnb-side .side-box {
		display: inline-block;
		margin: 20px 3px;
		border: 1px solid #eee;
		border-radius: 8px;
		width: 80px;
		height: 85px;
	}
	.mnb-side .side-box:hover {
		background-color: #f5f5f5;
	}
	.mnb-side .side-box:active {
		background-color: #111;
	}
	.mnb-side .side-box i {
		position: relative;
	    display: block;
        margin: 14px auto 0;
  	 	padding: 4px 0;
	    width: 30px;
	    height: 30px;
	    background: no-repeat center center;
	    background-size: 20px auto;
	}
	.mnb-side .side-box.car-search i {
		background-image: url("/images/icon-menu-car-search.png");
	}
	.mnb-side .side-box.car-search:active i {
		background-image: url("/images/icon-menu-car-search-active.png");
	}
	.mnb-side .side-box.car-favorite i {
		background-image: url("/images/icon-menu-car-favorite.png");
	}
	.mnb-side .side-box.car-favorite:active i {
		background-image: url("/images/icon-menu-car-favorite-active.png");
	}
	.mnb-side .side-box.car-history i {
		background-image: url("/images/icon-menu-car-history.png");
	}
	.mnb-side .side-box.car-history:active i {
		background-image: url("/images/icon-menu-car-history-active.png");
	}
	.mnb-side .side-box i .counter {
	    display: inline-block;
	    position: absolute;
	    top: -2px;
	    right: -5px;
	    padding: 2px 5px;
	    text-align: center;
	    line-height: 13px;
	    font-size: 11px;
	    color: #fff;
	    box-sizing: border-box;
	    background-color: #6CD4D5;
	    border-radius: 25px;
	}
	.mnb-side .side-box:active i .counter {
	    color: #111;
	    background-color: #fff;
	}
	.mnb-side .side-box span {
	    display: block;
	    line-height: 13px;
	    font-size: 11px;
	    white-space: nowrap;
	}
	.mnb-side .side-box:active span {
		color: #fff;
	}
	.mnb-nav-item .mnb-item-title{
		display: block;
		width: 100%;
		padding: 15px 0  15px 40px;
		line-height: 36px;
	    font-size: 18px;
	    font-weight: 700;
	    color: #111;
	    text-shadow: 0.5px 0.5px 1px #c3c3c3;
	    cursor: pointer;
	}
	.mnb-nav-item .mnb-item-title:hover {
	    background-color: rgba(108,212,213, .2);
	}
	.mnb-nav-sub-holder .sub-title span {
	    display: block;
	    line-height: 20px;
	    font-size: 16px;
	    font-weight: 700;
	    color: #111;
	    white-space: nowrap;
	}
	.mnb-nav-sub-holder .sub-title {
		overflow: hidden;
		display: block;
		padding: 15px 0 15px 40px;
		height: 20px;
		width: 100%;
		background: #efefef;
	}
	.mnb-nav-sub-holder .sub-title:hover {
	    background-color: rgba(108,212,213, .2);
	}
	
	
	
	/* Main - Mobile Search bar */
	.page-main .mobile-car-search-holder {
		position: relative;
		top: -94px;
		z-index: 1;
		margin: 0 auto;
		width: 95%;
	}
	.page-main .mobile-car-search-holder a {
		height: 50px;
		background: url("/images/buyers/icon-mobile-search.png") no-repeat center right 15px #fff;
		line-height: 21px;
	}
}

@media screen and (max-width: 768px) {
	.page-main .mobile-car-search-holder {
		width: 90%;
		top: -74px;
	}
}

@media screen and (max-width: 480px) {
	.mobile-mnb {
		right: -465px;
		width: 100%;
	}
	.mobile-mnb-on {
		right: 0;
	}
}