.cont_body {margin-top:3rem;}
.card_list .cont_body {margin-top:1rem;}
.cont_detail {width:1200px; margin:0 auto; }
.cont_detail .cont_body {margin-top:2.5rem;}
.cont_detail .h3 {font-size:1.35rem; font-weight:500; color:var(--color-black); line-height:1.3em;  margin-bottom:1.2rem; padding-bottom:1rem;letter-spacing:0; border-bottom:1px solid #333;}
.cont_detail section {padding:0; padding-top:3.5rem; }
.cont_body.article_wrap {display:flex; align-items: flex-start; justify-content: space-between;padding-top:1.5rem; font-size:0; }
.article_wrap.right { justify-content: flex-end; }
.article_left {width:270px; }
.article_right {width:calc(100% - 270px); }



@media screen and (max-width: 1200px) {
.cont_detail {width:100%; }
.cont_detail .column {padding:0;}
.article_left.fixed {  left:0; margin-left: 0; right:auto;}
}
@media screen and (max-width: 900px) {
.cont_body {margin-top:2rem;}
.cont_detail .cont_body {margin-top:0;}
.cont_detail section {padding:0; padding:2.5rem 1rem 0; }
.cont_detail .h3 {font-size:1.25rem;}
.cont_body.article_wrap {flex-direction: column; gap:1rem;}
.article_left ,
.article_right {width:100%;}
.cont_body.article_wrap { padding-top:0rem; }
}


/* 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 .column.right {justify-content: flex-end;}
.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-black); }
.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-black);font-size:.85rem;}
.breadcrumbs .breadcrumb span.home {cursor:pointer;}

.card_list .breadcrumbs,
.page_img .breadcrumbs { position:absolute; right:0; width:100%;background-color:transparent; border:0;}
.page_img .breadcrumb span {color:#fff !important;}

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


/* sub visual */
.s_visual {position:relative; height:250px; overflow:hidden;background-position:center center; background-repeat:no-repeat; background-size:cover; }
.s_visual .bgimg {position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:1 !important;z-index:-1;}

.s_visual .column {height:100%;}
.s_bg1 .bgimg  {background-image:url('/images/sub/bg_river.jpg')}
.s_bg3 .bgimg  {background-image:url('/images/sub/sbg_03.jpg')}
.s_bg4 .bgimg  {background-image:url('/images/sub/sbg_04.jpg')}
.s_bg5 .bgimg  {background-image:url('/images/sub/sbg_05.jpg')}
.s_bg6 .bgimg  {background-image:url('/images/sub/sbg_06.jpg')}

.s_visual .title_wrap {color:#fff; display:flex;  flex-direction: column;margin:0; text-align:left; height:100%; align-items: flex-start;  justify-content: center;align-items: center; gap:.65rem; }
.s_visual .title_wrap p,
.s_visual .title_wrap h2 {color:inherit; text-align:center; }
.s_visual .title_wrap p {font-size:1.25rem; line-height:1.3em; }
.s_visual .title_wrap h2 {font-size:2.25rem; line-height:1.3em; text-transform:uppercase; }

@media screen and (max-width: 1024px) {
.s_visual { height:160px; }
.s_visual .title_wrap p {font-size:.9rem;}
.s_visual .title_wrap h2 {font-size:1.35rem; }
}
@media screen and (max-width: 640px) {
}



/* 차량검색 */
.side_search { position:relative;width:230px;position:relative; }
.side_search .box_top {display:flex; justify-content: space-between;align-items: center; padding:.85rem; border:1px solid #e9e9e9;border-bottom:0; border-radius:.65rem .65rem 0 0;  }
.side_search .wrap { position:relative; }
.side_search .in_wrap {position:relative;}
.side_search .box_top h2 { display:block;font-size:1.1rem;font-weight:500; color:var(--color-black)}
.side_search .box_top .word_search {position:relative; width:320px; border-radius:5rem; border:1px solid #e9e9e9; padding:4px; display:flex; align-items: center;justify-content: space-between;}
.side_search .box_top .word_search .input_wrap {position:relative;width:calc(100% - 70px); }
.side_search .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 }
.side_search .box_top .word_search input[type="text"]:focus {box-shadow:none; }
.side_search .box_top .word_search input:-webkit-autofill { -webkit-text-fill-color: #333; } 
.side_search .box_top .word_search input::placeholder {color:#aaa; font-size:.8rem; font-weight:400;}
.side_search .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; }
.side_search .btnClear { position: absolute;  top:0;  right: .2rem; width: 30px;height: 31px; display:none; border:0; outline:0; background:transparent; cursor:pointer; }
.side_search .btnClear:before {content:"\e921";font-family:'xeicon'; color:#333; font-size:1rem; height: inherit; display:flex; justify-content: center;align-items: center;}

@media screen and (max-width: 900px) {
.side_search {  width:100%; }
}

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

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

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

}



.side_search .selectBox {position: relative; width:100%; font-size:0;border:1px solid #e9e9e9;border-top:0; border-radius:0 0 .65rem .65rem;overflow:hidden; }
.side_search .selectBox .row {display:flex; align-items: center; flex-wrap: wrap;}
.side_search .selectBox div.step {position: relative; width:100%; border-top:1px solid #e9e9e9;}
.side_search .selectBox .step a.link{ display:block; position: relative;  width:100%; color:#1b1b1b; height:40px;  line-height:40px; font-size:.85rem; text-align:left;word-break:break-all; 
padding:0 1.25rem 0 .85rem;   background:#fff; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; text-transform: capitalize; 
background-size:auto .65rem; background-position:calc(100% - 8px);background-repeat:no-repeat;
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 21 17' style='enable-background:new 0 0 21 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23aaaaaa;%7D%0A%3C/style%3E%3Cg%3E%3Crect x='1' y='7.5' transform='matrix(-0.7071 -0.7071 0.7071 -0.7071 5.8611 19.4217)' class='st0' width='12' height='2'/%3E%3Crect x='8' y='7.5' transform='matrix(-0.7071 0.7071 -0.7071 -0.7071 29.9924 4.5828)' class='st0' width='12' height='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.side_search .selectBox div.keyword {padding:.65rem .65rem 1rem; border-top:1px solid #e9e9e9; display:flex;gap:0; }
.side_search .selectBox div.keyword input,
.side_search .selectBox div.keyword button{height:2.5rem;border-radius:0;  border:0;border-bottom:1px solid #ddd;}
.side_search .selectBox div.keyword input {font-size:.9rem; width:calc(100% - 2.5rem);padding-right:0; }
.side_search .selectBox div.keyword input::placeholder  {font-size:.8rem;}
.side_search .selectBox div.keyword button {font-size:0; width:2.5rem; }
.side_search .selectBox div.keyword button:before{content:''; display:inline-block; vertical-align:top; width:100%; height:100%; background-size:auto 43%; background-repeat:no-repeat; background-position:center ;
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:%23111111;%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");

}
.side_search .selectBox .step a.link.selected {color:var(--color-blue) ;}
.side_search .selectBox .step a.link.active{/*border-color:var(--color-black); box-shadow:4px 4px 10px rgba(45,68,128,0.1);*/; position: relative;  z-index:334; overflow:visible;}
/*.side_search .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;}*/
.side_search .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}
.side_search .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}
.side_search .optionBox_wrap {display:none; position:relative;/*bottom:0; right:0;background:rgba(0,0,0,0.2);*/ z-index:333;  }
.side_search .optionBox_wrap.active {display:block;}
.side_search .optionBox { position: relative; width:100%;  padding:.85rem .65rem; border-radius:0; background:#f9f9fa; text-align:left; z-index:1;
                                  box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; font-size:0;}
.side_search .optionBox h4 { position:relative;height:2.5rem; line-height:2.5rem;padding-left:.1rem; font-size:.9rem; color:#222;font-weight:500; margin:0; display:none; }
.side_search .optionBox h4.line {border-bottom:1px solid #f5f5f5; margin-bottom:.5rem;}
.side_search .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 12px;}
.side_search .optionBox h5 {padding:0px 0 .35rem;font-size:0.95rem; line-height:1rem; color:#555;font-weight:600;}
.side_search .optionBox > div { display: flex; flex-wrap: wrap; gap: .4rem;max-height:200px !important;min-height:auto; overflow-y:auto; font-size: 0; }
.side_search .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;}
.side_search .optionBox a:before {content:"\e929";position:absolute; left:0px; top:4px;padding-top:2px; background-color:#fff; color:#ddd; border:1px solid #eee;  text-align:center; display:inline-flex; justify-content: center; align-items: center;width:20px; height:20px;font-size:1.35rem;}
.side_search .optionBox a:hover:before { background-color:var(--color-blue); color:#fff;border-color:var(--color-blue)}
.side_search .optionBox a:hover {color:var(--color-blue)}
.side_search .optionBox a.active {  color: var(--color-blue); }
.side_search .optionBox a.active:before { color:#fff;  background-color:var(--color-blue);border-color:var(--color-blue)}

.side_search .optionBox > div a {width:100%; }
.side_search .select_item {display:flex; width:100%; align-items: center;  justify-content: center; gap:.2rem; font-size:.85rem;}
.side_search .select_item select {height:35px; border-radius:4px; background-color:#fff; border:1px solid #e4e6e9; width:100%; font-size:.85rem; }
.side_search .btn_toggle {position:absolute; bottom:-.5rem;left:0; width:100%; font-size:0; text-align:center; color:var(--color-black); line-height:31px; text-align:center; display:none; }
.side_search .btn_toggle:before {content:'All Filters'; display:inline-block; vertical-align:middle; font-size:.9rem;}
.side_search .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");
}
.side_search .btn_toggle.active:before {content:'Close Filters';}
.side_search .btn_toggle.active:after { transform: rotate( 180deg );}

.side_search .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; }
.side_search .result_box .filter { width:calc(100% - 12%); font-size:.9rem; min-height:1.75rem; color:#222; display:block;}
.side_search .result_box .filter span { margin:2px;}
.side_search .result_box .filter span:last-child {margin-right:0;}
.side_search .result_box .filter .item { cursor:pointer; font-size:.8rem; color:#333; height:24px; line-height:22px; padding:0 .5rem; display:inline-flex; align-items: center; border-radius:.35rem; border:1px solid #d4d8df;}
.side_search .result_box .filter .item:after {content:"\e921"; font-family:'xeicon'; font-weight:bold; color:var(--color-blue);margin-left:.25rem; font-size:.75rem; display:inline-flex;  align-items:center; line-height:inherit; }
.side_search .clear {cursor:pointer; color:#111; padding:2px 10px; border-radius:3rem; font-size:.85rem; background-color:#f7f7f7;}
.side_search .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; }
.side_search .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;  }
.side_search .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");
}

.side_search .fuc_filter a { position:absolute; right:0; top:1rem; display:inline-block;font-size:.85rem; text-decoration:underline; color:var(--color-main)}

.side_search ::-webkit-scrollbar-track { background: transparent; }
.side_search ::-webkit-scrollbar-thumb { background:#999; }


@media screen and (max-width: 1200px) {
  .side_search .optionBox h4 {display:block;}
}
.fuc_view {display:none;}


@media screen and (max-width: 900px) {
.side_search {padding-bottom:1rem;}
.side_search .box_top .word_search {width:100%;}
.side_search .selectBox div.step {width:100% !important;}
.side_search .selectBox .row {  gap:0px;  }
.side_search .selectBox .step a.link.active{  z-index:1;  }
.side_search .selectBox .step a.link.active:after {display:none; }
.side_search .optionBox {border:0; margin:0;}
.side_search .optionBox_wrap {display:none; position:fixed !important; top:0;left:0;bottom:0; right:0; background:rgba(0,0,0,0.2); z-index:333;  }

.side_search .optionBox_wrap.right {right:0 !important; left:0 !important; bottom:0 !important;}
.side_search .optionBox_wrap.center {left:0 !important;margin:0;}
.side_search .optionBox > div {max-height:300px !important;min-height:80px; overflow-y:auto; align-items: flex-start; }
.side_search .optionBox {position:fixed; bottom:0; left:0; right:0;top:auto; 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; }
.side_search .optionBox.round1 {width:100%;}
.side_search .optionBox.round1 a {width: 100% }
.side_search .optionBox.round2 {width:100%; }
.side_search .optionBox.round2 a {width: 100% }
.side_search .optionBox.round3 {width:100%; }
.side_search .optionBox.round3 a {width: 100% }
.side_search .optionBox.round4 {width:100%; }
.side_search .optionBox.round4 a {width: 100% }
.side_search .optionBox.option {width:100%; }
.side_search .optionBox.option a {width: 100% }
.side_search .optionBox.color {width:100%; }
.side_search .optionBox.color a {width: 100% }
.side_search .optionBox.default {width:100%; }
.side_search .optionBox.default a {width: 100% }

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

}

.side_search.basic {display:flex; gap:5px; }
.side_search.basic .calendar,
.side_search.basic select {width:20%; border-color:#b2b6bd}
.side_search.basic input[type="date"] {width:20%;border-color:#b2b6bd; padding:0 .5rem 0 .65rem; border-radius:5px; border:1px solid #b2b6bd}
.side_search.basic input[type="text"] {width:calc(40% - 135px);border-color:#b2b6bd}
.side_search.basic .search_btn {width:120px; background-color:var(--color-black); color:#fff; display:inline-flex;align-items: center; justify-content: center; border-radius:5px;}
.side_search.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) {
	.side_search.basic {flex-direction:column; }
	.side_search.basic .calendar,
	.side_search.basic input[type="date"],
	.side_search.basic select,
	.side_search.basic input[type="text"],
	.side_search.basic .search_btn{width:100%; height:2.5rem; font-size:.9rem;}
	.side_search .select_item {padding:.5rem 0;}

}

.search_area.basic {display:flex; gap:5px; margin-bottom:1rem; }
.search_area.basic .calendar,
.search_area.basic select {width:20%; border-color:#b2b6bd}
.search_area.basic input[type="date"] {width:20%;border-color:#b2b6bd; padding:0 .5rem 0 .65rem; border-radius:5px; border:1px solid #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 input[type="date"],
.search_area.basic select,
.search_area.basic input[type="text"],
.search_area.basic .search_btn{width:100%; height:2.5rem; font-size:.9rem;}
.search_area .select_item {padding:.5rem 0;}

}



/* River's pick */
.river_pick {background-color:#f1f4f8; padding:2.5rem 0 2.5rem;}
.river_pick .carlist li {display:inline-block; vertical-align:top; margin:0 .6rem 1rem; width:calc(25% - 1.2rem); position:relative; z-index:1;border-radius:.755rem; background-color:#fff; border:0px solid #e8e9eb; box-shadow:2px 2px 6px rgba(0,0,0,0.05) }
.river_pick .carlist .thumb {position:relative;height:160px;margin-left:-1px; margin-right:-1px;  border-radius:.65rem .65rem 0 0; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.river_pick .carlist .thumb img {width:100%;height:100%; }
.river_pick .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); }
.river_pick .carlist .info_wrap {position:relative;border-radius:.65rem;  padding:1rem 1rem;z-index:5 }
.river_pick .carlist .info_wrap .cartitle {font-size:.94rem; font-weight:500; color:#111; line-height:1.3em; letter-spacing:-.02em;}
.river_pick .slick-dots {  margin-top:-1rem;}

@media screen and (max-width: 1024px) {
.river_pick .carlist .thumb { height:200px; }
}
@media screen and (max-width: 670px) {
.river_pick {padding:1.2rem 0 .5rem;}
.river_pick .carlist .thumb { height:180px; }
}
@media screen and (max-width: 400px) {
.river_pick .carlist .thumb { height:240px; }
}



/* livercar list */
.label_group {display:flex; gap:.25rem;position:absolute; left:.5rem; top:.5rem; z-index:333 }
.label_group label {display:inline-flex; align-items: center; justify-content: center; height:1.38rem; line-height:1.38rem; border-radius:30px; font-size:.75rem; color:#fff; padding:0 .65rem;}
.label_group label.insp {background-color:rgba(0,186, 255,0.55)} /* 경기카모두 */
.label_group label.river {background-color:rgba(0,96, 255,0.5)} /* 리버카 */
.label_group label.river_insp {background-color:rgba(245,45, 60,0.5)} /* 리버카인증 */
.carlist_wrap { padding-top:1rem;}
.carlist_wrap .carlist {display:flex;  flex-wrap: wrap; gap:1.2rem; position:relative;}
.carlist_wrap .carlist li { position:relative;margin:0 !important; width:calc(33.3% - .9rem); border-radius:.7rem; background-color:#fff; border:1px solid #eee; }
.carlist_wrap .carlist .thumb {position:relative;height:200px;margin-left:-1px; margin-right:-1px;  border-radius:.65rem .65rem 0 0; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.carlist_wrap .carlist .thumb img {width:100%;height:100%; }
.carlist_wrap .carlist .info_wrap {position:relative;padding:1rem .9rem 1.2rem;  }
.carlist_wrap .carlist .info_wrap .cartitle {font-size:1rem;}
.carlist_wrap.col4 {display:flex; gap:2rem; flex-direction: column; }
.carlist_wrap.col4 .row {position:relative; }
.carlist_wrap.col4 .carlist {display:block; overflow:hidden;}
.carlist_wrap.col4 .carlist li { margin:.5rem !important; width:calc(25% - 1rem); }
.carlist_wrap.col4 .carlist .thumb { height:150px; }
.carlist_wrap.col4 .title_wrap {margin-bottom:.5rem;}

@media screen and ( max-width:1024px ) {
.carlist_wrap.col4 .carlist  {margin:0 -1rem 0 !important; padding:0 15px; }
.carlist_wrap.col4 .carlist li {margin:0 5px 0rem !important;}
}
@media screen and ( max-width:420px ) {
.carlist_wrap.col4 .carlist .thumb { height:230px; }
}

@media screen and ( max-width:400px ) {
.carlist_wrap .carlist .thumb { height:240px; }
}



@media screen and (max-width: 1024px) {
	.carlist_wrap .carlist { gap:1rem; }
	.carlist_wrap .carlist li {  width:calc(33.3% - .7rem); }
	#dCarList .carlist_wrap .carlist li {  width:calc(33.3% - .7rem); margin-bottom:1.5rem !important; }
}

@media screen and (max-width: 790px) {
	.carlist_wrap .carlist li {  width:calc(50% - .7rem); }
	#dCarList .carlist_wrap .carlist li {  width:calc(50% - .7rem); }
}

@media screen and (max-width: 460px) {
	.carlist_wrap .carlist li {  width:100%; }
	#dCarList .carlist_wrap .carlist li {  width:100%; }
}





/* car list */
.carlist {font-size:0;}
.carlist li {display:inline-block; vertical-align:top; margin:0 .7rem 1rem; width:calc(25% - 1.4rem); position:relative; z-index:1;border-radius:.755rem;border:0px solid #e8e9eb; }
.carlist .thumb {position:relative;height:200px;margin-left:-1px; margin-right:-1px;  border-radius:.65rem; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer; }
.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:200px;transition:all 0.3s ease-out; }
.carlist .btn_wish {position:absolute; right:.75rem; bottom:1.2rem;width:25px; height:25px; z-index:333 }
.carlist .btn_wish .wish:before {content:"\ea11";padding-top:3px;font-size:1.5rem; color:#999;}
.carlist .btn_wish .wish.on:before { content:"\ea10"; color:#f53d64}
.carlist .btn_wish .wish:focus:before { content:"\ea10"; color:#f53d64}
.carlist .btn_wish .wish.active:before { content:"\ea10";color:#f53d64}
.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;padding:1rem .1rem;z-index:5 }
.carlist .info_wrap .cartitle {font-size:.94rem; font-weight:500; color:#111; line-height:1.3em; letter-spacing:-.02em;}
.carlist .info_wrap .desc {margin-top:.35rem; min-height:2.2rem;}
.carlist .info_wrap .desc span {position:relative;font-size:.825rem; color:#5f5f5f; line-height:1.3em; margin-right:.35rem; padding-right:.35rem; }
.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 { color:var(--color-black); 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; }

/* carlist wide*/
.carlist.wide {margin-top:.5rem; border-top:1px solid #555; }
.carlist.wide .check {width:30px; }
.carlist.wide li {position:relative; width:100%;margin:0; border-radius:0; border-bottom:1px solid #eee;}
.carlist.wide li .item {position:relative;display:flex; align-items: center; gap:1.5rem;width:100%;margin:0; border-radius:0; padding:1rem 0;}
.carlist.wide .label_group {position:relative; left:auto; top:auto; margin-bottom:.5rem; }
.carlist.wide .info_wrap {padding:0; width:calc(100% - 190px);}
.carlist.wide .img_wrap {width:320px; display:flex; gap:.2rem;}
.carlist.wide .thumb{width:160px; height:110px;}
.carlist.wide .thumb img {height:100%;}
.carlist.wide .cartitle {font-size:1.05rem; line-height:1.5em;}
.carlist.wide .cartitle p {font-weight:400;}
.carlist.wide .price_wrap {position:absolute; right:0; top:0; height:100%;gap:.2rem; display:flex;justify-content: center; flex-direction: column;padding-right:.5rem;width:180px;}
.carlist.wide .price_wrap .price { width:100%;}
.carlist.wide .price_wrap .date {font-style:italic; font-size:.9rem; color:#888;}
.carlist.wide .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}


@media screen and (max-width: 1024px) {
    .carlist .info_wrap {padding:1rem;}
	.carlist .thumb { height:210px; }
	.carlist .thumb img {height:210px; }

	.carlist.wide li .item {gap:.75rem; align-items: flex-start;}
	.carlist.wide .check {width:20px;  }
}
@media screen and (max-width: 600px) {
	.carlist .thumb { height:160px; }
	.carlist .thumb img {height:160px; }

    .carlist.wide .info_wrap {flex-direction: column; }
	.carlist.wide .check {position:absolute; left:0rem; top:1rem; z-index:10}
	.carlist.wide .price_wrap {position:relative; }
	.carlist.wide .price_wrap .date {display:none !important;}
	.carlist.wide .thumb{width:110px; height:80px; border-radius:.5rem;}
	.carlist.wide .info_wrap {padding:0; width:calc(100% - 75px);}
	
}
@media screen and (max-width: 440px) {
	.carlist .thumb { height:250px; }
	.carlist .thumb img {height:250px; }
}
@media screen and (max-width: 360px) {
	.carlist .thumb { height:200px; }
	.carlist .thumb img {height:200px; }
}


/* box filters */
.box_filters {position:relative; display:flex; justify-content: space-between; align-items: center; padding-bottom:.65rem; z-index:5}
.box_filters.end {align-items: flex-end; padding-bottom:1rem;}
.box_filters.line {border-bottom:1px solid #e4e7ea; }
.box_filters .item_left {display:flex; align-items: center;}
.box_filters .item_number { font-size:1rem; font-weight:500; color:#333; }
.box_filters .item_number strong {font-weight:600; color:var(--color-main)}
.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-black); border-color:var(--color-black); color:#fff;}
.box_filters .item_btn .button.inquiry:before {content: "\ea07"; color:#fff;}
.box_filters .item_btn .button.delete:before {content: "\e96f";}
.box_filters .item_search {border-bottom:1px solid #eee; display:flex; gap:.2rem; }
.box_filters .item_search input[type="text"] {border:0; font-size:1rem; height:2.85rem; display:flex; align-items: center; width:250px;}
.box_filters .item_search button {width:50px; height:50px; font-size:0; background-repeat:no-repeat; background-position:center center; background-size:auto 50%; 
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:%23222222;%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: 900px) {
	.box_filters .item_number {font-size:.85rem;}
	.box_filters .item_btn .button {height:1.5rem; padding:0 .65rem; font-size:.8rem; }
	.box_filters .item_btn .button:before {display:none;}
}

@media screen and (max-width: 460px) {
	.box_filters.end { justify-content: flex-start;align-items: flex-start; flex-direction: column;  gap:.5rem; padding-bottom:.5rem;}
	.box_filters .item_number { padding-top:.5rem;}
	.box_filters .item_search {border:0; background-color:#f5f5f5; width:100%; }
	.box_filters .item_search input[type="text"] {width:calc(100% - 50px)}
	.box_filters .item_number.bbs {order:2;}

}





/* carlist gallery wide */
.carlist_gallery {position:relative; display:flex; flex-direction: column; border-top:1px solid #e1e3e8;}
.carlist_gallery.loading { position:relative; }
.carlist_gallery.loading:after{content:''; position: absolute; left:0; top:0; width:100%; height:100%;min-height:400px; display: flex; justify-content: center;	align-items: center;  z-index: 333;	text-align: center; background:rgba(255,255,255,0.6) url('/images/loading_dual_ball.svg') no-repeat center ; background-size:auto 4rem;   }
.carlist_gallery .loading {width: 100%;	min-height:400px; top: 0; left: 0; position: absolute; display: flex; justify-content: center; align-items: center;background-color:rgba(255,255,255,0.6); z-index: 333;	text-align: center;}
.carlist_gallery .loading:after{content:''; width:10rem; height:4rem; background:url('/images/loading_dual_ball.svg') no-repeat center ; background-size:auto 100%; }

.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-black); }
.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-black)}
.carlist_gallery .car_item .itemInfo .itemEnd .price strong { display:block; font-size:1.65rem; line-height:1.3em; font-weight:600; color:var(--color-black)}
.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-black)}
.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-black)}
.carlist_gallery .car_item .itemInfo .itemEnd .price .sort.cfr b {color:var(--color-black)}
.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-black); 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-black); 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-black); 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; }


/* 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 a {}
.item_sns button {border:0; width:40px; height:40px; border-radius:50%; border:1px solid #eee; display:flex; justify-content: center; align-items: center; }
.item_sns a:before,
.item_sns button:before {content:''; font-family:'xeicon' !important;font-size:1.35rem;  background-repeat:no-repeat; background-position:center center; background-size:auto 38%;}
.item_sns .wish:before {content:"\ea11";padding-top:3px; font-size:1.35rem; 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:#111; font-size:1.2rem;}
.item_sns .whatsapp:before {content: "\ec27"; color:#111; font-size:1.35rem;}
.item_sns .telegram:before {content: "\ec19"; color:#111; }
.item_sns .youtube:before {content: "\ec32"; color:#111; }
.item_sns .insta:before {content:"\ebe9"; color:#111; }
.item_sns .print {background-color:#f8f9fa; border:0;}
.item_sns .print:before {content: "\e9bb"; color:#111; font-size:1.35em; font-weight:normal;}
.item_sns .twitter:before {background-image:url('/images/sns_xi.png'); width:100%; height:100%;}
.item_sns .twitter.active:before {background-image:url('/images/sns_xi.png');}
.item_sns .download { width:auto;  height:2.5rem; padding:0 .85rem; border:1px solid #ddd; border-radius:.5rem; font-size:.8rem; font-weight:500; color:#333;  }
.item_sns .download:before {content:"\eb7c"; font-size:1.1rem;}
.item_sns .linkcopy {background:url('/images/inc/link_copy.svg') no-repeat center ; background-size:auto 50%;}


@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.loading:after{ min-height:150px; }
	.carlist_gallery .loading:after{ height:2.5rem; }

	.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,
	.item_sns .download{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-black);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-black); 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-black); 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 h2 {font-size:1.125rem; font-weight:500; color:#333; line-height:1.5em; margin-bottom:.5rem;}
.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 p.date {margin-top:.5rem; font-size:.9rem; color:#888;}
.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.center { justify-content: center; }
.tab_wrap.carlist {padding-bottom:1.2rem;}
.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-black); border-color:var(--color-black); color:#fff;}

.tab_wrap input[type=radio] + label {border:1px solid #e9e9e9; padding:0 1.5rem; border-radius:.35rem; line-height:2.5rem; font-size:.95rem; font-weight:500; color:#333; }
.tab_wrap input[type=radio] + label:before {display: none;content: "";position: absolute;left: 17px;top:50%;width:1.25rem;height:1.25rem;background-color:transparent;border:1px solid #fff;}
.tab_wrap input[type=radio] + label:after {content:''; display:none;position:absolute;top:13px;left:24px;width:.4rem;height:.6rem; border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
.tab_wrap input[type=radio]:checked + label {background-color:#222; border-color:#222; color:#fff; padding-left:2.8rem; box-shadow:3px 3px 6px rgba(0,0,0, .07);}
.tab_wrap input[type=radio]:checked + label:before {display: block;border:1px solid #fff; box-shadow:none;}
.tab_wrap input[type=radio]:checked + label:after {display:block; }


/* faq */
.item_faq { display:flex;flex-direction: column; margin-top:2rem; gap:.65rem;}
.item_faq .item {display:flex; flex-direction: column; width:100%; border-radius:.65rem;border:1px solid #dee2e9;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-black)}
.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.noline:after {display:none !important;}
	.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-black); color:var(--color-black); 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; }
	.tab_wrap.carlist {display:flex; gap:.25rem;}
	.tab_wrap input[type=radio] + label { padding:0 .85rem;   line-height:2rem; font-size:.9rem;  }
	.tab_wrap input[type=radio] + label:before,
	.tab_wrap input[type=radio] + label:after {display:none !important;}
	.tab_wrap input[type=radio]:checked + label {padding:0 .85rem;}
}

/* how to buy */
.how_order { background-color:#f2f4f6; border:0; padding:5rem 0;}
.how_order .title_wrap {text-align:center;}
.how_order .title_wrap h2 {font-size:1.85rem; color:#111;}
.how_order .title_wrap p {font-size:1.25em; font-weight:300}
.how_order .items {display:flex;}
.how_order .items li {position:relative; width:25%; display:flex; flex-direction: column; align-content: center; justify-content: center; text-align:center;}
.how_order .items li:before {content:''; position:absolute; left:-25px;top:50%; margin-top:-2rem; width:50px; height:4rem; background:url('/images/arrow_proc.svg') no-repeat center ; background-size:auto; opacity:.7;}
.how_order .items li:nth-child(1):before {display:none;}
.how_order .items li img {height:4.5rem; display:inline-flex }
.how_order .items li dt {font-size:1.25rem; line-height:1.3em;font-weight:600; color:#111;}
.how_order .items li dd {font-size:.85rem; font-weight:400; line-height:1.3em; color:#808287;margin-top:.65rem; }
.how_order .trans {margin-top:4rem; background-color:#fff; padding:2.5rem 2rem; display:flex; }
.how_order .trans li {width:33.3%; display:flex; flex-direction: column; align-content: center;text-align:center; border-left:1px solid #e6eaed;}
.how_order .trans li:nth-child(1) {border:0;}
.how_order .trans li strong {font-size:2.25rem; line-height:1.5em; color:#111;}
.how_order .trans li p {font-size:1.125rem;font-weight:500; color:#111; margin-top:.5rem;}

@media screen and ( max-width:1024px ) {
    .how_order {padding:1.5rem 1rem;}
	.how_order ul li { width:calc(33.3% - .5rem); margin-left:.75rem; }
	.how_order ul li:nth-child(1),
	.how_order ul li:nth-child(3) {margin-top:0rem}
	.how_order ul li .txt_box {padding:1rem .25rem; }
	.how_order ul li .txt_box p br {display:none;}
	.how_order .title_wrap h2 {font-size:1.35rem;  }
    .how_order .title_wrap p {font-size:1em; }
}

@media screen and ( max-width:640px ) {
	.how_order .items {flex-wrap: wrap; }
	.how_order .items li { width:50%;}
	.how_order .items li:before {background-size:auto 1.6rem;}
	.how_order .items li:nth-child(3):before {left:-1rem;}
	.how_order .items li img {height:3.5rem;}
	.how_order ul li { display:block; width:100%; margin-left:0; margin-bottom:.85rem; }
}




/* ===== 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-black); 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-black); font-size:1.1rem; line-height:1.5em; }
.process .item .cont p:nth-child(1) {padding-top:0;}
.process .item .cont img {width:100%}
.process .box {border:1px solid #ddd; padding:1.2rem 1.5rem; border-radius:.5rem; margin-top:.5rem; font-size:1.05rem; line-height:1.5em; font-weight:500;}

@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%;}
}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        공지사항
///////////////////////////////////////////////////////////////////////////////////////////*/

.board_list ul:nth-child(1) {border-top: 1px solid var(--color-black);}
.board_list ul {display: table;table-layout: fixed;width: 100%;}
.board_list ul li {display: table-row-group;}
.board_list ul li.t_head {	color: var(--color-black);font-weight:500;}

.board_list ul .tr {display: table-row;color: var(--color-grey2);font-weight: 300; transition: all 0.1s ease-in;}
.board_list ul .tr:hover {background-color:var(--color-bg-grey);}
.board_list ul .th,
.board_list ul .td {	display: table-cell;vertical-align: middle;border-bottom: 1px solid var(--color-grey-light); text-align: center;	line-height:1.3em; padding: 1.2rem 0;}
.board_list ul .th.t_left,
.board_list ul .td.t_left {	text-align: left;}
.board_list ul .th.t_center,
.board_list ul .td.t_center {	text-align: center;}
.board_list ul .th.imp,
.board_list ul .td.imp {font-weight: bold;color: var(--brand-color-main);}
.board_list ul .th.board_tit,
.board_list ul .td.board_tit {display: flex;align-items: center;gap: 1rem;font-weight: 400;color: var(--color-black);}
.board_list ul .th.board_tit.file::after,
.board_list ul .td.board_tit.file::after {content: ""; display: block;	flex: 0 0 auto;	width: 1.5rem;	height: 1.5rem;	border-radius: 50%;
	background: #f6f6f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4.8 0a4.7 4.7 0 0 0-3.394 1.363A4.479 4.479 0 0 0 0 4.71v9.376a3.219 3.219 0 0 0 .992 2.377 3.273 3.273 0 0 0 2.388.981 3.263 3.263 0 0 0 2.4-.981 3.263 3.263 0 0 0 .981-2.4v-8.59a1.933 1.933 0 0 0-.567-1.406 1.879 1.879 0 0 0-1.4-.578 1.815 1.815 0 0 0-1.4.621 2.111 2.111 0 0 0-.567 1.472v8.548h.872V5.517a1.154 1.154 0 0 1 .324-.817 1.019 1.019 0 0 1 .777-.339 1.035 1.035 0 0 1 .774.327 1.089 1.089 0 0 1 .316.785v8.613a2.383 2.383 0 0 1-.73 1.766 2.438 2.438 0 0 1-1.777.719 2.438 2.438 0 0 1-1.777-.72 2.383 2.383 0 0 1-.731-1.766V4.666a3.577 3.577 0 0 1 1.153-2.693A3.873 3.873 0 0 1 4.8.872a3.842 3.842 0 0 1 2.78 1.112A3.653 3.653 0 0 1 8.722 4.71v9.42h.872v-9.4a4.514 4.514 0 0 0-1.406-3.356A4.677 4.677 0 0 0 4.8 0z' transform='rotate(45 1.57 25.985)' style='fill:%23121212;stroke:%23121212;stroke-width:.5px'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
}
.board_list ul .tr:hover .th.board_tit.file::after,
.board_list ul .tr:hover .td.board_tit.file::after {background-color:var(--color-white)}
.board_date {-webkit-user-select: none;}


/* 주문목록 */
.order_list {border:1px solid #ddd; border-radius:.5rem; overflow:hidden; }
.order_list ul {display: table;table-layout: fixed;width: 100%;}
.order_list ul li {display: table-row-group; }
.order_list ul.t_head {background-color:#f6f6f6;}
.order_list ul.t_head li {	color: var(--color-black);font-weight:500;}
.order_list ul .tr {display: table-row;color: var(--color-grey2);font-weight: 300; transition: all 0.1s ease-in;}
.order_list ul .tr:hover {background-color:var(--color-bg-grey);}
.order_list ul .th,
.order_list ul .td {position:relative;display: table-cell;vertical-align: middle; text-align: center;	line-height:1.3em;font-size:.95rem; padding: .65rem 0; border-left:1px solid #eee; border-bottom:1px solid #dedede;}
.order_list ul .th {border-left:1px solid #ddd;}
.order_list ul .th:first-child,
.order_list ul .td:first-child {border-left:0;}
.order_list ul .th.left,
.order_list ul .td.left {	text-align: left;}
.order_list ul .th.center,
.order_list ul .td.center {	text-align: center;}
.order_list ul .td {padding:.5rem; font-size:.9rem;}
.order_list ul li:last-child .td {border-bottom:0;}
.order_list ul.tbody .title {display:none;}
.order_list ul.tbody .cont b  {display:inline-block; vertical-align:top; width:calc(100% - 55px); font-size:13px;color:var(--color-main)}
.order_list ul.tbody .cont span {display:inline-block; vertical-align:top; width:35px; font-size:13px;}
.order_list ul.tbody .cont p {  font-size:.85rem; }
.order_list ul.tbody .carname {font-size:.9rem; font-weight:500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width: 100%;}
.order_list ul.tbody .carname span {display:inline-block;}
.order_list ul.tbody .vin b {display:inline-block;}
.order_list ul.tbody .thumb {width:100px; height:75px; border-radius:5px; overflow:hidden; margin:0 auto .5rem; }
.order_list ul.tbody .thumb figure {width:100%; height:100%;}
.order_list ul.tbody .thumb figure img {width:100%;}
.order_list ul .product {width:240px;}
.order_list ul .ship {width:200px;}
.order_list ul .check {margin:0 auto .5rem; width:3.85rem;height:3.85rem; border-radius:50%; border:2px dashed #f1f1f1;  display:flex;justify-content: center;align-items: center; }
.order_list ul .check:before {content:"\e929";font-family:'xeicon';  font-size:3rem; color:#eee; }
.order_list ul .date {opacity:0}
.order_list ul.tbody .cont.active .check{border:2px solid var(--color-blue)}
.order_list ul.tbody .cont.active .check:before {color:var(--color-blue)}
.order_list ul.tbody .cont.active .date {opacity:1 !important;}
.order_list .button {height:2.5rem; border-radius:.5rem; padding:0 1.2rem; background-color:#eee; color:#fff; font-size:.95rem; font-weight:500}
.order_list .button.inv.active {background-color:var(--color-main); }
.order_list .button.inv.off {}
.order_list .review_write {position:absolute; right:0; bottom:0; height:2rem; color:#fff; width:100%; background-color:var(--color-black); font-size:1rem;}
.order_list .btn_wrap {}

@media screen and (max-width: 1024px) {

	.board_list ul {	display: block;	width: 100%;overflow: hidden;}
	.board_list ul li {display: block;}
	.board_list ul li.t_head {display: none;}
	.board_list ul li .board_tit.file::after {width: 2rem;height: 2rem;margin-left: auto;}
	.board_list ul .tr {	display: flex;flex-wrap: wrap;	position: relative;	height: auto;	gap: .25rem .85rem; border-bottom: 1px solid var(--color-grey-light); padding-top: .9rem; padding-bottom: .9rem; padding-left: 0.5rem; padding-right: 0.5rem;	}

	.board_list ul .th,
	.board_list ul .td {	display: flex;border-bottom: none;padding: 0; height: auto ;	line-height:1.8rem;}
	.board_list ul .th.board_no,
	.board_list ul .td.board_no {display: none;	}

	.board_list ul .th.board_tit,
	.board_list ul .td.board_tit {gap: 0.5rem;}
	.board_list ul .board_tit {width: 100%;	}

	/* 주문목록 */
	.order_list {border:0; border-radius:0;}
	.order_list ul {	display: block;	width: 100%;overflow: hidden;}
	.order_list ul li {display: block;}
    .order_list ul.t_head {display:none;}
	.order_list ul .th,
	.order_list ul .td {display:flex;align-items: stretch;flex-direction: row; padding:0; text-align:left; line-height:1.8rem; width:100%; }
	.order_list ul .td {border-bottom:1px solid #eee; width:100% !important;}
	.order_list ul.tbody {display:flex;flex-direction: column;gap:.85rem;}
	.order_list ul li:last-child .td {border-bottom:1px solid #dedede; }
	.order_list ul .td:last-child {border:0 !important;}
	.order_list ul.tbody li {border:1px solid #dedede; border-radius:.5rem; overflow:hidden;}
	.order_list ul.tbody li .td{ }
    .order_list ul.tbody .title { display:flex; vertical-align:middle;align-items: center;  width:90px !important; font-size:.9rem; background-color:#f6f6f6; padding: .5rem;  } 
	.order_list ul.tbody .cont { width:calc(100% - 90px) !important; background-color:#fff; padding: .5rem; }
	.order_list ul.tbody .thumb {  margin:0 0 1rem; }
	.order_list ul .check {margin:0 0 0rem; width:1.8rem;height:1.8rem; border-width:1px; }
    .order_list ul .check:before {  font-size:1.65rem; }
	.order_list ul .date {opacity:1; display:none; margin-top:.25rem;}
	.order_list ul.tbody .cont.active .date {display:block;}
}


.board_view_wrap {	padding-top:1rem;font-size: 1.125rem;	border-top: 0px solid var(--color-black);}


@media screen and (max-width: 800px) {
	.board_view_wrap {font-size: 1rem;	}
}

.board_view_wrap .down_files {display: flex;align-items: normal;gap: 1.25rem;padding: 1.5rem 2.18rem;border-bottom: 1px solid var(--color-grey-light);background-color: var(--color-white2); }
.board_view_wrap .down_files::before {
	content: "";	flex-shrink: 0;	display: block;	width: 1.75rem; height: 1.75rem;	border-radius: 50%;
	background: var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M4.8 0a4.7 4.7 0 0 0-3.394 1.363A4.479 4.479 0 0 0 0 4.71v9.376a3.219 3.219 0 0 0 .992 2.377 3.273 3.273 0 0 0 2.388.981 3.263 3.263 0 0 0 2.4-.981 3.263 3.263 0 0 0 .981-2.4v-8.59a1.933 1.933 0 0 0-.567-1.406 1.879 1.879 0 0 0-1.4-.578 1.815 1.815 0 0 0-1.4.621 2.111 2.111 0 0 0-.567 1.472v8.548h.872V5.517a1.154 1.154 0 0 1 .324-.817 1.019 1.019 0 0 1 .777-.339 1.035 1.035 0 0 1 .774.327 1.089 1.089 0 0 1 .316.785v8.613a2.383 2.383 0 0 1-.73 1.766 2.438 2.438 0 0 1-1.777.719 2.438 2.438 0 0 1-1.777-.72 2.383 2.383 0 0 1-.731-1.766V4.666a3.577 3.577 0 0 1 1.153-2.693A3.873 3.873 0 0 1 4.8.872a3.842 3.842 0 0 1 2.78 1.112A3.653 3.653 0 0 1 8.722 4.71v9.42h.872v-9.4a4.514 4.514 0 0 0-1.406-3.356A4.677 4.677 0 0 0 4.8 0z' transform='rotate(45 1.57 25.985)' style='fill:%23121212;stroke:%23121212;stroke-width:.5px'/%3E%3C/svg%3E%0A") no-repeat center/100% auto;
	flex-shrink: 0;
}

.board_view_wrap .down_files .downloads { display: flex; align-items: stretch;	flex-wrap: wrap;	gap: 1.25rem;}
.board_view_wrap .down_files .downloads>li { display: flex; align-items: center; gap: 1.25rem;}
.board_view_wrap .down_files .downloads>li:not(:first-child)::before {content: "";	display: block;	border-left: 1px solid var(--color-grey-light);	height: .67rem;}
.board_view_wrap .down_files .down {	display: block;	line-height: 1.35;	--hov-color: var(--color-black);	color: var(--hov-color);	text-underline-position: under;	text-decoration: underline;}
.board_view_wrap .down_files .down:hover {	--hov-color: var(--brand-color-main);}


@media screen and (max-width: 800px) {
	.board_view_wrap .down_files .downloads {flex-direction: column;flex-wrap: nowrap;gap: 1rem;}
	.board_view_wrap .down_files .downloads>li {width: 100%;	}
	.board_view_wrap .down_files .downloads>li:not(:first-child)::before {display: none;}
}

.board_read_head {display: block;font-size: 1rem; border-bottom: 1px solid var(--color-grey-light);}
.board_read_head .board_tit {font-weight:500; font-size: 1.5rem;line-height: 1.5em;border-bottom: 1px solid var(--color-grey3); padding-bottom:1.5rem;}
.board_read_head .board_read_info {display: flex;justify-content: flex-end;align-items: center; flex-wrap: wrap;padding:1rem .2rem;gap: 0.88rem;color: var(--color-grey2);	font-weight: 400;}
.board_read_head .board_info {display: flex; font-size:.9rem; color:var(--color-grey8); align-items: center;gap: 0.88rem;}
.board_read_head .board_info span { padding-right:1rem; border-right:1px solid #eee;}
.board_read_head .board_info .name {margin-left:1rem; font-weight: 500;	color: var(--color-black);}
.board_read_head .board_info .name:first-child {margin-left:0 !important}



@media screen and (max-width: 1024px) {
.board_read_head .board_info .name {margin-left:.5rem;}
.board_read_head .board_tit { font-size: 1rem;line-height: 1.4em;padding-bottom:1.3rem;}
}

.board_view_body {padding: 2rem 1rem;	line-height: 1.8em;	font-weight: 400;}
.board_view_body.qna {padding:0; }
.board_view_body.qna .item {padding:2.5rem;position:relative;  }
.board_view_body.qna .item:before {content:''; font-family: "Pretendard" !important; display:flex; font-size:1.25rem; margin-bottom:.85rem;font-weight:700;  color:var(--color-grey5)}
.board_view_body.qna .item.question:before {content:"문의내용";  color:var(--color-grey1)}
.board_view_body.qna .item.answer { background-color:var(--bg-light-grey); border-top:1px dotted #ddd;}
.board_view_body.qna .item.answer:before {content:"답변"; color:var(--brand-color-main)}

.password_item {margin:0; display:flex;  flex-direction: column; width:90%;}
.password_item:before {content:"\e966"; font-family:'xeicon';display:flex; justify-content: center;width:100%; color:#dee3ec; font-size:3rem; margin-top:-.85rem; margin-bottom:1.5rem;}
.password_item div { display:flex; justify-content: space-between;}
.password_item input {display: inline-flex; margin-bottom:0;width:calc(100% - 80px); height:3.75rem;padding-left:1rem; font-size:1.1rem; background-color:#fff;border-color:var(--color-black);border:1px solid #ddd; border-right:0; border-radius:7px 0 0 7px; }
.password_item button {display: inline-flex;justify-content: center; align-items: center; margin-bottom:0; width:80px; padding:0; border-radius:0 7px 7px 0; height:3.75rem;    background-color:var(--brand-color-main); color:var(--color-white)}
.password_item .error { color:var(--color-red); font-size:.9rem;  margin-top:.85rem;justify-content: center; align-items: center;}



.prev_next_page_box {border-top: 1px solid #dddddd;font-size: 1rem;}
.prev_next_page_box li {	border-bottom: 1px solid #dddddd;}
.prev_next_page_box li a {	display: flex;	width: 100%;	color: #666666;}
.prev_next_page_box li a .item {display: flex;align-items: center;height: 4.5rem;vertical-align: middle;font-weight: 300;}
.prev_next_page_box li a .item.direct {flex: 0 0 auto;display: flex;align-items: center;	gap: .5rem;	padding-left: 2rem;	padding-right: 1.4rem;	color: #222;	text-align: left;	line-height: 1.5;}

.prev_next_page_box li a .item.direct::before {	content: "";	display: block;	width: 0.6rem;	height: 0.35rem; transform: translateY(-25%); background-repeat: no-repeat;	background-size: 100% auto;	background-position: center;}
.prev_next_page_box li a .item.tit {	flex: 1 auto;	overflow: hidden;}
.prev_next_page_box li a .item:last-child {	flex: 0 auto;	padding-right: 1rem; font-size:.9rem;letter-spacing: 0;	color: #666;}
.prev_next_page_box li a:hover {	background: var(--color-white2);color: var(--brand-color-main);}
.prev_next_page_box li.prev_box .direct::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6.323' viewBox='0 0 11 6.323'%3E%3Cpath transform='rotate(45 2.859 6.902)' style='fill:%23121212' d='M0 0h7.471v1.244H0z'/%3E%3Cpath transform='rotate(135 3.122 1.809)' style='fill:%23121212' d='M0 0h7.471v1.244H0z'/%3E%3C/svg%3E%0A");}

.prev_next_page_box li.next_box .direct::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6.323' viewBox='0 0 11 6.323'%3E%3Cpath transform='rotate(-45 8.99 -3.118)' style='fill:%23121212' d='M0 0h7.471v1.244H0z'/%3E%3Cpath transform='rotate(-135 4.174 1.975)' style='fill:%23121212' d='M0 0h7.47v1.244H0z'/%3E%3C/svg%3E%0A");}

.prev_next_page_box li .ellip_1 {	display: block;}
.prev_next_page_box li .ellip_1 * {color: inherit !important;font-size: inherit !important;	font-weight: inherit !important;}


@media screen and (max-width: 800px) {
	.prev_next_page_box {font-size: 1rem;	}
	.prev_next_page_box li i[class*=iconFt_] {	font-size: 1.5rem;	margin-right: 0.3em;	margin-top: 0;	}
	.prev_next_page_box li a .item {	padding-left: .8rem;	padding-right: .8rem;	height: 3.6rem;}
	.prev_next_page_box li a .item:first-child {	padding-left: .8rem;	padding-right: .8rem;	}
	.prev_next_page_box li a .item:first-child:after {	margin-left: .8rem;	}
	.prev_next_page_box li a .item:last-child {	display: none;	}
}


.btn_inquiry {display:flex; justify-content: center;align-items: center;border-radius:.5rem; height:41px; background-color:var(--color-black); 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-black)}

.btn_booked {display:flex; justify-content: center;align-items: center;border-radius:.5rem; height:3.125rem; padding:0 2rem;background-color:var(--color-main); color:#fff; font-size:1rem; font-weight:500; text-transform:uppercase;  }


/*******************************************************************
						  차량상세
********************************************************************* */
.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 { top:0; width:100%; order:1}
.carNameWrap .title {font-size:1.3rem; font-weight:600; color:var(--color-black); line-height:1.3em;  }
.carNameWrap .title sub { display:block; font-size:88%; font-weight:400; color:var(--color-black); line-height:1.3em; padding-top:.35rem;}
.carNameWrap .price_wrap {margin-top:1rem; padding-top:.85rem; width:100%; background-color:#fff; 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-black);}
.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:9px; align-items: center; }

.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 {position:relative;display:flex; width:40%; gap:2rem; flex-direction: column;justify-content: space-between; 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%;  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 {position:relative;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 .download {position:absolute; left:0; bottom:-3rem;}
.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.5);background-image:url('/images/sub/icon_check_w.png'); background-repeat:no-repeat;  background-position:center center ; background-size:auto 40%; z-index:33333; }
.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; position:relative; font-size:0;  width:100%; height:255px; overflow-y:scroll;bottom:0;order:2; }
.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 .img.mov {position:relative; }
.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide .img.mov:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); background-repeat:no-repeat; background-position:center center; background-size:auto 1.5rem;
                                                                                                                               background-image:url('/images/sub/ico_play.svg')
}
.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;}


/* scroll */
.swipe-detail-wrap ::-webkit-scrollbar {width: 3px;height:3px; }
.swipe-detail-wrap ::-webkit-scrollbar-track { background: #FFF; }
.swipe-detail-wrap ::-webkit-scrollbar-thumb { background:#999;   }

.swipe-detail-wrap .zoom-swiper-button-prev, .swipe-detail-wrap .zoom-swiper-button-next {position:absolute;top:50%;left:0; margin-top:-2.5rem; width:3.5rem; height: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:100%; 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%; width:auto;}
.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;}
.swipe-detail-wrap.zoomMode .zoom {display:none !important;}/* zoom돋보기 */
.swipe-detail-wrap.zoomMode .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide .img.mov {display:none !important;}

.main-image {/* 사진 돋보기 */
    position: relative;
    width: 100%;
     cursor: crosshair;/
   
  z-index: 1; 
}

.zoom {
    position: absolute;  /* Cambiar a 'absolute' para que siga al puntero del mouse */
    display: none;
    width: 35%;
    height: 35%;
    border: 1px solid #111;
    background-repeat: no-repeat;
    pointer-events: none;  /* Esto evita que el cuadro de zoom interrumpa los eventos del ratón */
   z-index: 9999999;
}
 


@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%; min-height:auto !important; }
	.swipe-detail-wrap .car-details > .detail-slide-gallery-thumbs { width:100%; padding-left:0; gap:0}
	.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper {order:1 !important; height:auto !important;}
	.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: start; flex-wrap: wrap; gap:3px; width:100%; height:auto !important; padding-left:.5rem; }
	.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; padding:1rem 0;}
.detail_spec .items li {width:calc(25% - 8px);  border-left:1px solid #f0f0f0;  padding:0rem 0; display:flex; flex-direction: column;align-items: center; gap:.5rem}
.detail_spec .items li:first-child {border:0;}
.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:.75rem; padding-right:.5rem; border-top:1px solid #e5e6e7;border-bottom:1px solid #e5e6e7;  font-family: 'Roboto'; font-size:.9rem;font-weight:400; color:var(--color-black); }
.detail_spec .itemList li span:first-child {background-color:#f8f8f9; color:#666; width:160px;}
.detail_spec .itemList li span:first-child + span {width:calc(100% - 160px); border-left:0; color:#111; font-weight:500;}

.detail_spec .itemList.type2 ul {width:100%;display:flex; flex-wrap: wrap;}
.detail_spec .itemList.type2 li {width:50%; height:auto;min-height:45px;}
.detail_spec .itemList.type2 li span {padding:.65rem .75rem;}
.detail_spec .itemList.type2 li span:first-child {width:48%; }
.detail_spec .itemList.type2 li span:first-child + span {width:52%; }
.detail_spec .itemList .txt {display:flex;justify-content: space-between; align-items: flex-end; width:100%; padding:0 .2rem .65rem; }
.detail_spec .itemList .txt strong {font-size:1rem; font-weight:500; color:#333;}
.detail_spec .itemList .txt span {font-size:.8rem; font-weight:400; color:#777; }


@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; padding:1rem .5rem;  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:#f8f8f9; 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:1.8rem;font-size:.9rem; font-weight:300; line-height:1.2em; color:#a5a5a5; letter-spacing:0; }
.detail_feature .option_list li:before {content:''; position:absolute; left:0; top:50%; margin-top:-9px; width:18px; height:18px; border-radius:50%; border:1px solid #ddd; }
.detail_feature .option_list li:after {content:''; position:absolute;top:2px;left:.4rem;width:.4rem;height:.58rem; border-color:#ddd;border-style:solid;border-width:0 1px 1px 0 !important;transform:rotate(45deg);}
.detail_feature .option_list li.active:before {border-color:var(--color-black)}
.detail_feature .option_list li.active {color:var(--color-black); border-color:var(--color-black) }
.detail_feature .option_list li.active:after {border-color:var(--color-black);}


@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; padding-left:.5rem; }
.detail_feature .option_list li:before { margin-top:-1.5px; width:3px; height:3px; background-color:#caced7 }
.detail_feature .option_list li:after {display:none;}
.detail_feature .title {font-size:1.05rem; }
}


/* =====  Inspection ===== */
.inspection { border:1px solid #e8e8e9;  }
.inspection .title {background-color:#f8f8f9; padding:1.1rem 0; text-align:center;  font-size:1.35rem; line-height:1.3em; font-weight:400; color:var(--color-black); }
.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 #e8e8e9;}
.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;}
}





/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        About us
///////////////////////////////////////////////////////////////////////////////////////////*/

.mo-select-menu.select{ position:relative;cursor: default;height: 70px; z-index:33; background-color:#fff;}
.mo-select-menu.select .selected-wrap{display: none;}
.mo-select-menu.select .select-menu.recruit-menu{display: flex;}
.mo-select-menu .select-menu{	display: flex; flex-direction: row;	flex-wrap: wrap;	align-items: center;	justify-content: center;	height: 70px;	width: 100%;	border-bottom: 1px solid #eee; z-index:33}
.mo-select-menu .select-menu li{	border: 0;	box-sizing: border-box;	height: 100%;	position: relative;	text-align: center;}
.mo-select-menu .select-menu li a{	color: #666;	height:100%;box-sizing: border-box;	display: flex;align-items: center;  justify-content: center;	font-size: 18px;	font-weight: 500;	line-height: 2;		width: 200px;}
.mo-select-menu .select-menu li.active a,
.mo-select-menu .select-menu li:hover a{	color: var(--color-main);}
.mo-select-menu .select-menu li.active a::after,
.mo-select-menu .select-menu li:hover a::after{	content: '';	display: inline-block;	position: absolute;	bottom: 0;	left: 0;	background-color: var(--color-main);	height: 2px;	width: 100%;}
.mo-select-menu .select-menu li b {font-weight:inherit; }

@media all and (min-width:768px) and (max-width:1023px){
    .mo-select-menu .select-menu li{flex:1;}
    .mo-select-menu .select-menu li a{width:auto;justify-content: flex-start;  }
}

/*모바일*/

@media all and (max-width:767px) {
	.mo-select-menu.select {cursor: pointer;height: 56px;position: relative;	border-bottom: 1px solid var(--color-main);	}
	.mo-select-menu.select .selected-wrap{display: flex;padding: 0 10px 0 24px;	}
	.mo-select-menu.select .selected-wrap .arrow{	display: inline-block;	height: 20px;width: 20px;position: absolute;top: 50%;	right: 16px;	margin-top: -10px; 	}
	.mo-select-menu.select .selected-wrap .arrow:before {content:"\e942"; width:100%; height:100%;font-size:1.5rem;padding-top:5px !important; display:flex;  justify-content: center; align-items: center; }
	.mo-select-menu.select.open .selected-wrap .arrow{	transform: rotate(-180deg);}
	.mo-select-menu.select .selected{display: block;	color: var(--color-main);font-size: 16px;  font-weight: 600;line-height: 56px;height: 56px;	}
	.mo-select-menu.select .select-menu{	background-color:#fff;	box-shadow: 0 8px 8px 0px rgba(0,0,0,.15);	display: flex;justify-content: flex-start;flex-direction: column;  flex-wrap: nowrap;padding-top: 0;position: absolute;top: 56px;	left: 0;height: auto;width: 100%;	z-index: 3;	}
	.mo-select-menu.select .select-menu{	display: none !important;	}
	.mo-select-menu.select.open .select-menu{	display: flex !important;	}
	.mo-select-menu.select li{	background-color: var(--white);	width: 100%;	}
	.mo-select-menu.select li a {	font-size: 15px;line-height: 48px;height: 48px;width: 100%;padding: 0 24px;text-align: left;justify-content: flex-start; 	}
	.mo-select-menu.select li a,
	.mo-select-menu.select li:hover a{	color: var(--basic-mid-grey);	}
	.mo-select-menu.select li:last-child{	border-bottom: 1px solid var(--color-main);	}
	.mo-select-menu.select.open{		border-bottom: 0;	}
	.mo-select-menu.select li:hover{	background-color: var(--content-bg-lightgrey);	}
	.mo-select-menu .select-menu li.active a::after,
	.mo-select-menu .select-menu li:hover a::after{	content: none;	}
}	

/* about us */
.about_us {padding-top:2rem;overflow:hidden;}
.about_us h1 {font-weight:400; font-size:2rem; line-height:1.3em; text-align:center; }
.about_us h1 b {font-weight:inherit; }
.about_us .row {display:flex;flex-wrap: wrap; padding-top:3rem;} 
.about_us .row>div {width:50%; display:flex;  align-items: center; justify-content: center; background-color:#f9f9f9}
.about_us img {width:100%;}
.about_us .txt_wrap {width:60%; margin:0 auto;}
.about_us .txt_wrap h2{font-size:2rem; font-weight:600; color:#111; line-height:1.5em; text-align:center; padding-bottom:1rem; }
.about_us .txt_wrap p {margin-top:1rem; font-size:1.125rem; line-height:1.5em; color:#333;}
.about_us .overview {padding-top:7rem;width:95%; margin:0 auto;}
.about_us .overview h1 {font-size:1.65rem;font-weight:600}
.about_us .overview ul {padding-top:2rem;}
.about_us .overview ul li {display:inline-block; vertical-align:top; margin:0 .5rem;}

/* slick */
.about_us .slick-prev {margin-top:-25px; }
.about_us .slick-next {  margin-top:-25px; }


@media all and (max-width:1500px) {
.about_us .txt_wrap {width:85%;  }
.about_us .txt_wrap h2{font-size:1.5rem;padding-bottom:.5rem; }
.about_us .txt_wrap p {margin-top:.85rem; font-size:1rem;}
}

@media all and (max-width:1000px) {
.about_us {padding-top:1rem}
.about_us h1 { font-size:1.5rem;  }
.about_us .row {padding-top:1.5rem;}
.about_us .row>div {width:100%; }
.about_us .row>div.n03 {order:4}
.about_us .row>div.n04 {order:3}
.about_us .txt_wrap {padding:3rem 0;}

.about_us .overview {padding-top:3rem; }
.about_us .overview h1 {font-size:1.25rem;font-weight:600}
.about_us .overview ul {padding-top:1.2rem;}

.about_us .slick-dots {padding-top:0; margin-top:0;}
}

/* Why River */
.whyriver {padding-top:1rem; display:flex;flex-wrap: wrap; gap:1.6rem; width:90%; margin:0 auto;}
.whyriver li {width:calc(50% - .8rem); background-color:#f0f4fa; padding:3rem 3rem; border-radius:1rem;  }
.whyriver li figure {margin:0 auto; width:100px; height:100px; background-repeat:no-repeat; background-position:center center; background-size:auto 75%; }
.whyriver li:nth-child(1) figure { background-size:auto 100%;background-image:url('/images/sub/img_why_01.svg');}
.whyriver li:nth-child(2) figure {background-image:url('/images/sub/img_why_02.svg')}
.whyriver li:nth-child(3) figure {background-image:url('/images/sub/img_why_03.svg')}
.whyriver li:nth-child(4) figure {background-image:url('/images/sub/img_why_04.svg')}
.whyriver p {font-size:1rem; color:#8ba6cb;font-weight:500; text-transform:uppercase;  text-align:center; }
.whyriver dl {padding-top:.5rem;}
.whyriver dl dt {text-align:center; color:#111; font-weight:600; font-size:1.25rem; line-height:1.3em;padding-bottom:.5rem;}
.whyriver dl dd {position:relative; color:#5f6875;padding-left:.65rem; font-size:1rem; font-weight:400; line-height:1.4em;margin-top:.5rem; }
.whyriver dl dd:before {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background-color:#5f6875;}

@media all and (max-width:1024px) {
	.whyriver { gap:.6rem; width:100%; }
	.whyriver li {width:calc(50% - .3rem);  padding:2rem; border-radius:.65rem;  }
	.whyriver li figure { width:80px; height:80px;  }
}
@media all and (max-width:690px) {
	.whyriver { gap:.6rem 0; width:100%; }
	.whyriver li {width:100%; padding:1.5rem;  }
	.whyriver dl dt { font-size:1.125rem; }
	.whyriver dl dd { padding-left:.5rem; font-size:.95rem;}
	.whyriver dl dd:before {  top:8px; width:2px; height:2px; }
}

/* Contact us */
.contact {display:flex; flex-wrap:wrap;  gap:1.25rem; }
.contact li {width:calc(25% - 0.9375rem); background-color:#f5f7fb; border-radius:1rem; padding:2rem 1.5rem; text-align:center;  }
.contact li figure {margin:0 auto 1rem; width:7rem; height:7rem; border-radius:50%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.contact li.n01 figure {background-image:url('/images/sub/Nicolas.jpg'); } 
.contact li.n02 figure {background-image:url('/images/sub/Ara.jpg'); } 
.contact li.n03 figure {background-image:url('/images/sub/Dany.jpg'); } 
.contact li.n04 figure {background-image:url('/images/sub/kyb.jpg'); } 
.contact li dl {width:auto; min-width:auto; margin:0 auto; min-height:10rem;}
.contact li dl dt {font-size:1.125rem; font-weight:600;  padding-bottom:.8rem; text-align:center;}
.contact li dl dt p {display:block; font-size:0.875rem; padding-top:0.25rem;font-weight:500; color:#5482c0;  }
.contact li dl dd{text-align:left; font-size:0;}
.contact li dl dd span{display:inline-block; vertical-align:top; font-size:.95rem; line-height:1.5em;color:#666; }
.contact li dl dd span:first-child {width:90px;}
.contact li dl dd span:first-child + span {color:#222; width:calc(100% - 90px)}
.contact li .qr { margin:1rem auto 0; }
.contact li .qr img {width:6rem;}

@media all and (max-width:1200px) {
	.contact li dl {width:100%;}
	.contact { gap:1rem; }
	.contact li {width:calc(50% - .6rem); }
}

@media all and (max-width:790px) {
.contact { flex-direction: column; gap:.65rem 0;}
.contact li {width:100%;    }
.contact li dl {min-height:auto;}
}



/* 구매가이드 */
.purchase_guide {position:relative; display:flex; flex-wrap: wrap; gap:5rem 0; overflow:hidden;}
.purchase_guide>div {width:50%; padding-right:3rem; display:flex; align-items: center; }
.purchase_guide>div.right {padding-left:3rem; padding-right:0 !important;}
.purchase_guide>div.img {padding:0;}
.purchase_guide img {width:100%;}
.purchase_guide .txt_wrap h2{ font-size:1.85rem; font-weight:700; margin-bottom:1.2rem; color:#333; letter-spacing:0}
.purchase_guide .txt_wrap h2 span { display:block; font-size:1rem; color:var(--color-blue); line-height:1rem; margin-bottom:.5rem; text-transform:uppercase;}
.purchase_guide .txt_wrap h3 { font-size:1.25rem; color:#333; font-weight:600; margin-bottom:.5rem;}
.purchase_guide .txt_wrap p {font-size:1rem; line-height:1.5em; padding:0.5rem 0; color:#555; font-weight:400;}
.purchase_guide .txt_wrap div.flex{display:flex; flex-direction: column; gap:1rem;}
.purchase_guide .txt_wrap div.flex p {padding:0;}
.purchase_guide .txt_wrap a {color:var(--color-main); text-decoration:underline;}
.purchase_guide .txt_wrap strong {color:#222;}
.purchase_guide ol {display:flex; flex-direction: column; gap:.5rem; }
.purchase_guide ol li {list-style-position: inside; list-style-type:decimal; font-size:1.1rem; line-height:1.5em; color:#111; }
.purchase_guide ol li ul {display:flex; flex-direction: column; padding-left:1rem;  }
.purchase_guide ol li ul li { list-style-type:none; padding-left:.6rem; position:relative; font-size:.95rem; color:#333;}
.purchase_guide ol li ul li:before {content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background-color:#555;}


@media all and (max-width:767px) {
	.purchase_guide {flex-direction: column;gap:2rem ;}
	.purchase_guide>div {width:100%; padding:0 !important;}
	.purchase_guide>div.n02 {order:1;}
	.purchase_guide>div.n01 {order:2;}
	.purchase_guide>div.n03 {order:3;}
	.purchase_guide>div.n04 {order:4;}
	.purchase_guide>div.n05 {order:6;}
	.purchase_guide>div.n06 {order:5;}
	.purchase_guide>div.n07 {order:7;}
	.purchase_guide>div.n08 {order:8;}
	.purchase_guide .txt_wrap {padding-bottom:2rem;}
}

/* branch */
.branch_wrap {display:flex; flex-direction: column;  }
.branch_wrap .row {display:flex; align-items: stretch; width:100%;padding:3rem 0;margin:0; border-bottom:1px solid #eee; }
.branch_wrap .row:last-child {border:0;}
.branch_wrap .map {width:50%; height:450px;}
.branch_wrap .map iframe {width:100%; height:100%; }
.branch_wrap .info_wrap { width:50%;padding-left:2.5rem; display:flex;flex-direction: column;justify-content: space-between; }
.branch_wrap .info { width:100%;}
.branch_wrap .info h2 {position:relative;font-size:1.6rem;line-height:1.4em;  padding-left:1.85rem; font-weight:600; color:var(--color-black); }
.branch_wrap .info h2:before {content:"\eb59"; font-family:'xeicon';position:absolute; left:0; top:0; color:var(--color-main) }
.branch_wrap .info ul {padding-top:1rem; display:flex;flex-direction: column;  gap:.85rem;   }
.branch_wrap .info ul li {display:flex; gap:.5rem;   font-weight:400;}
.branch_wrap .info ul li span {font-size:1.1rem; color:#666; line-height:1.3em;}
.branch_wrap .info ul li span:first-child {width:85px; color:#111; font-weight:500; }
.branch_wrap .info ul li span:first-child + span {width:calc(100% - 85px)}
.branch_wrap .info ul li span a {display:inline-block; color:var(--color-blue)}
.branch_wrap .info.wide ul li span:first-child {width:120px;  }
.branch_wrap .info.wide ul li span:first-child + span {width:calc(100% - 120px)}
.branch_wrap .img_list {padding-top:1rem;}
.branch_wrap .img_list ul{}
.branch_wrap .img_list li {display:inline-block; vertical-align:top; margin:0 .25rem; }
.branch_wrap .img_list li img {width:100%;}

@media screen and (max-width: 900px) {
  .branch_wrap .row {flex-direction: column;gap:1.5rem; }
  .branch_wrap .info_wrap {padding:0;width:100%; }
  .branch_wrap .map {order:2; height:300px;width:100%;}
  .branch_wrap .info h2 {font-size:1.35rem;}
  .branch_wrap .info ul {gap:.8rem;   }
  .branch_wrap .info ul li {flex-direction: column; gap:.3rem; }
  .branch_wrap .info ul li span {font-size:.985rem; }
  .branch_wrap .info ul li span:first-child,
  .branch_wrap .info ul li span:first-child + span {width:100% !important;}
}

/* 연혁 */
.history {padding-top:1rem;}
.history h3 {color:var(--color-main); font-weight:700; font-size:1.65rem; line-height:1.5em;text-align:center; letter-spacing:0; margin-top:2rem; }
.history ul {margin-top:2.5rem; position:relative; font-size:0;}
.history ul:after {content:''; position:absolute; left:50%; top:0;margin-left:-1px; width:2px; height:100%; background-color:#f0f0f0; z-index:-1; }
.history ul li { position:relative; display:flex; justify-content: flex-start; width:100%; margin-top:4rem;}
.history ul li:nth-child(1) {margin-top:0rem; }
.history ul li:before {content:''; width:36px; height:36px; background-color:var(--color-main); border-radius:50%; border:12px solid #eff5f9; position:absolute; left:50%; top:0rem; margin-left:-18px}
.history ul li>div {text-align:right; width:50%; padding-right:5rem; margin-top:-.15rem;}
.history ul li.right {justify-content: flex-end;}
.history ul li.right>div {padding-left:5rem; text-align:left; }
.history ul li .year {font-size:2.25rem; line-height:2.25rem; font-weight:600; color:#111; }
.history ul li .txt {margin-top:.8rem; font-size:1.25rem; line-height:1.5; font-weight:400; color:#666; }
.history ul li:last-child {background-color:#fff;}


@media screen and (max-width: 900px) {
.history {padding-top:0;}
.history ul li {margin-top:3rem;}
.history ul li>div {width:100%; text-align:left; padding-right:0; padding-left:2.5rem;}
.history ul li.right>div {padding-left:2.5rem;}
.history ul li:before { width:24px; height:24px;  border:8px solid #eff5f9;  left:0rem;  margin-left:0}
.history ul:after { left:.8rem; top:0;margin-left:-1px; width:1px; height:100%;}
.history ul li .year {font-size:1.5rem; line-height:1.5rem; font-weight:600; }
.history ul li .txt {margin-top:.5rem; font-size:1rem; font-weight:400; line-height:1.5}

}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      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; font-size:0rem; text-align:center; text-transform:capitalize; height:3rem; background:url('/images/inc/logo.svg') no-repeat center ; background-size:auto 100%; }
.formItem_wrap.row {flex-direction:row; justify-content: center;  gap:0; width:100%; }
.formItem_wrap.row .item_box {display:flex; flex-direction: column; width:100%; gap:1rem 0; padding:0;}
.formItem_wrap a {text-decoration:underline; color:var(--color-blue)}
.formItem_wrap .cont {padding-top:1rem;display:flex; flex-direction: column; gap:1rem; }
.formItem {display:flex; flex-direction: column; gap:.3rem; }
.formItem span {font-size:.9rem; color:var(--color-black)}
.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:.5rem; padding:1.5rem 0 0; }
.button_group .button { width:100%; border-radius:5px;border:1px solid var(--color-black);background-color:var(--color-black); 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; }
.button_group .button.line {background-color:#fff; border:1px solid var(--color-black); color:var(--color-black); }

.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:400px; 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-black); margin-bottom:2.5rem}
.register .title .exp {font-size:1.125rem;font-weight:300;  line-height:1.3em; margin-top:.3rem; color:#666; }
.register.complete { width:320px; overflow:hidden; }
.register.complete .check_img {margin:0 auto; width:160px; height:160px; }
.register.complete dl {padding-top:1rem;padding-bottom:1.5rem; text-align:center; }
.register.complete dl dt {font-size:1.25rem; line-height:1.3em;  font-weight:500; color:var(--color-black)}
.register.complete dl dd {margin-top:.5rem; font-size:.95rem; color:var(--color-grey-blue); line-height:1.4em; }


@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%; }
}

@media screen and (max-width: 400px) {
	.register.complete { width:100%;  }
	.register.complete .check_img { width:120px; height:120px; }
	.register.complete dl {padding:.5rem 0 1rem;}
	.register.complete dl dt {font-size:1.1rem; }
	.register.complete dl dd {margin-top:.5rem; font-size:.9rem;   }

}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      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-black); border-color:var(--color-black);}
.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-black); 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}
.carlist.wide.result_nodata li {display:none !important;}
.carlist.wide li.result_nodata .item {display:none;}

@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;}

}