/* lp, srp css파일 */

/* sub : 상품 검색 필터 */
.list-serach-filter{
    position:relative;
    width:100%;
}
.serach-filter-inner{
    /* position:fixed; */
    max-width:720px;
    width:100%;
    background:#fff;
    z-index:11;
}
.finance-search-filter .serach-filter-inner{
    position:static;
    top:0;
    /* left:50%; */
    /* transform:translateX(-50%); */
    max-width:720px;
    width:100%;
    background:#fff;
    z-index:11;
}
.lp-search-box{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:1rem 1.25rem;
    border-bottom:0.0625rem solid #eee;
    max-width: 720px;
    width: 100%;
    background: #fff;
    z-index: 14;
    overflow:visible;
}
.lp-search-box .btn-box{
    display:flex;
    justify-content: start;
    align-items: center;
    gap:0 0.25rem;
    width: calc(100% - 110px);
}
.finance-search-filter .lp-search-box .btn-box{
    gap:0 0.5rem;
    width: 100%;
}
.lp-search-box button{
    position:relative;
    padding:0.6875rem 0.75rem;
    font-size:0.875rem;
    line-height:1.125rem;
    border:0.0625rem solid #ddd; 
    border-radius:0.125rem;
}
.lp-search-box .btn-list-search{
    position:relative;
    padding:0.625rem 0.75rem;
    font-size:0.875rem;
    line-height:1.125rem;
    border:0.0625rem solid #ddd; 
    border-radius:0.125rem;
}
.lp-search-box .btn-list-search.change{
    color:#131313;
    border-color:#131313;
}
.lp-search-box .btn-list-search.change::before{
    position:absolute;
    top:0.1875rem;
    right:0.1875rem;
    width:0.25rem;
    height:0.25rem;
    border-radius:50%;
    background:#0061FD;
    content:'';
}
.lp-search-box .btn-list-sort,.lp-search-box .btn-finance-search{
    position:relative;
    padding:0.625rem 2rem 0.625rem 0.75rem;
}
.lp-search-box .btn-list-sort::after{
    position:absolute;
    right:0.75rem;
    top:50%;
    transform:translateY(-50%);
    width:1.125rem;
    height:1.125rem;
    background:url(/mo/resources/images/common/ico_list_sort-5baef2ff411ea292ea8afb6a56b20d06.svg) no-repeat center center;
    background-size:contain;
    content:'';
}
.lp-search-box .btn-finance-search::after{
    position:absolute;
    right:0.75rem;
    top:50%;
    transform:translateY(-50%);
    width:1rem;
    height:0.75rem;
    background:url(/mo/resources/images/common/ico_list_filter-2798ccafbc15e954dea9e6a49a40fc7f.png) no-repeat center center;
    background-size:contain;
    content:'';
}
.lp-search-box .btn-list-sort.change,.lp-search-box .btn-finance-search.change{
    color:#131313;
    border-color:#131313;
}
.lp-search-box .btn-list-sort.change::before,.lp-search-box .btn-finance-search.change::before{
    position:absolute;
    top:0.1875rem;
    right:0.1875rem;
    width:0.25rem;
    height:0.25rem;
    border-radius:50%;
    background:#0061FD;
    content:'';
}
/* 금융사 tab wrap */
.finance-tab-wrap{
    margin:0;
}
.finance-tab-wrap .swiper-slide a{
    display:flex;
    align-items:center;
    gap:0 0.5rem;
}
.finance-tab-wrap .swiper-slide i{
    display:inline-block;
    height:1.5rem;
}
.finance-tab-wrap .swiper-slide i img{
    width:auto;
    max-height:100%;
}

.type-serach-filter{
    border-bottom:0.625rem solid #f0f0f0;
}
.type-filter{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:2.375rem 2rem;
    padding:2rem 1.25rem;
    border-bottom:0.0625rem solid #ddd;
}
.type-filter dl.full{
    grid-column: span 2 / span 2;
}
.type-filter dt{
    display:flex;
    justify-content:start;
    align-items:center;
}
.type-filter dt.month{
    position:relative;
    display:flex;
    justify-content:space-between;
}
.type-filter dt.month span{
    font-size:0.875rem;
    line-height:1.25rem;
}
.type-filter dt.month .info-btn{
    margin:0;
    vertical-align:top;
}
.type-filter .layer-month-inst{
    top:calc(100% + 0.5rem);
    right:0;
}
.type-filter dt label{
    font-size:1.125rem;
    font-weight:700;
    line-height:1.4375rem;
}
.type-filter dd{
    margin-top:0.5rem;
}
.type-filter dd select{
    width:100%;
    font-weight:700;
}

.filter-select{
    position:relative;
    width:100%;
    padding:0.75rem 2.625rem 0.75rem 1rem;
    color:#131313;
    font-size:1rem;
    font-weight:700;
    line-height:1.5rem;
    text-align:left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background:#f6f6f6;
}
.filter-select::after{
    position:absolute;
    top:50%;
    right:1rem;
    transform:translateY(-50%);
    width:1rem;
    height:1rem;
    background:url(/mo/resources/images/common/ico_toggle_arr-5796e64fa279b5ce711464794f48679d.png) no-repeat center center;
    background-size:contain;
    content:'';
}

.category-serach-filter{
    position:relative;
    padding:1.25rem 2.5rem 1.25rem 1.25rem;
}
.category-tab-wrap{
    margin:0;
}
.category-tab-wrap > .category-tab{
    padding:0;
    border:0;
}
.category-tab-wrap > .category-tab .btn{
    padding:0;
}
.category-tab-wrap > .category-tab .swiper-wrapper.list{
    flex-wrap:wrap;
    gap:0.5rem;
}
.category-serach-filter .check-button.box .label{
    padding:0.625rem 0.5rem;
    line-height:1.5rem;
}
.category-serach-filter .check-button.box .label .text{
    line-height:1.5rem;
}

/* 25.07 전기차 추가 */
.category-serach-filter .check-button.box #car-fule-1 + .label{
	background:#E6FBED;
	border:1px solid #E6FBED;
	display:flex;
	align-items:center;
	gap:0.1875rem;
	font-weight:500;
}

.category-serach-filter .check-button.box #car-fule-1 + .label::before{
	content:"";
	display:block;
	width:1.125rem;
	height:1.125rem;
	background:url(/mo/resources/images/rent/elec_btn_ico-e7727702f96f4e4139932bd8bf633564.svg) no-repeat center;
}

.category-serach-filter .check-button.box #car-fule-1 + .label .text{
	color:#0AA55F;
	font-weight:700;
}

.category-serach-filter .check-button.box #car-fule-1:checked + .label{
  border-color: #515151;
  background:#fff;
}
.category-serach-filter .check-button.box #car-fule-1:checked + .label .text{
  color:#131313;
}


.category-serach-filter .check-button.box .checkbox:checked + .label .text{
    font-weight:700;
}
.category-serach-filter > button{
    position:absolute;
    right:0;
    top:0.625rem;
    width:3rem;
    height:3.9375rem;
    font-size:0;
    background:url(/mo/resources/images/common/btn_slide_down-fcfd7a43e6746dcb480970102108c257.png) no-repeat center center;
    background-size:0.875rem;
}
.category-serach-filter > button.down{
    background:url(/mo/resources/images/common/btn_slide_up-065f056906ec08dbb774a7c2bcff161c.png) no-repeat center center;
    background-size:0.875rem;
}

/* sub : 상품 keyword 필터 */
.list-keyword-filter .lp-inp-box .row {position: relative;flex: 1;}
.list-keyword-filter .lp-inp-box .row .comm-search-put {width: 100%;}
.list-keyword-filter{
    position:relative;
    width:100%;
}
.lp-inp-box{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:0 0.625rem;
    padding:1.25rem;
    border-bottom:0.0625rem solid #eee;
}
.lp-inp-box input[type=text]{
    flex:1;
    position:relative;
    padding:0 3rem 0 0.75rem;
    background:#fff url(/mo/resources/images/common/ico_inp_search-dce6fa999f1935df542ac7c2ed696eaf.png) no-repeat;
    background-size:1.5rem;
    background-position:center right 0.75rem;
}
.btn-inp-reset{
    pointer-events:none;
    flex:none;
    width:1.5rem;
    height:1.5rem;
    font-size:0;
    border-radius:50%;
    background:#e3e3e3 url(/mo/resources/images/common/btn-inp-reset-0bd6536c50a4a878f65c15030a37f1ad.png) no-repeat center center;
    background-size:contain;
}
.btn-inp-reset.active{
    pointer-events:visible;
    background:#0061FD url(/mo/resources/images/common/btn-inp-reset-0bd6536c50a4a878f65c15030a37f1ad.png) no-repeat center center;
    background-size:contain;
}

