@charset "utf-8";

/* 성능점검 뷰 css import */
@import url("car-check-view.css");

/* ### 230718 수정 */
.search-list-container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 0px;
    position: relative;
}

.search-list-container:after {
    content: "";
    display: block;
    clear: both;
}

.search-list-container .search-element {
    float: left;
    width: 280px;
}

/* ### 230718 수정 */
.search-list-container .list-element {
    /* float: right; */
    /* width: 925px; */
    width: 910px;
    display: block;
    margin-right: 0;
    margin-left: auto;
    visibility: unset;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom:20px;
}

.search-list-container .page-title {
    height: 55px;
    padding-top: 10px;
    font-size: 24px;
    font-weight: 700
}

/* search-element */
/*.search-element {position:relative;}*/
.search-element .bt-search-history {position:absolute;right:0;top:19px;padding-left:13px;font-size:12px;background:url("../images/icon/ico-search-history.svg") no-repeat 0 50%;}
.search-element .bt-reset-condition {position:absolute;right:0;top:19px;padding-left:13px;font-size:12px;background:url("../images/icon/ico-reset-condition.svg") no-repeat 0 50%;}
/* Filter */
/* ### 230718 수정 */
.search-element .search-condition {
    position: absolute; left: 0; z-index: 10; width: 280px; border-top: 1px solid #E6E6E6;
}

/* ### */
.search-element .search-condition.fixed {
    max-height: initial;
    position: fixed;
    left: initial;
    top: 0;
    bottom: 0;
    z-index: 10;
    /* visibility: visible; */
    /* overflow-x: visible; */
    overflow-y: auto;
    overscroll-behavior: inherit;
    /* overscroll-behavior: none; */
}
.search-element .search-condition.fixed .item-lotteService .svc-box-wrap .svc-box .common-layer-group.posTop .common-layer-tooptip { position: fixed; top: 135px; }
.search-element .search-condition.fixed .item-lotteService .svc-box-wrap .svc-box:nth-child(1) .common-layer-group.posTop .common-layer-tooptip { left: calc(50vw - 700px); }
.search-element .search-condition.fixed .item-lotteService .svc-box-wrap .svc-box:nth-child(2) .common-layer-group.posTop .common-layer-tooptip { left: calc(50vw - 663px); }
.search-element .search-condition.fixed .item-lotteService .svc-box-wrap .svc-box:nth-child(3) .common-layer-group.posTop .common-layer-tooptip { left: calc(50vw - 609px);  }


/* scrollbar */
.search-element .search-condition.fixed::-webkit-scrollbar {
    width: 10px;
    /* display: none; */
}

.search-element .search-condition.fixed::-webkit-scrollbar-thumb {
    width: 10px;
    border-left: 8px solid transparent;
    border-right: 0px solid transparent;
    background-color: #dfdfdf;
    background-clip: content-box;

}

.search-element .search-condition.fixed::-webkit-scrollbar-track {
    width: 10px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    background-color: #fff;
    background-clip: content-box;
}

/* ### */
.search-element .condition-item {
    position: relative;
    max-height: 66px;
    overflow: hidden;
    border-top: 1px solid #E6E6E6;
    transition: max-height .1s
}

/* ### */
.search-element .condition-item:first-child {
    border-top: none;
}

/* ### 230718 추가 */
.search-element .condition-item.item-lotteService { border-top: none; }

.search-element .condition-item.unfold {
    /* max-height: 800px; */
    max-height: initial;
    padding-bottom: 15px;
    overflow: visible;
}

.search-element .condition-item .item-title {
    position: relative;
    height: 66px;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.search-element .condition-item .item-content {
    padding: 0
}

.search-element .condition-item .bt-flip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 66px;
    background: url("../images/icon/ico-unfold.svg") no-repeat 95% 50%;
}

.search-element .condition-item.unfold .bt-flip {
    background: url("../images/icon/ico-fold.svg") no-repeat 95% 50%;
}

/* ### 230706 count 수정 */
.search-element .condition-item .count {
    position: absolute;
    right: 23px;
    top: 3px;
    font-size: 12px;
    color: #999;
    font-weight: 300;
}

