@charset "utf-8";

/* 해외 모바일 nav */
.mobile-mnb {
	display: none;
}
.mobile-header {
	display: none;
}
@media screen and (max-width: 1024px) {
	.pc-view{
		display: none !important;
	}
	.tablet-view {
		display: block !important;
	}
	.mobile-view {
		display: none !important;
	}
	.mobile-view-2 {
		display: block;
	}
	.t-m-view  {
		display: block;
	}
	/* 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{
		right: 0;
		height: 80px;
	}
	.content {
    	padding: 70px 0;
	}
	.sub-content {
		padding: 0 0 70px;
	}
	.box {
		padding: 30px;
	}
	.btn{
		font-size: 14px;
		height: 48px;
		line-height: 46px;
	}
	.ui-holder.has_btn .btn {
		line-height: 46px;
		padding: 0 5px;
	}
	.btn.type_round,
	.btn.size_large.type_round{
		padding: 0 20px;
	}
	.btn.size_large {
		padding: 0 15px;
		font-size: 14px;
		max-width: auto;
		height: 48px;
		line-height: 46px;
	}
	.login-holder .login-btn-holder .btn-wide, 
	.join-holder .join-btn-holder .btn-wide, 
	.join-form-holder .join-btn-holder .btn-wide {
		padding: 0 15px;
		height: 48px;
		line-height: 46px;
	}
	/* 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-main-search-bar {
		display: none;
		background: red;
	}
	.page-main .section-header .title {
		font-size: 28px;
	}
	.best-item-tag-holder, .best-list-item .thumb-cover {
		height: 215px;
	}
	.division-warp {
		float: right;
	}
	/*
	.car-list-holder .swiper-slide-active,
	.car-list-holder .swiper-slide-next {
		flex: 1 1 46%;
		margin-bottom: 20px;
	}
	*/
	.car-list-first {
		padding: 0;
		width: 66%;
	}
	.car-list-first .thumb-cover {
		height: 510px;
	}
	.section-main-board .global-holder {
		display: block;
	}
	.car-list-first .car-summary-holder {
		margin-top: 20px;
	}
	.car-list-first .car-summary-holder .brand,
	.car-list-first .car-summary-holder .model {
		line-height: 20px;
		font-size: 16px;
	}
	.car-list-first .car-old-holder {
		margin-top: 10px;
	}
	.division-warp {
		width: 31%;
	}
	.review-summary-holder .btn-review-more{
		font-size: 13px;
	}
	.main-board-holder {
		margin-bottom: 50px;
	}
	.main-board-holder, .main-board-banner-holder {
		max-width: 100%;
	}
	.section-main-auction-list .title,
	.section-main-direct-distribution-list .title {
		position: inherit;
	}
	.direct-distribution-list-swiper-container{
		margin-top: -20px;	
	}
	.direct-distribution-list-swiper-container .swiper-slide{
		margin-top: 20px;
	}
	.footer-site-map-nav-holder nav {
		margin-right: 20px;
	}
	.page-main .section {
		padding-bottom: 50px;
	}
	.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-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-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: 150px;
	}
	.car-search-list-holder .car-search-right {
	    margin-left: 0px;
	}
	
	/* 모바일 메뉴 */
	.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%;
	}
	.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%;
		padding: 20px 10px;
		box-sizing: border-box;
	}
	.mnb-side {
		text-align: center;
		width: 100%;
		margin-left: -5px;
	}
	.mnb-side .side-box {
		margin-left: 10px;
		border: 1px solid #eee;
		box-sizing: border-box;
		border-radius: 8px;
		width: calc(25% - 10px);
		box-sizing: border-box;
		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.car-sell i {
		background-image: url("/images/icon-menu-car-sell.png");
	}
	.mnb-side .side-box.car-sell:active i {
		background-image: url("/images/icon-menu-car-sell-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;
	}
	.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;
	}
	/* sub */
	.sub-section-body {
		padding: 20px;
	}
	.content-title-holder .title {
		font-size: 28px;
		line-height: 36px;
	}
	.section-header .title, 
	.section-header.line .title {
   	 	font-size: 24px;
    	line-height: 30px;
	}
	/* 회원가입 */
	.step-holder ul li {
		margin: 0 15px;
	}
	.join-option-holder {
		
	}
	.join-option-holder .join-option-text .title {
		font-size: 20px;
	}
	.join-option-holder .join-option-text:before {
		width: 100px;
		height: 100px;
	}
	.join-option-holder .join-option-text.join-option-normal:before,
	.join-option-holder .join-option-text.join-option-trade:before  {
		background-size: 60px auto;
	}
	.join-form-holder .join-btn-holder {
		margin-top: 50px;
	}
	.join-form-holder .view_flex-item {
	    max-width: calc(50% - 20px);
	}
	.join-form-holder .ui-label{
		font-size: 14px;
	}
	.section-intro-banner .intro-banner-holder .banner-summary{
		margin-top: 20px;
	}
	/* 내차팔기 */
	.section-trader-intro, 
	.section-recruit-intro, 
	.section-export-intro,
	.section-auction-intro,
	.section-platform-intro, 
	.section-transport-way{
		padding-top: 50px;
	}
	.intro-banner-holder .banner-content {
		left: 0;
		top: 35%;
		transform: none;
	}
	.trader-intro-holder .trader-intro-text {
		font-size: 22px;
		line-height: 34px;
		margin-bottom: 30px;
	}
	.auction-intro-box ul li img, 
	.platform-intro-box ul li img {
		max-width: 200px;
	}
	.auction-intro-box ul li span,
	 .platform-intro-box ul li span{
	 	font-size: 20px;
	 	line-height: 28px;
	 }
	.auction-intro-btn-holder {
		margin-top: 50px;
	}
	/* 무역사몰 */
	.trader-recruit-box, 
	.export-intro-box {
		padding: 20px;
		height: 300px;
	}
	.trader-recruit-box h5, 
	.export-intro-box h5 {
		font-size: 20px;
		line-height: 26px;
	}
	.platform-table-box {
		margin-top:50px;
	}
	.platform-table-box table tr {
		height: 70px;
	}
	.platform-table-box table tr th, 
	.platform-table-box table tr td {
		font-size: 16px;
		line-height: 24px;
		padding: 8px;
		box-sizing: border-box;
	}
	.platform-table-box table tr td.text_color_green {
		font-size: 20px;
	}
	.section-intro-banner .banner-img img {
		max-width: 100%;
	}
	/* 수출하기 */
	.export-way-holder .export-way-01, 
	.export-way-holder .export-way-02 {
		padding: 0;
	}
	.transport-way-title {
		font-size: 20px;
		line-height: 30px;
	}
	.transport-way-holder ul{
		flex-wrap: wrap;
		margin-left: -20px;
		margin-top: -50px;
	}
	.transport-way-holder ul li{
		width: calc(100% / 3 - 20px);
		max-width: 100%;
		margin-left: 20px;
		min-height: 100px;
		margin-top: 50px;
		padding: 20px;
	}
	.transport-way-holder ul li .step-number {
		font-size: 16px;
		padding: 8px 0;
	}
	.transport-way-holder .way-text {
		font-size: 18px;
		line-height: 28px;
	}
	.transport-way-holder ul li img {
		max-width: 80px;
	}
	.export-way-holder .export-way-01,
	.export-way-holder .export-way-02 {
		flex-wrap: wrap;
	}
	.export-way-holder .export-way-01 .export-way-name, 
	.export-way-holder .export-way-02 .export-way-name {
		margin-bottom: 30px;
		width: 150px;
		height: auto;
	}
	.export-way-holder .export-way-01 ul, 
	.export-way-holder .export-way-02 ul {
		flex: 1;
		flex-basis: 100%;
		margin-left: 0;
	}
	.export-way-holder .export-way-01 ul li {
		width: calc(100% / 6);
	}	
	.export-way-holder .export-way-02 ul li {
		width: calc(100% / 4);
	}
	/* 직거래 차량 조회 */
	.car-search-list-holder .car-search-left {
		display: none;
	}
	.car-search-list-holder .car-search-right {
		margin-left: 0;
	}
	.content-section .section-header .content-sort-bar .selectric-wrapper {
		min-width: 160px;
	}
	.mobile-car-search-holder {
		display: block;
		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 #fff;
		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 {
		display: block;
		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 .option-box.car-search-header {
		display: none;
	}
	.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; */
	}
}
	
@media screen and (max-width: 768px) {
	.content .global-holder,
	.header-global-holder,
	.page-main .global-holder,
	.footer-global-holder {
		max-width: 90%;
	}
	.content {
    	padding: 50px 0;
	}
	.sub-content {
		padding: 0 0 50px;
	}
	.footer{
		padding: 50px 0 100px;
	}
	.banner-title {
		line-height: 42px;
		font-size: 32px;
	}
	.banner-content {
		top: 42%;
		left: 50%;
		width: 100%;
	}
	.banner-summary {
		margin-top: 20px;
		line-height: 24px;
	}
	.banner-content .btn-more {
		width: 200px;
		height: 48px;
	}
	.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;
	}
	.box{
		padding: 20px;
	}
	.tbox, 
	.sbox,
	.ui-holder.has_btn .btn  {
		height: 46px;
		line-height: 44px;
	}
	.login-holder .login-btn-holder .btn-wide, 
	.join-holder .join-btn-holder .btn-wide, 
	.join-form-holder .join-btn-holder .btn-wide {
		padding: 0 15px;
		height: 46px;
		line-height: 44px;
	}
	.page-main .section-header .title {
		font-size: 24px;
	}
	.page-main .section {
		padding-bottom: 50px;
	}
	.section-main-review{
		padding-top: 50px;
	}
	.page-main .mobile-car-search-holder {
		width: 90%;
		top: -74px;
	}
	.swiper-arrow-holder {
		display: none;
	}
	.car-list-first {
		width: 100%;
	}
	.car-list-first .thumb-cover {
		height: 430px;
	}
	.car-list-first .thumb-cover .img-holder img {
		height: auto;
	}
	.car-list-first .car-summary-holder {
		margin-top: 15px;
	}
	.car-list-first .car-summary-holder .brand,
	.car-list-first .car-summary-holder .model {
		line-height: 20px;
		font-size: 14px;
	}
	.car-list-first .car-old-holder {
		margin-top: 10px;
	}
	.car-summary-holder .price {
		margin-top: 15px;
	}
	.division-warp {
		display: none;
	}
	.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 10px;
		height: 40px;
		line-height: 40px;
		font-weight: 500;
	}
	.swiper-pagination-bullet{
		margin-left: 8px;
		width: 10px;
		height: 10px;
	}
	.swiper-pagination-bullet:first-child{
		margin-left: -8px;
	}
	.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;
	}
	.middle-banner-item img:first-child {
		display: none;
	}
	.middle-banner-item img:last-child {
		display: block;
	}
	.btn-board-more {
		padding: 3px 20px 3px 5px;
		background: url(/images/icon-right.jpg) no-repeat 54px center;
		background-size: 9px auto;
		font-size: 14px;
	}
	.footer {
		padding: 30px 0 40px;
	}
	.footer-site-map-nav-holder {
		display: none;
	}
	.footer-content {
		margin-top: 0;
	}
	.footer-company-info h3, .footer-company-info span, .copyright {
		line-height: 20px;
	}
	.footer-company-info span {
		display: block;
	}
	.copyright {
		position: inherit;
		margin-top: 30px;
	}
	/* sub */
	.content-title-holder .title {
		font-size: 24px;
   	 	line-height: 30px;
	}
	.content-title-holder .subtitle {
		margin-top: 10px;
		line-height: 22px;
		font-size: 14px;
	}
	.section-header .title, 
	.section-header.line .title {
   	 	font-size: 20px;
    	line-height: 30px;
    	white-space: nowrap;
	}
	.login-holder .login-option-holder {
    	font-size: 14px;
    	line-height: 15px;
    	overflow: initial;
	}
	/* 회원가입 */
	.step-holder {
		display: none;
		text-align: center;
		position: relative;
		margin-top: 40px;
		right: initial;
		bottom: initial;
	}
	.step-holder ul li {
		margin: 10px 15px;
		font-size: 13px;
	}
	.content-header + .box {
		margin-top: 30px;
	}
	.form-row .ui-holder {
		min-width: auto;
	}
	.form-row {
		margin-top: 30px;
	}
	.form-row:first-child{
		margin-top: 0;
	}
	.join-holder .view_flex {
		flex-wrap: wrap;
	}
	.join-holder .view_flex-item{
		flex-basis: 100%;
		max-width: 100%;
	}
	.join-holder .view_flex-item:first-child {
		margin-top: 0;
	}
	.join-option-holder {
		
	}
	.join-option-holder .join-option-text .title {
		font-size: 18px;
	}
	.join-option-holder .join-option-text:before {
		width: 80px;
		height: 80px;
	}
	.join-option-holder .join-option-text.join-option-normal:before,
	.join-option-holder .join-option-text.join-option-trade:before  {
		background-size: 50px auto;
	}
	.join-form-holder .join-btn-holder {
		margin-top: 30px;
	}
	.join-form-holder .view_flex-item {
		flex-basis: 100%;
		max-width: 100%;	
	}
	.join-form-holder .ui-label{
		font-size: 13px;
		margin-bottom: 10px;
	}
	.join-ok-holder .title {
		font-size: 20px;
		line-height: 28px
	}
	.join-ok-holder .title:before {
		margin: 30px auto 15px;
		width: 60px;
		height: 60px;
	}
	.join-ok-holder .join-btn-holder {
		margin-top: 30px;
	}
	/* 내차팔기 */
	.section-intro-banner .banner-img {
		left: initial;
		right: 0;
		bottom: -80px;
	}
	.section-intro-banner .banner-img img {
		max-width: 75%;
		float: right;
	}
	.intro-blue-banner .banner-img img {
		max-width: 65%;
	}
	.intro-banner-holder .banner-content {
		left: 0;
		top: 32%;
		transform: none;
	}
	.trader-intro-holder .trader-intro-text {
		font-size: 18px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.auction-intro-box ul li img, 
	.platform-intro-box ul li img {
		max-width: 200px;
	}
	.auction-intro-box ul li span,
	 .platform-intro-box ul li span{
	 	font-size: 16px;
	 	line-height: 22px;
	 }
	.auction-intro-btn-holder {
		margin-top: 30px;
	}
	.auction-intro-box ul, 
	.platform-intro-box ul {
	 	flex-wrap: wrap;
	 	margin-top: -20px;
	}
	.auction-intro-box ul li {
		flex: 1;
		flex-basis: calc(50% - 10px);
		margin-top: 20px;
	}
	.platform-intro-box ul li img {
		max-width: 180px;
	}
	.platform-intro-box ul li {
		margin-top: 20px;
	}
	/* 무역사몰 */
	.trader-recruit-holder, 
	.export-intro-holder {
		flex-wrap: wrap;
		margin-top: -20px;
	}
	.trader-recruit-box, 
	.export-intro-box {
		flex-basis: calc(100% - 20px);
		max-width: 100%;
		height: 170px;
		margin-top: 20px;
	}
	.trader-recruit-box h5, 
	.export-intro-box h5 {
		font-size: 18px;
		line-height: 24px;
	}
	.platform-table-box {
		margin-top: 30px;
	}
	.platform-table-box table tr th, 
	.platform-table-box table tr td {
		font-size: 14px;
		line-height: 20px;
	}
	.platform-table-box table tr td.text_color_green {
		font-size: 16px;
		line-height: 22px;
	}
	.trader-recruit-box:nth-child(1),
	.trader-recruit-box:nth-child(2),
	.trader-recruit-box:nth-child(3),
	.export-intro-box:nth-child(1),
	.export-intro-box:nth-child(2),
	.export-intro-box:nth-child(3) {
		background-size: 300px auto; 
	}
	/* 수출하기 */
	.transport-way-holder ul li{
		width: calc(50% - 20px);
		padding: 30px 20px 20px;
	}
	.transport-way-holder .way-text {
		font-size: 16px;
		line-height: 26px;
	}
	.export-way-holder .export-way-01 ul li {
		width: calc(100% / 3);
		min-height: 120px;
	}	
	.export-way-holder .export-way-02 ul li {
		width: 50%;
		min-height: 180px;
	}
	.export-way-holder .export-way-01 ul li .way-title, 
	.export-way-holder .export-way-02 ul li .way-title {
		font-size: 16px;
		line-height: 20px;
		height: auto;
	}
	.export-way-holder .export-way-02 ul li .way-text {
		margin-top: 10px;
		display: block;
	}
	/* 직거래 차량 조회 */
	.car-search-list-holder .car-list-holder li {
		width: 48%;
	}
	.car-search-list-holder .car-list-item .thumb-cover {
		height: 140px;
	}
	.btn-like {
		width: 28px;
    	height: 30px;
    	background-size: 30px auto;
	}
	.btn-like.on {
		background-size: 30px auto;
	}
	.aution-quotes-range-holder .rs-tooltip {
		padding: 10px;
		font-size: 15px;
	}
}

