/* 개발자가 추가한 파일 */

/* 차량 검색어 자동 완성 하이라이트 */
.highlight {
    color: red;
    font-weight: 700;
}

/* 내차사기 목록 Guarentee Only 버튼 */
#btnSearchGuarantee {
    cursor: pointer;
}

#btnSearchGuarantee.is-active {
    color: #FFF;
    background-color: #222;
}

/* LHJ2022-09-16 : 필터 검색 autocomplete CSS 조정 */
.ui-widget.ui-widget-content.ui-autocomplete {
    border-radius: 2px;
    border: 1px solid #707070;
    background-color: #FFF;
    padding: 8px 0;
}

.ui-autocomplete .ui-menu-item-wrapper {
    padding: 4px 16px;
    border: none;
    font-weight: 600;
    color: #000;
    background-color: transparent;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete .ui-menu-item-wrapper.ui-state-active:hover {
    background: rgba(227, 227, 227, 0.66);
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    margin: 0 -1px;
}

.ui-autocomplete .ui-menu-item-wrapper .c-1 {
    color: #DA291C;
}

/* LHJ2022-09-16 : 메인화면 리뷰 사진 크기 조정 */
.list-review .thumb-box .thumb {
    width: 291px;
}

.list-review .thumb-box .thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* LHJ2022-09-15 : 팝업창 사이즈 조절 */
.dialog-alert {
    width: auto;
}

/* LHJ2022-09-15 : 차량상세 페이지의 옵션 아이콘 비활성화 상태 추가 */
.option-list ul li > span.is-disabled {
    opacity: .2;
}

/* LHJ2022-09-15 : 선택된 검색 필터 조건 태그가 많아지면 자동 줄바꿈 되도록 스타일 추가 */
.filter-result .depth-box {
    flex-wrap: wrap;
}

/* loading */
.loading {
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: wait;
    background: transparent url('../images/common/loading.gif?ver=202610221000') no-repeat center center / 120px;
}

/* ===================================
calendar style
================================= */
/* 2022-09-13 : 달력 디자인을 위해 추가 */
.calendar-box .inner-box {
    font-family: Arial, Helvetica, sans-serif;
}

.cld-item-wapper {
    margin-top: -5px;
}

.cld-item-tit {
    width: 100%;
    text-align: center;
    margin: 0 0 24px;
}

.cld-item-tit p {
    display: inline-flex;
    font-size: 2.0rem;
    color: #000;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
}

.cld-item-tit p b {
    font-weight: 700;
}

.cld-item-tit p i {
    font-weight: 400;
    font-style: normal;
    padding-left: 8px;
}

.cld-item-tit a {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    width: 35px;
    color: #999;
    vertical-align: middle;
}

.cld-item-tit .l {
    width: 25px;
    height: 25px;
    background: url(../images/common/arrow-calendar.svg?ver=202610221000) 0 0 no-repeat;
    background-size: 25px 25px;
}

.cld-item-tit .r {
    width: 25px;
    height: 25px;
    background: url(../images/common/arrow-calendar.svg?ver=202610221000) 0 0 no-repeat;
    transform: rotate(180deg);
    background-size: 25px 25px;
}

.cld-item {
    margin: 0 auto;
}

.cld-item table {
    border-top: none;
}

.cld-item tr {
    border: none !important;
}

.cld-item th {
    height: 50px;
    padding-bottom: 6px;
    color: #999;
    font-size: 1.6rem;
    font-weight: 700;
}

.cld-item td {
    position: relative;
    padding: 4px 0;
    vertical-align: middle;
    text-align: center;
}

.cld-item td p {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    color: #000;
    font-size: 1.8rem;
    font-weight: 700;
}

.cld-item td p.cld-day-today {
    position: inherit;
    background: #000;
    color: #fff;
    z-index: 1;
}

.cld-item .day_disabled {
    opacity: 0.1
}

.cld-day-point {
    position: absolute;
    top: 4px;
    left: 50%;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-left: 7px;
    vertical-align: middle;
    background: #DA291C;
    content: "";
    z-index: 2;
}

.cld-item td .cld-day-point + p {
    color: #DA291C;
}

.cld-item td .cld-day-point + p.cld-day-today {
    color: #fff;
}

/* LHJ2022-10-04 : 필터 검색 */
/* range slider */
.ui-widget-content.slider-range {
    border: none;
!important;
}

.ui-slider {
    position: relative;
    text-align: left;
    height: 4px;
    background: #E8E8E9;
    border-radius: 4px;
}

.ui-slider .ui-slider-range {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
}

.ui-slider .ui-widget-header {
    background: #DA291C;
}

.ui-slider .ui-state-default {
    border: 2px solid #DA291C;
    border-radius: 50%;
    background: #fff;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    top: -6px;
    margin-left: -5px;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: default;
}

.rangeSlider-wrap {
    position: relative;
    height: 40px;
    padding-top: 6px;
    margin: 8px 0 10px 0;
}

.rangeSlider-wrap .line {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
}

.rangeSlider-wrap .line li {
    flex: 1;
    height: 5px;
    border-right: 1px solid #ddd;
}

.rangeSlider-wrap .line li:last-child {
    border: none;
}

.rangeSlider-wrap .range {
    display: flex;
    margin-top: 9px;
}

.rangeSlider-wrap .range * {
    color: #9E9E9E;
    font-style: normal;
    font-size: 12px;
}

.rangeSlider-wrap .range i {
}

.rangeSlider-wrap .range em {
    margin-left: auto;
}

input[type=text].input-rangeSlider-result {
    width: 100%;
    height: 18px;
    padding: 0;
    border: none;
    color: #DA291C !important;
    font-size: 12px;
    background: #fff !important;
}

.accordion-wrap-dev .acc-item-dev .link {
    cursor: pointer;
}

.accordion-wrap-dev .acc-item-dev .acc-header-dev {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 18px 32px 16px 0;
}

.accordion-wrap-dev.filter .acc-item-dev .acc-header-dev {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
}

.accordion-wrap-dev .acc-item-dev .acc-header-dev:after {
    content: '';
    opacity: .5;
    transform: translateY(-50%) rotate(0);
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50%;
    width: 24px;
    height: 24px;
    background: url(../images/icon/accordion-dw.png?ver=202610221000) no-repeat center;
}

.accordion-wrap-dev .acc-item-dev.is-active > .acc-header-dev::after {
    opacity: 1;
    transform: translateY(-50%) rotate(180deg);
}

.accordion-wrap-dev.filter .acc-item-dev .acc-header-dev::after {
    top: 10px;
    right: initial;
    left: 8px;
    position: relative;
}

.accordion-wrap-dev.filter .acc-item-dev .acc-header-dev .title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
}

