/* 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;
}
.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:#0096ff;
    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(../images/common/ico_list_sort.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(../images/common/ico_list_filter.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:#0096ff;
    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(../images/common/ico_toggle_arr.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(../images/rent/elec_btn_ico.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(../images/common/btn_slide_down.png) no-repeat center center;
    background-size:0.875rem;
}
.category-serach-filter > button.down{
    background:url(../images/common/btn_slide_up.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(../images/common/ico_inp_search.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(../images/common/btn-inp-reset.png) no-repeat center center;
    background-size:contain;
}
.btn-inp-reset.active{
    pointer-events:visible;
    background:#0096ff url(../images/common/btn-inp-reset.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(../images/common/lp/bg_compare.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;
}
.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(../images/common/ico_sort_single.png) no-repeat center/auto 100%;
}
.lp-keyword-box .btn-sort-option.multi{
    background:url(../images/common/ico_sort_multi.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(../images/common/ico_sort_single.png) no-repeat center/auto 100%;
}
.lp-search-box .btn-sort-option.multi{
    background:url(../images/common/ico_sort_multi.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 {}
/* 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(../images/smartbuy/electric_bage_i.svg) no-repeat center;
	background-size:contain;
	position:absolute;
	left:0.375rem;
	top:50%;
	transform:translate( -0, -50% );
}

/* 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:#0096ff;
}
.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(../images/smartbuy/ico_pin.png) no-repeat center center;
    background-size:contain;
}
.fixed-car .car-header .btn-fixed{
    background:url(../images/smartbuy/ico_pin_on.png) no-repeat center center;
    background-size:contain;
}
.car-header .btn-del{
    border:0;
    background:url(../images/smartbuy/btn_close.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("../images/common/lp/ico_prd_timedeal.png") no-repeat .375rem center;
    background-size:12px;
}
.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(../images/common/ico_tip_close.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(../images/smartbuy/ico_option_checked.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(../images/smartbuy/btn_compare_add.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:#0096ff;
}
.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(../images/common/lp/ico_item_alarm.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: #0096ff;
}
.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("../images/common/lp/ico_prd_reborn_bar.png") no-repeat center/auto 100%;
    content:'';
}
.product-list-wrap .car-thumb .car-logo i.reborn {
    background-image: url("../images/common/lp/ico_prd_reborn.png");
}
.product-list-wrap .car-thumb .car-logo i.hyun {
    background-image: url("../images/common/lp/ico_prd_hyun.png");
}
.product-list-wrap .car-thumb .car-logo i.sk {
    background-image: url("../images/common/lp/ico_prd_sk.png");
}
.product-list-wrap .car-thumb .car-logo i.hana {
    background-image: url("../images/common/lp/ico_prd_hana.png");
}
.product-list-wrap .car-thumb .car-logo i.woori {
    background-image: url("../images/common/lp/ico_prd_woori.png");
}
.product-list-wrap .car-thumb .car-logo i.m {
    background-image: url("../images/common/lp/ico_prd_m.png");
}
.product-list-wrap .car-thumb .car-logo i.bnk {
    background-image: url("../images/common/lp/ico_prd_bnk.png");
}
.product-list-wrap .car-thumb .car-btn {
    position: absolute;
    right: 0.25rem;
    bottom: 0.25rem;
    z-index: 2;
}
.product-list-wrap .car-thumb .car-btn button {
    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;
}
.product-list-wrap .car-thumb .car-btn button.favorite {
    background-image: url("../images/common/lp/ico_prd_wish.png");
}
.product-list-wrap .car-thumb .car-btn button.favorite.on {
  background-image: url("../images/common/lp/ico_prd_wish_on.png");
}
.product-list-wrap .car-thumb .car-btn button.compare {
  display:none;
  background-image: url("../images/common/lp/ico_prd_compare.png");
}
.product-list-wrap .car-thumb .car-btn button.compare.on {
  background-image: url("../images/common/lp/ico_prd_compare_on.png");
}
.product-list-wrap.compare .car-thumb .car-btn button.compare {
    display:block;
}
.product-list-wrap.compare .car-thumb .car-btn button.favorite {
    display:none;
}

.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: #0096ff;
    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:#0096ff;
    line-height:1.125rem;
    border:0.0625rem solid #0096ff;
    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;
    font-weight: 700;
    line-height: inherit;
    color: #0096ff;
}
.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("../images/common/lp/ico_prd_more.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: #0096ff;}
.rent-info-box .rent-pay-subs .sale {color: #cd0000;}
.rent-info-box .rent-pay-subs .active.sale {color: #0096ff;}
.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:#0096ff;
    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(../images/common/ico_result_empty.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(../images/common/ico_reset.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:#0096ff;
    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(../images/common/ico-plus.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(../images/common/btn_search_cancel.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(../images/common/ico_gnb_hisback.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 #ddd;
}
.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: flex-start;
    align-items: center;
    gap:0 0.5rem;
    width:100%;
    padding:0.75rem 2.625rem 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 2.625rem 0.75rem 1.25rem;
}
.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 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(../images/common/btn_maker_list.png) no-repeat center center;
    background-size:contain;
    content:'';
}
.maker-list-box i.hyun{
    background:url(../images/common/search/ico_logo_hyun.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.kia{
    background:url(../images/common/search/ico_logo_kia.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.gene{
    background:url(../images/common/search/ico_logo_gene.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.renault{
    background:url(../images/common/search/ico_logo_renault.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.kg{
    background:url(../images/common/search/ico_logo_kg.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.chev{
    background:url(../images/common/search/ico_logo_chev.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.benz{
    background:url(../images/common/search/ico_logo_benz.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.bmw{
    background:url(../images/common/search/ico_logo_bmw.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.nissan{
    background:url(../images/common/search/ico_logo_nissan.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.land{
    background:url(../images/common/search/ico_logo_land.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.lexus{
    background:url(../images/common/search/ico_logo_lexus.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.mini{
    background:url(../images/common/search/ico_logo_mini.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.audi{
    background:url(../images/common/search/ico_logo_audi.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.jeep{
    background:url(../images/common/search/ico_logo_jeep.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.cadillac{
    background:url(../images/common/search/ico_logo_cadillac.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.ford{
    background:url(../images/common/search/ico_logo_ford.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.porsche{
    background:url(../images/common/search/ico_logo_porsche.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.volks{
    background:url(../images/common/search/ico_logo_volks.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.peugeot{
    background:url(../images/common/search/ico_logo_peugeot.png) no-repeat center center;
    background-size:contain;
}
.maker-list-box i.honda{
    background:url(../images/common/search/ico_logo_honda.png) no-repeat center center;
    background-size:contain;
}
/* 선택옵션 전체보기 */
.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(../images/common/btn_slide_up.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(../images/common/ico_delete.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;
}
.check-type-list.car-color .label .text{
    color:#666;
    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(../images/common/search/ico_color_check.png) no-repeat center center;
    background-size:contain;
    z-index:2;
    content:'';
}
.check-type-list.car-color .label .color.etc{
    background:url(../images/common/search/ico_color_etc.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;
}

.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(../images/common/search/ico_opt01.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt02{background:url(../images/common/search/ico_opt02.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt03{background:url(../images/common/search/ico_opt03.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt04{background:url(../images/common/search/ico_opt04.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt05{background:url(../images/common/search/ico_opt05.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .ico-opt.opt06{background:url(../images/common/search/ico_opt06.png) no-repeat center center;background-size:contain;}

.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt01{background:url(../images/common/search/ico_opt01_on.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt02{background:url(../images/common/search/ico_opt02_on.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt03{background:url(../images/common/search/ico_opt03_on.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt04{background:url(../images/common/search/ico_opt04_on.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt05{background:url(../images/common/search/ico_opt05_on.png) no-repeat center center;background-size:contain;}
.check-type-list.car-opt .checkbox:checked + .label .ico-opt.opt06{background:url(../images/common/search/ico_opt06_on.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(../images/common/ico-plus.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(../images/common/search/ico_save_pin.png) no-repeat center center;
    background-size:contain;
}
.search-item .check-button.box .checkbox:checked + .label .ico-pin{
    background:url(../images/common/search/ico_save_pin_on.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(../images/common/ico_toggle_arr.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:#0096ff;

}
.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(../images/common/btn_layer_top_close.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:#0096ff;
}

.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(../images/common/ico_tip_close.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(../images/common/search/ico_alarm.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(../images/rent/bg_rent_visual.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(../images/rent/ico_call.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(../images/rent/icon_rent_usp01.png) no-repeat center center;
    background-size:contain;
}
.lp-rent-usp li:nth-child(2) i{
    background:url(../images/rent/icon_rent_usp02.png) no-repeat center center;
    background-size:contain;
}
.lp-rent-usp li:nth-child(3) i{
    background:url(../images/rent/icon_rent_usp03.png) no-repeat center center;
    background-size:contain;
}
.lp-rent-usp li:nth-child(4) i{
    background:url(../images/rent/icon_rent_usp04.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;}