@media screen and (max-width: 480px) {
	.pc-view{
		display: none !important;
	}
	.tablet-view {
		display: none !important;
	}
	.mobile-view {
		display: block !important;
	}
	.car-list-first .thumb-cover {
		height: 240px;
	}
	.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;
	}
	.review-summary-holder .btn-review-more {
		font-size: 12px;
		height: 35px;
    	line-height: 33px;
	}
	.mobile-mnb {
		right: -465px;
		width: 100%;
	}
	.mobile-mnb-on {
		right: 0;
	}
	/* 회원가입 */
	.step-holder ul li {
		width: 74px;
	}
	.step-holder ul li:before {
		left: -19px;
	}
	.join-form-holder .form-row {
		margin-top: 20px;
	}
	.join-form-holder .form-row:first-child {
		margin-top: -15px;
	}
	.join-form-holder .view_flex {
		flex-wrap: wrap;
		margin-top: -20px;
	}
	.join-form-holder .view_flex-item {
		margin-top: 20px;
	}
	.join-form-holder .join-btn-holder {
		margin-top: 30px;
	}
	.join-ok-holder .title {
		font-size: 16px;
		line-height: 24px;
	}
	.section-intro-banner .banner-img img {
		max-width: 80%;
	}
	.intro-blue-banner .banner-img img {
		max-width: 70%;
	}
	.trader-recruit-box, 
	.export-intro-box {
		height: 150px;
	}
	.trader-recruit-box h5, 
	.export-intro-box h5 {
    	font-size: 16px;
    	line-height: 22px;
	}
	.trader-recruit-box p, 
	.export-intro-box p {
		font-size: 14px;
		line-height: 20px;
	}
	/* 수출하기 */
	.transport-way-holder ul li{
		width: 100%;
		min-height: auto;
	}
	.transport-way-holder ul li img {
		float: left;
		max-width: 65px;
		margin-top: 30px;
		margin-bottom: 0; 
	}
	.transport-way-holder ul li dl {
		float: left;
		width: calc(100% - 85px);
		padding-left: 20px;
		margin-top: 20px;
		text-align: left;
	}
	.transport-way-holder ul li dl dt {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.export-way-holder .export-way-01 ul li,
	.export-way-holder .export-way-02 ul li  {
		width: 100%;
		min-height: auto;
		position: relative;
		padding-bottom: 20px;
	}
	.export-way-holder .export-way-01 ul li:last-child,
	.export-way-holder .export-way-02 ul li:last-child{
		padding-bottom: 0;
	}
	.export-way-holder .export-way-01 ul li .way-step, 
	.export-way-holder .export-way-02 ul li .way-step {
		margin-bottom: 0;
		float: left;
		padding-left: 20px;
		font-size: 16px;
		line-height: 20px;
	}
	.export-way-holder .export-way-01 ul li .way-step:after, 
	.export-way-holder .export-way-02 ul li .way-step:after {
		width: 8px;
		height: 8px;
		border: 3px solid #fff;
		top: 5px;
		left: 0;
		margin: 0;
	}
	.export-way-holder .export-way-01 ul li .way-title:before, 
	.export-way-holder .export-way-02 ul li .way-title:before {
		top: 5px;
	    left: 6px;
	    height: 100%;
	    width: 2px;
	}
	.export-way-holder .export-way-01 ul li .way-title, 
	.export-way-holder .export-way-02 ul li .way-title {
		position: initial;
		padding-left: 10px;
		font-size: 16px;
		line-height: 20px;
		float: left;
		width: calc(100% - 55px);
	}
	.export-way-holder .export-way-01 ul li .way-title br,
	.export-way-holder .export-way-02 ul li .way-title br {
		display: none;
	}
	.export-way-holder .export-way-02 ul li .way-text {
		display: inline-block;
		padding-left: 50px;
	}
	
	/* 직거래 차량 조회 */
	.car-search-list-holder .car-list-holder li {
		width: 100%;
	}
}