/* LHJ2022-10-04 : 입찰 차량 상세 페이지의 퍼블 오류 수정 (옵션 리스트 부분 글자 색깔) */
.option-detail-list dl ul li {
    color: #000;
}

/* LHJ2022-10-04 : 메인화면 메이커 리스트 아이콘 퍼블 오류 수정 */
.icon.brand {
    background-size: 100%;
}

.main-visual-wrap .o-search-wrap .extend-box .o-depth ul li a .brand {
    margin-right: 5px !important;
}

/* //LHJ2022-10-04 : 메인화면 메이커 리스트 아이콘 퍼블 오류 수정 */

/** 최근 본 상품 판매완료 표시 */
#recentProductList .is-disabled {
    pointer-events: none;
    opacity: .2;
}

/** 찜한 상품 판매완료 표시 */
#myWishList .is-disabled {
    pointer-events: none;
    opacity: .2;
}

/* LHJ2022-10-20 : 버튼색을 모바일로 맞추기 위함 */
.btn-gray {
    border-color: #999 !important;
    color: #FFF !important;
    background: #999 !important;
}

/* flex layout */
.flex-item {
    display: flex !important;
    align-items: center;
}

.flex-item .flex-l {
    display: flex !important;
}

.flex-item .flex-r {
    display: flex !important;
    margin-left: auto;
}

/* LHJ2022-10-20 : 주문 유효 기간 표시 여백 추가 */
.option-box .state-box .expiry-wrap dl > .row dt {
    margin-right: 10px !important;
    padding-left: 20px !important;
}

.option-box .state-box .expiry-wrap dl > .row dd {
    font-weight: 700 !important;
}

/* LHJ2022-10-21 : 셀러 마이페이지 수출면장, 차량말소증 버튼 크기 조정 */
.option-box .upload-wrap .choice-btn-wrap.check ul li {
    width: auto !important;
    min-width: 146px !important;
}

/* LHJ2022-10-23 : 리뷰 이미지 전체 보이게끔 수정 */
.list-review .thumb-box .thumb img {
    object-fit: contain !important;
}

.review-box .thumb-wrap .thumb img {
    object-fit: contain !important;
}

/* LH2022-10-23 : 리뷰 상세 작성자 및 작성일자 디자인 수정 */
.review-box .text-wrap .title-box .title {
    font-size: 1.4rem;
    color: #54585A;
    font-family: 'Pretendard', sans-serif, 'AppleSDGothicNeo';
    font-weight: 400;
}