/* Product List compare */
.lp-compare-box{
    visibility: hidden;
    position:relative;
    display:flex;
    justify-content: space-between;
    align-items: center;
    gap:0 0.8125rem;
    height:0;
    padding:0;
    border-bottom:0;
}
.compare-item-box{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 6px;
    width:calc(86% - 0.8125rem);
}
.compare-item{
    position:relative;
    width:100%;
    background:url(/mo/resources/images/common/lp/bg_compare-754d80db67ba0ab0acaad0ea1a35bc63.png) no-repeat center center;
    background-size:contain;
}
.compare-item::before{
    display: block;
    width: 100%;
    padding-top:75%;
    content:'';
}
.compare-item .compare-pic{
    position:absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    border:0.0625rem solid #888;
    overflow: hidden;
}
.compare-item .compare-pic img {    
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    max-width: none;
    height: 100%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.compare-item .btn-compare-del{
    position:absolute;
    top:-4px;
    right:-4px;
    width:1rem;
    height:1rem;
    font-size:0;
    border-radius:50%;
    background:#888;
    z-index: 9;
}
.compare-item .btn-compare-del::before, .compare-item .btn-compare-del::after{
    position:absolute;
    left:50%;
    top:50%;
    width:8px;
    height:0.0625rem;
    background:#fff;
    content:'';
}
.compare-item .btn-compare-del::before{
    transform: translate(-50%, -50%) rotate(45deg);
}
.compare-item .btn-compare-del::after{
    transform: translate(-50%, -50%) rotate(-45deg);
}

.lp-compare-box .btn-compare{
    position:absolute;
    top:1rem;
    right:1.25rem;
    bottom:1rem;
    width:14%;
    padding:0 12px;
    font-size:0.75rem;
    font-weight:700;
    line-height:1rem;
    text-align:center;
    border:0.0625rem solid #ddd;
    border-radius:2px;
    color: #ACACAC;
}
.list-serach-filter.compare .lp-compare-box .btn-compare {
	padding: 0;	
}
.lp-compare-box .btn-compare.active {color: #131313;}

/* Product List keyword */
.lp-keyword-box{
    position:relative;
    height:64px;
    padding:1.25rem 3.125rem 1.25rem 1.25rem;
    border-bottom:0.0625rem solid #eee;
}
.keyword-filter{
  overflow:hidden;
}
.keyword-filter .swiper-slide{
  width:auto;
}
.keyword-filter .check-button label{
  font-size:0;
  line-height:1.5rem;
}
.lp-keyword-box .btn-sort-option{
    position:absolute;
    right:0.5rem;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    background:url(/mo/resources/images/common/ico_sort_single-0d5fdcfa3bce302530b6ecbdef2f1d6b.png) no-repeat center/auto 100%;
}
.lp-keyword-box .btn-sort-option.multi{
    background:url(/mo/resources/images/common/ico_sort_multi-b507921e8838651d4f2747e8b62dd115.png) no-repeat center/auto 100%;
}
.lp-search-box .btn-sort-option{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    background:url(/mo/resources/images/common/ico_sort_single-0d5fdcfa3bce302530b6ecbdef2f1d6b.png) no-repeat center/auto 100%;
}
.lp-search-box .btn-sort-option.multi{
    background:url(/mo/resources/images/common/ico_sort_multi-b507921e8838651d4f2747e8b62dd115.png) no-repeat center/auto 100%;
}
/* 검색 필터 영역 : 비교하기 */
.list-serach-filter.compare .lp-compare-box{
    visibility: visible;
    height:auto;
    padding:1rem 1.25rem;
    border-bottom:0.0625rem solid #eee;
    background-color: #fff;
    width: 100%;
    z-index: 12;
}
.list-serach-filter.compare .lp-keyword-box{
    visibility: hidden;
    height:0;
    padding:0;
    border:0;
}
.list-serach-filter.compare .lp-compare-box {}

.list-serach-filter.compare .bubble{
	display:none;
}

/* sub : 상품 리스트 , 비교하기 : compare-list */
.product-list-wrap {
    overflow: hidden;
}
.product-list-wrap > ul{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:60px 0;
}
/* 비교하기 : compare-list */
.compare-list-box{
    overflow-y:auto;
    height:calc(100vh - 143px);
}
.compare-list-box::-webkit-scrollbar{
    display:none;
}
.product-list-wrap.compare-list ul::-webkit-scrollbar{
    display:none;
}
.product-list-wrap.compare-list{
    overflow:visible;
    position:relative;
    display:flex;
    flex-wrap:nowrap;
    width:100%;
}
.product-list-wrap.compare-list > ul{
    overflow-x:auto;
    display:flex;
    flex-wrap:nowrap;
    gap:0;
    width:100%;
    padding-left:11.3125rem;
    -webkit-overflow-scrolling: touch;
}
.compare-add-text{
    display:none;
    width:100%;
}
.compare-add-text p{
    color:#131313;
    text-align:center;
    line-height:5.5rem;
}
.compare-list-box.no-compare .compare-add-text{
    display:block;
}
.compare-list-box.no-compare .product-list-wrap.compare-list > ul{
    padding-left:0;
}
.product-list-wrap.compare-list > ul > li{
    flex:1 0 11.3125rem;
    max-width:11.3125rem;
    border-right:0.0625rem solid #eee;
    background:#f6f6f6;
}
.product-list-wrap.compare-list .car-thumb{
    margin-top:0.5rem;
}
.product-list-wrap .car-badge span{
    line-height:1.5rem;
}

/* 전기차 뱃지 추가 */
.product-list-wrap .car-badge span.electric{
	background:#E6FBED;
	color:#0AA55F;
	padding-left:1.5rem;
	position:relative;
}

.product-list-wrap .car-badge span.electric::before{
	content:"";
	display:block;
	width:0.875rem;
	height:0.875rem;
	background:url(/mo/resources/images/smartbuy/electric_bage_i-8fe74fa0924cf92b919b1280c15bab93.svg) no-repeat center;
	background-size:contain;
	position:absolute;
	left:0.375rem;
	top:50%;
	transform:translate( -0, -50% );
}

.product-list-wrap .car-badge span.view{
	background:#579aff;
	color:#fff;
}

/* padding 처리 */
.product-list-wrap.compare-list .car-header,
.product-list-wrap.compare-list .car-thumb,
.product-list-wrap.compare-list .btn-box{
    padding:0 10px;
}

.product-list-wrap.compare-list > ul > li.fixed-car{
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    z-index:4;
}
.product-list-wrap.compare-list > ul > li.fixed-car .car-detail{
    padding-bottom:1.25rem;
    padding-top:20px;
    border-top:4px solid #333;
}
.product-list-wrap.compare-list > ul > li .car-detail{
    padding-bottom:1.25rem;
    padding-top:24px;
}
.product-list-wrap.compare-list .car-info{
    margin:0;
    padding:1rem 0.625rem;
    background:#f6f6f6;
}
.product-list-wrap.compare-list > ul > li.fixed-car .car-info{
    background:#fff;
}
.product-list-wrap.compare-list .car-info.fixed-info,
.product-list-wrap.compare-list .compare-add-btn.fixed-add{
    position:fixed;
    width:11.3125rem;
    border-right: 0.0625rem solid #eee;
    z-index:3;
}
.product-list-wrap.compare-list > ul > li.fixed-car .car-info.fixed-info{
    z-index:4;
}
.product-list-wrap.compare-list .btn-box{
    display:flex;
    flex-direction:column;
    gap:0.625rem 0;
}
.product-list-wrap.compare-list .btn-box a, .product-list-wrap.compare-list .btn-box button{
    font-size:1rem;
    text-align:center;
    border-radius:4px;
}
.product-list-wrap.compare-list .btn-box a{
    color:#fff;
    line-height:40px;
    background:#0061FD;
}
.product-list-wrap.compare-list .btn-box button{
    color:#131313;
    line-height:38px;
    border:0.0625rem solid #ccc;
}
.car-header{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding:0.0625rem 0;
}
.compare-fixed-box .car-header {
    height: 1.625rem;
}
.car-header button{
    width:1rem;
    height:1rem;
    font-size:0;
}
.car-header .btn-fixed{
    background:url(/mo/resources/images/smartbuy/ico_pin-91c56ac6c411d305140554c71ec7460a.png) no-repeat center center;
    background-size:contain;
}
.fixed-car .car-header .btn-fixed{
    background:url(/mo/resources/images/smartbuy/ico_pin_on-4113f5ef7a64010dcd37a2469b4ddf85.png) no-repeat center center;
    background-size:contain;
}
.car-header .btn-del{
    border:0;
    background:url(/mo/resources/images/smartbuy/btn_close-202e0a6d5a3c1fe4559859844f02b914.png) no-repeat center center;
    background-size:contain;
}
.compare-list-box .car-header .btn-del {
    margin-left: 3px;
}
.compare-list-box .car-header .car-num {
 text-align: left;
 width: 100%;
 padding:0 3px;   
 box-sizing: border-box;
}
.car-header .car-num{
    color:#666;
    font-size:0.875rem;
}
.car-header .timedeal{
    padding:0.3125rem 0.375rem 0.3125rem 1.25rem;
    color:#cd0000;
    font-size:0.75rem;
    line-height:0.875rem;
    background:#fef3f3 url("/mo/resources/images/common/lp/ico_prd_timedeal-d46376c6473d84936bf1e2fe308196f4.png") no-repeat .375rem center;
    background-size:12px;
    word-break: keep-all;
}
.product-list-wrap.compare-list .car-info .car-model, .product-list-wrap.compare-list .car-info .car-trim {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size:0.875rem;
    line-height:1.25rem;
}
.car-instalment{
    position:relative;
    margin-top:4px;
    font-size:0;
}
.car-instalment > *{
    vertical-align:middle;
}
.car-instalment span{
    display:inline-block;     
    color:#888;
    font-size:0.75rem;
    line-height:1.25rem;
}
.car-instalment .info-btn{
    margin:0 0.25rem;
    font-size:0;
}
.layer-instalment{
    position: fixed;
    z-index: 7;
    visibility: hidden;
    width: calc(100vw - 1.25rem);
    max-width:720px;
    height: auto;
    padding: 0.75rem;
    border-radius: 0.25rem;
    background-color: #2e3546;
    opacity: 0;
}
.layer-instalment.show {
  visibility: visible;
  z-index: 12;
  opacity: 1;
  transition:opacity .4s cubic-bezier(0.455,0.03,0.515,0.955);
  -webkit-transition:opacity .4s cubic-bezier(0.455,0.03,0.515,0.955);
}
.layer-instalment p, .layer-instalment li, .layer-instalment .inst_val{
    color:#fff;
    font-size:0.875rem;
    line-height:1.25rem;
}
.layer-instalment ul{
    margin:0.5rem 0;
}
.layer-instalment li{
    padding:0 0.9375rem;
}
.layer-instalment button{
    position:absolute;
    top:0.5rem;
    right:0.5rem;
    width:1.5rem;
    height:1.5rem;
    font-size:0;
    background:url(/mo/resources/images/common/ico_tip_close-4170f18e7dde80194cdb82c630651b82.png) no-repeat center center;
    background-size:contain;
}
/* 주요, 옵션 정보 */
.car-article{
    position:relative;
    padding-top:4rem;
}
.car-article-header{
    display:none;
    position:absolute;
    left:0;
    top:0;
    width:100vw;
    max-width:720px;
    padding:1.25rem 3.375rem 1.25rem 1.25rem;
    background:#fff;
    z-index:-1;
}
.fixed-car .car-article-header{
    display:block;
}
.fixed-car .car-article-header::after{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    height:0.0625rem;
    background:#ddd;
    content:'';
}
.car-article-header h4{
    display:flex;
    justify-content:start;
    color:#131313;
    font-size:1.125rem;
    font-weight:600;
    line-height:1.5rem;
}
.car-article-header h4 span{
    margin-left:4px;
    color:#666;
    font-size:1rem;
    font-weight:400;
}
.car-article-header .btn-slide{
    position:absolute;
    top:0;
    right:0;
    width:54px;
    height:64px;
    font-size:0;
}

.car-cont{
    padding:1.25rem;
}
/* 주요정보 */
.major-info{
    display:flex;
    flex-direction:column;
    gap:0.625rem 0;
}
.major-info dt,.major-info dd{
    font-size:0.875rem;
    line-height:1.375rem;
}
.major-info dt{
    color:#666;
    font-weight:400;
}
.major-info dd{
    color:#131313;
    font-weight:700;
}
/* 옵션정보 */
.option-list{
    display:flex;
    flex-direction:column;
    gap:0.5rem 0;
}
.option-list li{
    position:relative;
    padding-left:1.3125rem;
}
.option-list span{
    color:#acacac;
    font-size:0.875rem;
    line-height:1.375rem;
}
.option-list span.on{
    color:#131313;
}
.option-list span.on::before{
    position:absolute;
    left:0;
    top:3px;
    width:1rem;
    height:1rem;
    background:url(/mo/resources/images/smartbuy/ico_option_checked-d0239033752e8dc59d2105483559952e.png) no-repeat center center;
    background-size:contain;
    content:'';
}
.info-text-box{
    padding:2.5rem 1.25rem;
}
/* 비교하기 : 차량 추가 */
.compare-add{
    display: flex;
    justify-content: center;
    align-items: center;
    height:424px;
    background:#f6f6f6;
}
.compare-add-btn{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:0.5625rem 0;
    width:100%;
    height:143px;
    background:#f6f6f6;
}
.compare-add-btn i{
    display:block;
    width:100%;
    height:2rem;
    background:url(/mo/resources/images/smartbuy/btn_compare_add-ff75728849b0c1a59a4881a8808f1c16.png) no-repeat center center;
    background-size:contain;
}
.compare-add-btn span{
    display:block;
    width:100%;
    color:#888;
    font-size:1rem;
    font-weight:700;
    line-height:1.5rem;
    text-align:center;
}


/* 공유하기 btn : fixed-btn-box */
.fixed-btn-box{
    display:flex;
    justify-content: center;
    gap:0 0.3125rem;
    position:fixed;
    /* left:0%; */
    bottom:0;
    /* transform:translateX(-50%); */
    width:100%;
    max-width:720px;
    padding:1rem 1.25rem;
    border-top:0.0625rem solid #eee;
    background:#fff;
    z-index:18;
}
.fixed-btn-box button{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex:1;
    color:#fff;
    font-size:1rem;
    line-height:3.25rem;
    border-radius:4px;
    background:#0061FD;
}
.fixed-btn-box button.white{
    color:#131313;
    border:0.0625rem solid #ccc;
    background:#fff;
}
.fixed-btn-box.no-compare button, .fixed-btn-box button:disabled{
    pointer-events: none;
    color:#acacac;
    background:#e3e3e3;
}

.car-thumb {
    position: relative;
}
.car-thumb > a {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.car-thumb > a::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 74.6%;
}
.car-thumb > a img {
    position: absolute;
    left: 50%;
    top: 50%;
    width:auto;
    max-width: none;
    height: 100%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.product-list-wrap .car-thumb.ready-item > a .item-alarm{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:0.5rem;
    background:#f6f6f6;
}
.product-list-wrap .car-thumb.ready-item > a .item-alarm i{
    width:3rem;
    height:3rem;
    border:0.0625rem solid #ddd;
    border-radius:50%;
    background:url(/mo/resources/images/common/lp/ico_item_alarm-7a0146dd0110e5878b503ee6640d8dec.png) no-repeat center center #fff;
    background-size:1.25rem;
}
.product-list-wrap .car-thumb.ready-item > a .item-alarm span{
    color:#666;
    font-size:1rem;
    font-weight:700;
    line-height:1.5rem;
}
.product-list-wrap .car-thumb > a.item-noimage{
    position:relative;
    background:#e3e3e3;
}
.product-list-wrap .car-thumb > a.item-noimage img{
    position:absolute;
    left:0;
    top:0;
    width:auto;
    max-height:8.75rem;
    top: 50%;
    margin: 0 auto;
    margin-top: -4.325rem;
}
.product-list-wrap .car-thumb > a .item-noimage span{
    color:#acacac;
    font-size:0.875rem;
    font-weight:700;
    line-height:1.375rem;
}
.product-list-wrap .car-thumb .car-state {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    text-align: left;
}
.product-list-wrap .car-thumb .car-state span {
    display: inline-block;
    padding:0.25rem 0.375rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    color: #ffffff;
    letter-spacing: -0.0625rem;
    text-align: center;
    background-color: #333333;
}
.product-list-wrap .car-thumb .car-state span.contract {
    background-color: #0061FD;
}
.product-list-wrap .car-thumb .car-logo {
    position: absolute;
    right: 0.25rem;
    top: 0.25rem;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.product-list-wrap .car-thumb .car-logo i {
    position:relative;
    width: 1.25rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.product-list-wrap .car-thumb .car-logo i + i {
    margin-left:14px;
}
.product-list-wrap .car-thumb .car-logo i + i::before{
    position:absolute;
    top:50%;
    left:-14px;
    width:14px;
    height:14px;
    transform:translateY(-50%);
    background:url("/mo/resources/images/common/lp/ico_prd_reborn_bar-c6c34d1111a31a6c41212cd1d63df594.png") no-repeat center/auto 100%;
    content:'';
}
.product-list-wrap .car-thumb .car-logo i.reborn {
    background-image: url("/mo/resources/images/common/lp/ico_prd_reborn-405f546f33840f405bd9b798be9914ad.svg");
}
.product-list-wrap .car-thumb .car-logo i.hyun {
    background-image: url("/mo/resources/images/common/lp/ico_prd_hyun-65cfd0ace936e947c616bd1d2f509cd2.png");
}
.product-list-wrap .car-thumb .car-logo i.sk {
    background-image: url("/mo/resources/images/common/lp/ico_prd_sk-ed67876d508b41b55f248ac812415c90.png");
}
.product-list-wrap .car-thumb .car-logo i.hana {
    background-image: url("/mo/resources/images/common/lp/ico_prd_hana-52cae347b878328f02d5e90d274ba133.png");
}
.product-list-wrap .car-thumb .car-logo i.woori {
    background-image: url("/mo/resources/images/common/lp/ico_prd_woori-7841698a48c69acdf12503ff67bc44af.png");
}
.product-list-wrap .car-thumb .car-logo i.m {
    background-image: url("/mo/resources/images/common/lp/ico_prd_m-8f509504e97f298a4158ad8effe05029.png");
}
.product-list-wrap .car-thumb .car-logo i.bnk {
    background-image: url("/mo/resources/images/common/lp/ico_prd_bnk-4d4e27999c56639da962d16831f7f8a0.png");
}
.product-list-wrap .car-thumb .car-btn {
    position: absolute;
    right: 0.25rem;
    bottom: 0.25rem;
    z-index: 2;
    width: 2rem;
    height: 2rem;
    -webkit-perspective: 25rem;
    perspective: 25rem;
}
.product-list-wrap .car-thumb .car-btn button {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-list-wrap .car-thumb .car-btn button.favorite {
    background-image: url("/mo/resources/images/common/lp/ico_prd_wish-0ace4ff8e0c4b18e38bc59be3083d32e.png");
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.product-list-wrap .car-thumb .car-btn button.favorite.on {
  background-image: url("/mo/resources/images/common/lp/ico_prd_wish_on-334cc905faf1edd0f9668c3a174f0962.png");
}
.product-list-wrap .car-thumb .car-btn button.compare {
    background-image: url("/mo/resources/images/common/lp/ico_prd_compare-1673432e9266c2d2fe2367abb4e7c3e3.png");
    opacity: 0;
    pointer-events: none;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.product-list-wrap .car-thumb .car-btn button.compare.on {
  background-image: url("/mo/resources/images/common/lp/ico_prd_compare_on-cf1de8f1372f88232ab3af28cab9f109.png");
}
.product-list-wrap.compare .car-thumb .car-btn button.compare {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.product-list-wrap.compare .car-thumb .car-btn button.favorite {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.product-list-wrap .car-info {
    margin-top: 1rem;
    padding: 0 1rem;
}
.product-list-wrap .car-info .car-sum {
    position: relative;
}
.product-list-wrap .car-info .car-sum .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
}
.product-list-wrap .car-info .car-sum .row span {
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #999999;
    text-align: center;
}
.product-list-wrap .car-info .car-sum .car-rent {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.product-list-wrap .car-info .car-sum .car-rent span {
    display: inline-block;
    width: 2rem;
    height: 1.25rem;
    background-color: #0061FD;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #ffffff;
    letter-spacing: -0.0625rem;
    text-align: center;
}
.product-list-wrap .car-info .car-sum .car-rent span.rent {
    color:#0061FD;
    line-height:1.125rem;
    border:0.0625rem solid #0061FD;
    background-color: #fff;
}
.product-list-wrap .car-info .car-model, .product-list-wrap .car-info .car-trim {
    word-break: keep-all;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #000000;
    letter-spacing: -0.0625rem;
    text-align: left;
}
.product-list-wrap .car-info .car-pay {
    margin-top: 0.5rem;
}
.product-list-wrap .car-info .car-pay .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    gap: 0.125rem;
}
.product-list-wrap .car-info .car-pay .price p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    color: #000000;
    letter-spacing: -0.0625rem;
    text-align: left;
}
.product-list-wrap .car-info .car-pay .price p strong {
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    color: inherit;
}
.product-list-wrap .car-info .car-pay .price del {
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 0.875rem;
    color: #999999;
    letter-spacing: -0.0625rem;
    text-align: left;
}
.product-list-wrap .car-info .car-pay .price del strong {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}
.product-list-wrap .car-info .car-pay .txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.25rem;
}
.product-list-wrap .car-info .car-pay .txt dt, .product-list-wrap .car-info .car-pay .txt dd {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
    color: #000000;
    letter-spacing: -0.0625rem;
    text-align: left;
}
.product-list-wrap .car-info .car-pay .txt dd {
    color: #999999;
}
.product-list-wrap .car-info .car-pay .txt dd span {
    font-size: inherit;
    line-height: inherit;
    color: #131313;
}
.product-list-wrap .car-info .car-pay .etc {
    margin-top: 0.25rem;
    font-size: 0.625rem;
    font-weight: 400;
    line-height: 0.875rem;
    color: #333333;
    letter-spacing: -0.0625rem;
    text-align: left;
}
.product-list-wrap li.more {
    padding: 0 0.625rem;
}
.product-list-wrap li.more a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.875rem;
    width: 100%;
    height: 16.125rem;
    border-radius: 0.25rem;
    background-color: #f9f9f9;
}
.product-list-wrap li.more a .arr {
    display: block;
    width: 5rem;
    height: 5rem;
    margin: 0 auto;
    border-radius: 100%;
    background: url("/mo/resources/images/common/lp/ico_prd_more-6b7ac7bc88edff7a4717749f6f499d9e.png") no-repeat center/auto 100% #ffffff;
    overflow: hidden;
}
.product-list-wrap li.more a p {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1rem;
    color: #666666;
    letter-spacing: -0.0625rem;
    text-align: center;
}
.product-list-wrap .car-info .btn-alarm{
    margin-top:1.25rem;
    padding:0.6875rem 0;
}
.product-list-wrap .car-info .btn-alarm i{
    display:none;
}
.btn-alarm span{
    font-size:0.875rem;
    line-height:1.5rem;
}
.product-list-wrap .car-info .btn-alarm .single-text{
    display:none;
}
.btn-alarm .multi-text{
    display:inline-block;
}
.product-list-wrap.single .car-info .btn-alarm{
    padding:0.4375rem 0;
}
.product-list-wrap.single .car-info .btn-alarm i{
    display:inline-block;
}
.product-list-wrap.single .car-info .btn-alarm .single-text{
    display:inline-block;
}
/* .product-list-wrap.single .car-info .btn-alarm .multi-text{
    display:none;
} */

/* 상품 single 보기 */
.product-list-wrap.single .car-thumb .car-state span{
    padding:0.25rem 0.5rem;
    font-size:0.875rem;
    line-height:1.375rem;
}
.product-list-wrap.single .car-thumb .car-logo i{
    right: 0.5rem;
    top: 0.5rem;
    width: 2.25rem;
    height: 2.25rem;
}
.product-list-wrap.single .car-thumb .car-btn{
    right: 0.5rem;
    bottom: 0.5rem;
}
.product-list-wrap.single .car-thumb .car-logo i + i {
    margin-left:24px;
}
.product-list-wrap.single .car-thumb .car-logo i + i::before{
    left:-24px;
    width:24px;
    height:24px;
    content:'';
}
.product-list-wrap.single .car-info{
    margin-top:1.25rem;
}
.product-list-wrap.single .car-info .car-sum{
    margin-bottom:1.25rem;
}
.product-list-wrap.single .car-info .car-sum .row span{
    font-size:.875rem;
    letter-spacing:0;
}
.product-list-wrap.single .car-info .car-model, .product-list-wrap.single .car-info .car-trim{
    font-size:1.375rem;
    line-height:1.8125rem;
}
.product-list-wrap.single .car-info .car-pay{
    margin-top:1rem;
}
.product-list-wrap.single .car-info .car-pay .price p{
    font-size:1.25rem;
    line-height:1.25rem;
}
.product-list-wrap.single .car-info .car-pay .price del{
    font-size:1rem;
    line-height:1rem;
}
.product-list-wrap.single .car-info .car-pay .txt{
    margin-top:1rem;
}
.product-list-wrap.single .car-info .car-pay .txt dt, .product-list-wrap.single .car-info .car-pay .txt dd{
    font-size:0.875rem;
}
.product-list-wrap.single .car-info .car-badge{
    margin-top:1rem;
}
.product-list-wrap.single .car-info .btn-alarm i{
    display:inline-block;
}

.product-list-wrap.single .car-badge span{
    padding:0 .5rem;
    line-height:1.875rem;
}

/* 전기차 추가 */
.product-list-wrap.single .car-badge span.electric{
	padding-left:1.75rem;
}

.product-list-wrap.single .car-badge span.electric::before{
	width:1rem;
	height:1rem;
	left:0.5rem;
}

.product-list-wrap.single .car-badge button{
    padding:0 1.125rem 0 0.5rem;
    line-height:1.75rem;
}
.product-list-wrap.single .car-badge span, .product-list-wrap.single .car-badge button{
    font-size:0.875rem;
}
.product-list-wrap.single .car-badge span.icon{
    padding:0 0.5rem 0 1.375rem;
}
.product-list-wrap.single .car-badge button.icon{
    padding: 0 1rem 0 1.25rem;
}
.product-list-wrap.single li,.product-list-wrap .swiper-base-banner{
    grid-column: span 2 / span 2;
}

/* 렌트/구독 */
.product-list-wrap.rent-list .car-thumb > a::before{
    padding-top:74.601%;
}
.product-list-wrap.rent-list .car-info .car-sum .car-rent{
    top:50%;
    transform:translateY(-50%);
}
.product-list-wrap.rent-list .car-info .car-sum .car-rent span{
    width:2.5rem;
    height:1.5rem;
    font-size:0.875rem;
    line-height:1.5rem;
}
.product-list-wrap.rent-list .car-info .car-sum .car-rent span.rent{
    line-height:1.375rem;
}

.rent-info-box{
    margin-top:1rem;
}
.rent-info-box .title{
    margin-bottom:0.875rem;     
    color:#000;
    font-size:0.875rem;
}
.rent-info-box .title span{
    color:#999;
    font-size:0.875rem;
}
.rent-info-box .rent-pay-subs .active {color: #0061FD;}
.rent-info-box .rent-pay-subs .sale {color: #cd0000;}
.rent-info-box .rent-pay-subs .active.sale {color: #0061FD;}
.rent-info-box .t-data thead tr th:first-child{
    width:5rem;
}
.rent-pay-subs{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    min-height:3.75rem;
}
.rent-pay-subs span{
    font-size:0.875rem;
    font-weight:500;
}
.rent-pay-subs del{
    color:#999;
    font-size:0.75rem;
    margin-bottom: 0.4rem;
}
.rent-pay-subs .sale{
    color:#cd0000;
}

/* 상담 신청 */
.consult-box{
    margin-bottom:5rem;
    padding:2.5rem 1.25rem 3.375rem 1.25rem;
    background:#f4f4f4;
}
.consult-box .title{
    color:#666;
    font-size:1.5rem;
    font-weight:800;
    line-height:2rem;
}
.consult-box .title strong{
    color:#131313;
    font-size:1.5rem;
    font-weight:800;
    line-height:2rem;
}
.consult-box ul{
    margin-top:2rem;
}
.consult-box ul li + li{
    margin-top:0.625rem;
}
.consult-box ul li a, .consult-box ul li button{
    display:block;
    width:100%;
    text-align:center;
    line-height:3.125rem;
    border-radius:1.5625rem;
    background:#fff;
}
.consult-box ul li span,.consult-box ul li strong{
    color:#333;
}
.consult-box ul li strong{
    font-weight:800;
}
.consult-box ul li span::after{
    margin-left:0.125rem;
    content:'>';
}


/* layer content */
.layer-bottom-wrap .layer-box .layer-cont .sort-list{
    padding-bottom:1.25rem;
}
.sort-list li{
    padding:0.75rem 0;
}

.sort-list li .radio-button .text {
    margin-left:0.75rem;
}

/* layer 라이브 상품 리스트 */
.prd-live-list > li{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items: flex-start;
    padding:1rem 0;
}
.prd-live-list > li + li::before{
    position:absolute;
    top:0;
    left:-1.25rem;
    right:-1.25rem;
    height:0.0625rem;
    background:#eee;
    content:'';
}
.prd-live-list li .car-thumb {
    position: relative;
    width:7.5rem;
}
.prd-live-list li .car-thumb > a {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.prd-live-list li .car-thumb > a::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 74.6%;
}
.prd-live-list li .car-thumb > a img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.prd-live-list li .car-info {
    width:calc(100% - 8.25rem);
}
.prd-live-list li .car-info .car-sum {
    position: relative;
    margin-top: 0.25rem;
    padding-right: 2rem;
}
.prd-live-list li .car-info .car-sum .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.prd-live-list li .car-info .car-sum .row span {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.3125rem;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:normal;
    white-space:nowrap;
    color: #999;
    text-align: center;
}
.prd-live-list li .car-info .car-sum .car-rent {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.prd-live-list li .car-info .car-sum .car-rent span {
    display: inline-block;
    width: 2rem;
    height: 1.25rem;
    background-color:#0061FD;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    color:#fff;
    letter-spacing: -0.0625rem;
    text-align: center;
}
.prd-live-list li .car-info .car-model, .prd-live-list li .car-info .car-trim {
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:normal;
    white-space:nowrap;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #000;
    letter-spacing: -0.0625rem;
    text-align: left;
}
.prd-live-list li .car-info .car-pay {
    margin-top: 0.25rem;
}
.prd-live-list li .car-info .car-pay .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 0.125rem;
}
.prd-live-list li .car-info .car-pay .price p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color: #000000;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.prd-live-list li .car-info .car-pay .price p strong {
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  color: inherit;
}
.prd-live-list li .car-info .car-pay .price del {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color: #999999;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.prd-live-list li .car-info .car-pay .price del strong {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

/* 검색 결과 없음 */
.noresult-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height:320px;
}
.noresult-box i{
    width:60px;
    height:60px;
    background:url(/mo/resources/images/common/ico_result_empty-7d7ce02efcacb41d75038294803feae9.png) no-repeat center center;
    background-size:contain;
}
.noresult-box p{
    margin-top:12px;
    color:#888;
    font-size:0.875rem;
    line-height:1.125rem;
}
.noresult-box p.title{
    color:#131313;
    font-size:1.25rem;
    line-height:1.625rem;
}
.noresult-box .btn-reset{
    margin-top:2rem;
}
.btn-reset{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:0 0.5rem;
    width:136px;
    padding:0.8125rem 0;
    color:#131313;
    font-size:1rem;
    line-height:1.375rem;
    border:0.0625rem solid #e0e0e0;
    border-radius:50px;
}
.btn-reset i{
    display:inline-block;
    width:15px;
    height:13px;
    background:url(/mo/resources/images/common/ico_reset-a369e17f3228ef37ba16a5a5a754b007.png) no-repeat center center;
    background-size:contain;
}

/* 차량비교 */
#layer-compare .layer-cont{
    overflow-y:visible;
    height:100%;
    padding:0;
}
.layer-base-wrap.full .theme-tab-wrap{
    height:100%;
    margin:0;
}
.layer-base-wrap.full .theme-cont{
    overflow-y:auto;
    overflow-x:hidden;
    height:calc(100% - 56px);
    margin:0;
}
.layer-base-wrap.full .theme-cont .cont{
    height:100%;
}
/* layer 차량비교 리스트 */
.car-compare-list > li{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items: flex-start;
    padding:1rem 1.25rem;
}
.car-compare-list > li + li::before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:0.0625rem;
    background:#eee;
    content:'';
}
.car-compare-list li .car-check{
    place-self: center;
    margin-right:10px;
}
.car-compare-list li .car-thumb {
    position: relative;
    flex:none;
    width:7.5rem;
    margin-right:20px;
}
.car-compare-list li .car-thumb > a {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.car-compare-list li .car-thumb > a::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 74.6%;
}
.car-compare-list li .car-thumb > a img {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.car-compare-list li .car-info {
    width:calc(100% - 8.25rem);
}
.car-compare-list li .car-info .car-sum {
    position: relative;
    margin-top: 0.25rem;
}
.car-compare-list li .car-info .car-sum .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.car-compare-list li .car-info .car-sum .row span {
    width:50%;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.3125rem;
    color: #999;
    letter-spacing: -0.0625rem;
    text-align: left;
}
.car-compare-list li .car-info .car-sum .car-rent {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.car-compare-list li .car-info .car-sum .car-rent span {
    display: inline-block;
    width: 2rem;
    height: 1.25rem;
    background-color:#0061FD;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25rem;
    color:#fff;
    letter-spacing: -0.0625rem;
    text-align: center;
}
.car-compare-list li .car-info .car-model, .car-compare-list li .car-info .car-trim {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.375rem;
    color: #000;
    letter-spacing: -0.0625rem;
    text-align: left;
}
.car-compare-list li .car-info .car-pay {
    margin-top: 0.25rem;
}
.car-compare-list li .car-info .car-pay .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 0.125rem;
}
.car-compare-list li .car-info .car-pay .price p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color: #000000;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.car-compare-list li .car-info .car-pay .price p strong {
  font-size: inherit;
  font-weight: 700;
  line-height: inherit;
  color: inherit;
}
.car-compare-list li .car-info .car-pay .price del {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3125rem;
  color: #999999;
  letter-spacing: -0.0625rem;
  text-align: left;
}
.car-compare-list li .car-info .car-pay .price del strong {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.compare-length{
    color:#fff;
}
.compare-check-length{
    font-style:normal;
    color:#fff;
}

/*---- Search ----*/
.theme-tab-wrap.search-tab-wrap{
    position:fixed;
    left:0;
    right:0;
    overflow-y:auto;
    margin:0;
    padding-top:0.3125rem;
    background:#fff;
    z-index:14;
}
.theme-tab-wrap.search-tab-wrap .search-tab{
    display:flex;
}
.theme-tab-wrap.search-tab-wrap .search-tab .btn{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size:1.125rem;
}
.theme-tab-wrap.search-tab-wrap .search-cont{
    margin:0;
}
.theme-tab-wrap.search-tab-wrap .search-cont .panel-box{
    padding-top:1rem;
}
.btn-dot{
    border:0.0625rem dashed #acacac;
    border-radius:2px;
}
.btn-plus{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:0 0.5rem;
    width:100%;
    padding:0.75rem 0;
    color:#515151;
    font-size:1rem;
}
.btn-plus i{
    width:1.5rem;
    height:1.5rem;
    background:url(/mo/resources/images/common/ico-plus-ed325a83739387c70370a2c081023512.png) no-repeat center center;
    background-size:contain;
}
/* 제조사/모델/등급 */
.maker-select-list{
    display:flex;
    flex-direction: column;
    gap:0.5rem 0;
}
.maker-select-list .maker-opt{
    position:relative;
    padding:0.75rem 2.875rem 0.75rem 1.125rem;
    border:0.0625rem solid #515151;
    border-radius:2px;
}
.maker-select-list .maker-opt span{
    color:#131313;
    font-size:1rem;
    line-height:1.375rem;
}
.maker-select-list .maker-opt button{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:2.375rem;
    height:2.375rem;
    font-size:0;
    background:url(/mo/resources/images/common/btn_search_cancel-1fffccda7b1fa2704bfaea2b684c0a4c.png) no-repeat center center;
    background-size:1rem;
}
.maker-select-list + .btn-plus{
    margin-top:1.25rem;
}
/* 제조사/모델/등급 layer */
.layer-base-wrap.full.layer-maker .layer-header{
    padding:1rem 0.75rem 1rem 2.875rem;
}
.layer-base-wrap.full.layer-maker .layer-header .layer-close, .layer-base-wrap.full.layer-maker .layer-history{
    position:absolute;
    top:50%;
    left:0.75rem;
    right:auto;
    transform:translateY(-50%);
    width:1.5rem;
    height:1.5rem;
    background:url(/mo/resources/images/common/ico_gnb_hisback-c9ed4aa59f3839c53105fa3c67c25743.png) no-repeat center center;
    background-size:contain;
}
.layer-base-wrap.full.layer-maker .layer-cont{
    padding:0;
}
.step-list{
    display:flex;
    justify-content: flex-start;
    gap:0 1.5625rem;
    padding:1rem 1.25rem;
    background:#f9f9f9;
}
.step-list li{
    position:relative;
    color:#888;
    font-size:0.875rem;
    line-height:1.375rem;
}
.step-list li + li::before{
    position:absolute;
    left:-1.0625rem;
    top:50%;
    transform:translateY(-50%);
    width:9px;
    height:22px;
    content:'>';
}
.step-list li.active{
    color:#131313;
    font-weight:700;
}
/* 제조사 */
.maker-list-box{
}
.maker-list-box.step1,.maker-list-box.step2,.maker-list-box.step3,.maker-list-box.step4{
    display:none;
    overflow-y:auto;
    height:calc(100% - 56px);
}
.maker-list-box.active{
    display:block;
}
.maker-list-box li + li{
    border-top:0.0625rem solid #e0e2e8;
}

.maker-list-box.step4 li + li{
    border:0;
}
.maker-list-box .maker-title{
    padding:0.8125rem 1.25rem;
    color:#515151;
    font-size:1rem;
    font-weight:700;
    line-height:1.375rem;
}
.maker-list-box button,.maker-list-box a{
    position:relative;
    display:flex;
    justify-content: space-between;
    align-items: center;
    width:100%;
    padding:0.75rem 2.375rem 0.75rem 1.25rem;
    color:#515151;
    font-size:1rem;
}
.maker-list-box .check-button{
    width:100%;
}
.maker-list-box .check-button .label{
    width:100%;
    padding:0.75rem 1.25rem 0.75rem 1.25rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.maker-list-box .check-button .label .car-model-count{
	font-size:0.875rem;
	color:#67738e;
}

.maker-list-box .sub-class{
    display:none;
}
.maker-list-box .sub-class.active{
    display:block;
}
.maker-list-box .sub-class .check-button .label{
    padding-left:2.5rem;
}

.maker-list-box button .brand-info,
.maker-list-box a .brand-info{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:0 0.5rem;
}

.maker-list-box button .brand-count,
.maker-list-box a .brand-count{
	font-size:0.875rem;
	color:#67738e;
}

.maker-list-box button .brand-info i,.maker-list-box a i{
    width:2rem;
    height:2rem;
}
.maker-list-box button span,.maker-list-box a span{
    color:#515151;
    font-size:1rem;
    line-height:1.375rem;
    text-align:left;
}
.maker-list-box span .date{
    margin-left:0.5rem;
    color:#888;
    font-size:0.875rem;
    font-style:normal;
}
.maker-list-box button::after,.maker-list-box a::after{
    position:absolute;
    right:6px;
    top:50%;
    transform:translateY(-50%);
    width:2rem;
    height:2rem;
    background:url(/mo/resources/images/common/btn_maker_list-4a91a8452b0f814d0523d7c8fef7c4e6.png) no-repeat center center;
    background-size:contain;
    content:'';
}
.maker-list-box i.hyun{
    background:url(/mo/resources/images/common/search/ico_logo_hyun-42321cbf47765c82bf64df0cb8cce406.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.kia{
    background:url(/mo/resources/images/common/search/ico_logo_kia-738c033f0914647439f2a4059a4e9fa4.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.gene{
    background:url(/mo/resources/images/common/search/ico_logo_gene-7eff17b4f7f13e6c94605483b33ec0fd.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.renault{
    background:url(/mo/resources/images/common/search/ico_logo_renault-0b71fd558510d4ce4d4a69656932b76c.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.kg{
    background:url(/mo/resources/images/common/search/ico_logo_kg-c01a361a501862fbb5fb59adf317e679.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.chev{
    background:url(/mo/resources/images/common/search/ico_logo_chev-73b39220192ed30e26a47d44313b39f5.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.benz{
    background:url(/mo/resources/images/common/search/ico_logo_benz-8c4da320b831c1a69614492274e182ea.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.bmw{
    background:url(/mo/resources/images/common/search/ico_logo_bmw-f843a0d522a551de5220649b5cc7cf39.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.nissan{
    background:url(/mo/resources/images/common/search/ico_logo_nissan-76e0ab75506b7e5e82db62803995e683.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.land{
    background:url(/mo/resources/images/common/search/ico_logo_land-33005a79061c62460b9e8b8422760405.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.lexus{
    background:url(/mo/resources/images/common/search/ico_logo_lexus-f51b1e07242d462a90538329a6ee3c16.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.mini{
    background:url(/mo/resources/images/common/search/ico_logo_mini-61396f6e60ec4e8c4368c43f9d2485eb.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.audi{
    background:url(/mo/resources/images/common/search/ico_logo_audi-5f59ad6d23cde8541dc2f79ad3ebc10f.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.jeep{
    background:url(/mo/resources/images/common/search/ico_logo_jeep-461619eee1f87cc4afc50f1203d3d2f8.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.cadillac{
    background:url(/mo/resources/images/common/search/ico_logo_cadillac-bb35064dddf088b708ce370eefa2c2a7.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.ford{
    background:url(/mo/resources/images/common/search/ico_logo_ford-acc16303fe838f52171652ea0fb57239.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.porsche{
    background:url(/mo/resources/images/common/search/ico_logo_porsche-4a19f5ab7b119f10c5b85ca918cb0a4e.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.volks{
    background:url(/mo/resources/images/common/search/ico_logo_volks-d2e1c36e1a9515bac0f48bc12cf91d07.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.peugeot{
    background:url(/mo/resources/images/common/search/ico_logo_peugeot-2fcd5f0c0732d0aca880be7bba68618b.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.honda{
    background:url(/mo/resources/images/common/search/ico_logo_honda-91a94c96ed9099b418a80b1c819f3f18.png) no-repeat center center;
    background-size:contain;
}

/* 국산/수입 */

.maker-list-box.step1 #nation-korea{
	border-bottom:0.0625rem solid #e0e2e8;
}

.maker-list-box.step1 #nation-korea::before{
	content:"국산";
	display:block;
	width:100%;
	height:3.75rem;
	padding: 1.5625rem 1.25rem 0rem 1.25rem;
	font-size:1.125rem;
	color:#131313;
	font-weight:600;
}

.maker-list-box.step1 #nation-overseas::before{
	content:"수입";
	display:block;
	width:100%;
	height:3.75rem;
	padding: 1.5625rem 1.25rem 0rem 1.25rem;
	font-size:1.125rem;
	color:#131313;
	font-weight:600;
}


/* 선택옵션 전체보기 */
.select-review{
    overflow:hidden;
    position: fixed;
    /* left: 50%; */
    bottom:86px;
    /* transform: translateX(-50%); */
    display: flex;
    flex-wrap: nowrap;
    gap:0 0.5rem;
    width: 100%;
    max-width: 720px;
    padding:0.625rem 3rem 0.625rem 1.0625rem;
    border-top:0.0625rem solid #eee;
    background:#fff;
    z-index: 10;
}

.fixed-btn-box button{
    width: calc( 50% - 0.15625rem );
    max-width: calc( 50% - 0.15625rem );
    height:3.375rem;
    display:block;
    text-align: center;
    line-height:3.375rem;
}
.fixed-btn-box .cbtn-popup-share {
    max-width: 100%;
}
.theme-tab-wrap.search-tab-wrap{
    height:100% !important;
    overflow-y: scroll;
}

.theme-tab-wrap.search-tab-wrap {overflow: auto}
.select-review .swiper-slide{
    width:auto;
}
.select-opt-list{
    display: flex;
    flex-wrap:wrap;
    gap:0.5rem;
    padding:0.75rem 0;
}
.select-review-open{
    position:absolute;
    top:0;
    right:0;
    width:3rem;
    height:4rem;
    font-size:0;
    background:#ffffff url(/mo/resources/images/common/btn_slide_up-065f056906ec08dbb774a7c2bcff161c.png) no-repeat center center;
    background-size:14px;
}
.select-opt{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:0 0.5rem;
    padding:0.6875rem 0.75rem;
    background:#f6f6f6;
}
.select-opt span{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:auto;
    max-width:10.25rem;
    color:#131313;
    font-size:0.875rem;
    line-height:1.375rem;
}
.select-opt .btn-del{
    width:1rem;
    height:1rem;
    font-size:0;
    border:0;
    background:url(/mo/resources/images/common/ico_delete-7d9eb7b9064d0026639231a64cdada5d.png) no-repeat center center;
    background-size:contain;
}
.select-opt-list .select-opt span{
    text-overflow: inherit;
    white-space: normal;
    overflow: visible;
    max-width:calc(100% - 1.5rem);
}

/* 차종선택 */
.check-type-list{
    display:grid;
    
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:0.25rem;
}
.check-type-list .checkbox{
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
}
.check-type-list .checkbox:checked + .label .text{
    font-weight:700;
}
.check-type-list.car-color, .check-type-list.car-opt{
    /*overflow-y:auto;*/
    position:relative;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap:0.3125rem;
    /*max-height:181px;*/
}
.check-type-list.car-color .label,.check-type-list.car-opt .label{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:0.5rem 0;
    height:88px;
    padding:0;
}

.panel .check-type-list .label .text{
	color:#475067;
}

.panel .check-type-list .checkbox:checked + .label .text{
	color:#475067;
}

.check-type-list.car-color .label .text{
    line-height:1.375rem;
}
.check-type-list.car-color .label .color-box{
    overflow:hidden;
    position:relative;
    width:2.5rem;
    height:2.5rem;
    border-radius:50%;
    border:0.0625rem solid #f4f4f4;
}
.check-type-list.car-color .checkbox:checked + .label .text{
    color:#131313;
}
.check-type-list .checkbox:checked + .label .color-box{
    color:#666;
    border-color:#131313;
}
.check-type-list.car-color .label .color{
    overflow:hidden;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:2rem;
    height:2rem;
    border-radius:50%;
}
.check-type-list.car-color .checkbox:checked + .label .color::after{
    overflow:hidden;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:1.0625rem;
    height:0.75rem;
    background:url(/mo/resources/images/common/search/ico_color_check-15edf8032108dd17fa8a3d1d06af3e8c.png) no-repeat center center;
    background-size:contain;
    z-index:2;
    content:'';
}
.check-type-list.car-color .label .color.etc{
    background:url(/mo/resources/images/common/search/ico_color_etc-acd350cf867e5eb798462af20288c464.png) no-repeat center center;
    background-size:contain;
}
.check-type-list.car-color .label .color.half{
    display:flex;
}
.check-type-list.car-color .label .color.half > div{
    position:relative;
    width:50%;
    height:100%;
    z-index:1; 
}
.check-type-list + .info-text{
    margin-top:1.125rem;
}

.check-type-list + .etc-btn{
	margin-top:1.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0;
	width:100%;
}

.check-type-list + .etc-btn .etc-btn-con{
	display:flex;
	align-items:center;
}

.check-type-list + .etc-btn .etc-btn-con .opt-etc{
	width: 1.5rem;
	height: 1.5rem;
	background:url(/mo/resources/images/common/search/etc_btn_ico-476b636c539943fda7956e8a1e5f5c3a.png) no-repeat center;
	background-size:contain;
}

.check-type-list + .etc-btn .etc-btn-con .text{
	margin-left:0.5rem;
	font-size:1rem;
	color:#67738e;
}

.gradient-box{
    position:relative;
}
.gradient-box::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 3.75rem;
    background: rgb(255, 255, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.gradient-box.scroll::before{
    display:none;
}

/* 옵션 */
.check-type-list.car-opt .ico-opt{
    width:2.5rem;
    height:2.5rem;
}
.check-type-list.car-opt .ico-opt.opt01{background:url(/mo/resources/images/common/search/ico_opt01-b7ea0b8c2095dd105fc76ee9a1c48441.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt02{background:url(/mo/resources/images/common/search/ico_opt02-64fdbb865d5369cace334194cf7c3cb8.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt03{background:url(/mo/resources/images/common/search/ico_opt03-8c7d515d8941286281f305287d4af176.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt04{background:url(/mo/resources/images/common/search/ico_opt04-9928d04d06a9eed9d6974caca5b057ee.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt05{background:url(/mo/resources/images/common/search/ico_opt05-a5cc1a1e945c4c0da92d5a4c1cf1cf42.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt06{background:url(/mo/resources/images/common/search/ico_opt06-03307d8ad5f7b51655609c54a699daeb.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt07{background:url(/mo/resources/images/common/search/ico_opt07-fbe052da139d596debf3c2a3b48fc795.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt08{background:url(/mo/resources/images/common/search/ico_opt08-905555edd3990eb53f06ecaa8b46abb6.png) no-repeat center center;background-size:contain;}

.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt01{background:url(/mo/resources/images/common/search/ico_opt01_on-efe10461a65374a6dfd7c7e8d95c3c59.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt02{background:url(/mo/resources/images/common/search/ico_opt02_on-504ce2283c19f5c6311f1dbfc3ca74ae.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt03{background:url(/mo/resources/images/common/search/ico_opt03_on-c391881900eb698d08c7b32ffe9e5643.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt04{background:url(/mo/resources/images/common/search/ico_opt04_on-ad49b1ad98537f9903160ac2579311e6.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt05{background:url(/mo/resources/images/common/search/ico_opt05_on-88586dbe15992bf6158f494215a99479.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt06{background:url(/mo/resources/images/common/search/ico_opt06_on-8d4a1b88dd01f78608c3ba427e931816.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt07{background:url(/mo/resources/images/common/search/ico_opt07_on-dde343f91be9d6424fd084a8c877d0ab.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt08{background:url(/mo/resources/images/common/search/ico_opt08_on-8a7647db026c3f3c8adad7220de9a119.png) no-repeat center center;background-size:contain;}

.check-type-list.car-opt .ico-opt.opt-etc{
    width:1.5rem;
    height:1.5rem;
    background:url(/mo/resources/images/common/ico-plus-ed325a83739387c70370a2c081023512.png) no-repeat center center;
    background-size:contain;
}
#layer-option-choice .layer-box .layer-cont{
    height:calc(100vh - 242px);
    padding:0;
}
.theme-tab-wrap.option-tab-wrap{
    height:100%;
    margin:0;
}
.theme-cont.option-cont{
    height:calc(100% - 57px);
    margin:0;
}
.theme-cont.option-cont .cont{
    height:100%;
}
.opt-list{
    overflow-y:auto;
    height:100%;
}
.opt-list li{
    padding:0.75rem 1.25rem;
}

/* 최근 검색 조건 */
.search-recent-box{
    padding-bottom:1.875rem;
}
.select-recent-box{
    background:#f9f9f9;
}
.noresult-recent-box{
    padding-bottom:1.875rem;
}
.recent-title{
    padding:2.5rem 1.25rem 0 1.25rem;
    color:#333;
    font-size:1rem;
    line-height:1.375rem;
}
.search-item-box{
    display:flex;
    flex-direction: column;
    gap:0.75rem 0;
    padding:1.25rem;
}
.search-item{
    overflow:hidden;
    border-radius:2px;
    border:0.0625rem solid #eee;
    background:#fff;
}
.search-item.selected{
    border-color:#131313;
}
.search-item dl{
    position:relative;
    padding:1.25rem 1.375rem 1rem 1.375rem;
}
.search-item dt{
    padding-right:2.5625rem;
}
.search-item .check-button.box{
    position:absolute;
    right:1rem;
    top:1.125rem;
}
.search-item .check-button.box .label{
    padding:0;
    border:0;
    border-radius:0;
}
.search-item .check-button.box .label .ico-pin{
    width:1.625rem;
    height:1.625rem;
    background:url(/mo/resources/images/common/search/ico_save_pin-c8c7a241fa54771cd08fc8fe3fae02f4.png) no-repeat center center;
    background-size:contain;
}
.search-item .check-button.box .checkbox:checked + .label .ico-pin{
    background:url(/mo/resources/images/common/search/ico_save_pin_on-942211586b00ee804cec9e9c432b78d8.png) no-repeat center center;
    background-size:contain;
}

.search-item dt span{
    color:#333;
    font-size:1rem;
    line-height:1.375rem;
}
.search-item dd{
    display:flex;
    flex-wrap: wrap;
    gap:0 0.75rem;
    margin-top:0.75rem;

}
.search-item .recent-btn-box .share-btn {position: relative;}
.search-item .recent-btn-box .share-btn:before {content: '';position: absolute;left: 0;width: 0.063rem;background-color: #ddd;height: 0.813rem;top: 50%;margin-top: -0.31rem;}
.search-item dd span{
    color:#888;
    font-size:0.875rem;
    line-height:1.375rem;
}
.recent-btn-box{
    display: flex;
    flex-wrap: wrap;
    gap:0 0.0625rem;
    border-top:0.0625rem solid #eee;
}
.recent-btn-box button,.recent-btn-box a{
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    gap:0 0.5rem;
    padding:0.438rem 0 0.438rem;
    min-height: 46px;
}
.recent-btn-box button span, .recent-btn-box a span{
    color:#666;
    font-size:0.875rem;
    line-height:1.375rem;
}
.recent-btn-box a.disabled{
    pointer-events: none;
    opacity:.2;
}
.recent-btn-box a.disabled .ico-alarm{
    opacity:.5;
}
.recent-btn-box button::before{
    position:absolute;
    right:-0.0625rem;
    top:50%;
    transform:translateY(-50%);
    width:0.0625rem;
    height:0.875rem;
    background:#ddd;
    content:'';
}
.search-recent-box .dot-list{
    margin-top:1.25rem;
    padding:0 1.25rem;
}

/* 연식 : selecct + range slider */
.picker-date{
    display:flex;
    justify-content: center;
    align-items: center;
    gap:0 10px;
}
.picker-date span{
    position:relative;
    width:calc(50% - 16px);
    padding:0.75rem 1rem;
    color:#888;
    font-size:1rem;
    line-height:1.5rem;
    text-align:left;
    background:#f6f6f6;
}
.picker-date span::after{
    position:absolute;
    top:50%;
    right:1rem;
    transform:translateY(-50%);
    width:1rem;
    height:1rem;
    background:url(/mo/resources/images/common/ico_toggle_arr-5796e64fa279b5ce711464794f48679d.png) no-repeat center center;
    background-size:contain;
    content:'';
}
.picker-date span.selected{
    color:#131313;
    font-weight:700;
}
.picker-date > i{
    width:12px;
    color:#131313;
    font-size:1rem;
}

.mbsc-windows .mbsc-fr-popup{
    overflow: hidden;
    border-radius:24px 24px 0 0;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-fr-w{
    padding:0;
    border:0;
    background:#fff;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-fr-hdr{
    padding:2rem 4.5rem 1rem 1.25rem;
    color:#131313;
    font-size:1.25rem;
    font-weight:600;
    line-height:1.5rem;
    text-align:left;
    border:0;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-sc-lbl-v{
    border:0;
    background:#fff;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-sc-whl-l{
    left:1.25rem;
    right:1.25rem;
    background:#f9f9f9;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-sc-lbl-v .mbsc-sc-whl-w{
    background:#fff;
    border:0;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-sc-lbl-v .mbsc-sc-whl-gr{
    padding:0;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-fr-btn-cont{
    display:flex;
    justify-content: center;
    padding:1rem 1.25rem;
    border:0;
    background:#fff;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-fr-btn-w.mbsc-fr-btn-s{
    width:100% !important;
    background:none;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-fr-btn-w.mbsc-fr-btn-s .mbsc-fr-btn{
    height:3.25rem;
    padding:0;
    color:#fff;
    font-size:1rem;
    line-height:3.25rem;
    border-radius:4px;
    background:#0061FD;

}
.mbsc-windows.mbsc-fr-bottom .mbsc-fr-btn-w.mbsc-fr-btn-c{
    position:absolute;
    top:20px;
    right:4px;
    width:3rem !important;
    height:3rem;
    background:none;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-fr-btn-w.mbsc-fr-btn-c .mbsc-fr-btn{
    width:100%;
    height:100%;
    font-size:0;
    background:url(/mo/resources/images/common/btn_layer_top_close-e48488bc898ffd895521786b6af40da6.png) no-repeat center center;
    background-size:contain;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-sc-itm{
    font-size:1.125rem;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-sc-itm > div{
    display:none !important;
}
.mbsc-windows.mbsc-fr-bottom .mbsc-sc-itm.mbsc-sc-itm-sel{
    font-weight:800;
}
.range-picker .mbsc-form-group{
    margin:0;
}
.range-picker .mbsc-form-group .mbsc-windows.mbsc-input{
    position:relative;
    width:100%;
    padding:0;
}
.range-picker .mbsc-form-group .mbsc-input-wrap{
    position:absolute;
    left:0;
    top:0;
    width:0.0625rem;
    height:0.0625rem;
    opacity:0;
}

/* range slider */
.slider-range-box{
    margin-top:28px;
    padding:0 0.75rem;
    height:24px;
}
.slider-range-box .noUi-target{
    border:none;
    border-radius:0;
    background:#e3e3e3 !important;
}
.slider-range-box .noUi-connects{
    border-radius:0;
}
.slider-range-box .noUi-horizontal{
    height:4px;
}
.slider-range-box .noUi-handle{
    border:0.0625rem solid #131313;
    border-radius:50%;
}
.slider-range-box .noUi-handle::before, .slider-range-box .noUi-handle::after{
    display:none;
}
.slider-range-box .noUi-horizontal .noUi-handle{
    top:-8px;
    right:-12px;
    width:24px;
    height:24px;
    box-shadow:0 5px 5px 0 rgba(0, 0, 0, .15);
}
.slider-range-box .noUi-connect{
    background:#0061FD;
}

.slider-range-value{
    display:flex;
    justify-content: space-between;
}
.slider-range-value span{
    color:#999;
    font-size:0.875rem;
    line-height:1.25rem;
}

/* 월납입금 layer */
.month-inst-box{
    position:relative;
}
.month-inst-box .info-btn{
    margin:-0.0625rem 0 0 0;
}
.month-inst-box .month-instalment{
    display:flex;
    justify-content: start;
    align-items: center;
    gap:0.25rem;
    margin-top:1.25rem;
}
.month-inst-box .month-instalment span{
    color:#666;
    font-size:0.875rem;
    line-height:1.375rem;
}
.layer-month-inst{
    position: absolute;
    z-index: 7;
    top:100%;
    visibility: hidden;
    width: calc(100vw - 2.5rem);
    max-width:720px;
    height: auto;
    padding: 0.75rem;
    border-radius: 0.25rem;
    background-color: #2e3546;
    opacity: 0;
}
.layer-month-inst.show {
  visibility: visible;
  z-index: 10;
  opacity: 1;
  transition:opacity .4s cubic-bezier(0.455,0.03,0.515,0.955);
  -webkit-transition:opacity .4s cubic-bezier(0.455,0.03,0.515,0.955);
}
.layer-month-inst p, .layer-month-inst li, .layer-month-inst .inst-val, .layer-month-inst .month-inst-val{
    color:#fff;
    font-size:0.875rem;
    line-height:1.25rem;
}
.layer-month-inst ul{
    margin:0.5rem 0;
}
.layer-month-inst li{
    padding:0 0.9375rem;
}
.layer-month-inst button{
    position:absolute;
    top:0.5rem;
    right:0.5rem;
    width:1.5rem;
    height:1.5rem;
    font-size:0;
    background:url(/mo/resources/images/common/ico_tip_close-4170f18e7dde80194cdb82c630651b82.png) no-repeat center center;
    background-size:contain;
}
.month-inst-box .layer-month-inst{
    top:calc(100% + 10px);
}


/* 입고알림 */
.alarm-wrap{
    overflow-y:auto;
    padding-bottom: 83px;
}
.alarm-visual{
    padding:2.75rem 0;
}
.alarm-visual p{
    position:relative;
    display:flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    gap:0 0.5rem;
}
.alarm-visual .ico-alarm{
    width:2rem;
    height:2rem;
    border-radius:50%;
    background:#f6f6f6 url(/mo/resources/images/common/search/ico_alarm-d151d2712ae889fb9279cab3d463b859.png) no-repeat center center;
    background-size:1rem;
}
.alarm-visual span{
    line-height:1.5rem;
}
.panel-box.panel-alarm .panel{
    padding:2.5rem 0 1rem;
}
.panel-box.panel-alarm .panel:first-child{
    padding:0 0 2.5rem 0;
}
.panel-box.panel-alarm .panel-header{
    padding:0 1.25rem
}
.panel-box.panel-alarm .panel-header + .panel-cont{
    margin-top:1.25rem;
}
.ready-alarm-info{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:0.5rem;
    padding:1.25rem;
    background:#f9f9f9;
}
.ready-alarm-info dt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size:1.5rem;
    font-weight:800;
    line-height:2rem;
}
.ready-alarm-info dd{
    width:100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ready-alarm-info dd span{
    color:#666;
    font-size:0.875rem;
    line-height:1.375rem;
}
.ready-alarm-info dd span + span{
    margin-left:0.9375rem;
}

.alarm-complete-text{
    text-align:center;
}
.alarm-complete-text strong{
    display:block;
    font-size:18px;
    line-height:1.625rem;
}
.alarm-complete-text span{
    font-size:18px;
    display:block;
    line-height:1.625rem;
}

/* 광고심의 */
.consider-box{
    margin-bottom:5rem;
    padding:0 1.25rem;
}
.consider-box h5{
    font-size:0.875rem;
    line-height:1rem;
}
.consider-box > h5 + *{
    margin-top:0.75rem;
}
.consider-box > * + h5{
    margin-top:1.875rem;
}
.auto-consider-box{
    margin-top:1.25rem;
    padding:1.25rem 1rem 1.25rem 0;
    background:#f6f6f6;
}
.consider-box li{
    color:#666;
    font-size:0.875rem;
    line-height:1.375rem;
}

/* 렌트/구독 */
.lp-visual-box{
    border-bottom:0.0625rem solid #ddd;
}
.lp-rent-visual{
    position:relative;
    /*padding:3.125rem 0 2.3125rem 2.25rem;*/
}
.lp-rent-visual::before{
    display:block;
    width:100%;
    padding-top:90.66%;
    content:'';
}
.lp-rent-visual::after{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background:url(/mo/resources/images/rent/bg_rent_visual-e9eb1cc8872eb49a38b6b236d88fcbe2.png) no-repeat left top;
    background-size:cover;
    content:'';
}
.lp-rent-visual-info{
    position:absolute;
    left:9.6%;
    top:14.7%;
    z-index:2;
}
.lp-rent-visual p{
    color:#fff;
    font-size:1.375rem;
    font-weight:500;
    line-height:1.6875rem;
}
.lp-rent-visual p.title{
    margin-top:0.3125rem;
    font-size:2.5rem;
    font-weight:700;
    line-height:3.125rem;
    letter-spacing:-0.125rem;
}
.lp-rent-visual dl{
    margin-top:1.5625rem;
}
.lp-rent-visual dt{
    color:#fff;
    font-size:1rem;
    font-weight:500;
    line-height:1.25rem;
}
.lp-rent-visual dd{
    margin-top:0.625rem;
    margin-bottom:1.5rem;
}
.lp-rent-visual dd a{
    color:rgba(255, 255, 255, .8);
    font-size:1.5rem;
    font-weight:500;
    line-height:2rem;
}
.lp-rent-visual dd a::before{
    display:inline-block;
    width:2rem;
    height:2rem;
    margin-right:0.5rem;
    vertical-align:top;
    background:url(/mo/resources/images/rent/ico_call-4c2876f1d474b7bd098814a44b2f7837.png) no-repeat center center;
    background-size:contain;
    z-index:1;
    content:'';
}
.lp-rent-visual .btn-more{
    position:absolute;
    left:8.53%;
    bottom:10%;
    display:inline-block;
    width:12.5rem;
    padding:0 2rem;
    font-weight:700;
    line-height:3.75rem;
    border-radius:1.875rem;
    background:#fff;
    z-index:2;
    text-align: left;
}
.lp-rent-visual .btn-more::after{
    position:absolute;
    right:2rem;
    top:50%;
    transform:translateY(-50%);
    content:'>';
}

.lp-rent-usp{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding:2.5rem 1.25rem;
    gap:2.5rem 0;
}
.lp-rent-usp li{
    display:flex;
    justify-content:start;
    align-items:center;
    gap:0 0.5rem;
}
.lp-rent-usp li i{
    flex:none;
    width:2.75rem;
    height:2.75rem;
}
.lp-rent-usp li span{
    font-weight:700;
    line-height:1.375rem;
}
.lp-rent-usp li span.sub-text{
    display:block;
    color:#666;
    font-size:0.875rem;
    font-weight:400;
    letter-spacing:-0.0625rem;
}
.lp-rent-usp li:nth-child(1) i{
    background:url(/mo/resources/images/rent/icon_rent_usp01-314e47ca6348795285fe991fd6810ed9.png) no-repeat center center;
    background-size:contain;
}
.lp-rent-usp li:nth-child(2) i{
    background:url(/mo/resources/images/rent/icon_rent_usp02-5f4b6e7dca1894218ef8c8201e2c61ee.png) no-repeat center center;
    background-size:contain;
}
.lp-rent-usp li:nth-child(3) i{
    background:url(/mo/resources/images/rent/icon_rent_usp03-8e7db5f0de5e7f5aee8c42bce0df8e38.png) no-repeat center center;
    background-size:contain;
}
.lp-rent-usp li:nth-child(4) i{
    background:url(/mo/resources/images/rent/icon_rent_usp04-c00e707e32b71dba6f4a633036cc3e92.png) no-repeat center center;
    background-size:contain;
}


/* 상세 검색메뉴 김보라 수정 2024-11-26 */
.bottom__set {position: fixed;left: 0;right: 0;width: 100%;bottom: 0;z-index: 28;background-color: #fff;}
.bottom__set .select-review {position: relative;transform: none;left: 0;bottom: -200px;/* height: 0; */z-index: 4;/* padding: 0; *//* border: none; *//* z-index: 0; */}
.bottom__set .fixed-btn-box {position: relative;z-index: 100;transform: none;left: 0;}
.bottom__set .select-review {margin: 0;height: 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.bottom__set.on .select-review,.bottom__set .select-review.on {height: auto;bottom: 0;}
    /* 최근 검색 조건  */
.theme-tab-wrap.search-tab-wrap .search-recent-box .search-item-box {padding-bottom: 3rem;background-color: #f9f9f9;}

/* 26.05 리뉴얼 추가 조충희 */
.lp-total-box{
	width:100%;
	height:3.75rem;
	padding:0 1.25rem;
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.lp-total-box .lp-total{
	font-size:1.25rem;
	font-weight:700;
	color:#131313;
}

.lp-total-box .lp-total span{
	color:#0061fd;
}

.compare-snack{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.compare-snack img{
	width:1.125rem;
}

.compare-snack span{
	font-size:0.875rem;
	color:#fff;
	font-weight:500;
}

.search-theme{
	width:100%;
	overflow:hidden;
	border-bottom:0.0625rem solid #d2d8e1;
}

.search-theme .theme-wrap{
	width:100%;
	overflow:auto;
	-ms-overflow-style: none;
    scrollbar-width: none;
}


.search-theme .theme-wrap::-webkit-scrollbar{
    display: none;
}

.search-theme .theme-wrap .theme-list{
	width:max-content;
	display:flex;
	align-items:center;
	gap:0.5rem;
	padding:1rem 1.25rem;
	box-sizing:border-box;
}

.search-theme .theme-wrap .theme-list .theme-items{
	display:flex;
}

.search-theme .theme-wrap .theme-list .theme-items a{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 1.125rem;
	height:2.625rem;
	border-radius:2.625rem;
	border:0.0625rem solid #f2f3f6;
	background:#fbfbfb;
	font-size:0.875rem;
	font-weight:500;
	color:#292e41;
	white-space:nowrap;
}

.search-theme .theme-wrap .theme-list .theme-items.active a{
	background:#fff;
	border:0.0625rem solid #121828;
	color:#121828;
	font-weight:700;
}