/* ### 추가 */
.search-element .condition-item .icon_toggle {
    display: inline-block;
    position: absolute;
    height: 25px;
    right: 0px;
    top: 0;
    opacity: 0.4;
    cursor: pointer;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.search-element .condition-item .icon_toggle img {
    width: 100%;
    transform: rotate(0);
    width: 12px;
    /* transition: 0.25s; */
    /* transform-origin: center; */
}

/* ### 230707 필터더보기 버튼 */
.search-element .btn-addFilter {
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F3F3F3;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-top: 30px;
    margin-bottom: 165px;
}

.search-element .btn-addFilter img {
    width: 14px;
    height: 14px;
    margin-right: 6px;
}

.search-element .btn-addFilter span {
    font-size: 13px;
    color: #666;
    font-weight: 500;
}

/*.search-element .condition-item {position:relative;max-height:58px;overflow:hidden;border-bottom:1px solid #E9E9E9;transition:max-height .1s}*/
/*.search-element .condition-item:last-child {border-bottom:0;}*/
/*.search-element .condition-item.unfold {max-height:800px;padding-bottom:15px;overflow:visible;}*/
/*.search-element .condition-item .item-title {position:relative;height:58px;padding-top:16px;font-size:16px;font-weight:700}*/
/*.search-element .condition-item .item-content {padding:0}*/
/*.search-element .condition-item .bt-flip {position:absolute;top:0;left:0;width:100%;height:58px;background:url("../images/icon/ico-unfold.svg") no-repeat 95% 50%;}*/
/*.search-element .condition-item.unfold .bt-flip {background:url("../images/icon/ico-fold.svg") no-repeat 95% 50%;}*/
/*.search-element .condition-item .count {position:absolute;right:20px;top:0;font-size:12px;color:#666;}*/



.search-element .bt-func {position:absolute;top:18px;right:0;color:#666;font-size:12px;text-decoration:underline}
.search-element .search-history {position:absolute;width:100%;padding:18px 5px 18px 14px;background:#fff;border-radius:4px;box-shadow:0 5px 7px #c8c8c8;z-index:10;display:none}
.search-element .search-history.open {display:block;}
.search-element .search-history .tit {font-size:16px;font-weight:700}
.search-element .search-history .sch-history-group .tit {font-size:16px;font-weight:700}
.search-element .search-history .sch-history-group .kwd li {position:relative;padding-right:30px;margin-top:7px;}
.search-element .search-history .sch-history-group .kwd a {display:block;font-size:12px;}
.search-element .search-history .sch-history-group .kwd a em {color:#f33}
.search-element .search-history .sch-history-group .bt-del-history {position:absolute;right:0;top:0;width:20px;height:20px;background:url("../images/icon/ico-del-x-gray.svg") no-repeat 50% 50%;}

/*20241002 판매타입 추가*/
.search-element .item-lotteService .sale-type {
    display: flex; justify-content: space-between;
    padding-bottom: 25px; border-bottom: 1px solid #E1E1E1; margin-bottom: 25px;
}
.search-element .item-lotteService .sale-type li input[type="radio"]+label::after{display: none;}
.search-element .item-lotteService .sale-type li input[type="radio"]+label {
    display: block;
    background-color: white;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    height: auto;
    line-height: normal;
    text-align: center;
    color: #303030;
    font-weight: 400;
    font-size: 13px;
    padding: 11px 33px;
}
.search-element .item-lotteService .sale-type li input[type="radio"]:checked+label {
    background-color: #1A1A1A;
    border-color: #1A1A1A;
    color: white;
    font-weight: 800;
}

.search-element .item-lotteService .sale-type li input[type="radio"]:disabled+label {
    background:#ddd;
    border-color:#ddd;
    color:#fff;
    cursor:default;
}

/* 230706 롯데서비스 추가 */
.search-element .item-lotteService .svc-box-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-element .item-lotteService .svc-box-wrap .svc-box {
    width: 100%;
    padding: 11px 0 8px;
    background-color: #F7F7F7;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-right: 5px;
    border: 1px solid #F9F9F9;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.search-element .item-lotteService .svc-box-wrap .svc-box.no-accident .filtericon{
    display:block;
    background:url('../images/icon/ico-filter-clean.svg');
    background-size:24px 24px;
    width:24px; height:24px;
}
.search-element .item-lotteService .svc-box-wrap .svc-box.auto-care .filtericon{
    display:block;
    background:url('../images/icon/ico-filter-mt.svg');
    background-size:24px 24px;
    width:24px; height:24px;
}
.search-element .item-lotteService .svc-box-wrap .svc-box.direct .filtericon{
    display:block;
    background:url('../images/icon/ico-filter-direct.svg');
    background-size:24px 24px;
    width:24px; height:24px;
}
.search-element .item-lotteService .svc-box-wrap .svc-box.no-accident.active .filtericon{
    display:block;
    background:url('../images/icon/ico-filter-clean_active.svg');
    background-size:24px 24px;
    width:24px; height:24px;
}
.search-element .item-lotteService .svc-box-wrap .svc-box.auto-care.active .filtericon{
    display:block;
    background:url('../images/icon/ico-filter-mt_active.svg');
    background-size:24px 24px;
    width:24px; height:24px;
}
.search-element .item-lotteService .svc-box-wrap .svc-box.direct.active .filtericon{
    display:block;
    background:url('../images/icon/ico-filter-direct_active.svg');
    background-size:24px 24px;
    width:24px; height:24px;
}


.search-element .item-lotteService .svc-box-wrap .svc-box:last-child {
    margin-right: 0;
}

.search-element .item-lotteService .svc-box-wrap .svc-box img {
    display: block;
    margin: 0 auto;
    width: 28px;
    height: 28px;
    opacity: 0.3;
}

.search-element .item-lotteService .svc-box-wrap .svc-box img.active { display: none; }
.search-element .item-lotteService .svc-box-wrap .svc-box img.inactive { display: block; }

.search-element .item-lotteService .svc-box-wrap .svc-box span {
    display: block;
    text-align: center;
    color: #666;
    font-size: 12px;
    font-weight: 300;
    margin-top: 3px;
}

.search-element .item-lotteService .svc-box-wrap .svc-box.active {
    background-color: #fff;
    /* border-color: #303030; */
    border-color: #f33;
}

.search-element .item-lotteService .svc-box-wrap .svc-box.active img {
    opacity: 1;
}
.search-element .item-lotteService .svc-box-wrap .svc-box.active img.active { display: block; }
.search-element .item-lotteService .svc-box-wrap .svc-box.active img.inactive { display: none; }

.search-element .item-lotteService .svc-box-wrap .svc-box.active span {
    color: #f33;
    font-weight: 700;
}

.search-element .item-lotteService .svc-box-wrap .svc-box .common-layer-group { display: none; position: absolute; bottom: 0; left: 0; }
.search-element .item-lotteService .svc-box-wrap .svc-box:hover .common-layer-group,
.search-element .item-lotteService .svc-box-wrap .svc-box:hover .common-layer-group .common-layer-tooptip { display: block; }
/* ### 230718 수정 */
.search-element .item-lotteService .svc-box-wrap .svc-box:hover .common-layer-group .common-layer-tooptip { min-height: initial; transform: initial; margin-top: 20px; }
/* ### 230718 추가 */
.search-element .item-lotteService .svc-box-wrap .svc-box:hover .common-layer-group .common-layer-tooptip u { font-weight: 700; color: #303030; }
.search-element .item-lotteService .svc-box-wrap .svc-box .common-layer-group .common-layer-tooptip:after {
    bottom: initial;
    transform: rotate(225deg);
    top: -9px;
}
.search-element .item-lotteService .svc-box-wrap .svc-box:nth-child(1) .common-layer-group.posTop .common-layer-tooptip { left: -80px; }
.search-element .item-lotteService .svc-box-wrap .svc-box:nth-child(1) .common-layer-group .common-layer-tooptip:after { left: 107px; }
.search-element .item-lotteService .svc-box-wrap .svc-box:nth-child(2) .common-layer-group.posTop .common-layer-tooptip { left: -140px; }
.search-element .item-lotteService .svc-box-wrap .svc-box:nth-child(2) .common-layer-group .common-layer-tooptip:after { left: 162px; }
.search-element .item-lotteService .svc-box-wrap .svc-box:nth-child(3) .common-layer-group.posTop .common-layer-tooptip { left: -175px; }
.search-element .item-lotteService .svc-box-wrap .svc-box:nth-child(3) .common-layer-group .common-layer-tooptip:after { left: 200px; }
.search-element .item-lotteService .svc-box-wrap .svc-box:nth-child(4) .common-layer-group.posTop .common-layer-tooptip { left: -180px; }
.search-element .item-lotteService .svc-box-wrap .svc-box:nth-child(4) .common-layer-group .common-layer-tooptip:after { left: 200px; }



/* check type common */
.search-element .select-type-checked {
    width: 100%;
    overflow: hidden;
}

.search-element .select-type-checked.hidden {
    display: none;
}

.search-element .select-type-checked.model + .icon_toggle img {
    transform: rotate(180deg);
}
.search-element .select-type-checked.dmodel + .icon_toggle img {
    transform: rotate(180deg);
}

.search-element .select-type-checked.hidden + .icon_toggle img {
    transform: rotate(0);
}

.search-element .select-type-checked + .select-type-checked {
    padding-top: 5px;
    margin-top: 10px;
    border-top: 1px dashed #E9E9E9;
}

.ctn-search-list .search-element .select-type-checked > li {
    position: relative;
    float: left;
    width: 50%;
    margin-top: 16px;
}
.search-element .select-type-checked > li:nth-child(1){
    margin-top:0;
}
#carTypeField .select-type-checked > li:nth-child(2){
    margin-top:0;
}
.search-element .select-type-checked label {
    font-weight: 500;
}

.search-element .select-type-checked.fuel-list{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.search-element .select-type-checked.fuel-list li{
    width:50%;
    margin-top:0;
    margin-bottom:16px;
}

.search-element .item-service li {
    width: 100%
}

.search-element .item-transmission li {
    width: 100%
}

.search-element .item-option li {
    width: 100%
}

.search-element .item-seller li {
    width: 100%
}
/* button type common */
.search-element .select-type-button > li {position:relative;margin-top:5px;}
.search-element .select-type-button .bt-item {font-weight:500;}
.search-element .select-type-button .bt-item:disabled {color:#999;}
.search-element .select-type-button .bt-item:disabled + .count {color:#999;}
/* slider type common */
.search-element .select-type-slider {padding:0 10px}
.search-element .select-type-slider .slider-range-wrap {padding:7px 0 10px 0;}
.search-element .select-type-slider .slider-value input {width:100%;text-align:center;font-size:12px !important;color:#f33;}
.search-element .select-type-slider .slider-value label {display:block;font-size:13px;}
.search-element .select-type-slider .sliderValue {font-size:12px !important;color:#999;width:100%;margin-top:-5px;border:0 !important;height:auto !important;padding:0 !important;background:transparent !important;}
.search-element .select-type-slider .sliderValue:focus {border:0 !important;}
.search-element .select-type-slider .ui-widget-content {background-color:#E9E9E9;border:none !important;border-radius:30px;}
.search-element .select-type-slider .ui-widget-header {background:#f33;border:none;}
.search-element .select-type-slider .ui-slider-horizontal {height:3px !important;}
.search-element .select-type-slider .ui-slider-handle {width:17px !important;height:17px !important;background-color:#f33 !important;border:2px solid #fff !important;border-radius:50%;top:-7px !important;box-shadow:0px 4px 5px #c8c8c8;}
/* color type common */
.search-element .select-type-color {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-15px;}
.search-element .select-type-color > li{padding-top:15px}
.search-element .select-type-color .bt-item {position:relative;}
.search-element .select-type-color .bt-item.selected:after {content:"";position:absolute;top: 13px;left: 10px;display:block;width: 16px;height: 11px;background: url('../images/icon/on_check_icon.svg') no-repeat 0 0;}
.search-element .select-type-color .bt-item var {display:block;width:36px;height:36px;margin:0 auto;border-radius:50%;border:1px solid #F3F3F3;background-position:50% 50%;background-size:100%;background-repeat:no-repeat;}
.search-element .select-type-color .bt-item span {display:block;padding-top:5px;text-align:center;font-size:12px;color:#666;font-weight:300}
.search-element .select-type-color .bt-item.selected span {font-weight:700;}
.search-element .select-type-color .bt-more var {background:url("../images/icon/ico-more-option.png") no-repeat 50% 50%;background-size:36px;border:0;}
.search-element .select-type-color .bt-more.selected:after {display:none}
/* input & combo type common */
.search-element .select-type-input {position:relative;display:flex;justify-content:space-between;align-items:center}
.search-element .select-type-input + .select-type-input {margin-top:20px;}
.search-element .select-type-input.has-tit {padding-top:25px}
.search-element .select-type-input.has-tit .tit {position:absolute;top:0;left:0;font-size:12px}
.search-element .select-type-input.has-bt {padding-right:0px}
.search-element .select-type-input .sl_wrap {position:relative;width:46%;}
.search-element .select-type-input .sl_wrap:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 16px;
    display: inline-block;
    width: 10px;
    height: 7px;
    background: url("../images/icon/ico-selectbox.svg") no-repeat 50% 50%;
}
.search-element .select-type-input .ip_wrap {position:relative;width:46%;}
.search-element .select-type-input .ip_wrap small {position:absolute;font-size:12px;top:12px;right:7px;font-weight:500;}
.search-element .select-type-input .sb {width:8%;text-align:center;}
.search-element .select-type-input .bt-submit {position:absolute;right:0;bottom:0;width:45px;height:30px;border-radius:2px;background:#fff;font-weight:700;color:#303030;border:1px solid #303030;font-size:11px}
.search-element .type-tab {display:flex;width:100%;margin-bottom:20px;background:#F3F3F3;border-radius:2px;}
.search-element .type-tab.n2 button {width:50%;}
.search-element .type-tab button {height:30px;font-size:12px;color:#666;font-weight:300}
.search-element .type-tab button.on {border:1px solid #303030;border-radius:2px;background:#fff;color:#303030;font-weight:700;}
/* select-type-keyword */
.search-element .select-type-keyword .sch-box {position:relative;}
.search-element .select-type-keyword input {font-size:12px}
.search-element .select-type-keyword .bt-sch {position:absolute;right:0;top:0;width:35px;height:30px;background:url("../images/icon/ico-search-thin.svg") no-repeat 50% 50%;text-indent:-9999px}
.search-element .select-type-keyword .bt-sch.red {background:#f33}
.search-element .select-type-keyword .sch-result {position:absolute;width:100%;padding:18px 5px 18px 14px;background:#fff;border-radius:4px;box-shadow:0 5px 7px #c8c8c8;z-index:10;display:none}
.search-element .select-type-keyword .sch-result.open {display:block;}
.search-element .select-type-keyword .sch-cate-group .tit {font-size:16px;font-weight:700}
.search-element .select-type-keyword .sch-cate-group .kwd a {display:block;margin-top:7px;font-size:12px;}
.search-element .select-type-keyword .sch-cate-group .kwd a em {color:#f33}
.search-element .keyword-tags {display:flex;flex-wrap:wrap;margin-top:20px;}
.search-element .keyword-tags .tag {height:30px;margin:0 8px 8px 0;background:#fff;padding:0 12px;border:1px solid #E9E9E9;border-radius:17px;font-size:14px;font-weight:300;}
.search-element .keyword-tags .tag.on {color:#f33;border:1px solid #f33;}

/* custom scrollbar */
.search-element .custom-scroller {max-height:500px;}
.search-element .mCSB_scrollTools {width:20px;}
.search-element .mCSB_inside>.mCSB_container {margin-right:0;}
.search-element .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:5px;background:#E9E9E9}
.search-element .mCSB_scrollTools .mCSB_draggerRail {background:transparent;}
.search-element  .brand-area  {text-align: center;color: #777; font-size:12px;height: 24px; line-height: 24px;}


/* 색상 */
.search-element .layer-view-color {position:absolute;top:50%;transform:translateY(-50%);width:480px;min-height:425px;padding:30px;margin-left:315px;background:#fff;z-index:200;border:1px solid #D6D6D6;box-shadow:0 3px 5px #0000007a;}
.search-element .layer-view-color.innercolor {min-height:345px}
.search-element .layer-view-color.innercolor:before {top:167px}
.search-element .layer-view-color.innercolor:after {top:161px}
.search-element .layer-view-color:before {content:"";position:absolute;top:207px;left:-11px;display:block;width:20px;height:20px;border:1px solid #e9e9e9;transform:rotate(45deg);border-top:0;border-right:0;background:#fff;box-shadow:0px 2px 4px #0000007a;}
.search-element .layer-view-color:after {content:"";position:absolute;top:201px;left:0px;display:block;width:20px;height:40px;background:#fff;}
.search-element .layer-view-color .layer-title {padding-bottom:15px;margin-bottom:30px;font-size:20px;font-weight:700;border-bottom:2px solid #E9E9E9}
.search-element .layer-view-color .bt-close-option-layer {position:absolute;right:18px;top:15px;width:50px;height:50px;background:url("../images/icon/ico-popup-closed.svg") no-repeat 50% 50%;}
.search-element .layer-view-color .select-type-color {justify-content:flex-start;}
.search-element .layer-view-color .select-type-color li {width:39px;margin-right:24px;}
.search-element .layer-view-color .select-type-color li:nth-child(7n) {margin-right:0;}
.search-element .layer-view-color .btn-group button {width:138px;}

/* ### 230718 전체차량 대수 추가 ~ */
.search-element .total_num {
    color: #303030; font-size: 22px; font-weight: 700; letter-spacing: -0.2px; line-height: 24px; padding: 20px 0 25px;
}

.search-element .total_num strong {
    font-size: 24px;
    color: #f33;
}
/* ### ~ 230718 전체차량 대수 추가 */

/* ### 230718 breadcrumb 추가 ~ */
.list-element .breadcrumb-wrap { text-align: right; margin-bottom: 7px; }
.list-element .breadcrumb-wrap, .list-element .breadcrumb-wrap a { font-size: 14px; color: #999; font-weight: 300; padding-right: 8px; }
.list-element .breadcrumb-wrap a { position: relative; margin: 0 6px; }
.list-element .breadcrumb-wrap a:first-child { margin-left: 0; }
.list-element .breadcrumb-wrap a::after {
    content: '';
    position: absolute;
    left: 100%;
    top:2px;
    bottom:2px;
    width: 7px;
    background-image: url(../images/icon/ico-arr-right.svg);
    background-size: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    opacity: 0.4;

}
.list-element .breadcrumb-wrap a.active { color: #000; font-weight: 500; padding-right: 0; }
.list-element .breadcrumb-wrap a.active::after { background-image: none; }

/* ### ~ 230718 breadcrumb 추가 */

/* 제조사/모델 */
.search-element .item-model .select-type-checked > li {
    width: 100%;
}

/* ### */
.search-element .item-model .select-type-checked .select-type-checked {
    padding-left: 17px
}
.search-element .item-model .select-type-checked .select-type-checked .dmodel{
    margin-top:15px;
}

.search-element .item-model .select-type-checked.mnfc {
    padding-bottom: 25px;
}

/* ### */
.search-element .item-model .select-type-checked.model {
    padding-bottom: 0;
    border-left: 2px solid #F3F3F3;
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 10px;
    padding-right: 10px;
}

/* ### */
.search-element .item-model .select-type-checked.model > li { margin-top: 13px; }
.search-element .item-model .select-type-checked.model > li:first-child { margin-top: 0; }

/* ### small check box */
.search-element .item-model .select-type-checked.model input[type="checkbox"]+label::after {
    width: 20px;
    height: 20px;
}

.search-element .item-model .select-type-checked.model input[type="checkbox"]+label {
    font-weight: 300;
}

/* ### 230706 로고 추가 */
.search-element .item-model input[type="checkbox"]+label .logo {
    width: 33px;
    display: inline-block;
    margin-right: 6px;
}

.search-element .item-model input[type="checkbox"]+label {
    width: calc(100% - 40px);
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.search-element .item-model input[type="checkbox"]+label .yr {
    display: block;
}

.search-element .item-model input[type="checkbox"]:disabled+label {
    color: #999
}

.search-element .item-model input[type="checkbox"]:disabled+label .logo {
    opacity: 0.4;
}

.search-element .item-model input[type="checkbox"]:disabled+label+.count {
    color: #999
}

.search-element .item-model.condition-item.unfold {
    padding-bottom: 0;
}

.search-element .item-model.condition-item .custom-scroller #mCSB_1 {
    padding-right: 5px;
}

.search-element .item-model.condition-item > div {
    max-height: 500px;
    overflow-y: auto;
}

.search-element .item-model.condition-item > div::-webkit-scrollbar { width: 5px; }

.search-element .item-model.condition-item > div::-webkit-scrollbar-thumb {
    width: 5px;
    border-left: 3px solid transparent;
    border-right: 0px solid transparent;
    background-color: #dfdfdf;
    background-clip: content-box;

}

/* 가격 */
.search-element .item-price .ip_wrap input {padding-right:30px;font-size:12px;color:#f33;font-weight:700;text-align:right;background:#fff;}
/* 주행거리 */
.search-element .item-distance .ip_wrap input {
    padding-right: 33px;
    font-size: 12px;
    color: #f33;
    font-weight: 700;
    text-align: right;
    background: #fff;
}

/* ### */
.search-element .range-bts {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

/* ### */
.search-element .rg-bt {
    position: relative;
    /* width: 54px; */
    width: 100%;
    height: 30px;
    border: 1px solid #E9E9E9;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 300;
    background: #fff;
    margin-right: 2px;
}
#priceField .range-bts{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
    flex-wrap: wrap;
    flex-direction: row;
}
#priceField .rg-bt{
    width: 24%;
    margin-bottom: 3px;
}
.search-element .rg-bt:last-child {
    margin-right: 0;
}

.search-element .rg-bt.on {
    color: #f33;
    border: 1px solid #f33;
    font-weight: 700;
}

/* ### */
.search-element .rg-bt.way {
    background: #FFEEED;
    border: 0;
}

.search-element .rg-bt.way:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 0;
    right: -5px;
    height: 30px;
    display: block;
    background: #FFEEED;
    z-index: -1
}
/* 옵션 */
.search-element .condition-item.unfold {
    padding-bottom: 25px;
}

.search-element .item-option li {
    width: 50%;
}

.search-element .item-option .bt-all-option {
    position: static;
    width: 280px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    text-decoration: none;
    border: 1px solid #E9E9E9;
    border-radius: 2px;
}

.search-element .item-option .bt-all-option:after {
    content: "+";
    font-size: 12px;
    color: #666
}

.search-element .item-option.unfold .bt-all-option {
    display: block;
    z-index: 10;
}

.search-element .item-option.unfold .custom-scroller {
    max-height: 320px;
}

.search-element .layer-view-option {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1000px;
    height: 845px;
    padding: 30px;
    margin-left: 315px;
    background: #fff;
    z-index: 200;
    border: 1px solid #D6D6D6;
    box-shadow: 0 3px 5px #0000007a;
}

.search-element .layer-view-option:before {
    content: "";
    position: absolute;
    top: 494px;
    left: -11px;
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #e9e9e9;
    transform: rotate(45deg);
    border-top: 0;
    border-right: 0;
    background: #fff;
    box-shadow: 0px 2px 4px #0000007a;
}

.search-element .layer-view-option:after {
    content: "";
    position: absolute;
    top: 486px;
    left: 0px;
    display: block;
    width: 20px;
    height: 40px;
    background: #fff;
}

.search-element .layer-view-option .inner {
    display: flex;
    max-height: 705px;
    overflow-y: auto;
}

.search-element .layer-view-option .opt-group {
    width: 25%;
}

.search-element .layer-view-option .opt-group h4 {
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #f33
}

.search-element .layer-view-option .opt-group li {
    width: 100%;
    margin-top: 12px;
}

.search-element .layer-view-option .layer-title {
    padding-bottom: 15px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #E9E9E9
}

.search-element .layer-view-option .bt-close-option-layer {
    position: absolute;
    right: 30px;
    top: 15px;
    width: 50px;
    height: 50px;
    background: url("../images/icon/ico-popup-closed.svg") no-repeat 50% 50%;
}
/* 변속기 */
.search-element .item-transmission li {width:100%;}
/* 연료 */
.search-element .item-fuel li {width:100%;}
/* 지점 */
.search-element .item-center .select-type-checked {display:flex;flex-direction:column;gap:12px;}
.search-element .item-center .select-type-checked > li {width:100%;margin-top:0;}
.search-element .item-center .select-type-checked > li label {font-weight:500;font-size:14px;color:#3b3b3b;}
.search-element .item-center .select-type-checked > li input[type="checkbox"]:checked + label {font-weight:600; color:#151515;}
.search-element .item-center .count {position:static;font-size:14px;font-weight:400;margin-left:4px;color:#8b8b8b;}

/* list-element */
.list-element {position:relative;}
.list-element .detail-element {border-top:3px solid #E9E9E9;}
.list-element .ico-ad {vertical-align:middle;margin:5px 3px 0 3px;width:40px;height:30px;background:url("../images/icon/ico-ad.svg") no-repeat 50% 50%;}
.list-element .list-button {position:absolute;right:0;top:58px;padding-top:13px;text-align:right;}
.list-element .list-button .bt-self-regist {height:30px;padding:0 10px;background:#f33;color:#fff;font-weight:700;font-size:12px;border-radius:5px;}

/* detail-element */
.search-detail-container {position:relative;width:1240px;margin:0 auto;background:#fff;}
.search-detail-container .bt-close-detail-view {display:none}
.search-detail-container .detail-element {height:100%;}
.search-detail-container.fixed .section-left  {position:fixed;top:0;}
.search-detail-container.relate .section-left {position:absolute;top:auto;bottom:0;}
.search-detail-container.fixed .section-right  {margin-left:820px;}
.search-detail-container.relate .section-right {margin-left:820px;}
.search-detail-container.fixed .section-right .s-title-wrap {
    margin-bottom: 15px;
}
.search-detail-container.fixed .section-right .content .text{
    margin-top:16px;
}
.search-detail-container.fixed .section-right .content .text ul li{
    font-size:14px;
    font-weight:400;
    position:relative;
    padding-left:10px;
    color:#666;
}
.search-detail-container.fixed .section-right .content .text ul li:before{
    content:'';
    width:4px; height:4px;
    background:#666;
    position:absolute;
    top:8px; left:2px;
}
.search-detail-container.fixed .section-right .content .text ul li.bold{
    font-weight:700;
}
.ctn-car-detail .list-type-vertical .list-item {
    width: calc(100% / 4);
}
.ctn-car-detail {
    padding: 0;
    padding-bottom: 120px;
}
.detail-element {display:flex;justify-content:space-between;}
.detail-element .section-left { /* width: 790px; */width: 770px;/* padding: 0 10px; *//* padding-right: 20px; */}
.detail-element .bt-vr {position:absolute;right:20px;bottom:20px;width:50px;height:50px;cursor:pointer;background:url('../images/icon/ico-vr-big.png') no-repeat;background-size:100%;z-index:100}
.detail-element .car-image-slider {width: 770px; position: relative;}
.detail-element .main-image-wrap {
    width: 100%;
    position: relative;
}
/* 라이브체크 버튼 */
.detail-element #bt_liveCheck {position: absolute;top: 10px;right: 10px;z-index: 3;}
.detail-element #bt_liveCheck a img { width: 60px; }
/* 라이브체크 신청하기 말풍선 */
.detail-element #bt_liveCheck .blank {position: absolute;top: 0;bottom: 0;right: calc(100% + 3px);display: flex;justify-content: center;align-items: center;display: none;}
.detail-element #bt_liveCheck .blank > span {font-size: 12px;font-weight: 400;color: #fff;padding: 10px 14px;word-break: keep-all;white-space: nowrap;background-color: rgba(0,0,0,0.75);-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;}
.detail-element #bt_liveCheck > a:hover ~ .blank {display: flex;}

/* 오토마켓 로고 : 히든처리 */
.detail-element .car-image-slider .mark-cert {position:absolute;top:25px;left:25px;width:48px;height:57px;background:url("../images/common/cert-mark-lotteauto.png") no-repeat 50% 50%;background-size:100%;}
.detail-element .car-image-slider img {display:block;width:100%;height:100%;}
.detail-element .car-image-list {margin-top:10px;}
.detail-element .car-image-list ul {display:flex;justify-content:space-between;flex-wrap:wrap;}
.detail-element .car-image-list li {width:380px;max-height:284px;height:auto;margin-bottom:10px;overflow:hidden;}
.detail-element .car-image-list li:nth-child(7),
.detail-element .car-image-list li:nth-child(12) {width:770px;height:auto;max-height:577px;}
.detail-element .car-image-list li a {display:block;width:100%;height:100%;}
.detail-element .car-image-list li img {display:block;width:100%;height:100%;}
.detail-element .car-image-list .type-full li {width:770px;height:auto;}

/* ### 2307185 추가 ~ */
.ctn-car-detail.wt .main-image-wrap::after {
    content: '';
    position: absolute;
    /* top: 35px; */
    /* right: 25px; */
    top: 30px;
    left: 35px;
    width: 150px;
    height: 95px;
    background-image: url(../images/elements/img-comingsoon.png);
    background-size: 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}

.ctn-car-detail .main-image-wrap .img-wt {
    width: 100%;
    height: 577px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #F3F3F3;
}

.ctn-car-detail .main-image-wrap .img-wt img { width: 85%; /*opacity: 0.5;*/ opacity: 0.8; }

.ctn-car-detail .main-image-wrap #viewer-360 { display: block; }
.ctn-car-detail .main-image-wrap .img-wt { display: none; }
.ctn-car-detail .main-image-wrap #bt_liveCheck { display: block; }
.ctn-car-detail .banner-liveCheck { display: block; }
.ctn-car-detail > .list-content {display: block;}

.ctn-car-detail.wt .main-image-wrap #viewer-360 { display: none; }
.ctn-car-detail.wt .main-image-wrap .img-wt { display: flex; }
.ctn-car-detail.wt .main-image-wrap #bt_liveCheck { display: none; }
/*.ctn-car-detail.wt .banner-liveCheck { display: none; }*/
.ctn-car-detail.wt > .list-content {display: none;}


.ctn-car-detail.wt .car-image-list li img {
    -webkit-filter: grayscale(100%) blur(1px) brightness(150%) contrast(0.7) opacity(0.75);
    filter: grayscale(100%) blur(1px) brightness(150%) contrast(0.7) opacity(0.75);
}
/* ### ~ 230718 추가 */

/* ### 230801 추가 ~ */

.layout--wrap .car-main-info.fixed .car-price.none { margin-top: 0; display: none; }
.layout--wrap .car-main-info.fixed .car-price.none .prc-none { font-size: 18px; }

.layout--wrap.prc-none .car-price,
.layout--wrap.prc-none .car-main-info.fixed .car-price { display: none; }
.layout--wrap.prc-none .car-price.none,
.layout--wrap.prc-none .car-main-info.fixed .car-price.none { display: flex; }

/* ~ ### 230801 추가 */

/*
.detail-element .layer-360view {!* width: 498px; *!!* height: 344px; *!!* min-width: 150px; *!width: 100%;position: absolute;bottom: 15px;left: 0;right: 0;text-align: center;z-index: 10;!* pointer-events: none; *!}
*/
.detail-element .layer-360view {width: 100%;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
    /* pointer-events: none; */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 15px;}
/*
.detail-element .layer-360view:before {content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: 0.7;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
*/
.detail-element .layer-360view .layer-inner {position: relative;/* padding: 60px; */z-index: 11;text-align: center;width: auto;background: rgba(0,0,0,0.6);display: inline-block;padding: 18px 28px 15px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
.detail-element .layer-360view .layer-inner * {color: #fff}
.detail-element .layer-360view .layer-inner h3 {font-size: 18px;font-weight: 700;}
.detail-element .layer-360view .layer-inner p {font-size: 12px;font-weight: 300;margin-top: 1px;}
.detail-element .layer-360view .layer-inner .icon {display: block;width: 68px;height: 42px;margin: 0 auto;margin-top: 12px;/* background: url("../images/elements/visual-360view-mark_01.png") no-repeat 50% 50%; */background-size: 100%;position: relative;}
.detail-element .layer-360view .layer-inner .icon img#img_arrow {display: block;width: 100%;height: auto;}
.detail-element .layer-360view .layer-inner .icon img#img_hand {display: block;width: 35px;height: auto;position: absolute;top: -5px;left: 20px;animation: view-drag 1.8s cubic-bezier(0.42, 0.0, 0.58, 1.0) infinite;}
@keyframes view-drag {0%, 5% { transform: translateX(-16px); opacity: 0; }15% { opacity: 1; }40% { transform: translateX(18px); opacity: 1; }75%, 100% { transform: translateX(-16px); opacity: 1; }}
.detail-element .layer-360view .bt-close-360-layer {position: absolute;right: 15px;top: 15px;width: 34px;height: 34px;background: url("../images/icon/ico-close-layer-thin.svg") no-repeat 50% 50%;}
.detail-element .layer-360view .ck-wrap {position: absolute;left: 50%;transform: translateX(-50%);bottom: 35px;}
.detail-element .layer-360view .ck-wrap label {color: #fff;font-size: 16px;font-weight: 400}
.detail-element .layer-360view input[type="checkbox"]+label {padding-left: 36px;color: #D0D0D0}
.detail-element .layer-360view input[type="checkbox"]+label::after {content: "";display: inline-block;position: absolute;left: 0;top: -3px;width: 26px;height: 26px;background: url('../images/main/ico-main-cookie-check.svg') no-repeat 50% 50%;background-size: 100%;}
.detail-element .layer-360view input[type="checkbox"]:checked+label::after {background: url('../images/main/ico-main-cookie-checked.svg') no-repeat 50% 50%;background-size: 100%;}

/*  */
/* Animation: https://daneden.github.io/animate.css/ */
.detail-element .scroll-arrow-area {
    width: 100%;
    min-width: 1300px;
    position: fixed;
    bottom: 25px;
    left: 0;
    right: 0;
    z-index: 10;
    opacity: 1;
    pointer-events: none;
}


/* hidden */
.detail-element .scroll-arrow-area.hidden {
    display: none;
}

.detail-element .scroll-arrow-area.hide {
    opacity: 0;
}

.detail-element .scroll-arrow-area > .wrap {
    width: 1240px;
    margin: 0 auto;
}

.detail-element .scroll-arrow-area > .wrap > .wrap {
    width: 770px;;
    position: relative;
}

.detail-element .arrow-container {
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 auto;
}

.detail-element .arrow-container .arrow-1 {
    width: 80px;
    height: 80px;
    background: #fff;
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
}

.detail-element .arrow-container .arrow-2 {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 1;
    font-size: 0;
}

.detail-element .arrow-container .arrow-2:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    background: url("../images/icon/ico-arrow-down.svg") no-repeat 50% 50%;
    background-size: 35%;
}

/* Custom Animate.css */

.detail-element .arrow-container .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4); }
    50% { opacity: 0.5; }
    100% { opacity: 0; }
}

@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.4, .4, .4); transform: scale3d(.4, .4, .4); }
    50% { opacity: 0.5; }
    100% { opacity: 0; }
}

.detail-element .arrow-container .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.detail-element .arrow-container .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


/* spin effect */
.spin-effect-container {
    width: 100%;
    height: 92px;
    position: absolute;
    top: 45%;
    left: 0%;
    right: 0%;
    z-index: 1;
    background: url("../images/elements/img-spin-effect.png") no-repeat center;
    background-size: contain;
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 2;
    display: inline-block;
}

.spin-effect-container.hidden {
    display: none;
}

















.detail-element .view-type-btns {display:flex;position:absolute;left:10px;bottom:10px;z-index:10;}
.detail-element .view-type-btns button {width:54px;height:30px;margin-right:-1px;line-height:31px;text-align:center;border-radius:2px;color:#fff;background:#30303052;font-weight:300;font-size:12px;}
.detail-element .view-type-btns button.on {font-weight:700;background:#303030;}
.detail-element .car-certifed {position:relative;padding-left:280px;min-height:130px;margin-top:10px;background:url("../images/elements/bg-car-detail-certifed.jpg") no-repeat 0% 0%;background-size:cover}
.detail-element .car-certifed img {display:block;}
.detail-element .car-certifed h3 {position:absolute;top:50%;left:65px;transform:translateY(-50%);font-size:18px;color:#fff;font-weight:500}
.detail-element .car-certifed h3 .car-num {display:block;font-size:26px;font-weight:700;}
.detail-element .car-certifed ul {width:100%;display:table;padding-top:40px}
.detail-element .car-certifed ul li {position:relative;display:table-cell;padding:0 10px;text-align:center;vertical-align:middle;}
.detail-element .car-certifed ul li:before {content:"";position:absolute;left:0;top:0;display:block;width:1px;height:100%;border-left:1px dashed #fff;}
.detail-element .car-certifed ul li:first-child:before {display:none;}
.detail-element .car-certifed ul li dt {color:#fff;font-size:18px;font-weight:700;}
.detail-element .car-certifed ul li dd {margin-top:10px;color:#fff;font-size:12px;font-weight:500;line-height:1.3;}
.detail-element .section-right {width: 420px;min-width: 420px;/*border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;*/}
.detail-element .car-model {
    margin-top: 8px;
}

.detail-element .car-model h2 {
    color: #1A1A1A; font-family: inherit; font-weight: 600; font-size: 22px; letter-spacing: -0.5px; line-height: 1.36; word-break: keep-all;
}

.detail-element .car-model h2 > span {
    padding-right: 5px;
    display: none;
}
.detail-element .car-options-smr {margin-top:10px;}
.detail-element .car-options-smr span {color:#666;font-weight:300;font-size:13px;}
.detail-element .car-options-smr span + span {position:relative;padding-left:8px;margin-left:6px;}
.detail-element .car-options-smr span + span:before {content:"";position:absolute;left:0;top:50%;margin-top:-5px;display:inline-block;width:1px;height:10px;background:#E9E9E9;}
.detail-element .car-options {
    position:relative;padding:30px 0px;
}
.detail-element .car-options .cert-num {
    position:absolute;right:0;top:35px;color:#999;font-weight:300;font-size:11px;
}
.detail-element .car-options ul {display:flex;flex-wrap:wrap;}
.detail-element .car-options ul li {width: 50%;margin-bottom: 8px;font-size: 14px;color: #666;display: flex;align-items: center;justify-content: flex-start;letter-spacing: -0.1px;}
.detail-element .car-options ul li .t {display: inline-block; width: 75px; min-width: 75px; max-width: 75px; font-weight: 300;}
.detail-element .car-options ul li .c {display: inline-block; font-size: 16px; font-weight: 400; color: #303030;}

/* 2025.02.19 추가 */
/*20250307 수정*/
.detail-element .area.car-checkup .car-deli-regi-date-period {background-color:#F3F6F8;padding:12px 0 10px;border-radius:8px;}
.detail-element .area.car-checkup .car-deli-regi-date-period-top {text-align:center;padding:0 70px;position:relative;}
.detail-element .area.car-checkup .car-deli-regi-date-period-top h4 {color:#3B3B3B;font-size:15px;font-weight:700;}
.detail-element .area.car-checkup .car-deli-regi-date-period-top .driving-period {position:absolute;left:50%;transform:translateX(-50%);bottom:calc(-100% - 10px);color:#8b8b8b;font-weight:500;font-size:15px;line-height:21px;}
.detail-element .area.car-checkup .car-deli-regi-date-period-top .driving-period span {font-weight:600;color:#5b5b5b;}
.detail-element .area.car-checkup .car-deli-regi-date-period-progress {margin:3px 0 5px;display:flex;align-items:center;justify-content:space-between;}
.detail-element .area.car-checkup .car-deli-regi-date-period-progress hr {border:1px dashed #8b8b8b;margin:5px auto;flex:1;}
.detail-element .area.car-checkup .car-deli-regi-date-period-progress span.circle {width:10px;height:10px;display:inline-block;background-color:#d9d9d9;border-radius:50%;}
.detail-element .area.car-checkup .car-deli-regi-date-period-progress span.circle ~ span.circle {background-color:#fff;border:1px solid #5b5b5b;}
.detail-element .area.car-checkup .car-deli-regi-date-period-bottom {display:flex;align-items:start;justify-content:space-between;padding:0 4px;margin-top:8px;}

.detail-element .area.car-checkup .car-deli-regi-date-period-item {text-align:center;width:140px;}
.detail-element .area.car-checkup .car-deli-regi-date-period-item h5 {font-weight:500;color:#3b3b3b;font-size:15px;line-height:19.5px;}
.detail-element .area.car-checkup .car-deli-regi-date-period-item p {color:#5b5b5b;font-size:14px;font-weight:400;line-height:16.8px;}


/* 우측 정보영역 */
.detail-element .section-right .area {
    padding: 30px 0; border-bottom: 1px solid #E6E6E6; margin: 0;
}
/* ### 추가 */
.detail-element .section-right .area:last-child { border-bottom: none; }

/* ### 230714 수정 */
.detail-element .car-price {
    position: relative; display: flex; justify-content: space-between; align-items: center;
    font-size: 0; line-height: 24px;
    margin-top: 12px;
}
.detail-element .car-price.sale-price{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 24px;
    min-height: 54px;
    justify-content: center;
}
.detail-element .car-price.sale-price.promotion-price .prc-wrap{
    display:flex;
    flex-direction:column;
    gap:4px;
    /*padding-left:74px;*/
}
.detail-element .car-price.sale-price.promotion-price{
    flex-direction: row;
    justify-content: flex-start;
}
.detail-element .car-price.sale-price.promotion-price .price2{
    display:flex; text-align:left; font-size:16px; font-weight:500; color:#B1B1B1;
}
.detail-element .car-price.sale-price.promotion-price .price2 var{
    text-decoration:line-through;
}
.detail-element .car-price.sale-price.promotion-price .price2 .discount{
    background: url(../images/icon/discount_bg.svg) no-repeat 0 0;
    width: 60px;
    height: 22px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:4px;
}
.detail-element .car-price.sale-price.promotion-price .discount-rate{
    display: flex;
    align-items: flex-end;
    gap: 3px;
    flex-direction: column;
}
.detail-element .car-price.sale-price.promotion-price .promotion-rate{
    position: absolute; left: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    font-size: 14px; font-weight: 500; color: #5B5B5B;
    width: 64px; height: 60px; text-align: center; border: 1px solid #E6E6E6; border-radius: 8px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.08);
    display:none;
}
.detail-element .car-price.sale-price.promotion-price .promotion-rate p{
    font-size: 20px;
    font-weight: 700;
    color: #FF3333;
    line-height: 17px;
    margin-top: 5px;
}
.detail-element .car-price.sale-price.promotion-price .prc{
    margin-top:4px;
}

.detail-element .car-price .rent {
    position: absolute;
    left: 0;
    top: 6px;
    color: #666;
    font-size: 16px;
    font-weight: 300;
}

.detail-element .car-price .rent em {
    font-weight: 700;
}

.detail-element .car-price .type {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin-left: 8px;
    display: inline-block;
    color: #000;
    display: none;
}

/* 신차가 */
.detail-element .car-price .car {
    display: block; color: #8B8B8B; font-weight: 500; font-size: 13px; line-height: 1.4;
}
/* 렌트 기간 */
.detail-element .car-price .wrap {
    display: block; color: #f33;
    font-weight: 500; font-size: 14px; line-height: 1.5;
}
.detail-element .car-price .discount-rate{
    display: flex;
    align-items: flex-end;
    gap: 3px;
    position: absolute;
    flex-direction: column;
    width: 100%;
}
.detail-element .car-price .discount-rate .price-comp{
    color: #35C6D9;
    font-weight: 600;
    font-size: 12px;
    background: #ECFAFB;
    padding: 2px 4px;
    text-align: center;
    border-radius: 4px;
    line-height: 21px;
}
/*월 납입금*/
.detail-element .car-price .real-price {
    display: flex;
}


.detail-element .car-price .prc {
    display: inline-block;
    color: #f33; font-weight: 700; font-size: 22px;
}
.detail-element .car-price.sale-price .prc{
    font-size:28px;
}

/* ### 230801 추가 ~ */
.detail-element .car-price.none {
    justify-content: flex-end;
    display: none;
}

.detail-element .car-price .prc-none {
    display: inline-block;
    font-size: 22px;
    color: #999999;
    font-weight: 500;
}
/* ~ ### 230801 추가 */

.detail-element .car-price .prc span {
    font-weight: 300;
    margin-right: 4px;
    font-size: 22px;
}
.detail-element .car-price.sale-price .prc span{
    font-weight:700;
}



/* 뱃지 */
.detail-element .badge {display:inline-flex;flex-wrap:wrap;overflow:hidden;}
.detail-element .badge.noRnd {border-radius:0;}
.detail-element .ele-badge { display: flex; justify-content: center; align-items: center; width: max-content; height: auto; line-height: 1; color: #1A1A1A; background: #F5F7FA; border-radius: 4px; text-align: center; font-size: 12px; font-weight: 500; padding: 8px; margin-right: 4px; border: 0; }
.detail-element .ele-badge.badge-type1 {background-color:#1A1A1A;color:#FFC85A;}
.detail-element .ele-badge.badge-type2 {background-color:#F0EFF4;}
.detail-element .ele-badge.badge-type3 {background-color: #F5F7FA;}
.detail-element .ele-badge.badge-type4 {background-color:#1a1a1a;color:#fff;}
.detail-element .ele-badge.badge-type5 {background-color:#4285F4;color:#fff;}
.detail-element .ele-badge.badge-brand {border-color:#999;background-color:#999}
.detail-element .badge-lotte-cert { display: flex; justify-content: center; align-items: center; width: max-content; height: 21px; line-height: 21px; padding: 0px 4px; margin-right: 4px; margin-bottom: 5px; border: 0; color: #fff; background: #1A1A1A; border-radius: 4px; text-align: center; font-size: 12px; font-weight: 700; }
.detail-element .ele-badge.pointer{cursor:pointer;}
.detail-element .ele-badge.pointer.icon:after{
    content:"";
    width: 16px;
    height: 16px;
    background-image: url(../images/icon/ico-tooltip.svg);
    background-size: 100%;
    background-position: 50% 50%;
    margin-left: 4px;
}
/************************* 타이틀 *************************/
.detail-element .car-main-info {
    position: relative; font-family: Pretendard; padding: 75px 30px 0;
    transition: top .2s;
}


.detail-element .car-main-info > .wrap {
    width: 100%;
}


.detail-element .car-main-info .car-page-func {
    position: absolute; top: 10px; right: 30px; left: 30px; text-align: right;
}

.detail-element .car-main-info .car-page-func button, .detail-element .car-main-info .car-page-func span {
    display: inline-block;
    font-size: 12px;
    color: #666;
    margin-left: 12px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    transition: none;
}

.detail-element .car-main-info .car-page-func .bt-favorite {
    width: 40px; height: 40px;
    background: url("../images/icon/ico-favorite-off.svg") no-repeat 53% 51%;
    background-size: cover;
}

.detail-element .car-main-info .car-page-func .bt-favorite.on {
    width: 40px; height: 18px;
    background: url("../images/icon/ico-favorite-on.svg") no-repeat 53% 51%;
    background-size: cover;
}

.detail-element .car-main-info .car-page-func .bt-compare {
    width: 21px;
    height: 18px;
    background: url("../images/icon/ico-compare-off.svg") no-repeat 51% 50%;
    background-size: 21px;
}

.detail-element .car-main-info .car-page-func .bt-compare.on {
    width: 21px;
    height: 18px;
    background: url("../images/icon/ico-compare-on.svg") no-repeat 51% 50%;
    background-size: 21px;
}

.detail-element .car-main-info .car-page-func .bt-share {
    width: 21px;
    height: 18px;
    background: url("../images/icon/ico-detail-share.svg") no-repeat 45% 50%;
    background-size: 17px;
}

/* info 박스 */
.detail-element .car-main-info .info-box {
    width: 100%;
    background-color: #F3F3F3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    color: #999999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 9px;
    margin-top: 25px;
}

.detail-element .car-main-info .info-box img {
    width: 15px;
    min-width: 15px;
    height: 15px;
    margin-right: 5px;
    /*margin-left: 10px;*/
}

.detail-element .car-main-info .info-box + .seller-contact { padding-top: 10px; }

/* 신고하기 버튼 */
.detail-element .car-main-info .bt-report {
    width: 21px;
    height: 18px;
    background: url("../images/icon/ico-detail-report.svg") no-repeat 45% 50%;
    background-size: 19px 18px;
}

.detail-element .car-main-info .car-page-func {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
}


.detail-element .car-main-info .car-page-func .left,
.detail-element .car-main-info .car-page-func .right {
    display: flex;
    align-items: center;
}

.detail-element .register-date {
    /* font-size: 12px; */
    /* line-height: 12px; */
    /* font-weight: 400; */
    /* display: inline-block; */
    /* padding-right: 11px; */
    /* position: absolute; */
    /* top: 3px; */
    /* right: 0; */
    color: #666;
    background-color: #fff;
    border: 1px solid #999;
    /* background-color: #E9E9E9; */
}

.detail-element .car-main-info .car-page-func .hits {
    color: #999; font-weight: 300; font-size: 13px; line-height: 14px; text-indent: 0;
    background: url("../images/icon/ico-detail-hits.svg") no-repeat 0% 50%; overflow: hidden; padding-left: 18px; padding-right: 12px; margin-left: 0;
}

/*
.detail-element .car-main-info .bt-report {
    position: absolute;
    right: 30px;
    top: 32px;
    font-size: 12px;
    text-decoration: underline;
    color: #666;
    font-weight: 300;
}
*/


/* 스크롤시 - 기본정보 */
.detail-element .car-main-info.fixed {
    position: fixed; top: 0; left: 0; right: 0; z-index: 1000; height: 80px;
    background: #fff; padding: 20px 30px; border: none;
    /*box-shadow: 0 2px 10px rgba(0,0,0,0.16);    border-radius: 0 0 10px 10px;*/
    animation: slide-down 0.1s linear;
}
.detail-element .car-main-info.fixed > .wrap {
    width: 100%; min-width: 1300px; margin: 0 auto;
}
.detail-element .car-main-info.fixed .car-main-info-wrap {
    width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;
}

.detail-element .car-main-info.fixed .car-price.sale-price.promotion-price .prc-wrap{
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
    /* padding-left: 74px; */
    align-items: center;
}
.detail-element .car-main-info.fixed .car-price.sale-price.promotion-price .price2{
    display: flex;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #B1B1B1;
    align-items: center;
    margin-left:5px;
    margin-top:2px;
}
.detail-element .car-main-info.fixed .car-price .discount-rate .price-comp{
    background:none;
    padding:0;
    font-size:14px;
}

@keyframes slide-down {
    0% { transform: translateY(-50%); opacity: 0; }
    100% { transform: translateY(0%); opacity: 1; }
}

@keyframes slide-down {
    0% { transform: translateY(-50%); opacity: 0; }    100% { transform: translateY(0%); opacity: 1; }
}
.detail-element .car-main-info.fixed .right {
    position: absolute; top: 20px; right: 20px; min-width: 600px; display: flex; justify-content: flex-end; align-items: center;
}
.detail-element .car-main-info.fixed .car-page-func {
    /*position: relative; right: initial; left: initial; top: initial;*/
    font-size: 0; white-space: nowrap; /*padding: 0 20px 0 25px;*/
    position: relative; top: 0; left: 0; z-index: 1; padding: 0;
    margin-right:20px;
}
.detail-element .car-main-info.fixed .car-page-func > button {
    width: 40px; min-width: 40px; height: 40px; min-height: 40px;
}
.detail-element .car-main-info.fixed .car-page-func .bt-compare { margin-left: 4px; }
.detail-element .car-main-info.fixed .car-page-func .bt-favorite,
.detail-element .car-main-info.fixed .car-page-func .bt-favorite.on { background-position: 50%; background-size: cover; }
.detail-element .car-main-info.fixed .car-page-func .bt-compare,
.detail-element .car-main-info.fixed .car-page-func .bt-compare.on { background-position: 50% 50%; background-size: cover;}
.detail-element .car-main-info.fixed .car-page-func .bt-share {    /* background-position: 45% 52%; */    /* background-size: 16px; */    display: none;}
.detail-element .car-main-info.fixed .badge,
.detail-element .car-main-info.fixed .bt-report,
.detail-element .car-main-info.fixed .car-page-func .hits {    display: none;}
/* 스크롤시 - 타이틀(차량명) */
.detail-element .car-main-info .left{margin-bottom:20px;}
.detail-element .car-main-info.fixed .left {
    display: flex; justify-content: flex-start; align-items: baseline; padding-top: 8px;
}
.detail-element .car-main-info.fixed .car-model {    margin-top: 0;    margin-right: 15px;}
.detail-element .car-main-info.fixed .car-model h2 {    font-size: 18px;    font-weight: 700;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 1;    overflow: hidden;
    max-width: 410px;
}

/* 스크롤시 - 가격 */
.detail-element .car-main-info.fixed .car-price {
    font-size: 18px;
    line-height: 16px;
    margin-top: 0px;
    padding-left: 10px;
    border-left: 2px solid #e9e9e9;
    display: flex;
    gap: 10px;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    min-width: 145px;
    min-height:auto;
}
.detail-element .car-options-detail .options_explain{
    margin-top: 24px;
    background: #F9F9F9;
    padding: 16px;
    border-radius: 8px;
}
.detail-element .car-options-detail .options_explain h4{
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    padding-bottom: 16px;
    color: #3B3B3B;
}
.detail-element .car-options-detail .options_explain ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
}
.detail-element .car-options-detail .options_explain ul li:first-child{
    padding-top: 0;
}
.detail-element .car-options-detail .options_explain ul li p{
    color: #666;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.3px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 110px);
    white-space: nowrap;
}
.detail-element .car-options-detail .options_explain ul li span{
    max-width: 110px;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.32px;
    color: #3B3B3B;
}


/* ### 230714 추가 */
.detail-element .car-main-info.fixed .car-price .wrap {
    margin-left: 7px;
}


.detail-element .car-main-info.fixed .car-price .prc {
    font-size: 20px;
}

.detail-element .car-main-info.fixed .car-price .prc span {
    font-size: 16px;
}

.detail-element .car-main-info.fixed .car-price .prc span:last-child {
    margin-right: 0;
}

.detail-element .car-main-info.fixed .car-price .type {
    display: inline-block;
}

/* ### 230714 추가 */
.detail-element .car-main-info.fixed .car-price .car { display: none; }

/* ### 230714 클래스명 수정, 스타일 추가 */
/* .detail-element .car-main-info.fixed .car-price .period { */
.detail-element .car-main-info.fixed .car-price .opt-wrap {
    font-size: 12px;
    margin-right: 0;
    margin-left: 0px;
    color: #f33;
    font-weight: 300;
}


/*.detail-element .car-main-info.fixed .car-price .period {*/
/*    font-size: 12px;*/
/*    !* font-weight: 700; *!*/
/*    margin-right: 0;*/
/*    margin-left: 0px;*/
/*}*/

/*.detail-element .car-main-info.fixed .car-price .period::before { display: inline-block; }*/
/*.detail-element .car-main-info.fixed .car-price .period::after { display: none; }*/

/* 스크롤시 - 기본정보 > 버튼영역 */
.detail-element .car-main-info.fixed .timesaleWrap4 { display: none; }
.detail-element .car-main-info.fixed .seller-contact {position: relative;height: 40px;padding:0 0 0 5px; display: flex;flex-direction: row;}
.detail-element .car-main-info.fixed .seller-contact + .seller-contact { margin-left:0; padding-left: 8px; margin-top:0;}
.detail-element .car-main-info.fixed .seller-contact .bt {
    min-width: 154px; height: 40px; line-height: 38px; font-size: 14px; margin-left: 0; border-radius:4px;
}
.detail-element .car-main-info.fixed .seller-contact .bt-func-call-dis:disabled {display:none;}
.detail-element .car-main-info.fixed .seller-contact.count2 .bt-func-contact-dis {display:none;}
.detail-element .car-main-info.fixed .seller-contact .bt-func-contact-dis{padding:0 20px; }
.detail-element .car-main-info.fixed .seller-contact .bt-tel{ border:0; }
.detail-element .car-main-info.fixed .car-price .rent {    font-size: 12px}
.detail-element .car-main-info.fixed .seller-contact .hp {
    position: absolute; left: -295px;
}
.detail-element .car-main-info.fixed .seller-contact .bt-tel {
    background: none; margin-left: 28px;
}

.detail-element .car-detail-info.fixed {    position: fixed;    width: 460px;    overflow-y: auto;    z-index: 99;    background: #fff;}
.detail-element .car-main-info.fixed .info-box {
    width: auto;
    background-color: transparent;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: calc(100% + 5px);
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    font-weight: 300;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    padding: 0 15px;
    display: none;
}

/*.detail-element .car-main-info.fixed .info-box::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 100%;*/
/*    right: 70px;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-top: 7px solid transparent;*/
/*    border-bottom: 10px solid rgba(0,0,0,0.8);*/
/*    border-left: 7px solid transparent;*/
/*    border-right: 7px solid transparent;*/
/*}*/
.detail-element .car-main-info.fixed .info-box.show { display: flex; width:320px; top:0; right:75px;}
.detail-element .car-main-info.fixed .info-box img { -webkit-filter: brightness(2); filter: brightness(2); }



/************************* 타이틀 *************************/
.detail-element .car-main-info {position: relative;padding: 64px 0 0 0;/* padding: 75px 15px 0; */transition: top .2s;}
.detail-element .car-main-info .car-page-func {position:absolute;right:0;left:10px;top:10px;text-align:right;}
.detail-element .car-main-info .car-page-func button, .detail-element .car-main-info .car-page-func span {
    display:inline-block;font-size:12px;color:#666;margin-left:12px;text-align:left;text-indent:-9999px;overflow:hidden;transition: none;
}
.detail-element .car-main-info .car-page-func .bt-favorite {width:40px;height:40px;background:url("../images/icon/ico-favorite-off.svg") no-repeat 53% 51%;background-size: cover;margin: 0;}
.detail-element .car-main-info .car-page-func .bt-favorite.on {width:40px;height:40px;background:url("../images/icon/ico-favorite-on.svg") no-repeat 53% 51%;background-size: cover;}
.detail-element .car-main-info .car-page-func .bt-compare {width:40px;height:40px;background:url("../images/icon/ico-compare-off02.svg") no-repeat 51% 50%;background-size: cover;margin:0;}
.detail-element .car-main-info .car-page-func .bt-compare.on {width:40px;height:40px;background:url("../images/icon/ico-compare-on02.svg") no-repeat 51% 50%;background-size: cover;}
.detail-element .car-main-info .car-page-func .bt-share {width:40px;height:40px;background: url("../images/icon/ico-detail-share.svg") no-repeat 50% 50%;background-size: cover;margn:0;}


.detail-element .car-main-info .car-page-func .hits {
    position:absolute;left:-9px;top:11px;padding-left:18px;margin-left:0;font-weight:300;text-indent:0;overflow:hidden;color:#999;background:url("../images/icon/ico-detail-hits.svg") no-repeat 0% 50%;
}
.detail-element .car-main-info .bt-report {width: 21px;height: 18px;background: url("../images/icon/ico-detail-report.svg") no-repeat 45% 50%;background-size: 19px 18px;}
.detail-element .car-summary {display:flex;padding:0 15px;}
.detail-element .car-summary li {width:50%;position:relative;padding:30px 5px 30px 20px;border-bottom:1px solid #E9E9E9}
.detail-element .car-summary li + li:before {content:"";position:absolute;top:20px;left:0;bottom:20px;display:block;width:1px;background:#E9E9E9;}
.detail-element .car-summary li .detail {margin-top:10px;}
.detail-element .car-summary li .detail .item {font-size:12px;font-weight:300;color:#666}
.detail-element .car-summary li .detail .item + .item:before {content:"";display:inline-block;width:1px;height:9px;margin:-3px 5px 0 3px;background:#E9E9E9;vertical-align:middle;vertical-align:middle;}
.detail-element .car-summary li .detail .item var {margin-left:7px;font-weight:400;color:#333}
.detail-element .car-summary li strong {font-size:16px;font-weight:700}
.detail-element .car-summary li strong:after {content:"";display:inline-block;vertical-align:middle;margin:2px 0 0 0;width:7px;height:7px;border:1px solid #000;transform:rotate(45deg) translateY(-50%);border-bottom:0;border-left:0;}
.detail-element .car-summary li a {position:absolute;top:0;right:0;left:0;bottom:0;display:block;width:100%;height:100%;}
.detail-element .car-summary .detail.lb .item {display:flex;justify-content:space-between;}
.detail-element .car-summary .detail.lb .item + .item {margin-top:3px;}
.detail-element .car-summary .detail.lb .item + .item:before {display:none;}
.detail-element .car-merit {padding:30px;border-top:10px solid #F9F9F9;border-bottom:10px solid #F9F9F9}
.detail-element .car-merit strong {display:block;font-size:16px;color:#000;font-weight:700;}
.detail-element .car-merit .detail li {height:110px;padding:15px 20px;border-radius:3px;}
.detail-element .car-merit .detail li .bdg {display:inline-block;height:20px;line-height:20px;padding:0 7px;font-weight:700}
.detail-element .car-merit .detail li + li {margin-top:9px;}
.detail-element .car-merit .detail li .t1 {margin-top:8px;font-size:16px;color:#000;}
.detail-element .car-merit .detail li .t2 {margin-top:4px;font-size:12px;color:#555;font-weight:300;}
.detail-element .car-merit .detail .lottecheck {background:#f8dcd8 url("../images/elements/bg-carmerit-lottecheck.png") no-repeat 100% 50%;background-size:auto 100%}
.detail-element .car-merit .detail .lottecheck .bdg {border:1px solid #E25A50;font-size:10px;color:#f33;}
.detail-element .car-merit .detail .certcar {background:#e7e7e7 url("../images/elements/bg-carmerit-certcar.png") no-repeat 100% 50%;background-size:auto 100%}
.detail-element .car-merit .detail .certcar .bdg {border:1px solid #000;font-size:10px;color:#000;}
.detail-element .car-merit .detail .afterservice {border:1px solid #E6E6E6;background:#fff url("../images/elements/bg-carmerit-afterservice.png") no-repeat 100% 50%;background-size:auto 102%}
.detail-element .car-merit .detail .afterservice .bdg {border:1px solid #EDEDED;background:#EDEDED;font-size:10px;color:#525252;}
.detail-element .car-merit .detail .rentused {border:1px solid #E6E6E6;background:#fff url("../images/elements/bg-carmerit-rentused.png") no-repeat 100% 50%;background-size:auto 102%}
.detail-element .car-merit .detail .rentused .bdg {border:1px solid #EDEDED;background:#EDEDED;font-size:10px;color:#525252;}

/************************* 정기관리차량 *************************/
.detail-element .area.car-checkup {  }
.detail-element .area.car-checkup .s-title { text-align: center;margin-bottom:20px;line-height:1;}
.detail-element .area.car-checkup .s-title em { position: relative; z-index: 1;}
.detail-element .area.car-checkup .s-title em:before {content: "";position: absolute;left: 0;top: 12px;right: 0;display: block;height: 10px;background: #35C6D9;opacity:0.43;z-index: -1;transform:scaleX(1.035);}
.detail-element .area.car-checkup .s-title em span { color: #4B87FF;}

/* box */
.detail-element .area.car-checkup .checkup-box-wrap {margin-top:20px;width: 100%;background-color: #fff;border: 1px solid #e9e9e9;box-shadow: 0 3px 12px rgba(0,0,0,0.07);-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;}

/* checkup box */
/* 20250310 수정 */
.checkup-box {font-size: 0;padding: 30px 24px;display: flex;justify-content: center;align-items: flex-start;gap:10px;}
.checkup-box li {display: inline-block;width: 25%;text-align: center;}
.checkup-box li img {width: 46px; min-width: 46px;height: 46px; min-height: 46px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background-color: #f9f9f9;margin-bottom: 8px;}
.checkup-box li .t-label {margin-bottom: 6px; color:#3b3b3b;font-weight:500;font-size:15px;}
.checkup-box li .t-val {color:#1a1a1a;font-size:18px;font-weight:400;}


/************************* 롯데인증검사 *************************/
.detail-element .area.car-lotte-cert {  }

/* tooltip */
.detail-element .common-layer-group.posTop .common-layer-tooptip { min-width: 400px; min-height: auto; }

/* text */
.detail-element .area.car-lotte-cert .t-val { text-align: right; margin-left: 5px; }
.detail-element .area.car-lotte-cert .t-val.none { color: #4285F4; }

/************************* 정비/보험 이력 *************************/
.detail-element .area.car-summary {display: flex;/* padding: 0 15px; */}
.detail-element .car-summary li {width: 50%;position: relative;/* padding: 30px 5px 30px 20px; *//* border-bottom: 1px solid #E9E9E9 */}
.detail-element .car-summary li + li:before {content: "";position: absolute;top: 20px;left: 0;bottom: 20px;display: block;width: 1px;background: #E9E9E9;}
.detail-element .car-summary li .detail {margin-top: 10px;}
.detail-element .car-summary li .detail .item {font-size: 12px;font-weight: 300;color: #666}
.detail-element .car-summary li .detail .item + .item:before {content: "";display: inline-block;width: 1px;height: 9px;margin: -3px 5px 0 3px;background: #E9E9E9;vertical-align: middle;vertical-align: middle;}
.detail-element .car-summary li .detail .item var {margin-left: 7px;font-weight: 400;color: #333}
.detail-element .car-summary li strong {font-size: 16px;font-weight: 700}
.detail-element .car-summary li strong:after {content: "";display: inline-block;vertical-align: middle;margin: 2px 0 0 0;width: 7px;height: 7px;border: 1px solid #000;transform: rotate(45deg) translateY(-50%);border-bottom: 0;border-left: 0;}
.detail-element .car-summary li a {position: absolute;top: 0;right: 0;left: 0;bottom: 0;display: block;width: 100%;height: 100%;}
.detail-element .car-summary .detail.lb .item {display: flex;justify-content: space-between;}
.detail-element .car-summary .detail.lb .item + .item {margin-top: 3px;}
.detail-element .car-summary .detail.lb .item + .item:before {display: none;}

/************************* 법정성능점검 *************************/
.detail-element .area.car-history {/* padding: 30px; *//* border-bottom: 10px solid #F9F9F9; *//* background: #fff */}
.detail-element .area.car-history .s-title-wrap {margin-bottom:20px;}
.detail-element .area.car-history .s-title-wrap + .stamp {margin-bottom:8px;font-size:16px;}
.detail-element .area.car-history .s-title-wrap > span {font-size:15px;font-weight:400;color:#5b5b5b;margin-top:12px;}
.detail-element .car-history .list-contents {width: 100%;padding: 11px 25px;border: 1px solid #E9E9E9;-webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px;margin-bottom: 0;}
.detail-element .car-history .list-contents li { margin-bottom: 0; }
.detail-element .car-history .list-contents::before {height: 50%;top: 25%;bottom: 25%;}
.detail-element .car-history .list-contents li .t-val { text-align: right; margin-left: 5px; }
.detail-element .car-history .list-contents li .t-val strong { font-weight: 400; }

/* 2025.03.10 타이어 마모도 추가 */
.car-tire-check .car-tire-check-wrap {}
.car-tire-check .car-tire-check-wrap > .car-tire-check-img {position:relative;background:url("/pc/images/carTireCheck/car_tire_check_bg.png")no-repeat center/cover scroll;}
.car-tire-check .car-tire-check-wrap > .car-tire-check-img > img {margin:0 auto;display:block;width:120px;position:relative;z-index:1}
.car-tire-check .car-tire-check-wrap .car-tire-check-info {display:flex;flex-direction:column;gap:8px}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.top {margin-bottom:20px;}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.top > ul {position:relative;padding:0 16px 0 19px;display:flex;flex-direction:column;gap:6px}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.top > ul::before {content:"";display:block;width:3px;height:100%;background-color:#c7c7c7;position:absolute;top:0;left:0}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.top > ul > li{display:flex;align-items:center;justify-content:space-between}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.top > ul > li > span{font-weight:500;font-size:16px}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.top > ul > li > span:first-child{color:#8b8b8b}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.top > ul > li >span:last-child{color:#5b5b5b}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.bottom {margin-top:24px;}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.bottom > ul {display:flex;flex-direction:column;gap:2px}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.bottom > ul > li{color:#8b8b8b;font-size:14px;position:relative;padding-left:9px}
.car-tire-check .car-tire-check-wrap .car-tire-check-info.bottom > ul > li::before{content:"";width:3px;height:3px;border-radius:50%;background-color:#8b8b8b;display:block;position:absolute;top:50%;left:3px;transform:translate(-50%)}
.car-tire-check .car-tire-check-wrap .car-tire-value {position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:12px 38px}
.car-tire-check .car-tire-check-wrap .car-tire-item-group {display:flex;justify-content:space-between}
.car-tire-check .car-tire-check-wrap .car-tire-item {flex:1;display:flex;align-items:center}
.car-tire-check .car-tire-check-wrap .car-tire-item.right {flex-direction:row-reverse;padding-left:123px}
.car-tire-check .car-tire-check-wrap .car-tire-parts {width:68px;min-width:68px;height:68px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #f4f4f4;box-shadow:0 4px 12px 0 #0000000F;border-radius:50%;gap:2px}
.car-tire-check .car-tire-check-wrap .car-tire-parts > * {line-height:1;}
.car-tire-check .car-tire-check-wrap .car-tire-parts > b {font-size:22px;font-weight:700;color:#151515;}
.car-tire-check .car-tire-check-wrap .car-tire-parts > span {font-size:12px;font-weight:400;color:#3b3b3b;}
.car-tire-check .car-tire-check-wrap .car-tire-border {width:100%;height:1px;background:linear-gradient(90deg, #080808 43.06%, rgba(8, 8, 8, 0) 100%);}
.car-tire-check .car-tire-check-wrap .car-tire-item.right .car-tire-border {background:linear-gradient(270deg, #080808 43.06%, rgba(8, 8, 8, 0) 100%);}
.car-tire-check-wrap + .bt-common-gray {margin-top:20px;}

.pop-car-tire-check {width:1000px;}
.pop-car-tire-check.layer_popup {top:50%;transform:translate(-50%, -50%);}
.pop-car-tire-check .pop_inner {border-radius:24px;}
.pop-car-tire-check .pop_inner .pop-contents {margin-top:30px;padding-top:30px;border-top:1px solid #d9d9d9;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-top {display:flex;justify-content:space-between;gap:143px;padding:0 40px;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-top h3 {font-size:24px;font-weight:500;color:#3b3b3b;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-top img {width:404px;display:block;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-bottom table {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-bottom table th,
.pop-car-tire-check .pop_inner .pop-contents .tire-check-bottom table td {font-size:16px;font-weight:600;text-align:center;padding:20px 0;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-bottom table .accent {color:#666;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-bottom table .accent > span {color:#4B87FF;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-bottom table th {background-color:#F4F4F4;color:#666;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-bottom table td {background-color:#fff;color:#3b3b3b;border-right:1px solid #f4f4f4;}
.pop-car-tire-check .pop_inner .pop-contents .tire-check-bottom table td:last-child {border-right:0;}

    /* 2025.02.20 추가 성능점검 표기방식 개선 */
.carcheck-table {display:flex;flex-wrap:wrap;}
.carcheck-table-item {width:50%;margin-top:12px;}
.carcheck-table-item h4 {font-size:16px;font-weight:600;color:#151515;text-align:center;}
.carcheck-table-item:first-child .carcheck-info {border-right:1px solid #d9d9d9;}
.carcheck-table-item:nth-child(1) .carcheck-info {padding:12px 12px 0 4px;}
.carcheck-table-item:nth-child(2) .carcheck-info {padding:12px 4px 0 12px;}
.carcheck-table-item .carcheck-info ul {margin-top:8px;padding:0 44px 0 52px;}
.carcheck-table-item .carcheck-info ul li {display:flex;align-items:center;justify-content:space-between;}
.carcheck-table-item .carcheck-info ul li > span {font-size:16px;font-weight:500;color:#3b3b3b;}
.carcheck-table-item .carcheck-info ul li > span > .i-mark {margin-right:8px;}
.carcheck-table-item .carcheck-info ul li > p {font-size:16px;font-weight:400;color:#3b3b3b;}
.carcheck-table-item .carcheck-info ul li > p > b {font-weight:600;color:#b1b1b1;}
.carcheck-table-item .carcheck-info ul li > p.accident > b {color:#3b3b3b;}

.carcheck-table .carcheck-img {position:relative}
.carcheck-table .carcheck-img .carcheck-base {display:block;width:100%;position:relative;z-index:3;}
.carcheck-table .carcheck-img .carcheck-parts {position:absolute;max-width:100%;transition:all .5s ease-in-out;opacity:0}
.carcheck-table.parts-show .carcheck-img .carcheck-parts {transition:all .75s cubic-bezier(1, 0, 1, 1);}
.carcheck-table.parts-show .carcheck-img .carcheck-parts[class*="front"] {animation:fadeInFront .75s forwards;}
.carcheck-table.parts-show .carcheck-img .carcheck-parts[class*="frame"] {animation:fadeInFrame .75s forwards;}
@keyframes fadeInFront {0% {opacity:0;} 100% {opacity:1;}}
@keyframes fadeInFrame {0% {opacity:0;} 100% {opacity:0.8;}}


/* 2025.02.25 추가 무사고 스캔 오버레이 */
.carcheck-table .carcheck-img .carcheck-scan-overlay {position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;transition:all .5s;/*mask-image:url("/pc/images/elements/carCheck/front/front_scan_overlay.png");mask-size:100%;mask-repeat:no-repeat;*/}
.carcheck-table .carcheck-img .carcheck-scan-overlay::before {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;clip-path:polygon(0% 80%, 100% 120%, 100% 100%, 0% 100%);}
.carcheck-table .carcheck-img .carcheck-scan-overlay.front::before {background:url("/pc/images/elements/carCheck/front/front_scan_overlay.png")no-repeat 0 0 / cover scroll;}
.carcheck-table .carcheck-img .carcheck-scan-overlay.frame::before {background:url("/pc/images/elements/carCheck/frame/frame_scan_overlay.png")no-repeat 0 0 / cover scroll;}
.carcheck-table .carcheck-img .carcheck-scan-overlay.scanning::before {animation:diagonal-reveal 2.5s linear forwards;}
@keyframes diagonal-reveal {
    0% {clip-path:polygon(0% 80%, 100% 120%, 100% 100%, 0% 100%);}
    100% {clip-path:polygon(0% -30%, 100% 10%, 100% 100%, 0% 100%);}
}

/** 2025.02.21 추가 외부패널 좌표값 **/
/* 외관-1랭크-1-후드 */
.carcheck-table .carcheck-img .carcheck-parts.front_rank1_01_01{width:46%;left:9%;top:33%;z-index:5}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank1_01_01 {left:10%;top:29%;}
/* 외관-1랭크-2-프론트휀더(좌) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank1_02_01{width:28%;left:30%;top:44%;z-index:6}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank1_02_01{left:34%;top:48%;}
/* 외관-1랭크-2-프론트웬더(우) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank1_02_02{width:21%;left:10%;top:32%;z-index:1}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank1_02_02{left:-8%;top:25%;}
/* 외관-1랭크-3-도어(운전석-앞) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank1_03_01{width:20%;left:52%;top:25%;z-index:8}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank1_03_01{left:61%;top:24%;}
/* 외관-1랭크-3-도어(운전석-뒤) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank1_03_02{width:18%;left:67%;top:21%;z-index:7}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank1_03_02{left:77%;top:20%;}
/* 외관-1랭크-3-도어(조수석-앞) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank1_03_03{width:19%;left:26%;top:20%;z-index:2}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank1_03_03{left:14%;top:6%;}
/* 외관-1랭크-3-도어(조수석-뒤) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank1_03_04{width:15%;left:47%;top:13%;z-index:1}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank1_03_04{left:32%;top:1%;}
/* 외관-1랭크-4-트렁크리드 */
.carcheck-table .carcheck-img .carcheck-parts.front_rank1_04_01{width:26%;left:65%;top:12%;z-index:1}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank1_04_01{left:70%;top:8%;}
/* 외관-1랭크-5-라지에이터 서포트 */
.carcheck-table .carcheck-img .carcheck-parts.front_rank1_05_01{width:31%;left:10%;top:43%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank1_05_01{left:-6%;top:47%;}
/* 외관-2랭크-6-쿼터패널(좌) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank2_06_01{width:13%;left:79%;top:18%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank2_06_01{left:91%;top:19%;}
/* 외관-2랭크-6-쿼터패널(우) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank2_06_02{width:16%;left:54%;top:13%;z-index:2}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank2_06_02{left:45%;top:1%;}
/* 외관-2랭크-7-루프패널 */
.carcheck-table .carcheck-img .carcheck-parts.front_rank2_07_01{width:41%;left:39%;top:13%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank2_07_01{left:40%;top:9%;}
/* 외관-2랭크-8-사이드패널(좌) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank2_08_01{width:31%;left:51%;top:40%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank2_08_01{left:61%;top:44%;}
/* 외관-2랭크-8-사이드패널(우) */
.carcheck-table .carcheck-img .carcheck-parts.front_rank2_08_02{width:26%;left:27%;top:26%;z-index:1}
.carcheck-table.active .carcheck-img .carcheck-parts.front_rank2_08_02{left:15%;top:19%;}

/** 2025.02.21 추가 내부골격 좌표값 **/
/* 주요골격-A랭크-9-프론트패널 */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankA_09_01{width:14%;left:9%;top:55%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankA_09_01{left:2%;top:65%;}
/* 주요골격-A랭크-10-크로스멤버 */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankA_10_01{width:35%;left:18%;top:48%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankA_10_01{left:18%;top:48%;}
/* 주요골격-A랭크-11-인사이드패널(좌) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankA_11_01{width:11%;left:33%;top:55%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankA_11_01{left:33%;top:56%;}
/* 주요골격-A랭크-11-인사이드패널(우) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankA_11_02{width:10%;left:11%;top:42%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankA_11_02{left:11%;top:42%;}
/* 주요골격-A랭크-17-트렁크플로어 */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankA_17_01{width:28%;left:60%;top:20%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankA_17_01{left:60%;top:19%;}
/* 주요골격-A랭크-18-리어패널 */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankA_18_01{width:25%;left:66%;top:12%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankA_18_01{left:66%;top:12%;}
/* 주요골격-B랭크-12-사이드멤버(운전석-앞) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_12_01{width:19%;left:26%;top:56%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_12_01{left:26%;top:56%;}
/* 주요골격-B랭크-12-사이드멤버(운전석-뒤) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_12_02{width:10%;left:79%;top:19%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_12_02{left:83%;top:24%;}
/* 주요골격-B랭크-12-사이드멤버(조수석-앞) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_12_03{width:25%;left:9%;top:47%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_12_03{left:8%;top:47%;}
/* 주요골격-B랭크-12-사이드멤버(조수석-뒤) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_12_04{width:9%;left:66%;top:14%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_12_04{left:66%;top:18%;}
/* 주요골격-B랭크-13-휠하우스(운전석-앞) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_13_01{width:14%;left:37%;top:51%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_13_01{left:36%;top:51%;}
/* 주요골격-B랭크-13-휠하우스(운전석-뒤) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_13_02{width:11%;left:76%;top:28%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_13_02{left:72%;top:27%;}
/* 주요골격-B랭크-13-휠하우스(조수석-앞) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_13_03{width:14%;left:15%;top:41%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_13_03{left:16%;top:41%;}
/* 주요골격-B랭크-13-휠하우스(조수석-뒤) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_13_04{width:12%;left:52%;top:19%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_13_04{left:53%;top:20%;}
/* 주요골격-B랭크-19-패키지트레이 */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_19_01{width:34%;left:56%;top:13%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_19_01{left:58%;top:11%;}
/* 주요골격-B랭크-14-필러패널A(좌) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_14_01{width:11%;left:54%;top:28%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_14_01{left:54%;top:28%;}
/* 주요골격-B랭크-14-필러패널A(우) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_14_02{width:17%;left:26%;top:20%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_14_02{left:27%;top:20%;}
/* 주요골격-B랭크-14-필러패널B(좌) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_14_03{width:7%;left:65%;top:23%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_14_03{left:66%;top:23%;}
/* 주요골격-B랭크-14-필러패널B(우) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_14_04{width:9%;left:39%;top:16%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_14_04{left:39%;top:17%;}
/* 주요골격-B랭크-14-필러패널C(좌) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_14_05{width:9%;left:78%;top:18%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_14_05{left:79%;top:19%;}
/* 주요골격-B랭크-14-필러패널C(우) */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankB_14_06{width:11%;left:56%;top:12%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankB_14_06{left:56%;top:12%;}
/* 주요골격-C랭크-15-대쉬패널 */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankC_15_01{width:28%;left:23%;top:40%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankC_15_01{left:24%;top:40%;}
/* 주요골격-C랭크-16-플로어패널 */
.carcheck-table .carcheck-img .carcheck-parts.frame_rankC_16_01{width:38%;left:32%;top:35%;z-index:4}
.carcheck-table.active .carcheck-img .carcheck-parts.frame_rankC_16_01{left:35%;top:34%;}


/*  */
.detail-element .car-history ul {margin-top: 5px}
.detail-element .car-history li {font-size: 12px;color: #303030}
.detail-element .car-history li em {font-weight: 700}
.detail-element .car-history li + li {margin-top: 3px}
.detail-element .car-history .ment {margin-top: -15px;font-size: 12px}
.detail-element .car-history dl {display: flex;justify-content: space-between;padding-top: 20px;margin-top: 20px;}
.detail-element .car-history dl + dl {border-top: 1px solid #E9E9E9}
.detail-element .car-history dl dt {font-size: 14px;}
.detail-element .car-history dl dd {text-align: right;}
.detail-element .car-history dl dd span {font-size: 12px}
.detail-element .car-history dl dd span + span:before {content: "/";margin: 0 2px}
.detail-element .car-history dl dd span em {font-weight: 700}
.detail-element .car-history .bt-view-more {color: #666;text-decoration: underline;}
.detail-element .car-check-area {position: relative;width: 350px;height: 289px;overflow: hidden;margin: 10px auto;background: url("../images/elements/visual-detail-carcheck-bg.png") no-repeat;background-size: 100%;}
.detail-element .car-history .stamp {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    background-color: #E5EFFF;
    text-align: center;
    padding: 11px 5px;
    margin-top: 10px;
    margin-bottom: -10px;
}
.detail-element .car-history .stamp u { font-weight: 700; }
.detail-element .car-history .car-check-area.accident-free:after {
    content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:140px;height:140px;background:url("../images/elements/stamp-accident-free.png") no-repeat;background-size:100%;
    display: none;
}
.detail-element .car-history .caption {display: flex;justify-content: center;}
.detail-element .car-history .caption span {margin: 0 10px;font-size: 14px;color: #303030;font-weight: 300;}
.detail-element .car-history .caption em {margin-left: 5px;font-weight: 400;color: #000}
.detail-element .car-history .i-mark {display: inline-block;width: 12px;height: 12px;background-position: 50% 50%;vertical-align: middle;margin: -1px 5px 0 0;}
.detail-element .car-history .i-mark.type1 {background-image: url("../images/elements/i-mark-type1.svg")}
.detail-element .car-history .i-mark.type2 {background-image: url("../images/elements/i-mark-type2.svg")}
.detail-element .car-history .i-mark.type3 {background-image: url("../images/elements/i-mark-type3.svg")}
.detail-element .car-history .i-mark.type4 {background-image: url("../images/elements/i-mark-type4.svg")}
.detail-element .car-history .i-mark.type5 {background-image: url("../images/elements/i-mark-type5.svg")}
.detail-element .car-history .i-mark.type6 {background-image: url("../images/elements/i-mark-type6.svg")}
.detail-element .car-history .car-check-area .i-mark {position: absolute;margin: 0;}

/************************* 보험이력조회 *************************/
.detail-element .area.car-ew{padding-bottom: 0; border-bottom:none;}
.detail-element .area.car-insurance .stamp {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    background-color: #E5EFFF;
    text-align: center;
    padding: 11px 5px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.detail-element .area.car-insurance .stamp u { font-weight: 700; }
.detail-element .area.car-insurance .isr-box {width: 100%;border: 1px solid #e9e9e9;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;font-size: 0;padding: 18px 0;}
.detail-element .area.car-insurance .isr-box ul { position: relative; }
.detail-element .area.car-insurance .isr-box ul:first-child li { padding-top: 0; padding-bottom: 16px; }
.detail-element .area.car-insurance .isr-box ul::before {content: '';position: absolute;top: 100%;right: 18px;left: 18px;/* width: 1px; */height: 1px;background-color: #E9E9E9;}
.detail-element .area.car-insurance .isr-box ul:last-child::before {display: none;}
.detail-element .area.car-insurance .isr-box ul li {width: 33.3%;/* padding: 16px; */text-align: center;display: inline-block;position: relative;border-right: 1px solid #E9E9E9;padding-top: 16px;}
.detail-element .area.car-insurance .isr-box li:last-child { border-right: none; }
.detail-element .area.car-insurance .isr-box li img {width: 40px;height: 40px;margin-bottom: 10px;}
.detail-element .area.car-insurance .isr-box li .t-label { margin-bottom: 5px; }
.detail-element .area.car-insurance .isr-box li .t-val { font-weight: 700; position:relative;}
.detail-element .area.car-insurance .isr-box li .t-val span.valueSum{
    position: absolute; display: block;
    width: 100%; margin-top: 2px;
    font-size: 12px;
}
.detail-element .area.car-insurance .isr-box li .t-val span { font-weight: 300; }
.detail-element .area.car-insurance .bt-common-gray {
    margin-top: 20px;
}


.txt-noti { font-size: 12px; font-weight: 300; color: #666; text-align: left; margin-top: 20px; }
.txt-noti strong { color: #000; font-weight: 700; }

/************************* 제조사보증 & 연장보증 *************************/
.search-detail-container.fixed .car-guarantee .s-title-wrap{
    margin-bottom: 20px;
}
.grt-box{
    border-radius: 12px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}
.grt-box h3{
    padding: 17px 16px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: #1A1A1A;
    border-bottom: 1px solid #F4F4F4;
}
.grt-box h3 img{
    width: 34px;
    height: 23px;
    margin-right: 6px;
}

.grt-box .content{
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.gauge_wrap h4{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.36px;
    color: #151515;
}
.gauge_box{
    width: 100%;
    height: 6px;
    background: #F4F4F4;
    margin: 12px 0;
    border-radius: 999px;
    overflow: hidden;
}
.gauge_box span{
    display: block;
    height: 6px;
    background: linear-gradient(90deg, #FF9D51 0%, #FF2323 100%);
    float: right;
}
.gauge_wrap ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    color: #666;
}
.gauge_wrap ul li:last-child{
    margin-top: 8px;
}
.gauge_wrap ul li span{
    font-weight: 500;
    color: #3B3B3B;
}
.gauge_wrap ul li .red_txt{
    color: #FD1326;
}
.gauge_wrap ul li .gray_txt{
    color: #8B8B8B;
    position: relative;
}
.gauge_wrap ul li .gray_txt:before{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    top: 1px;
    left: -17px;
    background: url("../images/icon/ico-caution.png");
    background-size: contain;
}
.extend-box .content{
    padding-left: 15px;
    margin-top: 16px;
}
.extend-box .content ul li{
    list-style-type: disc;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.28px;
    color: #666;
    margin-bottom: 1px;
}
.extend-box .content ul li span{
    font-weight: 700;
}
.extend-box .content ul li::marker {
    color: #666;
}
/************************* 판매자정보 *************************/
.detail-element .car-seller {
    /* padding: 30px 30px 40px 30px; */
    /* border-bottom: 1px solid #E9E9E9 */
}

.detail-element .car-seller.p2p .s-title {
    margin-bottom: 10px;

}

.detail-element .car-seller .p2p-seller {
    /* margin: -15px 0 10px 0; */
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
}



.detail-element .car-seller .seller-profile {
    display: flex; align-items: center;
    margin: 10px 0 17px 0;
}
.detail-element .car-seller .seller-profile .pic {
    min-width: 85px; width: 85px; height: 85px;
    border-radius: 50%; -webkit-border-radius: 16px; border-radius: 16px; overflow: hidden;
}
.detail-element .car-seller .seller-profile.dealer .pic{
    border:1px solid #D9D9D9;
}
.detail-element .car-seller .seller-profile .pic img {
    display: block;
    width: 100%;
    height: 100%;
}
.detail-element .car-seller .seller-profile.dealer img{
    width:150% !important;
    height:auto;
    margin-top:-20px;
    min-width:initial;
    max-width:initial;
    text-align:center;
    margin-left:-27%;
}

.detail-element .car-seller .seller-profile .info {
    width: 100%; font-family: Pretendard; padding: 1px 0 1px 25px;
}
.detail-element .car-seller .seller-profile .name {
    line-height: 1; margin-bottom: 4px;
}

.detail-element .car-seller .seller-profile .info .shop {
    position: relative; color: #666; font-weight: 500; font-size: 16px; margin-left: 7px;
}
.detail-element .car-seller .seller-profile .info .shop::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0 0 -2px;
    width: 6px;
    height: 6px;
    border: 1px solid #666;
    transform: rotate(45deg) translateY(-50%);
    border-bottom: 0;
    border-left: 0;
}

.detail-element .car-seller .seller-profile .info .name strong {
    font-size: 17px;
    font-weight: 700;
}

.detail-element .car-seller .seller-profile .info .name .lam {
    font-size: 16px;
    color: #f33;
    font-weight: 500;
    letter-spacing: -1px;
}

.detail-element .car-seller .seller-profile .info .name .lam:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 15px;
    vertical-align: middle;
    margin: -4px 6px 0 0;
    background: url("../images/common/logo-badge.png") no-repeat 50% 50%;
    background-size: 100%
}

.detail-element .car-seller .seller-profile .info .car {
    display: inline-block; text-align:left; color: #999; font-size:13px;font-weight:500; margin-top: 1px;
}
.detail-element .car-seller .seller-profile .info .car strong { color: #666; font-weight: 300; }
.detail-element .car-seller .seller-profile .info .car + .car::before { content: '|'; color: #e9e9e9; margin-left: 6px; margin-right: 6px; }

/*.detail-element .car-seller .seller-profile .info .car a {*/
/*    margin-left: 5px;*/
/*    font-size: 12px;*/
/*    text-decoration: underline;*/
/*    font-weight: 700*/
/*}*/

.detail-element .car-seller .seller-profile .info .address {
    margin-top: 10px;
    font-size: 14px;
    color: #303030;
    font-weight: 300;
}

.detail-element .car-seller .seller-profile .info .btns {
    margin-top: 5px;
    /* display: flex; */
}

.detail-element .car-seller .seller-profile .info .bt-tel {
    display: block;
    color: #f33; font-family: Pretendard;font-weight: 700; font-size: 16px; letter-spacing: -0.1px;
    margin-top: 11px;
}

.detail-element .car-seller .seller-profile .info .bt-tel:before {
    content: "";
    display: inline-block; width: 15px; height: 15px; vertical-align: middle;
    background: url("../images/icon/ico-tel-red.svg") no-repeat; background-size: cover; margin: -2px 5px 0 0;
}

.detail-element .car-seller .seller-profile .membrNo {
    color: #A1A1A1; font-weight: 400; font-size: 11px;
}
.detail-element .car-seller .suggestNo {
    color: #999; font-family: Pretendard; font-weight: 500; font-size: 11px; margin-top: 8px;
}
.detail-element .car-seller .suggestNo span{
    margin-right:10px;
}




.detail-element .car-seller .liveCheckBtn {
    display: block;
    margin-bottom: 10px;
}

.detail-element .car-seller .liveCheckBtn .bt-live {
    width: 100%;
    color: #f33;
}

.detail-element .car-seller .seller-msg .inner {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    height: 120px;
    padding: 25px 20px 0;
    overflow: hidden;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: -0.5px;
    background: #F9F9F9;
    border-radius: 5px;
}

.detail-element .car-seller .seller-msg.view .inner {
    height: auto;
    text-overflow: unset;
    display: block;
}

.detail-element .car-seller .seller-msg .bt-view-toggle {
    position: relative;
    width: 100%;
    padding: 15px 0;
    font-size: 12px;
    background: #F9F9F9;
    text-indent: -9999px;
    overflow: hidden;
    font-weight: 300;
    text-align: center;
}

.detail-element .car-seller .seller-msg .bt-view-toggle:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, 0%);
    width: 16px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background: url("../images/icon/ico-view-toggle.svg") no-repeat 100% 50%
}

.detail-element .car-seller .seller-msg .bt-view-toggle.view:after {
    transform: translate(-50%, 0%) rotate(181deg);
    margin-top: 0;
}

.detail-element .car-detail-info .car-seller .car-trade-group-info {
    border: 1px solid #F0F0F0;
    padding:8px 16px;
    gap:6px;
    border-radius:6px;
    margin:16px auto;
}

.detail-element .car-detail-info .car-seller .car-trade-group-info li {
    font-weight:500;
    font-size:13px;
}

.detail-element .car-detail-info .car-seller .car-trade-group-info li:first-child {
    flex-basis:72px;
    color:#8b8b8b;
}

.detail-element .car-detail-info .car-seller .car-trade-group-info li:last-child {
    color:#666;
    gap:4px;
}

.detail-element .car-detail-info .car-seller .car-trade-group-info li:last-child .common-layer-bt {
    margin-left:0;
}

.detail-element .car-detail-info .car-seller .car-trade-group-info .layer_popup .pop-contents > p + p {
    margin-top:8px;
}

.detail-element .car-detail-info .car-seller .car-trade-group-info .common-layer-group .common-layer-tooptip {
    top:-4px;
    left:-115px;
    min-width:340px;
}

.detail-element .seller-contact {
    display: flex; gap:5px; flex-direction: column; justify-content: space-between;
    background: #fff;
}
.detail-element .seller-contact + .seller-contact{
    margin-top:10px;
    padding:0 0 30px 0;
}
.detail-element .seller-contact .reservation {
    display: flex;
    gap:5px;
}
.detail-element .seller-contact .bt {
    /* width: 48.5%; */
    width: 100%;
    /*margin-left: 10px*/;
    font-size: 16px;
    padding: 0 5px;
    transition: none;
}

.detail-element .seller-contact .bt-tel {
    width: 100%; height: 36px;
    color: #1A1A1A; font-family: 'Pretendard'; font-weight: 500; font-size: 16px; line-height: 1;
    background-color: #F5F7FA; padding: 0; border: none; transition: none;
}
.detail-element .seller-contact .reservation .bt-tel {
    height : 50px;
}


.detail-element .seller-contact .bt-tel:before {
    content: "";
    display: inline-block; width: 15px;height: 15px;
    vertical-align: middle;
    background: url("../images/icon/ico-tel-s.svg") no-repeat; background-size: cover; margin: -2px 5px 0 0;
}

.detail-element .seller-contact .bt:first-child {
    margin-left: 0;
}
.detail-element .seller-contact.preSales .bt-func-call-dis{
    display:none;
}

.detail-element .seller-contact .bt-full {
    width: 100%
}

.detail-element .seller-contact .bt-call:last-child {
    width: 100%
}

.detail-element .seller-contact .bt-call:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -3px 5px 0 0;
    vertical-align: middle;
    background: url("../images/icon/ico-detail-call.svg") no-repeat;
}

.detail-element .seller-contact .full {
    width: 100%;
}

.detail-element .link-cartohome {
    margin-bottom: 10px;
}

.detail-element .seller-contact.fixed + .link-cartohome {
    padding-top: 90px;
}

.detail-element .seller-contact.fixed + .car-history {
    padding-top: 130px;
}

.detail-element .link-cartohome img {
    display: block;
}


/*.detail-element .car-history {padding:30px;border-bottom:10px solid #F9F9F9;background:#fff}
.detail-element .car-history h3:after{content:"";display:inline-block;vertical-align:middle;margin:2px 0 0 0;width:7px;height:7px;border:1px solid #000;transform:rotate(45deg) translateY(-50%);border-bottom:0;border-left:0;}
.detail-element .car-history ul {margin-top:5px}
.detail-element .car-history li {font-size:12px;color:#303030}
.detail-element .car-history li em {font-weight:700}
.detail-element .car-history li + li {margin-top:3px}
.detail-element .car-history .ment {margin-top:-15px;font-size:12px}
.detail-element .car-history dl {display:flex;justify-content:space-between;padding-top:20px;margin-top:20px;}
.detail-element .car-history dl + dl {border-top:1px solid #E9E9E9}
.detail-element .car-history dl dt {font-size:14px;}
.detail-element .car-history dl dd {text-align:right;}
.detail-element .car-history dl dd span {font-size:12px}
.detail-element .car-history dl dd span + span:before {content:"/";margin:0 2px}
.detail-element .car-history dl dd span em {font-weight:700}
.detail-element .car-history .bt-view-more {color:#666;text-decoration:underline;}
.detail-element .car-history .car-check-area {position:relative;width:350px;height:289px;overflow:hidden;margin:15px auto;background:url("../images/elements/visual-detail-carcheck-bg.png") no-repeat;background-size:100%;}
.detail-element .car-history .car-check-area.accident-free:after {content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;width:140px;height:140px;background:url("../images/elements/stamp-accident-free.png") no-repeat;background-size:100%;}
.detail-element .car-history .caption {display:flex;justify-content:center;}
.detail-element .car-history .caption span {margin:0 9px;font-size:12px;color:#303030;font-weight:300;}
.detail-element .car-history .caption em {margin-left:5px;font-weight:400;color:#000}
.detail-element .car-history .i-mark {display:inline-block;width:12px;height:12px;background-position:50% 50%;vertical-align:middle;margin:-1px 5px 0 0;}
.detail-element .car-history .i-mark.type1 {background-image:url("../images/elements/i-mark-type1.svg")}
.detail-element .car-history .i-mark.type2 {background-image:url("../images/elements/i-mark-type2.svg")}
.detail-element .car-history .i-mark.type3 {background-image:url("../images/elements/i-mark-type3.svg")}
.detail-element .car-history .i-mark.type4 {background-image:url("../images/elements/i-mark-type4.svg")}
.detail-element .car-history .i-mark.type5 {background-image:url("../images/elements/i-mark-type5.svg")}
.detail-element .car-history .i-mark.type6 {background-image:url("../images/elements/i-mark-type6.svg")}
.detail-element .car-history .car-check-area .i-mark {position:absolute;margin:0;}*/

/* 예약 팝업 */
.pop-reservation-detail {width:600px;}
.pop-reservation-detail h4 {font-size:20px;font-weight:700;}
.pop-reservation-detail .office-map {margin-bottom:25px;}
.pop-reservation-detail .rsv-detail {padding-top:10px;}
.pop-reservation-detail .rsv-detail li {display:flex;justify-content:flex-start;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #E9E9E9}
.pop-reservation-detail .rsv-detail li:first-child .c {font-weight:700;}
.pop-reservation-detail .rsv-detail li .t {width:100px}
.pop-reservation-detail .rsv-detail li .c {text-align:left;}
.detail-element .s-title {font-size: 18px;font-weight: 700;margin-bottom: 20px;}
.detail-element .bt-view-more {display:block;width:100%;text-align:right;margin-top:-17px;border:1px solid #E9E9E9;border-radius:5px;font-size:11px;font-weight:500;}
.detail-element .car-lottecheck {padding:40px 30px;border-bottom:1px solid #E9E9E9}
.detail-element .car-lottecheck .history {position:relative;}
.detail-element .car-lottecheck .history img {display:block;}
.detail-element .car-lottecheck .diag-list {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.detail-element .car-lottecheck .diag-list li {display:flex;justify-content:space-between;width:110px;color:#666;font-size:11px;}
.detail-element .car-lottecheck .diag-list em {display:block;padding-bottom:15px;text-align:center;}
.detail-element .car-lottecheck .diag-list .c {font-weight:700;}

/************************* 구매계산기 *************************/
.detail-element .area.car-price-compare {
    padding: 0; border-bottom: none; margin-top: 30px;
}
.detail-element .area.car-price-compare .s-title-wrap{
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    padding:24px 24px 0;
}

.detail-element .area.car-price-compare .common-layer-group.posTop .common-layer-tooptip {
    min-width: 340px;
    left: -130px;
}

.detail-element .area.car-price-compare .common-layer-group.posTop .common-layer-tooptip:after {
    left: 132px;
}

.detail-element .area.car-price-compare .common-layer-group.posTop .common-layer-tooptip.sm {
    left: -100px;
}

.detail-element .area.car-price-compare .common-layer-group.posTop .common-layer-tooptip.sm:after {
    left: 100px;
}


.detail-element .area.car-price-compare > .wrap {
    width: 420px;
    border: 2px solid #303030; border-radius: 16px;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px;
    margin: 0 auto;
}
.detail-element .car-recommend-list {
    padding: 40px 30px;
}

/* 이전 탭 디자인 */
.detail-element .tab-menu {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 2px;
    background: #F2F2F2
}

.detail-element .tab-menu .bt-tab {
    width: 50%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
}

.detail-element .tab-menu .bt-tab.on {
    height: 30px;
    font-size: 12px;
    color: #303030;
    font-weight: 700;
    border-radius: 2px;
    border: 1px solid #303030;
    background: #fff
}

/* 컨텐츠 */
.tab-content {
    /*padding-top: 10px;*/
    /*padding-bottom: 30px;*/
    /*border-bottom: 1px solid #E9E9E9;*/
}

.tab-content.active {
    display: block;
}

.detail-element .car-price-calc li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7px;
}
.detail-element .car-price-calc li:last-child { margin-bottom: 0; }

.detail-element .car-price-calc .calc-wrap {
    padding-bottom: 25px;
    border-bottom: 1px solid #E9E9E9;
}

.detail-element .car-price-calc .tit {
    font-size: 14px;
    font-weight: 300;
    color: #666666;
    letter-spacing: -0.5px;
}

.detail-element .car-price-calc .val {
    font-size: 16px;
    font-weight: 300;
    color: #303030;
    letter-spacing: -0.5px;
}

.detail-element .car-price-calc .val var {
    font-weight: 700;
}


/*(소매) 구매계산기(바로구매, 할부)*/
#purchase {
    font-family: Pretendard;
}
#purchase .tab {display: flex; padding:0 24px;}
#purchase .tab > div {
    width:50%; text-align:center; color: #666; font-weight: 500; font-size: 16px; cursor:pointer;
    padding: 10px 0;
    border-bottom:1px solid #D9D9D9;
}
#purchase .tab .select {
    border-bottom:3px solid #151515;
    color:#151515;
    font-weight:700;
}
#purchase .psc-wrap {
    background-color: rgba(255,255,255,0); border : none; padding: 0; margin: 20px auto 10px;
    padding:0 24px;
}
#purchase .event{
    position:relative;
}
#purchase .event:after{
    content:"EVENT";
    margin-left: 3px; position: absolute;
    padding:4px; background:#FFEBEB; border-radius:5px;
    font-size:11px; font-weight:600; color:#FF3333;
}
#purchase .ew-container .event:after{
    top:-3px;
}
#purchase .psc-wrap li {
    color: #1A1A1A; font-family: inherit;
    margin-top: 10px;
}
#purchase .psc-wrap li.calc-total .tit{
    font-size:16px;
    color:#666;
    font-weight:700;
}
#purchase .psc-wrap li.calc-total .val{
    font-weight:700;
    font-size:22px;
    color:#FF3333;
}
#purchase .psc-wrap li.calc-total .val var{
    font-weight:700;
    font-size:22px;
    color:#FF3333;
}
#purchase .psc-wrap li.care{
    margin-top:16px;
}
#purchase .psc-wrap li:first-child {margin-top: 0px;}
#purchase .psc-wrap li .tit {
    color: #666;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
}
#purchase .psc-wrap li .tit.bold{
    font-size:18px;
    font-weight:700;
    color:#151515;
}
#purchase .psc-wrap li .val {
    color: inherit;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
}
#purchase .psc-wrap li .val.sale{
    color:#FF3333;
}
#purchase .psc-wrap li .val strike{
    border-radius:7px;
    font-size:18px;
    font-weight:700;
}

#purchase .psc-wrap li .val var {
    font-weight: 700;
    line-height: 1.4;
    color:#151515;
}
#purchase .psc-wrap li.prc_total {margin-top: 20px;margin-bottom: 0;height: 32px;}
#purchase .psc-wrap li.prc_total var{color:#FF3333;}
#purchase .psc-wrap li.prc_total .tit{
    font-size:18px;
}
#purchase .psc-wrap li.prc_total.warranty .tit{
    font-size:16px;
}
#purchase .psc-wrap .prc_total .btn-link {
    color:#666; font-family: Pretendard; font-weight: 400; font-size: 14px; line-height: 1;
}
#purchase .ew-container{
    padding:0 24px; margin-bottom:24px;
    display:flex; gap:8px;
}

#purchase .check-item {
    padding:12px; border: 1px solid #E6E6E6; border-radius: 8px; width:100%;
}
#purchase .check-item label {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap:4px;
    height:auto;
    border-right:none;
}
#purchase .check-item:has(input[type="radio"]:checked) {
    border-color: black;
}
#purchase .check-item:has(input[type="radio"]:checked) .tit var {
    color : #3B3B3B;
    font-weight:600;
}
#purchase .check-item:has(input[type="radio"]:checked) .val > * {
    color: #3B3B3B !important;
}
#purchase .check-item .tit {
    color:#666; font-weight: 500; font-size: 16px; line-height: 1; margin-bottom: 0; margin-top:2px;
}
#purchase .check-item .tit var {
    font-weight: 500;
}
#purchase .check-item .val {
    color: #666;font-weight: 500;
    font-size:16px;text-decoration: line-through;
}
#purchase .check-item .val var {
    display: inline-block;
    text-align: right;
}
#purchase .check-item .val var.strike{
    text-decoration: line-through;
}
#purchase .check-item .val .unit {color: #666;text-decoration: none !important;/* text-decoration-color: rgba(255,255,255,0) !important; */display: inline-block;}
#purchase .custom-select, #quotePop .custom-select {
    position: relative;
    width: 100%;
    cursor: pointer;
    margin-top:10px;
}
#purchase .custom-select:after, #quotePop .custom-select:after{
    content:'';
    position: absolute;
    right: 15px;
    top: 21px;
    width:16px;
    height:16px;
    background:url('../images/icon/select-arrow-down.svg') no-repeat 0 0;
}
#purchase .custom-select.open:after, #quotePop .custom-select.open:after{
    transform: rotate(180deg) translateY(-0%);
}
#purchase .selected-option, #quotePop .selected-option{
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 16px;
    color: #999;
    border-radius: 8px;
}
#purchase .select-options, #quotePop .select-options {
    display: none;
    position: absolute;
    top: 60px;
    border-radius: 10px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    max-height: 207px;
    overflow-y: hidden;
    z-index: 1000;
    padding: 4px;
}
#purchase .select-options.open, #quotePop .select-options.open {
    display: block;
}

#purchase .select-option, #quotePop .select-option {
    padding: 13px;
    border-radius: 4px;
    margin-bottom:3px;
    display: flex;
    justify-content: space-between;
}
#purchase .select-option span, #quotePop .select-option span{
    color:#333;
}
#purchase .select-option span.month-price, #quotePop .select-option span.month-price{
    color:#999;
}
#purchase .select-option span.select-title, #quotePop .select-option span.select-title{
    color:#1A1A1A;
}
#purchase .select-option:hover, #quotePop .select-option:hover {
    background-color: #F5F7FA;
}
#purchase .prc_total {
    display:flex;
    padding:16px 24px 20px;
    justify-content: space-between;
    align-items: center;
    background:#FFF4F5;
    border-radius: 0 0 16px 16px;
}
#purchase .prc_total.calc{
    padding-bottom:55px;
}
#purchase .prc_total .tit {
    color:#FF3333; font-weight: 600 !important; font-size: 16px; line-height: 1;
}
#purchase .prc_total .val {
    color:#FF3333;
    font-weight: 400;
    font-size: 26px;
}
#purchase .prc_total .val var {
    font-weight: 700;
}
#purchase .summary{
    font-size: 13px;
    color: #666;
    position: absolute;
    width: 367px;
    margin-top: 76px;
    line-height:17px;
}

#purchase .search-element {
    min-height: auto;
    margin: 20px 24px 0;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
#purchase .search-element .tit {
    color: #1A1A1A; font-family: inherit; font-weight: 700; font-size: 14px; line-height: 1.43; margin-bottom: 8px;
}
#purchase .search-element .ipt { margin-bottom: 15px; width:calc(50% - 5px); }
#purchase .search-element .twin {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    flex-wrap: wrap;
}
#purchase .search-element .ip-wrap {position:relative; width: 100%;}
#purchase .search-element .ip-wrap input, #purchase .search-element .ip-wrap select {
    height: 56px; color: #1A1A1A; font-family: inherit; font-weight:400; font-size:16px; line-height: 1;
    padding: 16px 17px; border-radius: 5px;-webkit-border-radius: 5px; border-color:#D9D9D9;
}
#purchase .search-element .ip-wrap small {position:absolute;top: 0px; line-height:56px; right: 17px;color:#1A1A1A;font-family: inherit;font-weight:400;font-size:16px;}















/* 롯데안심보증 선택 */
.lotte-cert-wrap { padding: 25px 0; }

.lotte-cert-wrap .s-title-wrap .s-title {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0;
}

.lotte-cert-wrap .s-title-wrap a span { font-weight: 300; }

.lotte-cert-wrap .s-title-wrap a span:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 2px 0 0 -1px;
    width: 6px;
    height: 6px;
    border: 1px solid #666;
    transform: rotate(45deg) translateY(-50%);
    border-bottom: 0;
    border-left: 0;
}

/* 롯데안심보증 */
.lotte-cert-item {  }


/* 렌트 계산기 */
.tab-content .checkbox-container {
    /* padding-top: 30px; */
    padding:0 24px 30px;
}
.tab-content .checkbox-container .s-title-wrap{
    padding:0 !important;
}
.tab-content .checkbox-wrap { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; }
.tab-content .checkbox-wrap:last-child { margin-bottom: 0px; }

.tab-content .checkbox-wrap .buy-title {
    position:relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 5px;
    padding: 10px;
}
.tab-content .checkbox-wrap .buy-title:after{
    content: '';
    position: absolute;
    left: 85px;
    width: 40px;
    height: 20px;
    background-image: url(../images/icon/ico-buy-tooltip.svg);
    background-position: center;
    background-size: 100%;
}
.tab-content .checkbox-wrap .buy-title.active:after{
    background-image:url("../images/icon/ico-buy-tooltip-active.svg");
}
.tab-content .checkbox-wrap .buy-title.active {
    border: 1px solid #F33;
    box-shadow: 0 3px 12px rgba(0,0,0,0.07);
}
.tab-content .checkbox-wrap .buy-title input[type="checkbox"]:checked+label h3 {
    color: #F33;
    font-weight: 500;
}
/*.tab-content .checkbox-wrap .common-layer-group.buy{*/
/*    display: flex;*/
/*    flex: auto;*/
/*    justify-content: right;*/
/*}*/
.tab-content .checkbox-wrap .common-layer-group .tips-box-buy{
    text-align: right;
    font-size: 12px;
    background-color: transparent;
    padding:10px 0;
    color:#999;
}


.tab-content .buy-opt-tips-box {
    text-align: left;
    font-size: 11px;
    line-height: 1.6;
    font-weight: 500;
    color: #999;
    background-color: transparent;
    margin: 10px 0 20px 0;
}

.detail-element .area.car-price-compare .tab-content .checkbox-wrap .s-title-wrap {
    margin-bottom: 0;
    display: block;
}

.tab-content .checkbox-wrap .s-title {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    display: block;
    position: relative;
}

.tab-content .checkbox-wrap .s-title + .txt {
    font-size: 11px;
    font-weight: 500;
    color: #4285F4;
    display: block
}

.tab-content .checkbox-wrap .s-title input[type="checkbox"]+label {
    padding-left: 30px;
}

.tab-content .checkbox-wrap form {
    display: flex;

}

.tab-content .checkbox-wrap form .check-item {
    text-align: center;
    margin-right: 4px;
    position: relative;
}

.tab-content .checkbox-wrap form .check-item:last-child {
    margin-right: 0;
}


.tab-content .checkbox-wrap form .check-item input[type="radio"]+label {
    color: #303030;
    padding-left: 0;
    width: 74px;
    height: 36px;
    background-color: #fff;
    border: 1px solid #DDD;
    word-break: keep-all;
    border-radius: 2px;
    /* overflow: hidden; */
}

.tab-content .checkbox-wrap.two form .check-item input[type="radio"]+label { width: 113px; }

.tab-content .checkbox-wrap form .check-item input[type="radio"]+label h4 {
    font-size: 14px;
    line-height: 36px;
    color: #3B3B3B;
    font-weight: 500;
}

.tab-content .checkbox-wrap form .check-item input[type="radio"]+label::after { display: none; }

.tab-content .checkbox-wrap form .check-item input[type="radio"]:checked+label {
    background-color: #FFF;
    border: 1px solid #f33;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}

.tab-content .checkbox-wrap form .check-item input[type="radio"]:checked+label h4 {
    color: #f33;
    font-weight: 700;
}

.tab-content .checkbox-wrap form .check-item input[type="radio"]:disabled+label {
    background-color: #F4F4F4;
    border: 1px solid #D9D9D9;
}

.tab-content .checkbox-wrap form .check-item input[type="radio"]:disabled+label h4 {
    color: #B1B1B1;
    font-weight: 500;
}

/* 금액 */
/*
.tab-content + .psc-wrap {
    padding: 20px 0 30px 0;
}

.tab-content + .psc-wrap li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.tab-content + .psc-wrap li:last-child { margin-bottom: 0; }

.tab-content + .psc-wrap li .tit {
    font-size: 14px;
    font-weight: 700;
    color: #303030;
}

.tab-content + .psc-wrap li .val {
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    color: #000;
}

.tab-content + .psc-wrap li .val var {
    font-size: 24px;
    font-weight: 700;
}

.tab-content + .psc-wrap li.prc_total .val {
    color: #f33;
}
*/

/* 금액 */
.car-price-compare .psc-wrap {
    padding:20px 24px 0;
    border-top: 1px solid #ccc;
}

.car-price-compare .psc-wrap li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.car-price-compare .psc-wrap li .tit {
    font-size: 16px;
    font-weight: 700;
    color: #303030;
}

.car-price-compare .psc-wrap li .val {
    font-size: 18px;
    font-weight: 300;
    color: #000;
}

.car-price-compare .psc-wrap li .val var {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.car-price-compare .psc-wrap li.prc_total {
    line-height: 22px;
    margin-bottom: 7px;
}

.car-price-compare .psc-wrap li.prc_total .val {
    color: #f33;
}

.car-price-compare .psc-wrap li.prc_total .val var {
    color: #f33;
    font-size: 22px;
}

.car-price-compare .psc-wrap li.prc_acq{
    margin-top: 15px;
    /*display: none;*/
}

.car-price-compare .psc-wrap li.prc_acq.active {
    display: flex;
}

/* box */
.car-price-compare .psc-wrap li.box {
    display: block;
    line-height: 18px;
    margin-bottom: 7px;
    /* padding: 13px 15px; */
    /* background-color: #F3F3F3; */
    /* -webkit-border-radius: 5px; */
    /* border-radius: 5px; */
}

.car-price-compare .psc-wrap li.box.hide {
    display: none;
}

.car-price-compare .psc-wrap li.box > div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    /* display: none; */
}

.car-price-compare .psc-wrap li.box .tit {
    font-size: 14px;
    font-weight: 300;
    color: #000;
}

.car-price-compare .psc-wrap li.box .val {
    font-size: 18px;
    font-weight: 300;
    color: #000;
}

.car-price-compare .psc-wrap li.box .val var {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}
.car-price-compare .acq-area {
    width: 100%;
    height: 40px;
    background-color: #F9F9F9;
    border: 1px solid #E9E9E9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 15px;
    margin-top:20px;
}

.car-price-compare .acq-area .info-txt {
    margin-top: 0;
    font-size: 13px;
    line-height: 13px;
    color: #999;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    letter-spacing: -0.2px;
}

.car-price-compare .acq-area .info-txt::before {
    content: '';
    width: 17px;
    height: 17px;
    background-image: url("../images/icon/ico-info.svg");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}

.car-price-compare .acq-area .txt {
    font-size: 13px;
    color: #4B87FF;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.car-price-compare .acq-area .val {
    font-size: 13px;
    color: #666;
    font-weight: 300;
    display: none;
}

.car-price-compare .acq-area .val var {
    font-weight: 700;
    font-size: 14px;
}

.car-price-compare .acq-area .txt::after {
    content: '';
    width: 6px;
    height: 12px;
    background-image: url("../images/icon/ico-arr-right-blue.svg");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 4px;
}

.car-price-compare .acq-area.active {
    background-color: #EDF4FF;
    border-color: #EDF4FF;
}

.car-price-compare .acq-area.active .txt { display: none; }
.car-price-compare .acq-area.active .val { display: inline-block; }

.car-price-compare .psc-wrap li.box > div.hide {
    display: none;
}
/* 사용하는걸까요 */
.car-price-compare .tips-box {
    text-align: left;
    font-size: 11px;
    line-height: 1.6;
    font-weight: 500;
    color: #999;
    background-color: transparent;
    padding:15px 24px;
}

/* tips-box */
.tips-box {
    text-align: left;
    font-size: 0;
    background-color: transparent;
    padding: 0; padding-top: 10px;
}
.tips-box span { display: block; font-size: 11px; line-height: 1.5; font-weight: 500; color: #999; }
.tips-box .btn-link { font-size: 11px; line-height: 11px; font-weight: 700; margin-left: 1px; color: #666; text-decoration: underline; }
.tips-box .btn-link::after { display: none; }

/* benefits */
.benefits-container {
    width: 100%; font-size: 0; margin-top: 30px;
}

.benefits-container img {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 100%;
}

/************************* 옵션 정보 *************************/
.detail-element .area.car-options-detail {
    /* padding: 30px 30px 15px 30px; */
    padding-bottom: 30px;
}

.detail-element .car-options + .area.car-options-detail {
    border-top:1px solid #e6e6e6;
}

.detail-element .car-options-detail .options ul {
    display: flex;
    flex-wrap: wrap
}

.detail-element .car-options-detail .options li {
    width: 20%;
    margin-bottom: 10px;
    font-size: 12px;
    color: #666;
    font-weight: 300;
    text-align: center;
    line-height: 1.3;
}

/* ### 230714 추가 */
.detail-element .car-options-detail .options li p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    font-weight: 300;
}

.detail-element .car-options-detail .options li span {
    display: block;
    width: 40px;
    height: 44px;
    margin: 0 auto 6px auto;
    background-image: url("../images/icon/ir-ico-detail-option-off.png");
    background-size: 383px;
    background-repeat: no-repeat;
}

.detail-element .car-options-detail .options li.on span {
    background-image: url("../images/icon/ir-ico-detail-option-on.png");
}

/* ### 230714 수정 ~ */
.detail-element .car-options-detail .options li.opt-navigation span {
    background-position: -13px -38px;
}

.detail-element .car-options-detail .options li.opt-hipass span {
    background-position: -93px -38px;
}

.detail-element .car-options-detail .options li.opt-rearcamera span {
    background-position: -171px -38px;
}

.detail-element .car-options-detail .options li.opt-heatedseat span {
    background-position: -251px -38px;
}

.detail-element .car-options-detail .options li.opt-airseat span {
    background-position: -332px -38px;
}

.detail-element .car-options-detail .options li.opt-sunroof span {
    background-position: -14px -134px;
}

.detail-element .car-options-detail .options li.opt-SCC span {
    background-position: -92px -130px;
}

.detail-element .car-options-detail .options li.opt-hud span {
    background-position: -171px -130px;
}

.detail-element .car-options-detail .options li.opt-BSCW span {
    background-position: -251px -130px;
}
/* ~ 230714 수정 */

.detail-element .car-options-detail .options li.on {
    color: #f33;
}

/* ### 230714 추가 */
.detail-element .car-options-detail .options li.on p {
    font-weight: 500;
}

.detail-element .car-options-detail .options li .bt-option-all {
    height: 100%;
    font-size: 12px;
    color: #666;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
}

.detail-element .car-options-detail .options li .bt-option-all:before {
    content: "+";
    display: block;
    height: 44px;
    line-height: 44px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
}

.detail-element .car-options-detail .options-all {
    position: relative;
    margin-top: -10px;
}

.detail-element .car-options-detail .options-all dl {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    border-top: 1px solid #EDEDED
}

.detail-element .car-options-detail .options-all dt {
    width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.detail-element .car-options-detail .options-all dd {
    width: 50%;
    padding-top: 5px;
    font-weight: 300;
    letter-spacing: -1px;
    white-space: nowrap;
}

.detail-element .car-options-detail .options-all dd.on {
    color: #f33
}

.detail-element .car-options-detail .bt-option-min {
    position: absolute;
    right: 0;
    top: -28px;
    font-size: 12px;
    color: #666;
    font-weight: 700;
}

.detail-element .car-options-detail .bt-option-min:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 1px;
    margin: -3px 5px 0 0;
    background: #666;
    vertical-align: middle;
}

/*  차량 상세이미지 팁 */
.detail-element .car-detail-image-tip {
    padding:14px 30px;
    background-color:#f9f9f9;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.detail-element .car-detail-image-tip > ul {
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap:16px;
}

.detail-element .car-detail-image-tip > ul > li img {
    width:32px;
    height:32px;
}

.detail-element .car-detail-image-tip > ul > li h4 {
    font-weight:600;
    font-size:14px;
    color:#151515;
    margin:0 0 3px;
}

.detail-element .car-detail-image-tip > ul > li p {
    font-size:13px;
    color:#3b3b3b;
    line-height:1.4;
}

.detail-element .car-detail-image-tip > ul > li:nth-child(2) {
    flex:1;
}

/*선택옵션정보*/
.detail-element .car-options-select {
    font-family: Pretendard; padding-bottom: 30px;
}
.detail-element .car-options-select .s-title {
    margin-bottom: 8px;
}
.detail-element .car-options-select .desc {font-size: 16px;}
.detail-element .car-options-select .desc strong {color: red; font-weight:700; }
.detail-element .car-options-select .options {
    margin-top: 20px;
}
.detail-element .car-options-select li {
    display:flex; justify-content: space-between; margin-top: 12px;
}
.detail-element .car-options-select li:first-child {
    margin-top: 0;
}
.detail-element .car-options-select span {
    font-family: inherit; font-weight: 400; font-size: 14px;vertical-align: middle;
}
.detail-element .car-options-select .lbt {
    display:none; width: 25px; color: #999; margin-right: 20px;
}
.detail-element .car-options-select .opt {
    display: inline-block;
    min-width: 250px; max-width: 250px; overflow: hidden; margin-right:20px;
    color: #666; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;
}
.detail-element .car-options-select .price {
    display: inline-block; width: calc(100% - 257px);
    color: #1A1A1A; font-weight: 400; font-size: 16px; letter-spacing: -0.02em; text-align: right;
}
.detail-element .car-options-select .price strong {color:inherit;font-size: 16px;}
.detail-element .car-options-select strong {
    font-weight: 700;
}






/************************* 라이브체크 *************************/
.detail-element .live-check {position:absolute;bottom:0;left:0;right:0;height:40px;text-align:center;z-index:10;}
.detail-element .live-check:before {content:"";position:absolute;left:0;top:0;width:100%;height:40px;display:block;background:#000;opacity:0.6;}
.detail-element .live-check p {position:relative;padding-top:12px;text-align:center;color:#fff;z-index:10;font-weight:700;font-size:12px;}
.detail-element .live-check p a {margin-left:10px;color:#fff;font-weight:300;font-size:12px;}
.detail-element .live-check p a:after {content:"";display:inline-block;width:5px;height:5px;vertical-align:middle;margin:-1px 0 0 4px;border:1px solid #fff;transform:rotate(45deg);border-bottom:0;border-left:0;}

.detail-element .car-price-compare {padding:30px;border-bottom:1px solid #E9E9E9}
.detail-element .car-recommend-list {padding:40px 30px;}
.detail-element .tab-menu {display:flex;justify-content:space-between;overflow:hidden;border-radius:2px;background:#F2F2F2}
.detail-element .tab-menu .bt-tab {width:50%;height:30px;line-height:30px;font-size:12px;color:#666;}
.detail-element .tab-menu .bt-tab.on {height:30px;font-size:12px;color:#303030;font-weight:700;border-radius:2px;border:1px solid #303030;background:#fff}
/*.detail-element .tab-content {padding-top:30px}*/
.detail-element .car-price-calc li {display:flex;justify-content:space-between;align-items:center;}
.detail-element .car-price-calc .tit {letter-spacing:-0.5px;}
.detail-element .car-price-calc .tit small {display:block;font-size:12px;color:#969696;font-weight:300;}
.detail-element .car-price-calc .val {letter-spacing:-0.5px;}
.detail-element .car-price-calc .car {padding-bottom:7px;border-bottom:1px solid #EDEDED;}
.detail-element .car-price-calc .car .tit {color:#222;font-weight:700;font-size:14px;}
.detail-element .car-price-calc .car .val {font-size:16px;color:#222;}
.detail-element .car-price-calc .car .val var {font-weight:700;}
.detail-element .car-price-calc .tax {margin-top:7px;font-weight:300}
.detail-element .car-price-calc .tax .tit {color:#666;font-size:14px;}
.detail-element .car-price-calc .tax .val {color:#666;font-size:14px;}
/* X */
.detail-element .car-price-calc .tax-total {margin-top:20px;}
.detail-element .car-price-calc .tax-total + .tax-total {margin-top:10px;}
.detail-element .car-price-calc .tax-total .tit {color:#222;font-weight:700;}
.detail-element .car-price-calc .tax-total .val {color:#222;font-size:16px;}
.detail-element .car-price-calc .tax-total .val var {font-weight:700;font-size:16px;}
.detail-element .car-price-calc .tbg {padding:10px 0;border-bottom:1px solid #EDEDED;}
.detail-element .car-price-calc .tbg .tit {color:#222;font-weight:700;}
.detail-element .car-price-calc .tbg .val {color:#222;font-size:16px;}
.detail-element .car-price-calc .tbg .val var {font-weight:700;font-size:16px;}
.detail-element .car-price-calc .grt {padding:15px 0;margin-top:15px;border-top:1px solid #EDEDED;}
.detail-element .car-price-calc .grt .ck-wrap {margin-top:2px;}
.detail-element .car-price-calc .grt .tit  {color:#999;font-weight:700;}
.detail-element .car-price-calc .grt .tit label {color:#333}
.detail-element .car-price-calc .grt .val var {font-size:16px;}
/* 총 구매 예상비용 */
.detail-element .car-price-calc .total {padding-top:12px;margin-top:12px;border-top:1px solid #EDEDED;}
.detail-element .car-price-calc .noLine {border-top:0;padding-top:0;}
.detail-element .car-price-calc .hasLine {border-top:1px solid #EDEDED;}
.detail-element .car-price-calc .total .tit {font-weight:700;font-size:14px;}
.detail-element .car-price-calc .total .val {font-size:24px;font-weight:700;color:#f33;}
/* tip */
.detail-element .car-price-calc .tip {color:#999;letter-spacing:-0.7px;font-size:12px;}
.detail-element .car-price-calc .tip.type2 {padding-top:10px;margin-top:20px;font-size:11px;font-weight:300;border-top:1px solid #E9E9E9;letter-spacing:0;}
.detail-element .car-price-calc .slt-group {padding-top:10px;}
.detail-element .car-price-calc .slt {padding:5px 0;}
.detail-element .car-price-calc .slt .tit {color:#222;font-weight:700;font-size:14px;}
.detail-element .car-price-calc .slt .sl-wrap:before {content: "";right: 10px; width:15px; height:10px;background: url(../images/icon/ico-selectbox-b.svg) no-repeat;}
.detail-element .car-price-calc .slt .sl-wrap select {width:220px;height:60px;padding:0 37px 0 23px;font-size:18px;letter-spacing:-0.5px;}
.detail-element .car-price-calc .slt .ip-wrap {position:relative;}
.detail-element .car-price-calc .slt .ip-wrap input {width:220px;height:60px;border:1px solid #E9E9E9;border-radius:5px;padding:0 37px 0 0;background:#fff;font-size:18px;letter-spacing:-0.5px;text-align:right;font-weight:700;}
.detail-element .car-price-calc .slt .ip-wrap small {position:absolute;right:15px;top:17px;font-size:16px;color:#666;}
.detail-element .car-price-calc .red {color:#f33;}
.detail-element .prc-proportion {width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:35px;overflow:hidden;height:80px;border-radius:4px;background:#E8E8E8;}
.detail-element .prc-proportion .item {height:80px;padding-top:17px;}
.detail-element .prc-proportion .item .tit {display:block;text-align:center;font-size:16px;font-weight:700;color:#16161A}
.detail-element .prc-proportion .item .tit var {text-decoration:underline;}
.detail-element .prc-proportion .item .val {display:block;text-align:center;font-size:16px;font-weight:300;color:#16161A}
.detail-element .prc-proportion .item:first-child {background:#000}
.detail-element .prc-proportion .item:first-child .tit,
.detail-element .prc-proportion .item:first-child .val {color:#fff;}
.detail-element .recommend-car .list-type-img .list-item {width:185px;height:257px;}
.detail-element .recommend-car .list-type-img .list-item .list-detail {height:auto;padding:12px 10px 10px 10px}
.detail-element .recommend-car .list-type-img .list-item .list-title .link-detail-view {font-size:14px;font-weight:400}
.detail-element .recommend-car .list-type-img .list-item .list-price {margin-top:0;}
.detail-element .recommend-car .list-type-img .list-item .list-thumb a {width:185px;height:150px;}
.detail-element .recommend-car .list-type-img .list-item:nth-child(odd) {margin:0;float:left;}
.detail-element .recommend-car .list-type-img .list-item:nth-child(even) {margin:0;float:right;}
.detail-element .recommend-car .list-type-img .list-option {line-height:1.2;}
.detail-element .lotte-cert-summary {margin-top:10px;}
.detail-element .lotte-cert-summary a {display:block;}
.detail-element .lotte-cert-summary a img {display:block;}


/* 360도뷰 */
#viewer-360 { font-size: 0; width: 100%; }
#viewer-360-cover { width: 100% !important; height: 100%; position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; }
.cloudimage-360-view-360-icon {
    background: url("../images/elements/img-spin-effect.png") 50% 50% / contain no-repeat rgba(255, 255, 255, 0);
    width: 100%;
    height: 15%;
    position: absolute;
    top: 45%;
    bottom: initial;
    left: 0%;
    right: 0%;
    mix-blend-mode: screen;
    z-index: 2;
    pointer-events: none;
    box-shadow: none;
    color: transparent;
    line-height: 1;
}


/* 라이브체크 배너 */
.banner-liveCheck { width: 100%; margin-top: 10px; font-size: 0; }
.banner-liveCheck a { font-size: 0; }

/* 태그 영역 */
.detail-element .keyword-tags {position: relative;left: 0;bottom: 0;right: 0;height: 40px;padding: 0 30px;display: flex;justify-content: flex-start;align-items: center;}
.detail-element .keyword-tags:before {content: "";position: absolute;left: 0;right: 0;top: 0;height: 100%;display: block;background: #303030;z-index: 9}
.detail-element .keyword-tags span {position: relative;padding-right: 20px;z-index: 10;color: #fff;font-size: 12px;}

/*소매 홈서비스 안내영역*/
.detail-element .sale-info{margin-top:10px;}

/* custom scrollbar */
.detail-element .section-left .custom-scroller-detail {height:100vh;padding-bottom:10px;}
.detail-element .car-detail-info .custom-scroller-detail {max-height:calc(100vh  - 210px);padding-bottom:10px;}
.detail-element .mCSB_scrollTools {width:20px;}
.detail-element .mCSB_inside>.mCSB_container {margin-right:0;}
.detail-element .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:5px;background:#E9E9E9}
.detail-element .mCSB_scrollTools .mCSB_draggerRail {background:transparent;}
.detail-element .section-left .mCSB_outside+.mCSB_scrollTools {right:-19px;}
.detail-element .car-detail-info .mCSB_outside+.mCSB_scrollTools {right:-3px;}

/* layer-popup-diagnosis */
.popup_diagnosis {width:800px;}

/* layer-popup-car-detail */
#carPhotoViewPop:after {opacity:0.8}
.popup_carphotoview {background:transparent;}
.popup_carphotoview .car-photo-view-wrapper {width:1140px;margin:0 auto;}
.popup_carphotoview .car-title {display:flex;}
.popup_carphotoview .car-title h2 {font-size:30px;color:#fff}
.popup_carphotoview .car-title .prc {padding-left:25px;font-size:30px;color:#f33;font-weight:700;}
.popup_carphotoview .pop_close {top:11px;right:-2px;}
.popup_carphotoview .car-photo-view {position:relative;width:1000px;margin-left:140px;}
.popup_carphotoview .car-photo-view-slider {margin-top:20px}
.popup_carphotoview .car-photo-view-slider .swiper-slide {overflow:hidden;width:1000px;height:750px;}
.popup_carphotoview .car-photo-view-slider .swiper-slide img {display:block;width:100%;height:100%;}
.popup_carphotoview .bt-vr {position:absolute;right:20px;bottom:20px;width:50px;height:50px;cursor:pointer;background:url('../images/icon/ico-vr-big.png') no-repeat;background-size:100%;z-index:100}
.popup_carphotoview .car-photo-thumbnail {padding-top:40px;padding-bottom:40px;}
.popup_carphotoview .car-photo-thumbnail .swiper-nav-group button {width:140px;height:40px;background-position:50% 50%;background-repeat:no-repeat;background-size:100%;}
.popup_carphotoview .car-photo-thumbnail .swiper-button-prev-unique {left:0;top:22px;background-image:url("../images/elements/btn-swiper-vertical-prev.png")}
.popup_carphotoview .car-photo-thumbnail .swiper-button-next-unique {left:0;top:733px;background-image:url("../images/elements/btn-swiper-vertical-next.png")}
.popup_carphotoview .car-photo-thumbnail {position:absolute;left:0;top:64px;width:140px;height:750px;overflow:hidden;background:#000;}
.popup_carphotoview .car-photo-thumbnail .swiper-wrapper {width:100px;}
.popup_carphotoview .car-photo-thumbnail .swiper-slide {display:block;position:relative;width:100px;height:70px !important;cursor:pointer}
.popup_carphotoview .car-photo-thumbnail .swiper-slide img {display:block;width:100%;height:100%;}
.popup_carphotoview .car-photo-thumbnail .swiper-slide:hover:before,
.popup_carphotoview .car-photo-thumbnail .swiper-slide.swiper-slide-thumb-active:before {content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:2px solid #f33;}

/* car theme banner */
.car-theme-banner {position:relative;height:200px;margin:80px 0 30px;}
.car-theme-banner .banner-visual {position:relative;height:200px;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
/*.car-theme-banner .banner-visual:after {*/
/*    content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:#000;opacity:0.5;}*/
.car-theme-banner .banner-text {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:10;}
.car-theme-banner .banner-text h2 {text-align:center;color:#fff;font-size:40px;font-weight:700;letter-spacing:-0.5px;}
.car-theme-banner .banner-text p.t1 {margin-top:10px;font-size:16px;color:#fff;;text-align:center;}
.car-theme-banner .banner-text .tags {display:flex;justify-content:center;}
.car-theme-banner .banner-text .tags span {padding:0 8px;color:#fff;font-size:16px;font-weight:500;}
.car-theme-banner.type-brand {height:200px;margin-bottom:0;}
.car-theme-banner.type-brand .banner-text h2 {display:flex;align-items:center;color:#000;justify-content:center;}
.car-theme-banner.type-brand .banner-text h2 img {margin-right:12px;}


/* layer-popup-direct-insert */
.popup-direct-insert {width:951px;min-height:450px;border-radius:20px;background:#fff;overflow:hidden;}
.popup-direct-insert .pop-head {height:80px;background:#333}
.popup-direct-insert .pop-head .pop-title {padding:20px 0 0 40px;color:#fff;font-size:30px;font-weight:400}
.popup-direct-insert .btns {position:absolute;right:20px;top:21px;text-align:right;}
.popup-direct-insert .btns .bt-imgeditor-func {width:45px;height:40px;}
.popup-direct-insert .btns .bt-imgeditor-func span {display:block;padding-top:24px;text-align:center;font-size:12px;color:#fff}
.popup-direct-insert .btns .bt-cancel {background:url("../images/icon/ico-cancel-text.png") no-repeat 50% 0;background-size:20.5px;}
.popup-direct-insert .btns .bt-save {background:url("../images/icon/ico-save-text.png") no-repeat 50% 0;background-size:22px;}
/*step1*/
.popup-direct-insert .step-content {padding:40px;}
.popup-direct-insert .carnum-insert-from {width:440px;padding:30px 0 60px 0;margin:0 auto;display:flex;}
.popup-direct-insert .carnum-insert-from .ip-carnum {width:300px;height:60px;padding:0 23px;border:1px solid #303030;background:#fff;font-size:16px;font-weight:700}
.popup-direct-insert .carnum-insert-from .bt-submit-num {width:140px;height:60px;background:#303030;color:#fff;font-size:16px;font-weight:700;}
.popup-direct-insert .direct-step-carnum {padding-top:90px;text-align:center;}
.popup-direct-insert .direct-step-carnum .ment {font-size:24px;font-weight:700;line-height:1.2;}
.popup-direct-insert .direct-step-carnum .ment em {color:#f33}
.popup-direct-insert .direct-step-carnum .ment small {font-size:12px;font-weight:400}
/*step2*/
.popup-direct-insert .direct-step-carinsert {display:flex;justify-content:space-between;padding:40px 0 40px 40px;}
.popup-direct-insert .editor-img-drop {position:relative;width:400px;}
.popup-direct-insert .editor-img-drop .drop-msg {padding-top:115px;background:url("../images/icon/ico-photo-uploader.png") no-repeat 50% 0;background-size:102px;font-size:16px;font-weight:700;position:absolute;top:270px;left:0;right:0;text-align:center}
.popup-direct-insert .insert-form-group {width:440px;margin-top:0;}
.popup-direct-insert .insert-form-group .del-bd-t input {border-top:0;}
.popup-direct-insert .insert-form-group .del-bd-l input {border-left:0;}
.popup-direct-insert .insert-form-group .agree-content {margin-top:-15px;}
.popup-direct-insert .insert-form-group .agree-content a {margin-left:5px;color:#999;text-decoration:underline;}
.popup-direct-insert .insert-form-group .bt-submit {width:100%;height:50px;margin-top:20px;background:#f33;color:#fff;border-radius:5px;font-size:18px;font-weight:700;}
.popup-direct-insert .insert-form-group .bt-edit-grade {position:absolute;right:20px;top:18px;color:#999;font-size:16px;}
.popup-direct-insert .editor-form-insert .custom-scroller {max-height:750px;}
.popup-direct-insert .custom-scroller {max-height:210px;}
.popup-direct-insert .mCSB_scrollTools {width:20px;}
.popup-direct-insert .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:5px;background:#E9E9E9}
.popup-direct-insert .mCSB_scrollTools .mCSB_draggerRail {background:transparent;}
.popup-direct-insert .editor-img-drop {border:1px solid #e9e9e9;}
.popup-direct-insert .editor-img-drop .drop-msg small {display:block;padding-top:10px;text-align:center;font-size:12px;font-weight:400;}
.popup-direct-insert .editor-img-drop .dropzone {height:750px;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;}
.popup-direct-insert .editor-img-drop .dropzone .dz-preview {position:relative;margin:0;border:0;padding:0;}
.popup-direct-insert .editor-img-drop .dropzone .dz-preview .dz-details {width:199px;height:150px;margin:0;}
.popup-direct-insert .editor-img-drop .dropzone .dz-preview .dz-details img {display:block;width:100%;height:100%;}
.popup-direct-insert .editor-img-drop .dropzone .dz-preview .dz-size,
.popup-direct-insert .editor-img-drop .dropzone .dz-preview .dz-filename {display:none}
.popup-direct-insert .editor-img-drop .dropzone .dz-preview .dz-remove {position:absolute;right:0;bottom:0;width:18px;height:18px;background:url("../images/imageeditor/ico-del-photo.svg") no-repeat 50% 50%;text-indent:-9999px;overflow:hidden;z-index:20;border:0;border-radius:0;}
.popup-direct-insert .direct-step-result .result-box {display:flex;justify-content:space-between;border:1px solid #BFBFBF;border-radius:6px;}
.popup-direct-insert .direct-step-result .summary {position:relative;width:400px;height:320px;}
.popup-direct-insert .direct-step-result .summary .pic {border-radius:6px;overflow:hidden;}
.popup-direct-insert .direct-step-result .summary .pic img {display:block;width:400px;height:320px;}
.popup-direct-insert .direct-step-result .summary .desc {position:absolute;bottom:25px;left:28px;}
.popup-direct-insert .direct-step-result .summary .model {font-size:28px;color:#fff;}
.popup-direct-insert .direct-step-result .summary .price {font-size:24px;color:#FFB015;font-weight:700;}
.popup-direct-insert .direct-step-result .detail {width:390px;padding:20px 0;margin-right:40px;}
.popup-direct-insert .direct-step-result .detail .ment p {font-size:24px;font-weight:700}
.popup-direct-insert .direct-step-result .detail .ment span {display:block;margin-top:10px;font-size:14px;letter-spacing:-0.5px;}
.popup-direct-insert .direct-step-result .detail .tb-wrap {margin-top:30px;}
.popup-direct-insert .direct-step-result .detail table th {height:40px;font-size:14px;text-align:center;border-bottom:2px solid #000}
.popup-direct-insert .direct-step-result .detail table td {height:40px;font-size:14px;text-align:center;border-bottom:1px dotted #000}
.popup-direct-insert .direct-step-result .detail table td span {display:inline-block;font-weight:700;width:90px;}
.popup-direct-insert .direct-step-result .detail table .al_l {text-align:left;}
.popup-direct-insert .direct-step-result .detail table .red {color:#f33}
.popup-direct-insert .direct-step-result .detail table .bt-view-detail {display:inline-block;width:70px;height:20px;line-height:22px;color:#fff;font-size:12px;border-radius:5px;text-align:center;vertical-align:middle;background:#f33;}
.popup-direct-insert .direct-step-result .btn-group {margin-top:20px;}

/* 보험처리이력 */
.pop-car-history {
    width: 900px;
}

.pop-car-history .pop_inner {
    padding: 40px;
}

.pop-car-history .pop_inner.fix {
    padding: 0px;
}

/*
.pop-car-history .bt-print-common {
    right: 40px;
}
*/

/*
.pop-car-history .pop_close {
    position: absolute;
    top: 0;
    right: -50px;
    width: 50px;
    height: 50px;
    background: url("../images/icon/ico-close-layer-white.svg") no-repeat 50% 50%;
}
*/

/*issue299 임시처리*/
.pop-car-history .pop_close{
    right: 30px;
    background:url("../images/icon/ico-closed-black.svg") no-repeat 50% 50%;
}

.pop-car-history .car-history-summary h4 {
    font-size: 20px;
    font-weight: 700;
}

.pop-car-history .car-history-summary .desc {
    margin: 10px 0 10px 0;
    font-weight: 400
}

.pop-car-history .smr-box {
    margin-top: 20px;
    /* padding: 30px; */
    /* background: #F3F3F3 */
    display:flex;
    column-gap: 13px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.pop-car-history .footer-box{
    background:#F7F7F7;
    padding:30px;
    border-radius:12px;
}
.pop-car-history .smr-box h5 {
    font-weight: 700;
}

.pop-car-history h4 + .smr-box {
    margin-top: 0
}
.pop-car-history .smr-box .smr-box-data{
    background:#F3F3F3;
    width: 400px;
    border-radius: 13px;
    padding: 30px;
    position:relative;
}
.pop-car-history .smr-box .smr-box-data ul{
    margin-top:18px;
}
.pop-car-history .smr-box .smr-box-data h6{
    font-size:16px; font-weight:700;
}
.pop-car-history .smr-box .smr-box-data p.nodata{
    position: absolute;
    right: 30px;
    top: 32px;
    font-size:16px;
    font-weight:700;
}
.pop-car-history .smr-box .smr-box-data p.subtitle{
    position: absolute;
    right: 30px;
    top: 32px;
    font-size:16px;
    font-weight:700;
    color:#1A1A1A;
}
.pop-car-history .smr-box .smr-box-data p.subtitle var{
    color:#FF3333;
}
.pop-car-history .smr-box ul li {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.pop-car-history .smr-box ul li.half {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
}
.pop-car-history .smr-box ul li.half.sum{
    border-top:1px solid #ddd;
    padding-top:10px;
}
.pop-car-history .smr-box ul li.half.sum span{
    font-weight:700;
    font-size:14px;
}

.pop-car-history .smr-box ul li:before {
    content: "";
    display: none;
    width: 3px;
    height: 3px;
    background: #303030;
    border-radius: 50%;
    vertical-align: middle;
    margin: -3px 5px 0 0
}

.pop-car-history .smr-box ul li span {
    font-weight: 300
}

.pop-car-history .smr-box ul li .t.w80 {
    width: 150px;
}

.pop-car-history .smr-box ul li .t.w300 {
    width: 300px;
}

/* 사고이력 화면 수정 */

.pop-car-history .carhistory-summary {
    margin-top:16px;
    border:1px solid #ddd;
    border-radius:12px;
}
.pop-car-history .carhistory-summary ul{
    padding: 40px 80px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    justify-content:center;
}
.pop-car-history .carhistory-summary ul li{
    display: flex;
    width: 25%;
    flex-direction: column;
    align-items: center;
}
.pop-car-history .carhistory-summary.other ul li{
    width:30%
}
.pop-car-history .carhistory-summary ul li p{
    width:40px; height:40px;
}
.pop-car-history .carhistory-summary ul li span.title{
    font-size:16px; color:#666; font-weight:400;
    margin-top:16px;
}
.pop-car-history .carhistory-summary ul li span.count{
    font-size:16px; color:#1A1A1A; font-weight:700;
}
.pop-car-history .carhistory-summary ul li span.count.on{
    color:#FF3333;
}
.pop-car-history .carhistory-summary ul li span.count var{
    font-weight:400;
}

.pop-car-history .carhistory-sec {
    margin-top: 40px;
}

.pop-car-history .carhistory-sec h4 {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
}
.pop-car-history .carhistory-sec h5{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    width:100%;
}

.pop-car-history .carhistory-sec table {
    width: 100%;
    border-top: 1px solid #1A1A1A;
}

.pop-car-history .carhistory-sec table th {
    height: 70px;
    border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    background: #F7F7F7;
    font-weight: 700;
    text-align: center;
    color:#1A1A1A
}

/* ### 230719 추가 */
.pop-car-history .car-history-summary .carhistory-sec table th { height: 35px; }

.pop-car-history .carhistory-sec table td {
    height: 70px;
    border-bottom: 1px solid #E9E9E9;
    border-left: 1px solid #E9E9E9;
    font-weight: 300;
    text-align: center;
    color:#1A1A1A
}

.pop-car-history .carhistory-sec table tr th:first-child, .pop-car-history .carhistory-sec table tr td:first-child {
    border-left: 0;
}

.pop-car-history .carhistory-sec .round-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pop-car-history .carhistory-sec .round-box li {
    width: 262px;
    height: 110px;
    background: #F3F3F3;
    border-radius: 10px;
    text-align: center;
}

.pop-car-history .carhistory-sec .round-box p {
    padding-top: 30px;
    font-weight: 300;
}

.pop-car-history .carhistory-sec .round-box p + p {
    padding-top: 10px;
    font-weight: 700;
}

.pop-car-history .t-red {
    color: #f33 !important;
    font-weight: 700;
}

.pop-car-history .info-txt {
    padding: 10px 5px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.7;
    text-indent: -12px;
    margin-left: 12px;
    margin-top:0;
    color:#666;
}
.pop-car-history .subtitle{
    font-size:12px;
    color:#1A1A1A;
    margin-bottom:10px;
    line-height:20px;
}

.pop-car-history .desc-list li {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.7;
    text-indent: -12px;
    margin-left: 12px;
}

.pop-car-history .desc-list li:before {
    display: none !important;
}

.pop-car-history .desc-list li.ni {
    text-indent: 0;
    margin-left: 0;
}

/* ### 230719 추가 */
.pop-car-history .desc-list li.date {
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin-top: 40px;
}
/* ### 230719 수정 */
.pop-car-history .desc-list .sign {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    letter-spacing: 5px;
    text-align: center;
    margin-top: 5px;
}

.pop-car-history .desc-footer p {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-top: 30px;
}

/* 진단 차량 안내 */
.pop-diagnosis {width:800px;}
.pop-diagnosis .diagnosis-summary {padding-top:30px;}
.pop-diagnosis .diagnosis-summary h4 {font-size:20px;font-weight:700}
.pop-diagnosis .diagnosis-summary p {position:relative;margin-top:10px;font-size:16px;color:#f33;font-weight:700}
.pop-diagnosis .diagnosis-summary .dig-num {position:absolute;right:0;top:3px;font-size:12px;color:#999;font-weight:700;}
.pop-diagnosis .diagnosis-summary .visual {position:relative;margin-top:20px;}
.pop-diagnosis .diagnosis-summary .visual img {display:block;}
.pop-diagnosis .diagnosis-summary .diag-list {position:absolute;left:48%;top:50%;transform:translate(-50%, -50%)}
.pop-diagnosis .diagnosis-summary .diag-list li {display:flex;justify-content:space-between;width:130px;color:#666;font-size:12px;}
.pop-diagnosis .diagnosis-summary .diag-list em {display:block;padding-bottom:20px;text-align:center;}
.pop-diagnosis .diagnosis-summary .diag-list .c {font-weight:700;}
.pop-diagnosis .diagnosis-info {padding-top:30px;}
.pop-diagnosis .diagnosis-info h4 {font-size:20px;font-weight:700;}
.pop-diagnosis .diagnosis-info dl {margin-top:15px;}
.pop-diagnosis .diagnosis-info dt {font-size:16px;}
.pop-diagnosis .diagnosis-info dd {padding-top:10px;font-size:12px;}
.pop-diagnosis .diagnosis-info p {padding-top:10px;font-size:12px;}
.pop-diagnosis .diagnosis-info ul {padding-left:5px;}
.pop-diagnosis .diagnosis-info ul li:before {content:"";display:inline-block;width:3px;height:3px;margin:-2px 5px 0 0;background:#000;border-radius:50%;vertical-align:middle;}

/* 상담신청팝업 */
.pop-consult {width:500px;}

/* 방문예약 신청 */
.pop-reserve {
    width: 550px;
}

/* 견적상담 신청 팝업 */
.pop-quote {
    width: 100%;
    -webkit-transform: initial;
    transform: initial;
    left:0; top:0;
}

.pop-quote .pop_inner.fix .fixed-area::after {
    background-color: transparent;
}

.banner-area.notify {
    background-color: #EDF6FF;
    -webkit-border-radius: 17px;
    border-radius: 17px;
}
.banner-area.notify .tit {
    color: #000;
    font-size: 14px;
    font-weight: 300;
}
.layer_popup .pop_inner.m0 .banner-area {
    width: calc(100% - 80px);
    margin: 0 auto;
}

.banner-area.notify .tit var {
    color: #f33;
    font-weight: 700;
}

.banner-area.notify .txt {
    color: #666;
    font-size: 12px;
    font-weight: 300;
    margin-top: 5px;
}
.banner-area.notify .icon {
    width: 63px;
    margin-right: -40px;
}
.banner_link {
    /*display: flex; justify-content: center; align-items: center;*/
    width: 100%; background-color: #F5F7FA; padding: 14px 17px; font-size: 0; margin-bottom: 25px;
}
.banner_link .label {
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0 7px;
    display: inline-block;
    background-color: #93A1B6;
}
.banner_link .txt {
    color: #999; font-family: 'Pretendard'; font-weight: 400; font-size: 13px; line-height: 1; margin-left: 8px;
}
/* 자세히보기 버튼 */
.banner_link .btn-link {
    float: right; color: #666; font-family: 'Pretendard'; font-weight: 500; font-size: 14px; line-height: 1.5; margin-left: 5px;
}
.layer_popup .banner_link + .area { /*border-top: none;*/ }
/* ~ ### 231108 추가 */

/* ### 230720 선택자 수정 (.pop-quote -> .layer_popup ) ~ */
/* .pop-quote .area { */
.layer_popup .area {
    font-family: Pretendard; padding: 15px 0 25px 0; border-top: 1px solid #E6E6E6; margin: 0;
}

/* .pop-quote .area:last-child { border-bottom: none; } */
.layer_popup .area:last-child { border-bottom: none; }

/* 타이틀 */
/* .pop-quote .area .title-wrap { */
.layer_popup .area .title-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.layer_popup .area .title-wrap .edit-profile-link {
    color:#999;
    font-size:13px;
    font-weight:500;
}

/* .pop-quote .area .title-wrap h1 { */
.layer_popup .area .title-wrap h1 {
    color: #1A1A1A; font-family: 'Pretendard'; font-weight: 700; font-size: 20px; line-height: 1.4; margin-bottom: 15px;
}

/* .pop-quote .area .title-wrap em { */
.layer_popup .area .title-wrap em {
    color: #999; font-family: 'Pretendard'; font-size: 12px; font-weight: 400;
}
/* ### 230720 ~ 선택자 수정 (.pop-quote -> .layer_popup ) */

/* 매물 정보 */
/* ### 230720 수정 */
.layer_popup .area.info-container { border-top:none; padding-top: 0px; }
.info-container {
    padding: 25px 15px;
    border-top: 1px solid #e9e9e9;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.info-container img { width: 140px; border-radius: 8px; }

.info-container .txt-wrap {
    font-family: Pretendard; padding: 14px 0; margin-left: 25px;
}

/* ### 230720 수정 */
.info-container .txt-wrap h1 {
    color: #1A1A1A; font-family: inherit; font-weight: 700; font-size: 20px;
}
.info-container .txt-wrap .car-no {
    color: #1A1A1A; font-family: inherit; font-weight: 400; font-size: 16px;
}
.info-container .txt-wrap .condition {

}
.info-container .txt-wrap .condition.last::before {
    content: "|"; color: #E6E6E6;
}
.info-container .txt-wrap .condition span {
    color: #1A1A1A; font-weight: 400; font-size: 14px;
}
.info-container .condition .txt{

}
.info-container .condition .val{
    font-weight: 700;
}


/* ### 230720 수정 */
.info-container .txt-wrap .info {
    display: flex; gap: 8px;
}

.info-container .txt-wrap .info > p {
    display: inline-block;
    margin-right: 3px;
    padding-right: 3px;
    position: relative;
    font-size: 0;
}

.info-container .txt-wrap .info > p::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1px;
    height: 15px;
    background-color: #ccc;
}

.info-container .txt-wrap .info > p:last-child:after {
    content: '';
    display: none;
}

.info-container .txt-wrap .info .txt {
    color: #1A1A1A; font-weight: 400; font-size: 14px; line-height: 1; margin-right: 4px;
}

.info-container .txt-wrap .info .val {
    color: #1A1A1A; font-weight: 700; font-size: 14px; line-height: 1; text-decoration: underline;
}

/* 견적정보 */
.pop-quote .psc-container .psc-wrap {
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-color: #F7F7F7;
    padding: 30px;
    font-size: 0;
}

.pop-quote .psc-container .psc-wrap .buy-tips-box {
    text-align: left;
    font-size: 12px;
    font-weight: 200;
    background-color: transparent;
    margin: 10px 0 5px 0;
}

.pop-quote .psc-container .psc-wrap li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 12px;
}
.pop-quote .psc-container .psc-wrap li:last-child {
    padding-bottom: 0;
}
.pop-quote .psc-container .psc-wrap li.prc_total {
    padding-top: 10px;
}
.pop-quote .psc-container .psc-wrap li.prc_total:last-child {
    padding-top: 15px;
}

.pop-quote .psc-container .psc-wrap li .tit {
    color: #1A1A1A; font-weight: 700; font-size: 14px; line-height: 16px;
}

.pop-quote .psc-container .psc-wrap li .val {
    color: #1A1A1A; font-weight: 400; font-size: 18px; line-height: 1;
}
.pop-quote .psc-container .psc-wrap li .val var {
    color: #666; font-weight: 500; font-size: 14px;
}

.pop-quote .psc-container .psc-wrap li.sub {
    padding-bottom: 15px;
}

.pop-quote .psc-container .psc-wrap li.sub .tit {
    color: #1A1A1A; font-family: Pretendard; font-weight: 700; font-size: 14px;
}
.pop-quote .psc-container .psc-wrap li.sub .tit-wrap button {
    position: relative;
    top: 8px;
    margin-left: 8px;
    width: 16px;
    height: 16px;
    background: url("../images/rent_new/icon/ico_q.svg") center/cover;
}

.pop-quote .psc-container .psc-wrap li.sub .tit-wrap .tip-box {
    display: none;
    position: absolute;
    left: -54px;
    top: 27px;
    z-index: 2;
    border-radius: 10px;
    width: 410px;
    font-size: 13px;
    padding: 24px;
    background-color: #fff;
    border: 1px solid #1a1a1a;
    text-align: left;
    /* font-family: 'Pretendard'; */
}

.pop-quote .psc-container .psc-wrap li.sub .tit var {
    font-weight: 300;
}
.pop-quote .psc-container .psc-wrap li.prc_acq .tit {
    color: #999; font-family: 'Pretendard'; font-weight: 500; font-size: 13px;
}


/*.pop-quote .psc-container .psc-wrap li.sub .val,*/
/*.pop-quote .psc-container .psc-wrap li.sub .val var {*/
/*    font-size: 16px;*/
/*    line-height: 16px;*/
/*    font-weight: 500;*/
/*    color: #666;*/
/*}*/

.pop-quote .psc-container .psc-wrap li.sub .val {
    font-weight: 400; font-size: 18px; line-height: 1;
}

.pop-quote .psc-container .psc-wrap li.sub .val var {
    color: #1A1A1A; font-weight: 700; font-size: 18px; line-height: 1;
}

.pop-quote .psc-container .psc-wrap .line {
    width: 100%;
    height: 1px;
    background-color: #E9E9E9;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pop-quote .psc-container .psc-wrap li.prc_total .tit em {
    font-size: 11px;
    font-weight: 500;
    color: #303030;
    margin-left: 5px;
}

.pop-quote .psc-container .psc-wrap li.prc_total .val var,
.pop-quote .psc-container .psc-wrap li.prc_total .val {
    color: #f33;
}
.pop-quote .psc-container .psc-wrap li.prc_total .val var {
    font-weight: 700; font-size: 18px;
}
.pop-quote .psc-container .psc-wrap li.prc_total .val em {
    font-size: 11px;
    font-weight: 500;
    color: #f33;
}

.pop-quote .pop-contents .proposer {
    display: flex; gap: 8px; align-items: center;
}
.pop-quote .insert-form-group .ipt-cont .ip-wrap input {
    height: 56px;
}
.pop-quote .pop-contents .check-item {
    font-family: Pretendard;
    padding: 22px 16px; border:1px solid #E6E6E6; border-radius: 8px;
}
.pop-quote .pop-contents .check-item:has(> input[type="radio"]:checked) {
    border-color: black;
}
.pop-quote .pop-contents .check-item input[type="radio"]+label {
    width : 100%; line-height: 1.4;
}
.pop-quote .pop-contents .check-item .tit {color: #999; font-weight: 400;}
.pop-quote .pop-contents .check-item .val {float:right;font-weight: 400;font-size: 18px;line-height: 1.2;}
.pop-quote .pop-contents .check-item .price {color: #999;font-weight: 400;font-size: 12px;text-decoration: line-through;}
.pop-quote .pop-contents .check-item .sale {display: inline-block;min-width: 100px;font-weight: 700;font-size: 18px;text-align: right;}

.pop-quote .pop-contents .check-item .month {color: red;font-weight: 700;padding-right: 4px;}

.pop-quote .psc-container .rent-buy-container{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: -9px 0 13px 0px;
    padding: 13px 7px;
    border: 1px solid #F33;
    border-radius: 12px;
}

.pop-quote .psc-container .rent-buy-container .ico{
    width:40px;
    height:100%;
    background-image:url("../images/icon/ico-buy-tooltip.svg");
    background-position: center;
    background-size: 100%;
}
.pop-quote .psc-container .rent-buy-container .ico.active {
    width:40px;
    height:100%;
    background-image:url("../images/icon/ico-buy-tooltip-active.svg");
    background-position: center;
    background-size: 100%;
}

.pop-quote .psc-container .rent-buy-container .tit{
    font-size: 13px;
    font-weight: 700;
    color: #F33;
}

.pop-quote .psc-container .rent-buy-container .tip{
    flex: auto;
    display: flex;
    justify-content: right;
    padding-right: 13px;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 500;
    color: #999;
}

/*2024.10.02 방문예약 추가*/
/*.pop-quote .insert-form-group {
    padding: 0; border: none;
}*/
/*.pop-quote .input-item {
    padding-top: 25px;
}*/
/*.pop-quote .insert-form-group .ipt-tit {
    color: #1A1A1A; font-family: 'Pretendard'; font-weight: 700; font-size: 20px; line-height: 1.4; margin-bottom: 15px;
}*/
.pop-quote .insert-form-group .input-item {
    padding-bottom: 0 !important;
}
.pop-quote .insert-form-group .input-item + .input-item {
    margin-top: 15px;
}
.pop-quote .insert-form-group .input-item.area {
    border:none; padding: 0;
}
.pop-quote .insert-form-group .wrap {
    width: calc(100% - 8px);
}
.pop-quote .ipt-wrap {
    display: flex; gap: 8px; align-items: center;
}
.pop-quote .insert-form-group .ipt-cont .sl-wrap select {
    height: 56px;
}
.pop-quote.layer_popup .pop-btn.fixed button {
    min-width: 250px; max-width: 250px;
}

.pop-quote .shop-info-container {
    padding: 25px 0 0 0;
}
.pop-quote .shop-info-container .map {
    max-height: 240px; height: 240px; overflow: hidden; margin-bottom: 15px; border:1px solid blue;
}

.pop-quote .shop-info-container .map2 {
    max-height: 240px; height: 240px; overflow: hidden; margin-bottom: 15px;
}

.pop-quote .shop-info-container .contact {
    color: #1A1A1A; font-family: Pretendard;
}
.pop-quote .shop-info-container dt {font-weight: 700;width: 100px;display: inline-block;}
.pop-quote .shop-info-container dd {font-weight: 400;display: inline-block;min-width: 400px;}

.pop-quote .shop-info-container .div-wrap{

}

.pop-quote .shop-info-container .dt {font-weight: 700;width: 100px;display: inline-block;}
.pop-quote .shop-info-container .dd {font-weight: 400;display: inline;min-width: 400px;}

.pop-quote.layer_popup .pop-head {
    position: relative;
}
.pop-quote.layer_popup .pop-head .closeBtn {
    position: absolute; top: 6px; right: 0; text-indent: -999em; width: 24px; height: 24px;
    background:url("../images/icon/ico-close-layer-mix.svg") no-repeat;
}

/*
.pop-quote .info-wrap {
    border: 1px solid #666;
    padding: 20px 25px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}

.pop-quote .info-wrap h1 {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    color: #303030;
    padding-bottom: 20px;
    border-bottom: 1px solid #E9E9E9;
}

.pop-quote .info-wrap .tab-content {
    padding-top: 20px;
}

.pop-quote .info-wrap .tab-content .checkbox-wrap .s-title {
    margin-bottom: 7px;
}

.pop-quote .info-wrap .tab-content .checkbox-wrap form {
    background-color: #F6F6F6;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}

.pop-quote .info-wrap .tab-content .checkbox-wrap form .check-item {
    margin-right: 0;
}

.pop-quote .info-wrap .tab-content .checkbox-wrap form .check-item input[type="radio"]+label {
    height: 36px;
}

.pop-quote .info-wrap .tab-content .checkbox-wrap form .check-item input[type="radio"]+label h4 {
    line-height: 36px;
}


.pop-quote .info-wrap .tab-content + .psc-wrap { padding: 20px 0; }
.pop-quote .info-wrap .tab-content + .psc-wrap li { margin-bottom: 10px; }
.pop-quote .info-wrap .tab-content + .psc-wrap li:last-child { margin-bottom: 0px; }
.pop-quote .info-wrap .tab-content + .psc-wrap li .val { font-size: 16px; }
.pop-quote .info-wrap .tab-content + .psc-wrap li .val var { font-size: 20px; letter-spacing: -0.3px; }

.pop-quote .info-wrap .tips-box { background-color: transparent; padding: 5px 15px; }
*/
/* 허위매물 신고 */
.pop-report {width:500px;}
.pop-report .insert-form-group .ipt-cont .txt-wrap textarea {height:150px;}
.pop-report p.red {margin-top:20px;font-size:12px;color:#f33;}


/* 라이브체크 신청 팝업 */
.pop-liveCheck {
    width: 550px;
}

.pop-liveCheck .pop_inner {
    padding-left: 0;
    padding-right: 0;
}

.pop-liveCheck .pop_inner .pop-head,
.pop-liveCheck .pop_inner .pop-contents {
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 0;
}

.pop-liveCheck .pop_inner .pop-contents.video {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 10px solid #f6f6f6;
}


/* 옵션전체보기 */
.pop-option-all {width: 1000px;}

/************************ 롯데진단 검사 ************************/
.pop-lotte-cert {width: 900px;}
/* 진단차량 배너 */.banner-area.lotte-cert {background-color: #FFF1DC;}
.banner-area.lotte-cert > p strong {color: #f33;font-weight: 700;text-decoration: underline;}
/* 기본정보 */
.pop-lotte-cert .car-check-view {margin-top: 30px;}
/* 사고 종합평가 */
.pop-lotte-cert .car-accident-history {  }

.pop-lotte-cert .car-check-view .s-title-wrap {margin-bottom: 0;}
/* tooltip */
.pop-lotte-cert .car-check-group .common-layer-tooptip {min-height: initial;}
.pop-lotte-cert .car-check-group .common-layer-tooptip p {white-space: nowrap;}
/* table */
.pop-lotte-cert .car-check-group .table-wrap {width: 100%;display: flex;align-items: flex-start;justify-content: space-between;}
.pop-lotte-cert .car-check-group .table {width: 50%;position: relative;overflow: hidden;/* margin-bottom: 20px; */border-bottom: 1.5px solid #000;}
.pop-lotte-cert .car-check-group .table.active {/* border-color: #000; */border-top: 1.5px solid #000;border-left: 1.5px solid #000;border-bottom: none;}
.pop-lotte-cert .car-check-group .table:last-child { margin-bottom: 0; }

.pop-lotte-cert .car-check-group .table .header {color: #000;font-size: 14px;font-weight: 500;background-color: #F1F1F1;display: block;padding: 15px 0;text-align: center;}
.pop-lotte-cert .car-check-group .table.active .header {background-color: #F9F9F9;}
.pop-lotte-cert .data-wrap {display: flex;justify-content: space-between;align-items: flex-start;height: 80px;}
.pop-lotte-cert .data-wrap li {width: 33.3%;height: 100%;display: flex;justify-content: center;align-items: center;}
.pop-lotte-cert .data-wrap li > div { text-align: center; }
.pop-lotte-cert .data-wrap li .t { font-size: 13px;font-weight: 300;color: #666;}
.pop-lotte-cert .data-wrap li .c { font-size: 16px;font-weight: 500;margin-top: 5px;color: #000;}
.pop-lotte-cert .data-wrap li .c.none {color: #4285F4;font-weight: 700;}
/* Tips */
.pop-lotte-cert .car-check-group .tips {width: 100%;margin-top: 30px;}
.pop-lotte-cert .car-check-group .tips h4 {font-size: 16px;font-weight: 500;color: #000;margin-bottom: 10px;}
.pop-lotte-cert .car-check-group .tips .contents {width: 100%;padding: 20px 20px 20px 40px;background-color: #F3F3F3;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.pop-lotte-cert .car-check-group .tips .contents li {font-size: 13px;line-height: 27px;color: #303030;font-weight: 300;list-style: disc;}

/* 진단검사 상세 */
/* 양호/이상 */
.pop-lotte-cert .car-check-detail .data-wrap {background-color: #F9F9F9;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;}
.pop-lotte-cert .car-check-detail .data-wrap li .t {color: #303030;}
.pop-lotte-cert .car-check-detail .data-wrap li .c { font-size: 12px; font-weight: 300; }
/* .pop-lotte-cert .car-check-detail .data-wrap li .c strong { font-size: 16px; font-weight: 700; margin-right: 1px; } */

.pop-lotte-cert .car-check-detail .data-wrap li.all .c { color: #000; }
.pop-lotte-cert .car-check-detail .data-wrap li.g .c { color: #4285F4; margin-top: 0; }
.pop-lotte-cert .car-check-detail .data-wrap li.p .c { color: #999; }


.pop-lotte-cert .car-check-detail .data-wrap li { position: relative; justify-content: space-between; padding: 0 45px; }
.pop-lotte-cert .car-check-detail .data-wrap li::after { content: ''; width: 1px; position: absolute; right: 0; top: 23px; bottom: 23px; height: auto; background-color: #CCC; }
.pop-lotte-cert .car-check-detail .data-wrap li:last-child:after { display: none; }

.pop-lotte-cert .car-check-detail .data-wrap li .t { font-size: 16px; line-height: 20px; color: #303030; }
.pop-lotte-cert .car-check-detail .data-wrap li .c { font-size: 20px; line-height: 20px; font-weight: 300; }
.pop-lotte-cert .car-check-detail .data-wrap li .c strong { font-size: 28px; letter-spacing: -0.75px; margin-right: 3px; font-family: 'Open Sans', sans-serif; font-weight: 600; }

/* summary */
.pop-lotte-cert .car-check-detail .list-contents {margin-top: 15px;margin-bottom: 50px;}
.pop-lotte-cert .car-check-detail .list-contents li {width: 33.3%;min-width: 33.3%;margin: 0;padding: 0;border-right: 1px solid #E9E9E9;}
.pop-lotte-cert .car-check-detail .list-contents li:nth-child(3n) { border-right: 0; }


.pop-lotte-cert .car-check-detail .list-contents li > div { padding: 10px 30px; }
.pop-lotte-cert .car-check-detail .list-contents::before { display: none; }

.pop-lotte-cert .car-check-detail .list-contents li .t-label { font-weight: 500; position: relative; min-width: initial; }
.pop-lotte-cert .car-check-detail .list-contents li.none .t-label::after {content: '';width: 16px;height: 16px;position: absolute;left: calc(100% + 4px);top: 50%;margin-top: -7px;background-image:url("../images/icon/ico-check-round-solid.svg");background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.pop-lotte-cert .car-check-detail .list-contents li .t-val { color: #AAA; }
.pop-lotte-cert .car-check-detail .list-contents li .t-val strong { color: #000; font-weight: 500; }
.pop-lotte-cert .car-check-detail .list-contents li.none .t-val strong { color: #AAA; font-weight: 300; }


/* 상세 */
.pop-lotte-cert .car-check-detail .detail-wrap {margin-top: 30px;}
.pop-lotte-cert .car-check-detail .detail-wrap .tip {text-align: right;margin-bottom: 7px;}
.pop-lotte-cert .car-check-detail .detail-wrap .tip p {font-size: 12px;color: #666;font-weight: 300;position: relative;display: inline-block;}
.pop-lotte-cert .car-check-detail .detail-wrap .tip p::before {content: '';width: 10px;height: 10px;position: absolute;right: calc(100% + 5px);top: 50%;margin-top: -5px;background-image:url("../images/icon/ico-check-linear.svg");background-position: center;background-repeat: no-repeat;background-size: 100%;}
/* table */
.pop-lotte-cert .car-check-detail .detail-wrap .table {width: 100%;border-bottom: 1px solid #E9E9E9;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table {position: relative;}
.pop-lotte-cert .car-check-detail .detail-wrap .table h3 {font-size: 14px;line-height: 12px;font-weight: 700;letter-spacing: 2px;text-align: center;color: #000;padding: 14px 0;background-color: #F9F9F9;border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9;margin-bottom: 0;}
.pop-lotte-cert .car-check-detail .detail-wrap .table h3 strong {display: inline-block;color: #000;font-weight: 500;}
.pop-lotte-cert .car-check-detail .detail-wrap .table h3 span {display: inline-block;color: #aaa;font-weight: 500;}
.pop-lotte-cert .car-check-detail .detail-wrap .table .wrap li span {font-size: 12px;color: #999;font-weight: 400;}

/* table */
.pop-lotte-cert .car-check-detail .detail-wrap .table table::before {content: '';width: 1px;height: 100%;background-color: #F3F3F3;position: absolute;left: calc(33.3% + 30px);top: 0;z-index: 1;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table::after {content: '';width: 1px;height: 100%;background-color: #F3F3F3;position: absolute;right: calc(33.3% - 30px);top: 0;z-index: 1;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr {width: 100%;display: inline-block;padding: 8px 8px 8px 0;position: relative;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr:nth-child(3n+1)::after,
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr:nth-child(3n+2)::after {content: '';width: 1px;height: 100%;background-color: #F3F3F3;position: absolute;left: 30px;top: 0;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tbody::before {content: '';width: 1px;height: 100%;background-color: #E9E9E9;position: absolute;left: 33.3%;top: 0;z-index: 1;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tbody::after {content: '';width: 1px;height: 100%;background-color: #E9E9E9;position: absolute;right: 33.3%;top: 0;z-index: 1;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tbody {font-size: 0;display: grid;grid-template-columns: 33.3% 33.3% 33.3%;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr td {display: flex;justify-content: flex-start;align-items: center;height: 100%;}

/* active */
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr.active {background-color: #FFE9E8;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr.active {color: #303030;font-weight: 500;}

/* number */
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr h4 {font-size: 12px;letter-spacing: -0.2px;font-weight: 300;color: #aaa;text-align: left;padding: 0px 3px;min-width: 30px;max-width: 30px;text-align: center;display: inline-block;}
/* text */
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr h2  {font-size: 13px;line-height: 18px;font-weight: 300;color: #676767;position: relative;word-break: keep-all;padding-left: 28px;width: 100%;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr.chk h2 {margin-left: 28px;padding-left: 0px;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr.chk h2::before {content: '';width: 8px;height: 8px;position: absolute;right: calc(100% + 8px);top: 50%;margin-top: -5px;background-image:url("../images/icon/ico-check-linear.svg");background-position: center;background-repeat: no-repeat;background-size: 100%;}
/* active */
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr td.active {background-color: #FFE9E8;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table tr td.active span {color: #303030;font-weight: 500;display: inline-block;width: 100%;}
/* label */
.pop-lotte-cert .car-check-detail .detail-wrap .table table .label-wrap {width: 100%;min-width: 30%;display: inline-block;text-align: right;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table .label-wrap > p {display: inline-block;font-size: 11px;line-height: 11px;padding: 4px 2px;border: 1px solid #000;font-weight: 500;background-color: #fff;margin: 3px 0 3px 3px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;}
.pop-lotte-cert .car-check-detail .detail-wrap .table table .label-wrap > p.label-X { color: #4E8AFF; border-color: #4E8AFF; }
.pop-lotte-cert .car-check-detail .detail-wrap .table table .label-wrap > p.label-W { color: #FD2323; border-color: #FD2323; }
.pop-lotte-cert .car-check-detail .detail-wrap .table table .label-wrap > p.label-U { color: #F5A70E; border-color: #F5A70E; }
.pop-lotte-cert .car-check-detail .detail-wrap .table table .label-wrap > p.label-C { color: #8A54FC; border-color: #8A54FC; }
.pop-lotte-cert .car-check-detail .detail-wrap .table table .label-wrap > p.label-T { color: #828282; border-color: #828282; }
.pop-lotte-cert .car-check-detail .detail-wrap .table table .label-wrap > p.label-A { color: #289900; border-color: #289900; }
.pop-lotte-cert .car-check-detail .detail-wrap .table table .label-wrap > p.label { color: #303030; border-color: #303030; }


/************************ 정비이력 팝업 ************************/
.pop-car-repair {width: 800px;}
/* 베너 */
.banner-area.car-repair {background-color: #E4F5FF;}
.banner-area.car-repair > p strong {color: #0085FF;font-weight: 700;text-decoration: underline;}
/* 내용 */
.pop-car-repair .summary-area {}
.pop-car-repair .summary-area .title {font-size: 20px;font-weight: 700;color: #000;margin-bottom: 25px;margin-top: 30px;}
.pop-car-repair .summary-area .checkup-box {/* height: 96px; */padding: 25px 0px;background-color: #fff;border: 1px solid #E9E9E9;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;box-shadow: 0 3px 12px rgba(0,0,0,0.07);}
.pop-car-repair .summary-area .checkup-box li {display: flex;justify-content: flex-start;align-items: center;padding: 0 20px;position: relative;border-right: 1px solid #F3F3F3;}
.pop-car-repair .summary-area .checkup-box li:last-child {border-right: none;}
.pop-car-repair .summary-area .checkup-box li img {width: 50px; min-width: 50px;height: 50px; min-height: 50px;margin-bottom: 0;}
.pop-car-repair .summary-area .checkup-box li > .txt-wrap {text-align: left;margin-left: 17px}
.pop-car-repair .summary-area .checkup-box li .t-label {font-size: 14px;color: #666;font-weight: 300;margin-bottom: 3px;}
/* 이력 */
table.car-repair-history {margin-top: 40px;margin-bottom: 20px;}
table.car-repair-history thead {background-color: #F9F9F9;}
table.car-repair-history thead tr th {font-size: 14px;font-weight: 500;color: #000;padding: 12px;}
table.car-repair-history tbody tr {border-bottom: 1px solid #F3F3F3;}
table.car-repair-history tbody tr td {font-size: 13px;font-weight: 300;color: #000;padding: 10px 20px;text-align: center;}
/*table.car-repair-history tbody tr td:last-child {text-align: left;}*/

/* 차량상세 헤더영역
.body-ctn-car-detail .layout--header {position:fixed;left:0;top:0;right:0;z-index:100;border-bottom:1px solid #DFDFDF;box-shadow:0 0 5px #0000001f;background:#fff;}
.body-ctn-car-detail .layout--header header {height:54px;overflow:hidden;}
.body-ctn-car-detail .layout--header .gnb {padding-left:200px;}
.body-ctn-car-detail .layout--header h1.logo {left:0;transform:translateX(0%);}
.body-ctn-car-detail .layout--header h1.logo a {width:152px;height:54px;background:url("../images/common/logo-car-detail.png") no-repeat 50% 50%;background-size:152px;}
.body-ctn-car-detail .layout--header .nav-group .depth1 .mn {height:54px;line-height:54px;font-weight:400;color:#444}
.body-ctn-car-detail .layout--header .nav-group .depth1.active .mn {color:#f33;}
.body-ctn-car-detail .layout--header .bt-sidemenu {height:54px;}

*/

/* 내부 360 Viewer */

#theta-viewer {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 100%;overflow: hidden;}

#theta-viewer.active {border: 4px solid red;}

/*#mCSB_1_scrollbar_vertical{*/
/*    display:none !important;*/
/*}*/


.detail-element .car-main-info.fixed .car-model {
    margin-top: 0;
    margin-right: 15px;
}