/* LHJ2022-10-24 : 입찰 금액입력란 스타일 수정 */
.model-info .bidding-wrap dl .row > dd input[type="text"] {
    font-size: 2.1rem;
    font-weight: 700;
}

#dialogBidCarDetail .fixed-bar .form-input .input-unit input[type='text'] {
    font-size: 2.1rem;
    font-weight: 700;
}

/* LHJ2022-10-25 : 2줄 말줄임표 스타일 추가 */
.ellipsis-line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* LHJ2022-10-25 : 입찰 리스트 검색바의 검색란 크기 조정 (다국어 적용 시 2줄이 돼서...) */
.buy-user-box > .choice-text-wrap input {
    width: 360px;
}

/* LHJ2022-10-25 : 차량 목록 유형을 썸네일 형식으로 변경 시 여백 오류 수정 */
.board-list.row {
    margin: 56px 0 80px;
}

/* LHJ2022-11-02 : FAQ 탭 제목 글자수 길 경우 글자가 넘치던 오류 수정 */
.sorting-button-wrap ul li a, .sorting-button-wrap ul li button {
    min-height: 56px;
    height: 100%;
}

/* LHJ2022-11-08 : 셀러 매물 등록 시 썸네일 순서 변경을 위해 css 추가 */
.regist-visual-wrap2 .regist-box .regist-thumb ul.list2 {
    margin: -6px;
    display: flex;
    flex-wrap: wrap;
}

/* LHJ2022-11-10 : 셀러 마이페이지 등록 매물 리스트의 가격 테이블 여백 조정 */
.order-body .data-table-wrap.top2 {
    margin-bottom: 0;
}

/* LHJ2022-11-10 : 셀러 마이페이지 등록 매물 리스트의 가격 테이블 여백 조정 */
#gv_totalSearchResult ul > li > button {
    text-align: left;
}

/* LHJ2022-11-30 : 메인페이지 LOTTE's Special Offer 영역의 원래 가격 여백 변경 */
.model-info .price-wrap del {
    margin-left: 16px;
    margin-right: 0;
}

/* LHJ2022-11-30 : 차량검색필터 글씨크기 조정 */
.snb.filter .devAccItem .text-brand,
.snb.filter .devAccItem .text-value {
    font-size: 16px;
}

/* LHJ2022-11-30 : 메인페이지 Auction - Live 영역 여백 변경 */
.section-auction .intro-wrap ol li {
    padding: 24px 124px 40px;
}

/* LHJ2022-11-30 : 입찰 페이지 상단 시간 표시부분 여백 수정 */
.auction-schedule-box .item {
    padding-right: 20px;
    padding-left: 20px;
}

/* LHJ2022-11-30 : 네비게이션 바에 화살표가 배경으로 겹쳐 보이던 문제 수정 */
.breadcrumb .depth .btn-dropdown {
    background-image: none;
}

/* LHJ2022-12-06 : 경매 리스트 깨지던 문제 수정 */
.dev-auction-list .model-info .info-column {
    display: flex;
    flex-direction: column;
    flex: 2;
}
.dev-auction-list .model-info .info-row .price-wrap dl dt {
    width: 85px;
}
.dev-auction-container .auction-schedule-box .item.md ul.lst li:not(.is-active) {
    cursor: pointer;
}
.dev-auction-container .auction-schedule-box .item.md ul.lst li.is-active {
    background-color:#fff;
}
.dev-auction-container .auction-schedule-box .item .txt-box .row > dd {
    text-align: left;
}
.dev-auction-container .auction-schedule-box dl .row > dd {
    text-align: left;
}

/* 아랍어용 */
:lang(ar) .accordion-wrap-dev .acc-item-dev .acc-header-dev{padding: 18px 0 16px 32px;}
:lang(ar) .accordion-wrap-dev.filter .acc-item-dev .acc-header-dev::after{right: 8px;left: initial;}
:lang(ar) .option-box .state-box .expiry-wrap dl > .row dt {margin: 0 0 0 10px !important;padding: 0 20px 0 0 !important;background-position: right center;}

/* KSY2025-12-17 차량검색필터 '0'개 disabled 처리추가 */
.tree-wrap li.is-disabled {
    opacity: 0.2;
}

/* KSY2025-12-30 FAQ 답변 잘리던 문제 수정*/
.accordion-wrap.board .acc-item .dl-qna.answer dd {
    white-space: pre-wrap;
}