.cont_body {margin-top:3rem;}
.card_list .cont_body {margin-top:1rem;}
.cont_detail {width:1100px; margin:0 auto; }
.cont_detail .cont_body {margin-top:2.5rem;}
.cont_detail .h3 {font-size:1.35rem; font-weight:600; color:var(--color-sub); line-height:1.3em;  margin-bottom:1.2rem; text-align:center; letter-spacing:0; }
.cont_detail section {padding:0; padding-top:2.5rem; }

@media screen and (max-width: 1100px) {
.cont_detail {width:100%; }
.cont_detail .column {padding:0;}
}
@media screen and (max-width: 900px) {
.cont_detail .cont_body {margin-top:0;}
.cont_detail section {padding:0; padding:2.5rem 1rem 0; }
.cont_detail .h3 {font-size:1.25rem;}
}


/* navigation */
.main .breadcrumbs {display:none;}
.breadcrumbs {display:block; background-color:#f7f9fc; padding:.6rem 0;border-bottom:1px solid #e9ecf1;font-family: 'Roboto';}
.breadcrumbs .column {display:flex;justify-content: space-between;align-items: center;}
.breadcrumbs .count {display:flex; gap:1rem;}
.breadcrumbs .count h2{font-size:.9rem; color:#333; }
.breadcrumbs .count span {font-size:.85rem; color:#74767a;}
.breadcrumbs .count span b {display:inline-block; vertical-align:middle; margin-left:.5rem;font-weight:600; color:var(--color-sub); }
.breadcrumbs .breadcrumb {display:flex; align-items: center;}
.breadcrumbs .breadcrumb span { line-height:1.3em; margin-left:.4rem;color:#b5b6b8; font-size:.8rem;}
.breadcrumbs .breadcrumb span:before {content:"\e93e"; font-family:'xeicon';color:#b5b6b8; line-height:1.3em;display:inline-block; vertical-align:middle; font-size:.8rem;margin-right:.5rem; }
.breadcrumbs .breadcrumb span:nth-child(1):before {display:none;}
.breadcrumbs .breadcrumb span:last-child {color:var(--color-sub);font-size:.85rem;}
.breadcrumbs .breadcrumb span.home {cursor:pointer;}

@media screen and (max-width: 1024px) {
.breadcrumbs {display:none;}
}

/* 차량검색 */

   
.search_area { position:relative;width:1200px;margin:0 auto 1rem; position:relative; }
.search_area .box_top {display:flex; justify-content: space-between;align-items: center; padding-bottom:.5rem;}
.search_area .wrap { position:relative;background-color:#f2f4f7; border:1px solid #dbdee2; padding:.85rem 1rem .65rem; }
.search_area .in_wrap {position:relative;}
.search_area .box_top h2 { display:block;font-size:1.125rem; color:var(--color-sub)}
.search_area .box_top .word_search {position:relative; width:320px; border-radius:5rem; border:1px solid #dbdee2; padding:4px; display:flex; align-items: center;justify-content: space-between;}
.search_area .box_top .word_search .input_wrap {position:relative;width:calc(100% - 70px); }
.search_area .box_top .word_search input[type="text"] {width:100%; height: 31px;border:0; background-color:#fff;padding-left:1rem; border-radius:5rem; font-size:.95rem; color:#111; outline:0;font-weight:500 }
.search_area .box_top .word_search input[type="text"]:focus {box-shadow:none; }
.search_area .box_top .word_search input:-webkit-autofill { -webkit-text-fill-color: #333; } 
.search_area .box_top .word_search input::placeholder {color:#aaa; font-size:.8rem; font-weight:400;}
.search_area .box_top .word_search .btn_search { width:70px;display:inline-flex; align-items: center;  justify-content: center;height:31px;font-size:.8rem; border-radius:5rem; color:#fff;background-color:#313850; line-height:1;  cursor:pointer; }
.search_area .btnClear { position: absolute;  top:0;  right: .2rem; width: 30px;height: 31px; display:none; border:0; outline:0; background:transparent; cursor:pointer; }
.search_area .btnClear:before {content:"\e921";font-family:'xeicon'; color:#333; font-size:1rem; height: inherit; display:flex; justify-content: center;align-items: center;}



/* body type */
.search_area .body_type {display:flex;font-size:0; justify-content: center;  justify-content: space-around; padding-bottom:.5rem;}
.search_area .body_type li {width:10%; padding: .2rem 0;  text-align:center;display:inline-flex; align-items: center;  gap:0;  cursor:pointer; flex-direction: column; }
.search_area .body_type li figure { width:100%; height:50px; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;  }
.search_area .body_type li img { height:40px; }
.search_area .body_type li span {font-size:.8rem; color:#333; line-height:1.3em; margin-top:-8px;}
.search_area .body_type li:hover span {color:var(--color-blue); }
.search_area .body_type li.n01 figure{ background-image:url("/images/type_sedan.png"); }
.search_area .body_type li.n01:hover figure {background-image:url("/images/type_sedan_on.png");}
.search_area .body_type li.n01.active figure {background-image:url("/images/type_sedan_on.png");}
.search_area .body_type li.n02 figure{ background-image:url("/images/type_hatchback.png"); }
.search_area .body_type li.n02:hover figure {background-image:url("/images/type_hatchback_on.png");}
.search_area .body_type li.n02.active figure {background-image:url("/images/type_hatchback_on.png");}
.search_area .body_type li.n03 figure{ background-image:url("/images/type_wagon.png"); }
.search_area .body_type li.n03:hover figure {background-image:url("/images/type_wagon_on.png");}
.search_area .body_type li.n03.active figure {background-image:url("/images/type_wagon_on.png");}
.search_area .body_type li.n04 figure{ background-image:url("/images/type_coupe.png"); }
.search_area .body_type li.n04:hover figure {background-image:url("/images/type_coupe_on.png");}
.search_area .body_type li.n04.active figure {background-image:url("/images/type_coupe_on.png");}
.search_area .body_type li.n05 figure{ background-image:url("/images/type_convertible.png"); }
.search_area .body_type li.n05:hover figure {background-image:url("/images/type_convertible_on.png");}
.search_area .body_type li.n05.active figure {background-image:url("/images/type_convertible_on.png");}
.search_area .body_type li.n06 figure{ background-image:url("/images/type_suv.png"); }
.search_area .body_type li.n06:hover figure {background-image:url("/images/type_suv_on.png");}
.search_area .body_type li.n06.active figure {background-image:url("/images/type_suv_on.png");}
.search_area .body_type li.n07 figure{ background-image:url("/images/type_minivan.png"); }
.search_area .body_type li.n07:hover figure {background-image:url("/images/type_minivan_on.png");}
.search_area .body_type li.n07.active figure {background-image:url("/images/type_minivan_on.png");}
.search_area .body_type li.n08 figure{ background-image:url("/images/type_truck.png"); }
.search_area .body_type li.n08:hover figure {background-image:url("/images/type_truck_on.png");}
.search_area .body_type li.n08.active figure {background-image:url("/images/type_truck_on.png");}
.search_area .body_type li.n09 figure{ background-image:url("/images/type_bus.png"); }
.search_area .body_type li.n09:hover figure {background-image:url("/images/type_bus_on.png");}
.search_area .body_type li.n09.active figure {background-image:url("/images/type_bus_on.png");}
.search_area .body_type li.n10 figure{ background-image:url("/images/type_special.png"); }
.search_area .body_type li.n10:hover figure {background-image:url("/images/type_special_on.png?ver=1");}
.search_area .body_type li.n10.active figure {background-image:url("/images/type_special_on.png?ver=1");}

@media screen and (max-width: 670px) {
/* body type */
.search_area .body_type li figure { height:40px; }
.search_area .body_type {flex-wrap: wrap;  }
.search_area .body_type li {width:20%; }

}
@media screen and (max-width: 380px) {
.search_area .body_type li figure { height:35px; }
.search_area .body_type li span { font-size:.75rem; margin-top:-5px; }

}



.search_area .selectBox {position: relative; width:100%; font-size:0;}
.search_area .selectBox .row {display:flex; align-items: center;  gap:5px; flex-wrap: wrap;}
.search_area .selectBox div.step { position: relative;   width:calc(12.5% - 5px);margin-bottom:5px; }
.search_area .selectBox .step a.link{ display:block; position: relative;  width:100%; color:#1b1b1b;border-radius:5px;height:37px;  line-height:35px; font-size:.85rem; text-align:left;word-break:break-all; 
padding:0 1.25rem 0 8px; border:1px solid #e4e6e9;  background:#fff url('/images/arrow_down.svg') right center no-repeat; background-size:auto .65rem; background-position:calc(100% - 8px); overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; text-transform: capitalize; }

.search_area .selectBox .step a.link.selected {color:var(--color-sub) ;}
.search_area .selectBox .step a.link.active{/*border-color:var(--color-sub); box-shadow:4px 4px 10px rgba(45,68,128,0.1);*/; position: relative;  z-index:334; overflow:visible;}
.search_area .selectBox .step a.link.active:after {content:''; border:1px solid #000; border-bottom:0; position:absolute; left:0; right:0; top:0; bottom:-5px; border-radius:5px 5px 0 0;background-color:#fff;z-index:-1 ; overflow:hidden;}
.search_area .selectBox .step a.link span {display:inline-block; vertical-align:middle; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  max-width: 100%; border:1px solid #f00}
.search_area .selectBox .step a.link.active span {display:inline-block; vertical-align:middle; overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  max-width: 100%; border:1px solid #f00}
.search_area  .optionBox_wrap {display:none; position:absolute;top:40px;left:0;/*bottom:0; right:0;background:rgba(0,0,0,0.2);*/ z-index:333;  }

.search_area .optionBox { position: relative; width:320px; padding:0 1rem 1rem; border-radius:0; background:#fff; text-align:left;box-shadow:4px 4px 10px rgba(45,68,128,0.1); margin-left:1px; border:1px solid #000; z-index:1;
                                  box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; font-size:0;}
.search_area .optionBox h4 { position:relative;height:2.5rem; line-height:2.5rem;padding-left:.1rem; font-size:.9rem; color::#222;font-weight:500; margin:0;}
.search_area .optionBox h4.line {border-bottom:1px solid #f5f5f5; margin-bottom:.5rem;}
.search_area .optionBox h4 button { position:absolute;top:0;right:-.65rem;font-size:0;width:40px;height:40px;background:url('/images/main/pop_close.png') no-repeat center center;background-size:auto 15px;}
.search_area .optionBox h5 {padding:0px 0 .35rem;font-size:0.95rem; line-height:1rem; color:#555;font-weight:600;}
.search_area .optionBox > div {  display: flex;  flex-wrap: wrap;  gap: .4rem; font-size: 0; }
.search_area .optionBox a { position:relative;display: inline-block; vertical-align:top;  width: calc(20% - .4rem);  font-size: .8rem;line-height:1; padding: 7px .5rem 7px 1.85rem;  border-radius: 2px;  text-transform: capitalize;  color: #1b1b1b;}
.search_area .optionBox a:before {content:"\e929";position:absolute; left:0px; top:4px;padding-top:2px; color:#f1f1f1; border:1px solid #eee;  text-align:center; display:inline-flex; justify-content: center; align-items: center;width:20px; height:20px;font-size:1.35rem;}
.search_area .optionBox a:hover {color:var(--color-main)}
.search_area .optionBox a.active {  color: var(--color-sub); }
.search_area .optionBox a.active:before { color:#fff;  background-color:var(--color-sub);border-color:var(--color-sub)}
.search_area .optionBox_wrap.right {right:0 !important; left:auto !important;}
.search_area .optionBox_wrap.right .optionBox {margin-right:1px;}
.search_area .optionBox_wrap.center {left:50% !important;margin-left:-160px;}
.search_area .optionBox > div a {width: calc(50% - .4rem); }
.search_area .optionBox.round1 {width:1010px;}
.search_area .optionBox.round1 > div {max-height:400px; overflow-y:auto;}
.search_area .optionBox.round1 a {width: calc(25% - .4rem); }
.search_area .optionBox.round2 {width:860px; }
.search_area .optionBox.round2 a {width: calc(25% - .4rem); }
.search_area .optionBox.round3 {width:720px; }
.search_area .optionBox.round3 a {width: calc(33.3% - .4rem); }
.search_area .optionBox.round4 {width:500px; }
.search_area .optionBox.round4 a {width: calc(25% - .4rem); }
.search_area .optionBox.option {width:1010px; }
.search_area .optionBox.option > div  {max-height:400px; overflow-y:auto;}
.search_area .optionBox.option a {width: calc(25% - .4rem); }
.search_area .optionBox.color {width:360px; }
.search_area .optionBox.color a {width: calc(50% - .4rem); }
.search_area .optionBox.default {width:100%; }
.search_area .optionBox.default a {width: calc(100% - .4rem); }
.search_area .select_item {display:flex; width:100%; align-items: center;  justify-content: center; gap:.2rem; font-size:.85rem; padding:.5rem;}
.search_area .select_item select {height:35px; border-radius:4px; border:1px solid #e4e6e9; width:100%; font-size:.85rem; }
.search_area .btn_toggle {position:absolute; right:0; top:0;  font-size:.9rem; text-align:center; width:12.5% !important; color:var(--color-sub); line-height:31px; text-align:center; }
.search_area .btn_toggle:after {content:''; display:inline-block; vertical-align:middle; margin-left:.5rem; margin-top:-1px; width:.7rem; height:.7rem; background-repeat:no-repeat; background-position:center top; background-size:auto 100%;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230B101D;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M21,38.6L5,17.4c-2.5-3.3-0.1-8,4-8l32.1,0c4.1,0,6.5,4.7,4,8L29,38.6C27,41.3,23,41.3,21,38.6z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.search_area .btn_toggle.active:after {transform: rotate( 180deg );}

.search_area .result_box {position:relative;border-top:1px solid #e4e5e9; padding-top:.5rem; display:flex; justify-content: space-between; align-items:center; gap:5px;margin-top:.35rem; }
.search_area .result_box .filter { width:calc(100% - 12%); font-size:.9rem; color:#222; display:block;}
.search_area .result_box .filter span {line-height:1rem;margin-right:.65rem;}
.search_area .result_box .filter span:last-child {margin-right:0;}
.search_area .result_box .filter .item { cursor:pointer; font-size:.85rem; color:var(--color-dark-blue); }
.search_area .result_box .filter .item:after {content:"\e921"; font-family:'xeicon'; margin-left:.35rem; font-size:.75rem; display:inline-flex;  align-items:center; line-height:inherit; }
.search_area .result_box .filter .clear {cursor:pointer; color:#111;}
.search_area .result_box .filter .clear:before {content:"\e973"; font-family:'xeicon'; transform: rotate( 180deg );font-size:.95rem; display:inline-flex;  align-items:center; margin-right:.1rem; line-height:inherit; }
.search_area .result_box .search_btn { width:12%;height:37px; line-height:37px;font-size:.95rem; border-radius:5px; color:#fff;border:0;padding:0;margin:0;  background-color:#313850;  }
.search_area .result_box .search_btn:before {content:''; display:inline-block; margin-right:.25rem; vertical-align:top; height:100%; width:1.5rem; background-repeat:no-repeat; background-position:center center; background-size:auto 45%; 
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M22.9,44.4c-11.7,0-21.3-9.5-21.3-21.3c0-11.7,9.5-21.3,21.3-21.3s21.3,9.5,21.3,21.3 C44.2,34.8,34.7,44.4,22.9,44.4z M22.9,6.3c-9.2,0-16.8,7.5-16.8,16.8c0,9.2,7.5,16.8,16.8,16.8s16.8-7.5,16.8-16.8 C39.7,13.8,32.2,6.3,22.9,6.3z'/%3E%3Cpath class='st0' d='M46.3,46.7c-0.6,0-1.2-0.2-1.6-0.7L37.8,39c-0.9-0.9-0.8-2.3,0-3.2s2.3-0.8,3.2,0l6.9,7.1 c0.9,0.9,0.8,2.3,0,3.2C47.4,46.5,46.8,46.7,46.3,46.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1200px) {
  .search_area {width:100%;}
}
.fuc_view {display:none;}
@media screen and (max-width: 900px) {
.search_area .box_top .word_search {width:100%;}
.search_area .selectBox div.step {width:100% !important;}
.search_area .selectBox .row {  gap:0px;  }
.search_area .selectBox .step a.link.active{  z-index:1;  }
.search_area .selectBox .step a.link.active:after {display:none; }
.search_area .optionBox {border:0; margin:0;}
.search_area .optionBox_wrap {display:none; position:fixed;top:0;left:0;bottom:0; right:0;background:rgba(0,0,0,0.2); z-index:333;  }
.search_area .optionBox_wrap.right {right:0 !important; left:0 !important;}
.search_area .optionBox_wrap.center {left:0 !important;margin:0;}
.search_area .optionBox > div {max-height:300px !important;min-height:80px; overflow-y:auto; align-items: flex-start; }
.search_area .optionBox {position:absolute; bottom:0; left:0; right:0; width:100%; max-height:80%; overflow-y:auto; padding:1rem;  background:#fff; text-align:left;box-shadow:none; border-radius: 12px 12px 0 0; transition: bottom 0.3s ease-in; }
.search_area .optionBox.round1 {width:100%;}
.search_area .optionBox.round1 a {width: 100% }
.search_area .optionBox.round2 {width:100%; }
.search_area .optionBox.round2 a {width: 100% }
.search_area .optionBox.round3 {width:100%; }
.search_area .optionBox.round3 a {width: 100% }
.search_area .optionBox.round4 {width:100%; }
.search_area .optionBox.round4 a {width: 100% }
.search_area .optionBox.option {width:100%; }
.search_area .optionBox.option a {width: 100% }
.search_area .optionBox.color {width:100%; }
.search_area .optionBox.color a {width: 100% }
.search_area .optionBox.default {width:100%; }
.search_area .optionBox.default a {width: 100% }

.optionBox_wrap.active .optionBox {  bottom: 0; }
.search_area .btn_toggle {position:relative; display:block; right:auto; top:auto; width:100% !important;}
.search_area .result_box {flex-direction: column; gap:.5rem;}
.search_area .result_box .filter {width:100%}
.search_area .result_box .filter .ntxt {display:none;}
.search_area .result_box .search_btn {width:100%; font-size:.9rem; color:#fff;}

}

.search_area.basic {display:flex; gap:5px; }
.search_area.basic .calendar,
.search_area.basic select {width:20%; border-color:#b2b6bd}
.search_area.basic input[type="text"] {width:calc(40% - 135px);border-color:#b2b6bd}
.search_area.basic .search_btn {width:120px; background-color:var(--color-sub); color:#fff; display:inline-flex;align-items: center; justify-content: center; border-radius:5px;}
.search_area.basic .search_btn:before {content:''; display:inline-block; margin-right:.25rem; vertical-align:top; height:100%; width:1.5rem; background-repeat:no-repeat; background-position:center center; background-size:auto 45%; 
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M22.9,44.4c-11.7,0-21.3-9.5-21.3-21.3c0-11.7,9.5-21.3,21.3-21.3s21.3,9.5,21.3,21.3 C44.2,34.8,34.7,44.4,22.9,44.4z M22.9,6.3c-9.2,0-16.8,7.5-16.8,16.8c0,9.2,7.5,16.8,16.8,16.8s16.8-7.5,16.8-16.8 C39.7,13.8,32.2,6.3,22.9,6.3z'/%3E%3Cpath class='st0' d='M46.3,46.7c-0.6,0-1.2-0.2-1.6-0.7L37.8,39c-0.9-0.9-0.8-2.3,0-3.2s2.3-0.8,3.2,0l6.9,7.1 c0.9,0.9,0.8,2.3,0,3.2C47.4,46.5,46.8,46.7,46.3,46.7z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 670px) {
.search_area.basic {flex-direction:column; }
.search_area.basic .calendar,
.search_area.basic select,
.search_area.basic input[type="text"],
.search_area.basic .search_btn{width:100%; height:2.5rem;}
.search_area .select_item {padding:.5rem 0;}

}

/* car list */
.carlist {font-size:0;}
.carlist li {display:inline-block; vertical-align:top; margin:0 .5rem 1rem; width:calc(20% - 1.05rem); position:relative; z-index:1;border-radius:.755rem;border:1px solid #e8e9eb; }
.carlist .thumb {position:relative;height:160px;margin-left:-1px; margin-right:-1px;  border-radius:.65rem; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.carlist .thumb figure {position:relative; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; background-color:#f1f1f1;  background-image:url('/images/nophoto.png')}
.carlist .thumb img {width:100%;height:160px;transition:all 0.3s ease-out; }
.carlist li:hover .thumb figure img { -ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.carlist .info_wrap {position:relative;border-radius:.65rem; background-color:#fff; margin-top:-1rem; padding:1rem;z-index:5 }
.carlist .info_wrap .cartitle {font-size:.98rem; font-weight:500; color:#111; line-height:1.3em;}
.carlist .info_wrap .desc {margin-top:.35rem;}
.carlist .info_wrap .desc span {position:relative;font-size:.8rem; color:#5f5f5f; line-height:1.3em; margin-right:.5rem; padding-right:.5rem; }
.carlist .info_wrap .desc span:after {content:''; width:1px; right:0;height:12px;  top:7px;margin-top:-6px; position:absolute; background-color:#ddd;}
.carlist .info_wrap .desc span:last-child {padding-right:0; margin-right:0; }
.carlist .info_wrap .desc span:last-child:after {display:none;}
.carlist .info_wrap .price {margin-top:.65rem; color:var(--color-sub); font-size:1.125rem; font-weight:600; line-height:1.3em; }
.carlist .info_wrap .price b {font-size:94%; font-weight:600; margin-right:.3rem; }

@media screen and (max-width: 440px) {
	.carlist .thumb { height:200px; }
	.carlist .thumb img {height:200px; }
}

/* box filters */
.box_filters {display:flex; justify-content: space-between; align-items: center; padding-bottom:.85rem;}
.box_filters .item_left {display:flex; align-items: center;}
.box_filters .item_number { font-size:.85rem; font-weight:500; color:#777; }
.box_filters .item_number strong {font-weight:600; color:var(--color-sub)}
.box_filters .item_sort {display:flex; gap:5px;}
.box_filters .item_sort select {height:2rem; min-width:170px; padding-left:.85rem;border-radius:5px; border:0px solid #e4e6e9; font-size:.85rem; color:var(--color-grey-blue)}
.box_filters .item_sort select:focus {box-shadow:none;}
.box_filters .item_btn {display:flex; gap:5px; align-items: center;}
.box_filters .item_btn .button {height:2rem; padding:0 1.5rem; border-radius:5rem; border:1px solid #a9afba; font-size:.95rem; display:inline-flex;  align-items: center;}
.box_filters .item_btn .button:before {content:''; font-family: 'xeicon'; font-size:1rem; margin-right:.2rem;display:inline-flex;align-items: center; }
.box_filters .item_btn .button.inquiry {background-color:var(--color-sub); border-color:var(--color-sub); color:#fff;}
.box_filters .item_btn .button.inquiry:before {content: "\ea07"; color:#fff;}
.box_filters .item_btn .button.delete:before {content: "\e96f";}
@media screen and (max-width: 900px) {
.box_filters .item_btn .button {height:1.5rem; padding:0 .65rem; font-size:.8rem; }
.box_filters .item_btn .button:before {display:none;}
}


/* carlist gallery wide */
.carlist_gallery {position:relative; display:flex; flex-direction: column; border-top:1px solid #e1e3e8;}
.carlist_gallery .car_item {position:relative; padding:1rem .5rem;border-bottom:1px solid #e1e3e8; display:flex;justify-content: space-between;align-items: flex-start;  }
.carlist_gallery .car_item .itemImg { width:280px; border-radius:.65rem; overflow:hidden;  background-repeat:no-repeat; background-size:cover; background-position:center center; background-image:url('/images/nophoto.png')}
.carlist_gallery .car_item .itemImg a{display:block; width:100%; height:100%;  }
.carlist_gallery .car_item .itemImg a:hover img { -ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.carlist_gallery .car_item .itemImg img {width:100%;  border-radius:.65rem;min-height:210px;max-height:230px; object-fit: cover;transition:all 0.3s ease-out;}
.carlist_gallery .car_item .itemInfo { display:flex; width:calc(100% - 280px);z-index:1 }
.carlist_gallery .car_item .itemInfo .info_wrap {width:calc(100% - 260px);padding-left:2rem; padding-right:3rem;}
.carlist_gallery .car_item .itemInfo .cartitle {font-size:1.25rem; line-height:1.3em; font-weight:600; color:var(--color-sub); }
.carlist_gallery .car_item .itemInfo .cartitle p {display:inline-block; font-size:inherit; line-height:1.3em;  font-weight:400;}
.carlist_gallery .car_item .itemInfo ul {padding-top:1.25rem; font-size:0; display:flex; flex-wrap: wrap;gap:.5rem 0; width:100%; }
.carlist_gallery .car_item .itemInfo ul li {display:inline-flex; width:50%;}
.carlist_gallery .car_item .itemInfo ul li span {font-size:.85rem;line-height:1.3em; font-weight:400; color:#70737f; }
.carlist_gallery .car_item .itemInfo ul li span:first-child {width:4.8rem;}
.carlist_gallery .car_item .itemInfo ul li span:first-child + span {color:#333; width:calc(100% - 4.8rem); overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.carlist_gallery .car_item .itemInfo ul li.full {display:flex; width:100%;}
.carlist_gallery .car_item .itemInfo ul li.opt span:first-child + span {font-style:italic;}
.carlist_gallery .car_item .itemInfo .itemEnd {width:260px; display:flex;flex-direction: column; justify-content: space-between; }
.carlist_gallery .car_item .itemInfo .itemEnd .price {font-size:1.65rem; line-height:1.3em; font-weight:600; color:var(--color-sub)}
.carlist_gallery .car_item .itemInfo .itemEnd .price strong { display:block; font-size:1.65rem; line-height:1.3em; font-weight:600; color:var(--color-sub)}
.carlist_gallery .car_item .itemInfo .itemEnd .price strong b {font-size:95%; display:inline-block; margin-right:.3rem;font-weight:600;  }
.carlist_gallery .car_item .itemInfo .itemEnd .price .sort {font-size:1.35rem; color:var(--color-sub)}
.carlist_gallery .car_item .itemInfo .itemEnd .price .sort b {font-size:95%; margin-right:.35rem;}
.carlist_gallery .car_item .itemInfo .itemEnd .price .sort.cfr {color:var(--color-sub)}
.carlist_gallery .car_item .itemInfo .itemEnd .price .sort.cfr b {color:var(--color-sub)}
.carlist_gallery .car_item .itemInfo .itemEnd .price .sort.wait {color:#999; font-size:1.4rem;}
.carlist_gallery .car_item .itemInfo .itemEnd .price .sort.sold {opacity:.6; text-decoration:line-through; }
.carlist_gallery .car_item .itemInfo .itemEnd .date {font-size:.85rem;font-style:italic;  line-height:1.3em;margin-top:.35rem; font-weight:400; color:var(--color-grey-blue);}
.carlist_gallery .car_item .itemInfo .itemEnd .btn_group { display:flex;flex-direction: column; gap:1rem; }
.carlist_gallery .car_item .corner_ribbon {position: absolute; bottom: 0; right: 0; width: 80px;  height: 80px;background-color:var(--color-sub); transform: rotate(-0deg);
                                                     transform-origin: bottom right;  clip-path: polygon(100% 0, 100% 100%, 0 100%); z-index:333}
.carlist_gallery .car_item .corner_ribbon i{position:absolute; color:#fff;bottom:.95rem; right:-.65rem; width:100%;text-align: center; font-size:.85rem;line-height:30px; transform: rotate(-45deg); }
.carlist_gallery .car_item .corner_ribbon span {position:relative; display:block;width:100%; height:100%;}
.carlist_gallery .car_item .corner_ribbon:hover {background-color:var(--color-main)}
.carlist_gallery .car_item .item_state {position:relative;width:200px; border-radius:5rem; padding:.65rem 1.5rem; border:1px solid #e9ebef; margin-bottom:1rem;}
.carlist_gallery .car_item .item_state.sold {display:inline-flex;flex-direction:column;align-items: center; font-size:1.25rem;background-color:#f4f5f7; border:1px dashed #dbdde4; color:var(--color-sub); font-weight:600;}
.carlist_gallery .car_item .item_state p {font-size:.8rem; font-weight:400; color:#979ca7; }
.carlist_gallery .car_item .item_state.ing { font-size:.95rem; color:var(--color-sub); line-height:1.3em; padding-left:2rem;padding-right:.5rem; overflow:hidden; }
.carlist_gallery .car_item .item_state.ing:before {content:'';position:absolute; left:17px; top:0; border-left:1px dashed #ccc; width:1px; height:100%; }
.carlist_gallery .car_item .item_state.ing:after {content:''; position:absolute; left:12px; top:.85rem;  width:12px; height:12px; border-radius:50%; background-color:var(--color-main);}
.carlist_gallery .car_item .item_state.ing p {display:block; }
.btn_inquiry {display:flex; justify-content: center;align-items: center;border-radius:.5rem; height:41px; background-color:var(--color-sub); color:#fff; font-size:1rem; font-weight:500; text-transform:uppercase;  }
.btn_inquiry:before {content:"\ea07"; font-family:'xeicon'; display:inline-flex; margin-right:.25rem; font-size:1.25rem; color:#fff;}
.btn_inquiry:hover { background-color:var(--color-sub)}

/* favorites */
.carlist_gallery.my .car_item {padding-left:2.1rem;}
.carlist_gallery.my .check {position:absolute; left:0; top:50%; margin-top:-10px;z-index:30}
.carlist_gallery.my .check input[type=checkbox] + label:before {padding-right:1rem; }
.carlist_gallery.my .close {position:absolute; right:1rem; top:1rem; width:1.2rem; height:1.2rem; background:url('/images/main/pop_close.png') no-repeat center ; background-size:auto 90%; z-index:30}


.item_sns { display:flex; justify-content: center; gap:.5rem; }
.item_sns button {border:0; width:50px; height:50px; border-radius:50%; background-color:#f8f9fa; display:flex; justify-content: center; align-items: center; }
.item_sns button:before {content:''; font-family:'xeicon';font-size:1.5rem; }
.item_sns .wish:before {content:"\ea11";padding-top:3px;font-size:1.5rem; color:#999;}
.item_sns .wish.on:before { content:"\ea10"; color:#f53d64}
.item_sns .wish:focus:before { content:"\ea10"; color:#f53d64}
.item_sns .wish.active:before { content:"\ea10";color:#f53d64}
.item_sns .fb:before {content: "\ebd3"; color:#2957c0; }
.item_sns .whatsapp:before {content: "\ec27"; color:#15d25c; font-size:1.85em;}
.item_sns .telegram:before {content: "\ec19"; color:#0790e6; }
.item_sns .print:before {content: "\e9bb"; color:#555; font-size:1.35em; font-weight:normal;}

@media screen and (max-width: 900px) {
	.carlist_gallery .car_item {align-items: flex-start; padding:.85rem 0;}
	.carlist_gallery .car_item .itemInfo {flex-direction: column; width:calc(100% - 120px); padding-left:1rem; padding-right:0; gap:.5rem; }
	.carlist_gallery .car_item .itemInfo ul {display:none;}
	.carlist_gallery .car_item .itemInfo .info_wrap,
	.carlist_gallery .car_item .itemInfo .itemEnd{padding:0; width:100%; }
	.carlist_gallery .car_item .itemInfo .btn_inquiry {display:none;}
	.carlist_gallery .car_item .itemInfo .itemEnd .btn_group {padding-top:.5rem; }
	.carlist_gallery .car_item .itemInfo .item_sns { justify-content: flex-start;}
	.carlist_gallery .car_item .itemImg {width:120px;border-radius:.35rem; }
	.carlist_gallery .car_item .itemImg img {min-height:auto;max-height:auto;  border-radius:0;}
	.carlist_gallery .car_item .itemInfo .cartitle {font-size:1rem; font-weight:500;}
	.carlist_gallery .car_item .itemInfo .cartitle p {margin-top:.2rem; font-size:.85rem;}
	.carlist_gallery .car_item .itemInfo .itemEnd .price {font-size:1.2rem;}
	.carlist_gallery .car_item .itemInfo .itemEnd .price .sort {font-size:1.1rem;}
	.carlist_gallery .car_item .itemInfo .itemEnd .price .sort b{font-size:1rem !important;}
    .carlist_gallery .car_item .itemInfo .itemEnd .price .sort.wait {color:#999; font-size:1rem;}
	.carlist_gallery .car_item .item_state.sold {width:150px; font-size:1rem; padding:.5rem 0;}
	.carlist_gallery .car_item .item_state p {font-size:.75rem;}

	.carlist_gallery .car_item .item_state.ing { font-size:.9rem; padding:.5rem 0 0 .65rem; border:0; border-top:1px dashed #ddd; border-radius:0;   }
	.carlist_gallery .car_item .item_state.ing:before {display:none; }
	.carlist_gallery .car_item .item_state.ing:after {  left:0px; top:14px;  width:5px; height:5px; }

    .carlist_gallery.my .car_item {padding-left:0;}
    .carlist_gallery.my .check {top:.6rem; margin:0;}
    .carlist_gallery.my .close {right:.25rem; width:1rem; height:1rem;}




	.carlist_gallery .car_item .itemInfo .itemEnd .date {font-size:.8rem; margin-top:.2rem;}
	.item_sns button { width:30px; height:30px; }
	.item_sns button:before { font-size:1rem; }
	.item_sns .wish:before { padding-top:0px;font-size:1rem; }
	.item_sns .whatsapp:before {font-size:1.15em;}
	.item_sns .print:before { font-size:1em; }
	.item_sns button.print {display:none;}
	.carphoto_big .item_sns {padding-left:.5rem;}

	.carlist_gallery .car_item .corner_ribbon {width: 50px;  height: 50px; }
    .carlist_gallery .car_item .corner_ribbon i{bottom:.6rem; right:-.4rem; font-size:.65rem;line-height:20px;}


}

/* order state */
.order_state {display:block; clear:both;padding:1.5rem;margin-top:3rem; background-color:#f6f7f9;}
.order_state .title_wrap h2 {font-size:1.35rem;}
.order_state ul {display:flex; align-items: flex-start;flex-wrap: wrap; /*border:1px solid #eee;  border-radius:.5rem; padding:1.5rem;*/z-index:3 }
.order_state ul li {width:10%; position:relative; display:inline-flex; align-items: center;flex-direction:column; text-align:center; gap:.5rem; padding:0 1rem; }
.order_state ul li label {width:13px; height:13px; border-radius:50%; background-color:#ccc;position:relative; border:0px solid #fff;z-index:5;  }
.order_state ul li:after {content:''; position:absolute; left:50%; top:6px; height:1px; width:50%; border-top:1px dashed #ccc;   z-index:0}
.order_state ul li:before {content:''; position:absolute; left:0; top:6px; height:1px; width:50%; border-top:1px dashed #ccc;   z-index:0}
.order_state ul li .title {font-size:.95rem; line-height:1.1em; color:var(--color-sub);opacity:.4  }
.order_state ul li em {display:block;font-size:.8rem; line-height:1.2em; color:#999;opacity:.5 }
.order_state ul li.current label,
.order_state ul li.current .title,
.order_state ul li.current em{opacity:1;}
.order_state ul li.current label {background-color:var(--color-main)}

@media screen and (max-width: 1024px) {
.order_state ul {gap:1rem 0;}
.order_state ul li {width:20%; }
}

@media screen and (max-width: 500px) {
.order_state ul {gap:1rem 0;flex-direction:column;align-items: flex-start; text-align:left; gap:0; padding-left:.25rem;}
.order_state ul li {width:100%;text-align:left; flex-direction:row; align-items: flex-start; padding-left:0;padding-bottom:1rem; }
.order_state ul li em {padding-left:.25rem;}
.order_state ul li em br{display:none;}
.order_state ul li:after { left:7px; top:7px; width:1px; height:90%; border-left:1px dashed #ccc;}
.order_state ul li:before { left:7px; top:0px; width:1px; height:10%; border-left:1px dashed #ccc;}
.order_state ul li:last-child:after {display:none;}
.order_state ul li .title {width:120px;}
}

/* review */
.item_review {display:flex;flex-direction: column; gap:1rem;  }
.item_review .item {border:1px solid #e4e7ee; border-radius:.5rem; overflow:hidden;  }
.item_review .item .top {height:3rem;padding:0 1.5rem; display:flex; justify-content: space-between;align-items: center;border-bottom:1px solid #e4e7ee; }
.item_review .item .top h2 { color:var(--color-sub); font-size:1rem; font-weight:500; }
.item_review .item .top h2 img {display:inline-block; vertical-align:middle; margin-left:.5rem; height:.75rem; }
.item_review .item .top .date { font-size:.85rem; color:var(--color-grey-blue); }
.item_review .item .cont_box {padding:1.5rem 2rem .5rem; display:flex;  gap:2rem;}
.item_review .item .cont_box .thumb {width:170px; }
.item_review .item .cont_box .thumb figure {border-radius:.5rem; overflow:hidden;}
.item_review .item .cont_box .thumb figure img {width:100%;}
.item_review .item .cont_box .thumb p {padding:.5rem 0; font-size:1rem; color:var(--color-sub); font-weight:500;}
.item_review .item .cont_box .text_wrap {position:relative;width:100%; font-size:.95rem; line-height:1.4em;display:flex; flex-direction: column; justify-content: space-between; }
.item_review .item .cont_box .text_wrap p {  font-size:.95rem; line-height:1.5em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5;  -webkit-box-orient: vertical;color:var(--color-grey-blue); }
.item_review .item .cont_box .text_wrap textarea{width:100%; min-height:120px; border:0; outline:0}
.item_review .item .cont_box .text_wrap textarea:focus {box-shadow:none;}
.item_review .item .cont_box .text_wrap.active p{ height:auto; overflow:visible; display:block;}
.item_review .item .cont_box .link {display:flex;  justify-content: flex-end; width:100%; gap:1rem; margin-top:1rem;}
.item_review .item .cont_box .link a {font-size:.9rem; text-decoration:underline; color:var(--color-blue);}
.item_review .item .btn {display:flex;justify-content: center; align-items: center; width:100%; height:2.85rem; background-color:var(--color-grey-blue); color:#fff; font-size:.9rem;}
.item_review .item .btn.more {color:#333; background-color:#fff;}
.item_review .item .btn.more:after {content:''; display:inline-block; vertical-align:middle; margin-left:.5rem; width:1rem; height:1rem; background:url('/images/icon_select.png') no-repeat center ; background-size:auto 15px;}

@media screen and (max-width: 640px) {
.item_review .item .cont_box {flex-direction: column;  align-items: center;padding:1rem; gap:1rem;}
.item_review .item .cont_box .thumb p {text-align:center;		}
}

/* tab */
.tab_wrap {display:flex; gap:.5rem; }
.tab_wrap button {height:2.5rem; display:inline-flex;align-items: center; padding:0 1.5rem; font-size:.985rem; border-radius:5rem; background-color:#f1f3f7; border:1px solid #dce0e9; }
.tab_wrap button.active {background-color:var(--color-sub); border-color:var(--color-sub); color:#fff;}



/* faq */
.item_faq { display:flex;flex-direction: column; gap:.5rem; padding-top:2rem;}
.item_faq .item {display:flex; flex-direction: column; width:100%; border:1px solid #e4e7ee; border-radius:.5rem; overflow:hidden; }
.item_faq .item .faq_qt {position:relative; display:flex; flex-start; align-items: center; flex-direction: row; flex-wrap: nowrap; padding:1.35rem 0.5rem;padding-right:2.3rem;cursor:pointer  }
.item_faq .item .faq_qt .title {width:100%; padding-left:1rem; font-size:0.98rem; font-weight:400;  color:var(--color-sub)}
.item_faq .item .faq_answer { background-color:#f5f7fa; padding:1rem 1rem; display:flex; flex-start; align-items: flex-start; flex-direction: row;  }
.item_faq .item .faq_answer .cont {width:100%; padding:0.65rem 2.5rem 1rem 1rem;font-size:0.98rem; font-weight:400; line-height:1.6rem; color:#777 }
.item_faq .item .faq_qt:after {content:''; position:absolute; right:1rem; width:20px; height:20px; background-image:url('/images/icon_select.png'); background-position:center center; background-repeat:no-repeat; background-size:auto 15px; transition: all 0.2s ease-in;}
.item_faq .item .faq_qt.on:after { transform: rotate(180deg) }

.item_my {width:450px; padding-top:2rem; margin:3rem auto;}
.item_my .formItem_wrap .item_box {gap:1rem; display:flex;flex-direction: column;}
.item_my .formItem span {font-size:1rem;}

@media screen and (max-width: 640px) {
.item_my {width:100%; margin-top:0rem; padding-top:1rem;}

.tab_wrap {position:relative; display:block; overflow-y: auto; white-space: nowrap; margin-right:-1rem;}
.tab_wrap:after {content:''; position:absolute; left:0; bottom:0; height:1px; width:100%; background-color:#dedede; z-index:-1}
.tab_wrap button { display:inline-block; vertical-align:top; margin-right:.25rem; height:2rem;  padding:0 1.1rem .5rem; font-size:.95rem; border-radius:0; color:#888;  background-color:transparent; border:0; border-bottom:2px solid transparent;  }
.tab_wrap button:last-child {margin:0; }
.tab_wrap button.active { border-color:var(--color-sub); color:var(--color-sub); background-color:#fff; }
.item_faq {padding-top:1.2rem;}
.item_faq .item .faq_qt {  padding:1rem 2.5rem 1rem 1rem; }
.item_faq .item .faq_qt .title { padding-left:0; font-size:0.9rem;}
.item_faq .item .faq_answer .cont { padding:0;font-size:0.85rem; }

}








/*******************************************************************
						  차량상세
********************************************************************* */
.carphoto_big {padding:0 !important; }

/* 차량상세 슬라이더 */
.swipe-detail-wrap .icon {display:inline-block;vertical-align:middle;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;}
.swipe-detail-wrap .icon.swiper-prev, .icon.swiper-next {width:100%;height:2.5rem;background-repeat:no-repeat;background-position:center center;-webkit-background-size:auto auto;-moz-background-size:auto;background-size:auto;}
.swipe-detail-wrap .icon.swiper-prev {background-image:url('/images/slide_prev.png');}
.swipe-detail-wrap .icon.swiper-next {background-image:url('/images/slide_next.png');}

.swipe-detail-wrap {position:relative;}
.swipe-detail-wrap .btns {position:absolute;left:0;bottom:0; z-index:333; }
.swipe-detail-wrap .btns .btn_zoom { position:absolute; left:0; bottom:0;width:3.7rem;height:3.7rem;padding:0 !important; 
border-radius:0;background-image:url('/images/ico-zoom.png'); background-position:center;background-repeat:no-repeat;background-size:auto 1.5rem;font-size:0 !important;  }
.swipe-detail-wrap .btns .btn_zoom.zoomout {background-image:url('/images/ico-zoom-out.png'); background-size: cover;  }

/* 차량정보 */
.carNameWrap {position:absolute; top:0; width:100%;}
.carNameWrap .title {font-size:1.45rem; font-weight:600; color:var(--color-sub); line-height:1.3em;  }
.carNameWrap .title sub { display:block; font-size:90%; font-weight:400; color:var(--color-sub); line-height:1.3em; padding-top:.35rem;}
.carNameWrap .price_wrap {margin-top:1rem; padding-top:.85rem; width:100%; border-top:1px solid #e8e9ec; display:flex; justify-content: space-between; align-items: center;position:relative; }
.carNameWrap .price_wrap .price {font-size:1.5rem; line-height:1.3em;font-weight:600; color:var(--color-sub);}
.carNameWrap .price_wrap .price b {display:inline-block; font-size:93%; font-weight:600; margin-right:.3rem;}
.carNameWrap .price_wrap .price .date {display:block; font-style:italic; font-size:.9rem; line-height:1rem; font-weight:400; color:#555; padding-top:.2rem;}
.carNameWrap .btn_inquiry {padding:0 2.3rem; height:50px; }

@media screen and (max-width: 900px) {
.carNameWrap .title {font-size:1.2rem; }
.carNameWrap .title sub { font-size:1rem; padding-top:.2rem;}
.carNameWrap .price_wrap .price {font-size:1.2rem;}
.carNameWrap .price_wrap .price .date { font-size:.8rem;}
}

/* SNS */
.carphoto_big .sns_wrap{padding:1rem 0; border-bottom:1px solid #f1f1f3; }
.carphoto_big .item_sns {width:60%; display:flex; justify-content: space-between; }
.carphoto_big .item_sns span {display:flex; gap:5px;}

.swipe-detail-wrap .car-details {position:relative;font-size:0; display:flex; flex-direction: row;align-items: stretch; }
.swipe-detail-wrap .car-details > .detail-slide-gallery-top {position:relative; display:inline-flex;width:60%;  }
.swipe-detail-wrap .car-details > .detail-slide-gallery-thumbs {display:inline-flex; width:40%; padding-left:1.5rem; }
.swipe-detail-wrap .car-details > .detail-slide-gallery-thumbs .wrap { position:relative; width:100%; display:flex; flex-direction: column; justify-content: flex-end;padding-top:0px; border:0px solid #f00 }
/*.swipe-detail-wrap .car-details > .detail-slide-gallery-thumbs .swiper-wrapper {background:url('/images/nophoto.png');background-size:25% 20%;}*/
.swipe-detail-wrap .detail-slide-gallery-top {background-size:100%; min-height:450px;  background-repeat:no-repeat; background-position:center center;background-color:#f5f5f5; background-image:url('/images/nophoto.png?ver=1'); border-radius:.65rem; overflow:hidden; }
.swipe-detail-wrap .detail-slide-gallery-top .swiper-slide .img {display:block; overflow:hidden; background-repeat:no-repeat;background-size: contain; background-position:center   !important; }
.swipe-detail-wrap .detail-slide-gallery-top .swiper-slide .img img {width:100%; }

.swipe-detail-wrap .detail-slide-gallery-thumbs { overflow:hidden;}
.swipe-detail-wrap .detail-slide-gallery-thumbs > .swiper-wrapper {transform:none !important;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide {cursor:pointer;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide:after {transition:all 0.2s ease-in;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after {content:''; position:absolute; left:0;top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7);background-image:url('/images/icon_check_w.png'); background-repeat:no-repeat;  background-position:center center ; background-size:auto 40%; z-index:5; }
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img {height:100%;font-size:0;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-slide .img img{width:100%;height:100%; }
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper {display:block;font-size:0; height:auto; bottom:0;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide {display:inline-block; border-radius:.35rem; overflow:hidden; width:calc(20% - 3px) !important; border:0px solid #f00; height:60px; margin-right:3px;margin-top:3px;font-size:0;transform:none !important;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide .img {font-size:0;}
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(5),
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(5n) {margin-right:0;}



.swipe-detail-wrap .zoom-swiper-button-prev, .swipe-detail-wrap .zoom-swiper-button-next {position:absolute;top:0;left:0;bottom:0;width:3.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:5;cursor:pointer;opacity:.5;}
.swipe-detail-wrap .zoom-swiper-button-prev.swiper-button-disabled, .swipe-detail-wrap .zoom-swiper-button-next.swiper-button-disabled {opacity:.1 !important;}
.swipe-detail-wrap .zoom-swiper-button-prev:hover, .swipe-detail-wrap .zoom-swiper-button-next:hover {opacity:1;}
.swipe-detail-wrap .zoom-swiper-button-next {right:0;left:auto;}
.swipe-detail-wrap .swiper-scrollbar {bottom:10px;left:0;width:100%;height:10px; display:none;}
.swipe-detail-wrap .swiper-pagination-wrap {position:absolute; right:1rem; bottom:1rem; z-index:333;}
.swipe-detail-wrap .swiper-pagination {position:static; font-size:.75rem; width:3.5rem; text-align:center;border-radius:3rem;line-height:1.5rem;background-color:rgba(0,0,0,0.2);color:rgba(255,255,255,0.5);}
.swipe-detail-wrap .swiper-pagination * {color:rgba(255,255,255,0.6); }
.swipe-detail-wrap .swiper-pagination .swiper-pagination-current { color:#fff;}

/* zoom-mode */
.swipe-detail-wrap.zoomMode {position:fixed;top:0px;left:0;right:0;bottom:0;width:100%;padding:0;margin:0;z-index:999;overflow-y:auto;-ms-overflow-y:auto;background-color:#171a1d;}
.swipe-detail-wrap.zoomMode .car-details {display:block;}
.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-top {display:block;width:90%; margin:0 auto; height:calc(100vh - 190px); vertical-align:top; background:transparent; }
.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-top .swiper-slide {height:100%;}
.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-top .swiper-slide .img {background-color:transparent; height:100%;}
.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-top .swiper-slide .img img{ height:100%; width:auto}
.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-top .swiper-wrapper {height:100% !important; }

.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-thumbs {display:block;width:100%; text-align:center;}
.swipe-detail-wrap.zoomMode .detail-slide-gallery-thumbs {padding:.5rem;}
.swipe-detail-wrap.zoomMode .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide {width:80px !important; height:70px; margin:2px !important;}
.swipe-detail-wrap.zoomMode .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide img {width:100%;}
.swipe-detail-wrap.zoomMode .btns {top:50%;bottom:auto; left:1rem; text-align:center;}
.swipe-detail-wrap.zoomMode .btns .button, .swipe-detail-wrap.zoomMode .btns .left {display:none;}
.swipe-detail-wrap.zoomMode .btns .button.btn_zoom {display:inline-block;}
.swipe-detail-wrap.zoomMode .swiper-pagination-wrap {display:none;}
.swipe-detail-wrap.zoomMode .carNameWrap {display:none;}
.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-thumbs .wrap {padding-top:0;}

@media screen and (max-width: 900px) {
	.swipe-detail-wrap .detail-slide-gallery-top {border-radius:0; min-height:350px; }
	.swipe-detail-wrap .car-details { flex-direction:column;}
	.swipe-detail-wrap .car-details > .detail-slide-gallery-top { width:100%;  }
	.swipe-detail-wrap .car-details > .detail-slide-gallery-thumbs { width:100%; padding-left:0; }
	.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide {width:calc(10% - 3px) !important;}
	.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(5),
	.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(15){margin-right:3px;}
	.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(10),
    .swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide:nth-child(20) {margin-right:0;}

	.carNameWrap {position:relative; top:auto; padding:1rem .65rem;}
	.swipe-detail-wrap .car-details > .detail-slide-gallery-thumbs .wrap { position:relative; width:100%; display:flex; flex-direction: column; justify-content: flex-end;padding-top:0; border:0px solid #f00 }
	.swipe-detail-wrap .btns .btn_zoom {display:none;}
	.carphoto_big .sns_wrap {padding-top:0;}
}

@media screen and (max-width: 500px) {
    .swipe-detail-wrap .detail-slide-gallery-top {min-height:auto; }
    .swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper { padding-top:.5rem;display:flex; justify-content: center;flex-wrap: wrap; gap:3px; width:100%;  }
	.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide {margin:0 !important; height:62px; width:18.4% !important}
}
@media screen and (max-width: 430px) {
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide { height:60px; }
}
@media screen and (max-width: 390px) {
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide { height:55px; }
}
@media screen and (max-width: 360px) {
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide { height:51px;}
}





/* =====  SPEC  ===== */
.detail_spec .items {display:flex; gap:10px;}
.detail_spec .items li {width:calc(25% - 8px); background-color:#f1f3f7; border:1px solid #e4e7ee; border-radius:.365rem; padding:1.5rem 0; display:flex; flex-direction: column;align-items: center; gap:.5rem}
.detail_spec .items li figure { width:2rem; height:1.7rem; background-repeat:no-repeat; background-position:center center; background-size:auto 100%;  }
.detail_spec .items li.n01 figure {background-image:url("/images/spec_icon_01.svg")}
.detail_spec .items li.n02 figure {background-image:url("/images/spec_icon_02.svg")}
.detail_spec .items li.n03 figure {background-image:url("/images/spec_icon_03.svg")}
.detail_spec .items li.n04 figure {background-image:url("/images/spec_icon_04.svg")}
.detail_spec .items li.n05 figure {background-image:url("/images/spec_icon_05.svg")}
.detail_spec .items li h2 {text-align:center; font-size:1.10rem; font-weight:500; color:#111; line-height:1.3em;font-family: 'Roboto'; }
.detail_spec .items li h2 p {display:block; font-size:.85rem; font-weight:400; color:#777;margin-bottom:.25rem }
.detail_spec .itemList {display:flex; flex-wrap: wrap;margin-top:1rem; }
.detail_spec .itemList ul {width:50%;}
.detail_spec .itemList ul:nth-child(2) li span:first-child {border-left:0;}
.detail_spec .itemList li {width:100%; height:45px; display:inline-flex; align-items: center;margin-top:-1px; }
.detail_spec .itemList li span {display:inline-flex; align-items: center; height:100%; padding-left:1rem;border:1px solid #e4e7ee; font-family: 'Roboto'; font-size:.95rem;font-weight:400; color:var(--color-sub); }
.detail_spec .itemList li span:first-child {background-color:#f5f7fa; color:#606167; width:180px;}
.detail_spec .itemList li span:first-child + span {width:calc(100% - 180px); border-left:0; }

@media screen and (max-width: 900px) {
	.detail_spec .items {display:flex;justify-content: center;  flex-wrap: wrap;gap:5px;}
	.detail_spec .items li {width:calc(33.3% - 4px); background-color:#FFF; border:0;  padding:1rem 0; display:flex; flex-direction: column;align-items: center; gap:.25rem}
	.detail_spec .items li figure { width:1.5rem; height:1.2rem;  }
	.detail_spec .items li h2 { font-size:1rem;   }
	.detail_spec .items li h2 p {  font-size:.75rem;}
	.detail_spec .itemList ul {width:100%;}
	.detail_spec .itemList li {width:100%; }
	.detail_spec .itemList li span { padding-left:.5rem; font-size:.85rem;  }
	.detail_spec .itemList li span:first-child { width:130px;}
	.detail_spec .itemList li span:first-child + span {width:calc(100% - 130px); }
	.detail_spec .itemList ul:nth-child(2) li span:first-child {border-left:1px solid #e4e7ee;}
}


/* =====  Feature ===== */
.detail_feature {font-family: 'Roboto'; }
.detail_feature .toggle_cont {border-radius:.85rem; border:1px solid #e4e7ee; padding:1rem 1.5rem 2rem;  display:flex; flex-direction: column;  gap:.5rem;}
.detail_feature .row {padding:0; margin:0; }
.detail_feature .title {font-size:1.15rem; font-weight:500; position:relative; height:2.5rem; padding-left:.2rem; display:flex; align-items: center; gap:.5rem;cursor:pointer;  }
.detail_feature .cont { background-color:#f5f7fa; border-radius:.5rem; padding:1.25rem 1.5rem; }
.detail_feature .fuc_toggle:after {content:"\e942";font-family:'xeicon'; transform: rotate( 180deg ); display:inline-flex; align-items: center; justify-content: center; color:#555; width:1.5rem; height:1.5rem; font-size:1.5rem; font-weight:500; transition: all 0.2s ease-in;}
.detail_feature .fuc_toggle.on:after {transform: rotate( 0deg ); }
.detail_feature .option_list {display:flex; flex-wrap: wrap; gap:.4rem 0;}
.detail_feature .option_list li {position:relative; width:33.3%;  display:inline-flex;  align-items: center;gap:.25rem; padding-left:10px;font-size:.9rem; font-weight:300; line-height:1.2em; color:#a7aab3; letter-spacing:0; }
.detail_feature .option_list li:before {content:''; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px;  border-radius:50%;background-color:#caced7 }
.detail_feature .option_list li.active:before { background-color:var(--color-sub) }
.detail_feature .option_list li.active {color:var(--color-sub); }

@media screen and (max-width: 900px) {
.detail_feature .toggle_cont {border-radius:0; border:0; padding:0 0rem; }
.detail_feature .cont {  border-radius:.5rem; padding:1rem; }
.detail_feature .option_list {display:block;font-size:0; padding:0;}
.detail_feature .option_list li {display: block; vertical-align:top; width:100%; font-size:.8rem; margin:.3rem 0; }
.detail_feature .option_list li:before { margin-top:-1.5px; width:3px; height:3px; background-color:#caced7 }
.detail_feature .title {font-size:1.05rem; }
}


/* =====  Inspection ===== */
.inspection {border-radius:.5rem; border:1px solid #e4e7ee; overflow:hidden; }
.inspection .title {background-color:#e4e7ee; padding:1.1rem 0; text-align:center;  font-size:1.35rem; line-height:1.3em; font-weight:400; color:var(--color-sub); }
.inspection .title p {display:block; margin-top:.2rem; font-size:1rem; color:#606367; line-height:1.3em; font-weight:300;  }
.inspection .items {display:flex;justify-content: center; gap:2rem; padding:1.65rem 0; border-bottom:1px solid #e4e7ee;}
.inspection .items li {font-size:.9rem; line-height:1.2em;font-weight:400; color:#606367;  }
.inspection .items li b {font-size:1rem;  line-height:1.1em;font-weight:bold; text-transform:uppercase; display:inline-block; vertical-align:middle; margin-right:.2rem;}
.inspection .items li.n01 b { color:#0259dd;}
.inspection .items li.n02 b { color:#e60a1f;}
.inspection .items li.n03 b { color:#496681;}
.inspection .items li.n04 b { color:#f37301;}
.inspection .items li.n05 b { color:#987a68;}
.inspection .items li.n06 b { color:#249e07;}
.inspection .car_box {padding:5rem 0; }

@media screen and (max-width: 1024px) {
.inspection .items {display:block; font-size:0; padding:1.5rem .5rem}
.inspection .items li {display:inline-block;vertical-align:top; width:33.3%;}
}
@media screen and (max-width: 900px) {
.inspection .items {  padding:1rem .5rem 1rem 1rem; }
.inspection .items li {width:50%;font-size:.8rem;}
.inspection .items li b {font-size:.8rem; padding:.3rem 0;}
.inspection .title {  font-size:1em; }
.inspection .title p { font-size:.8rem;  }

}


/* ===== Recommend ===== */
.recommend .carlist .thumb,
.recommend .carlist .thumb img {height:150px;}

@media screen and (max-width: 500px) {
	.recommend .carlist .thumb, .recommend .carlist .thumb img {height:250px;}
}

@media screen and (max-width: 500px) {
	.recommend .carlist .thumb, .recommend .carlist .thumb img {height:240px;}
}




/* ===== Process ===== */
.process {padding-top:0; }
.process .item{display:flex; align-items: flex-start;gap:3rem; border-bottom:1px solid #e4e7ee; padding:3rem 0;}
.process .item:last-child {border:0;}
.process .item figure {width:45%; overflow:hidden; }
.process .item figure img {width:100%; }
.process .item .cont_wrap {width:calc(100% - 45%); }
.process .item .cont_wrap h2 {font-size:1.5rem; line-height:1.5em; color:var(--color-sub); font-weight:600;}
.process .item .cont_wrap .exp {font-size:.95rem; color:#222; line-height:1.5em;   }
.process .item .cont { display:flex;flex-direction: column; gap:1rem; padding-top:1.5rem;}
.process .item .cont p {font-size:.95rem; color:#333; line-height:1.5em;   }
.process .item .cont p strong{ display:block; font-weight:500; color:var(--color-sub); font-size:1.1rem; line-height:1.5em; }
.process .item .cont p:nth-child(1) {padding-top:0;}
.process .item .cont img {width:100%}

@media screen and (max-width: 900px) {
	.process .item{gap:1.5rem; padding:2rem 0;}
	.process .item figure {width:10rem; }
	.process .item .cont_wrap {width:calc(100% - 11.5rem); }
	.process .item .cont_wrap h2 {font-size:1.2rem; line-height:1.3em;}
	.process .item .cont {gap:.5rem 0; padding-top:1rem;}

}

@media screen and (max-width: 460px) {
.process .item{ display:flex; flex-direction: column; align-items: center; gap:1rem; padding:1.5rem 0; }
.process .item figure {width:70%; }
.process .item .cont_wrap {width:100%;}
}



/* ===== overview ===== */
.overview {display:flex; gap:3rem; flex-wrap: nowrap; margin-top:2rem;  }
.overview figure {position:relative; width:45%;}
.overview figure img{ width:100%;  border-radius:1rem; }
.overview figure h2 {position:absolute; left:0; top:0; width:100%; height:100%;display:flex; justify-content: center;align-items: center; font-size:3rem; line-height:1.5em; color:#fff; font-weight:500; font-family: 'Roboto';}
.overview .cont {  width:55%;gap:1.5rem; display:flex;flex-direction: column; }
.overview .cont p {font-size:.985rem; color:var(--color-grey-blue2); line-height:1.5em; font-weight:400;font-family: 'Roboto';}

@media screen and (max-width: 900px) {
.overview {flex-direction: column;}
.overview figure,
.overview .cont {width:100%;}
.overview figure {width:90%; margin:0 auto;}
.overview figure h2 {  font-size:1.85rem;}
.overview .cont { gap:1.25rem; }
.overview .cont p {font-size:1rem; }

}

@media screen and (max-width: 640px) {
.overview figure h2 {  font-size:1.35rem;}
}




/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      Form
///////////////////////////////////////////////////////////////////////////////////////////*/
.ess {display:inline-block;}
.ess:after {content:"*"; font-size:.9rem; font-weight:bold; color:var(--color-red); display:inline-block; vertical-align:top; margin-left:.35rem; }

.formItem_wrap {display:flex; flex-direction: column; gap:1rem; }
.formItem_wrap .title {padding:0 0 1rem; font-size:1.75rem; text-align:center; text-transform:capitalize; }
.formItem_wrap.row {flex-direction:row; justify-content: center;  gap:0; width:100%; }
.formItem_wrap.row .item_box {display:flex; flex-direction: column; width:50%; gap:1rem 0; padding:0 1rem;}
.formItem_wrap a {text-decoration:underline; color:var(--color-blue)}
.formItem {display:flex; flex-direction: column; gap:.3rem; }
.formItem span {font-size:.9rem; color:var(--color-sub)}
.formItem input[type="text"],
.formItem input[type="password"],
.formItem select {height:45px; width:100%;  }
.formItem textarea {min-height:90px; width:100%;}
.formItem.agree {  width:100%; justify-content: center;align-items: center; padding:1.5rem 0}
.formItem.agree a {display:inline-block; font-size:95%; color:var(--color-blue); text-decoration:underline; }
.formItem.agree input[type=checkbox] + label {font-size:.925rem; font-weight:400; }
.button_group_wrap {position:relative; margin-top:2rem; }
.button_group {width:100%; display:flex;justify-content: center; align-items: center; gap:.2rem; padding:1.5rem 0 0; }
.button_group .button { width:100%; border-radius:5px;background-color:var(--color-sub); color:#fff; font-size:1.125rem;height:3rem; display:flex;justify-content: center; align-items: center;}
.button_group .button.auto {width:auto; padding:0 6rem; }


.text_inform {display:block; margin-top:1.1rem; font-size:.85rem; line-height:1.3em; color:#555; }
.text_inform.center {text-align:center; display:flex; flex-direction: column; gap:1rem; align-items: center; font-size:1rem;}
.text_inform a {font-size:1rem; color:var(--color-blue); text-decoration:underline !important; }

@media screen and (max-width: 670px) {
.formItem_wrap.row {flex-direction: column; gap:1rem 0;}
.formItem_wrap.row .item_box { width:100%; padding:0;}
.button_group .button.auto {width:100%; padding:0}
.button_group .button {   font-size:1rem;height:3rem; }

}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      register 회원가입
///////////////////////////////////////////////////////////////////////////////////////////*/
.register {padding:3rem 0 5rem; width:800px; margin:0 auto;}
.register.col-lg-5 {width: 35%; }
.register .title {display:block; text-align:center; font-size:2.65rem; line-height:1.5em; color:var(--color-sub); margin-bottom:2.5rem}
.register .title .exp {font-size:1.125rem;font-weight:300;  line-height:1.3em; margin-top:.3rem; color:#666; }

@media screen and (max-width: 800px) {
.register { padding:1rem 0 3rem; width:100%; margin:0 auto;}
.register .title { font-size:1.65rem; margin-bottom:1.8rem}
.register .title .exp {font-size:.9rem; margin-top:0; }
.register.col-lg-5 {width:100%; }
}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      pagination
///////////////////////////////////////////////////////////////////////////////////////////*/
.pagination { display:flex;  justify-content: center; gap:.25rem; width:100%; margin:2.5rem 0 0rem; padding:0; font-size:0;text-align:center;}
.pagination span {}
.pagination span a { display:inline-flex;position:relative; font-size:14px; border:1px solid transparent;  justify-content: center; align-items: center; width:30px; height:30px; line-height:30px;color:#333;background:transparent; vertical-align:middle; border-radius:0;  transition:300ms ease-out 0ms;}
.pagination span a:before {content:'';position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background-repeat:no-repeat; background-position:center center; background-size:auto 18px;  font-size:24px; color:#333; }
.pagination span .first:before { background-image:url('/images/arrow_first.png')}
.pagination span .prev:before { background-image:url('/images/arrow_prev.png')}
.pagination span .next:before { background-image:url('/images/arrow_next.png')}
.pagination span .last:before { background-image:url('/images/arrow_last.png')}
.pagination span .prev {margin-right:5px; }
.pagination span .next {margin-left:5px; }
.pagination span a.on { color:var(--color-sub); border-color:var(--color-sub);}
.pagination span a.off { display:none; opacity:0.4}
.pagination span a.first{  margin-left:0;}
.pagination span .first.on,
.pagination span .prev.on,
.pagination span .next.on,
.pagination span .last.on { background-color:#fff; color:var(--color-sub); border-color:transparent; }

@media screen and (max-width: 900px) {
	.pagination span a { font-size:13px; width:25px; height:25px;}

}

/* 게시물 없음 */
.result_nodata { position:relative !important; display:block !important;  color:#999 !important; background:#fbfbfb; min-height:500px !important; height:500px !important;  padding:0 !important;  }
.result_nodata:before {content:''; position:absolute;  top:50%; left:50%; transform: translate(-50%,-50%); margin-top:-2rem; width:50px; height:50px; background:url('/images/ico_note.png') no-repeat center; background-size:cover;  }
.result_nodata span.text {  font-size:1rem; font-style:italic; position:absolute; top:50%; left:50%; transform: translate(-50%,60%);  }
.result_nodata .itemImg,
.result_nodata .itemInfo{display:none !important}
.result_nodata .faq_qt {display:none !important}
.result_nodata .top,
.result_nodata .cont_box,
.result_nodata .btn.more {display:none !important}


@media screen and (max-width:677px){
   .result_nodata { height:15rem !important;min-height:15rem !important;  line-height:15rem; }
   .result_nodata:before {margin-top:-1.5rem;}
   .result_nodata span.text {  font-size:.9rem; }

}

@media screen and (max-width:900px){
  .fuc_mo {display:none;}

}