h1 {display:none;}
.label_title {display:inline-flex; align-items: center; justify-content: center;  height:1.625rem; border-radius:3rem; padding:0 1rem; font-size:0.8125rem; font-weight:500; color:#fff; background-color:var(--color-dark-blue); margin:0.5rem 0 0}
.h2 {  font-size: 1.125rem;line-height: 1.3em; font-weight: 700; color: var(--color-dark-blue);}
.h3 {  font-size: 1rem;line-height: 1.3em; font-weight: 700; color: var(--color-dark-blue);}
.h4 {  font-size: 0.9375rem;line-height: 1.3em; font-weight: 600; color: var(--color-dark-blue);}
.h3 i ,
.h4 i  {font-size:0.875rem; font-weight:400; color:var(--color-greyblue)}


.intro_video{  width:100%;  height:100%; object-fit:cover;  display:block;}


/* title */
.title_wrap { position:relative; display:flex;flex-direction: column; align-items:flex-start; gap:.25rem;  padding:0 0 1rem; word-break: keep-all; }
.title_wrap.nopd {padding:0;}
.title_wrap .h2 {padding:0; margin:0;font-size:1.35rem;  font-weight:700; }
.title_wrap .h3 {padding:0; margin:0;font-size:1.25rem;  font-weight:700; color:var(--color-dark-blue)}
.title_wrap .h4 {font-size:1rem; font-weight:700; color:var(--color-greyblue2)}
.title_wrap .h5 {font-size:0.875rem; font-weight:500; color:var(--color-dark-blue)}
.title_wrap .sub {font-size:0.875rem; font-weight:400; line-height:1.5em; color:var(--color-grey7); margin-top:0.25rem;}
.title_wrap .stxt {font-size:0.8125rem !important; color:var(--color-grey8) !important}
.title_wrap.center {align-items: center !important;  text-align: center;}
/*.ul_list {flex:auto;font-size:0;}*/




/* 가이드 */
.txt_info {padding:.625rem 0;font-size:.875rem;color:var(--color-greyblue);font-weight:normal; word-break: keep-all;}
.txt_info.error {color:#F71010;}
.txt_info.correct {color:#3BB000;}
.txt_info.box {padding:1rem;background-color:var(--color-basic-bg); border-radius:0.875rem; }
.txt_ess {font-size:0.875rem; line-height:1.3em; padding:0;}
.txt_ess:before {content:"*"; display:inline-block; margin-right:0.2rem; color:#E60012; font-weight:bold;font-size:1rem;}

.guide {position:relative;padding:0 0 .5rem 0.125rem;word-break:keep-all;color:var(--color-grey6); font-size:0.8125rem; font-weight:400;}
.guide.info:before {content:'안내';display:block; font-size:.875rem; font-weight:500; margin-bottom:0.5rem; color:#2C3345;padding-left:1.25rem; background-position:0 1px;background-repeat:no-repeat;background-size:auto 1rem;background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.7 10.8333H10.2V11.6667V12.5H8.7V10.8333ZM8.7 4.16666H10.2V9.16666H8.7V4.16666Z' fill='%23222323'/%3E%3Ccircle cx='9.5' cy='8.5' r='6.9' stroke='%23222323' stroke-width='1.2'/%3E%3C/svg%3E%0A");}
.guide.inline:before {display:inline-block;}
.guide * {vertical-align:baseline;}
.guide ul {padding-top:0.25rem;}
.guide ul li {font-size:0.75rem;}
.guide ul li strong {font-size:inherit}
.nobg .guide.type2 {background-color:#F8f8f8;}
.guide.box {padding:1rem 0.5rem .875rem 1.125rem; background-color:#f8f8f8; border-radius:0.875rem;  }
.guide .title {display:block; font-size:.875rem; font-weight:500; margin-bottom:0.5rem; color:#2C3345;padding-left:1.25rem; background-position:0 1px;background-repeat:no-repeat;background-size:auto center;background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.7 10.8333H10.2V11.6667V12.5H8.7V10.8333ZM8.7 4.16666H10.2V9.16666H8.7V4.16666Z' fill='%23222323'/%3E%3Ccircle cx='9.5' cy='8.5' r='6.9' stroke='%23222323' stroke-width='1.2'/%3E%3C/svg%3E%0A");}
.guide.type2 {background-color:#E9EEF5;padding:1.25rem 1.25rem;border-radius:0.875rem; }
.guide.type2 .title { background:none;padding:0; font-size:0.9375rem; font-weight:600;}
.guide.type2 p {padding-top:0.25rem; color:var(--color-greyblue); font-weight:400}
.guide a {text-decoration: underline;}
.guide  .pop_link {position:absolute; right:1rem; top:1rem;}
.bg_white .guide.type2 {background-color:#F3F6FB; border:1px solid var(--color-border) ;}


/* 라벨 */
.label {display:inline-flex;width:auto !important;min-width:1.25rem !important;background-repeat:no-repeat;background-position:center;align-items:center;line-height:1.2;white-space:nowrap;}
.label.clean {padding:0 .2rem;border:1px solid #72d1c0;font-size:.8125rem;color:#00c374 !important;}
.label.repair {height:1.5rem;font-size:0;background-size:auto 1.125rem;background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0833 3.66675C14.1334 3.66675 17.4167 6.94999 17.4167 11.0001C17.4167 15.0502 14.1334 18.3334 10.0833 18.3334C6.03325 18.3334 2.75 15.0502 2.75 11.0001C2.75 6.94999 6.03325 3.66675 10.0833 3.66675ZM10.0833 6.11119C7.38327 6.11119 5.19444 8.30002 5.19444 11.0001C5.19444 13.7001 7.38327 15.889 10.0833 15.889C12.7834 15.889 14.9722 13.7001 14.9722 11.0001C14.9722 8.30002 12.7834 6.11119 10.0833 6.11119Z' fill='black'/%3E%3C/svg%3E%0A");}
.label.repair.false {font-size:0;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9999 6.75003L17.25 5.00008L12 10.25L6.74999 5L5 6.75001L10.25 12L5.00004 17.2501L6.74999 19L12 13.75L17.25 19L19 17.25L13.75 12L18.9999 6.75003Z' fill='black'/%3E%3C/svg%3E%0A");}
.label.default {padding:0 .35rem;border:1px solid #9ca5ab;font-family:'Pretendard';color:#2d3033;line-height:1.125rem;font-size: .875rem;}
.month {color:#1d63ed;font-weight:bold;font-size:.8125rem;}
.month i.lease {margin-right:.25rem;padding:0 .25rem;border-radius:.25rem;font-weight:bold;font-size:0.8125rem;vertical-align:baseline;color:#fff;background-color:#1d63ed;}
.decrese {font-size:.75rem;vertical-align:sub;}
.decrese:after {content:' ▼';font-size:0.6875rem;zoom:.7;}

/* 도움말 */
.btn_help {position: relative;display: inline-block;width:1.5rem;height:1.5rem;border:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size: auto 80%;font-size: 0 !important;vertical-align:bottom;background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.3867 10.3745C8.39692 9.10747 8.73412 8.70896 9.34722 8.33089C9.7866 8.04477 10.1238 7.72801 10.1238 7.25797C10.1238 6.74706 9.72529 6.40986 9.23482 6.40986C8.75456 6.40986 8.31518 6.72662 8.29474 7.3295H6.84375C6.8744 5.88872 7.9371 5.2041 9.24504 5.2041C10.6654 5.2041 11.677 5.95003 11.677 7.20688C11.677 8.04477 11.2478 8.58634 10.5734 8.98485C10.0012 9.33227 9.74573 9.65926 9.73551 10.3745V10.4869H8.3867V10.3745ZM9.09176 12.7963C8.61151 12.7963 8.22321 12.408 8.23343 11.9379C8.22321 11.4679 8.61151 11.0898 9.09176 11.0898C9.54137 11.0898 9.93988 11.4679 9.93988 11.9379C9.93988 12.408 9.54137 12.7963 9.09176 12.7963Z' fill='%23888888'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.21628 15.2381C12.6612 15.2381 15.4539 12.4454 15.4539 9.00046C15.4539 5.5555 12.6612 2.76281 9.21628 2.76281C5.77132 2.76281 2.97863 5.5555 2.97863 9.00046C2.97863 12.4454 5.77132 15.2381 9.21628 15.2381ZM9.21628 16.1181C13.1472 16.1181 16.3339 12.9314 16.3339 9.00046C16.3339 5.06949 13.1472 1.88281 9.21628 1.88281C5.28531 1.88281 2.09863 5.06949 2.09863 9.00046C2.09863 12.9314 5.28531 16.1181 9.21628 16.1181Z' fill='%23888888'/%3E%3C/svg%3E%0A");cursor: pointer;}
.btn_help:after {display: none !important;}
.btn_help .help_cont {position:absolute;width:0;height:0;/*max-height:3rem;*/margin-top:2.5rem;margin-left:-2rem;font-size:.8125rem !important;line-height:1.3;word-break:keep-all;overflow:hidden;z-index: 3;text-align:left;opacity:0;-webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);-ms-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);transition:all .5s cubic-bezier(0.23, 1, 0.32, 1);}
.btn_help .help_cont b {color:#111; font-weight:800; margin-bottom:0.25rem; display:block;}
.btn_help:hover .help_cont {width:13rem;height:auto;padding:.75rem;border:1px solid #d1d4d8;border-radius:.5rem;background: #fff;margin-top:.75rem;opacity:1;box-shadow:.1875rem .1875rem .5rem rgba(0, 0, 0, .1);}




/* =========================================================================================================
	공통검색
========================================================================================================= */
.home .search_wrap .column,
.sub_carlist .search_wrap .column {padding:0 !important}
.depth2 .container {padding-top:1.5rem;}
.depth2 .search_wrap .comm_search {padding-top:1.25rem;}
.depth3 .search_wrap {display:none;}

.search_wrap { padding-bottom:2.5rem; 
.inr_column {display:flex; flex-direction: column;gap:0.75rem; width:100%; margin:0; padding:0 1.125rem; background-color:var(--bg-mobile) }  
.link_line {text-decoration: underline;}
.h2{font-size:1.35rem !important; font-weight:700; color:var(--color-grey2)}
.h3{  font-size:1rem !important; font-weight:600; color:var(--color-dark-blue); padding:0;}
.h4{font-size:0.9375 !important; font-weight:600; color:var(--color-grey-blue); padding:0;}
.title-box {display:flex; align-items: center; justify-content: space-between; padding-bottom:0.625rem;}
.title-box .h3 {margin:0;}

.searchtype-card {background-color:#fff;padding: 2px; background: linear-gradient(to bottom, #899BF0 0%, #E4E8F0 100%); border-radius:1.1rem}
.searchtype-card .inrbox {display:flex; flex-direction:column; gap:1rem; padding:1rem; padding:0.25rem 1rem 1.25rem !important; border-radius:1rem; background-color:#fff;}
.searchtype-card .roundbox {border:0; padding:0 !important;}
.item-brand {padding:0; border:0; }

.tag {margin-top:0.5rem;}
.roundbox .title_wrap {padding: .25rem 0 0.875rem !important;}
.comm_search {display:flex; gap:0.65rem;  flex-direction: column; padding-top:1rem;}
.comm_search .top-title {font-size: 1.25rem !important; font-weight: 700 !important;color: var(--color-grey2) !important; text-align:left !important; }
.comm_search button {border-radius:1.125rem; padding:1.2rem 1.125rem; border:1px solid #7599F5; background-color:#fff; color:var(--color-greyblue); display:flex; justify-content: space-between; align-items: center; box-shadow:0 0 0.85rem rgba(0,0,0,0.05)}
.comm_search button span {padding-left:1.5rem; font-size:0.875rem; line-height:1.3em; font-weight:400;  background: url(/images/icon_search_blink.svg) no-repeat left ; background-size:auto 1.25rem;}
.comm_search button em {font-size:0.8rem; text-decoration: underline; }
.sub_nav {margin:0 !important}
.txtbox {display:flex; justify-content: space-between; align-items: center; padding:1rem 0}
.txtbox span { font-size:0.875rem; color:#535A73; font-weight:400;}
.txtbox .link_line {color:#535A73; font-size:0.75rem; }
.tab_wrap.round {padding-bottom:0.2rem;}
.chip_list.scroll ul {margin:0 !important; padding:0 0 0.25rem !important}
.sort_search{padding:0 !important; background-color:#F5F7FD; border:1px solid #E6EAF5 !important;}
.sort_search ul {  display:flex; flex-direction: column; width:100%;padding:0.3rem 0;}
.sort_search ul li {border-bottom:0.0625rem solid #E6EAF5; background:url(/images/arrow_right.svg) no-repeat ; background-position: calc(100% - 0.75rem); background-size:auto 1.25rem;}
.sort_search ul li:last-child {border:0;}
.sort_search ul li a {display:flex; align-items: center; height:3.125rem;padding-left:1.125rem; color:var(--color-greyblue2);font-size:0.975rem; font-weight:500; }
.sort_search ul li a:hover {color:var(--color-dark-blue)}

.quick_search>div {display:flex;gap:0.35rem; }
.quick_search>div input,
.quick_search>div button {height:3.125rem; display:flex; align-items: center; border-radius:0.75rem}
.quick_search>div input {background-color:#F2F4F9; padding:0 1rem; width:calc(100% - 5rem) }
.quick_search>div button {background-color:var(--color-main); width:5rem; color:#fff; justify-content: center; font-size:0.9375rem; font-weight:500;}
.quick_search input {border-color:transparent;}


.item_ai {display: flex; flex-direction: column;  padding-top:0.5rem; }
.item_ai .btn_ai {  display:flex; justify-content: center; align-items: center; width:100%; height:3.75rem; background-color:#fff; border:0.125rem dashed #9eade7; border-radius:var(--radius-basic);gap:0.25rem; color:var(--color-dark-blue) !important; font-size:0.9375rem; font-weight:600;}
.item_ai .btn_ai:before {content:''; width:1.8rem; height:1.8rem; background:url(/images/icon_ai.svg) no-repeat center ; background-size:auto 100%;}
.item_ai .btn_ai:after {content:''; width:2rem; height:1.65rem; background:url(/images/arrow_longright.svg) no-repeat center ; background-size:auto 100%; }
.item_ai .btn_recent {display:flex; align-items: center; justify-content: center; width:100%;margin-top:0.875rem; background-color:#fff;  border:1px solid var(--color-border); height:3.75rem; border-radius:0.875rem; font-size:0.9375rem;font-weight:500; color:#333;}
.item_ai .btn_recent:before {content:""; width:1.5rem; height:1.5rem; margin-right:0.35rem; background: url(/images/icon_searchcar.svg) no-repeat center ; background-size:auto 100%; }
.app_down {  display:flex; align-items: center; justify-content: center;margin-top:1rem; border-radius:var(--radius-basic); padding:1.125rem; background: url(/images/bg_appdown.jpg) no-repeat center ; background-size:auto 100%;}
.app_down dl {width:calc(100% - 6.25rem); color:#fff; display:flex; flex-direction: column;gap:0.35rem;}
.app_down dl dt {color:inherit; font-size:0.9375rem; font-weight:600; line-height:1.3em; letter-spacing: -.04em;}
.app_down dl dd {color:#A8A6A6; font-size:0.8125rem; }
.app_down .app_link { display:flex;gap:0.25rem;  }
.app_down .app_link a {display:flex; flex-direction: column; align-items: center; justify-content: center; gap:0.2rem; width:4.625rem;padding:0.5rem 0.2rem;text-align:center; background-color:#fff; border-radius:0.5rem; color:#555; font-size:0.75rem; letter-spacing:-.02rem;}
.app_down .app_link a:before {content:''; display:block; width:100%;height:1.25rem;  background-repeat: no-repeat; background-position: center ; background-size:auto 100%;}
.app_down .app_link a.google:before {background-image:url(/images/icon_google.svg)}
.app_down .app_link a.apple:before {background-image:url(/images/icon_apple.svg)}

}/* end .search_wrap */
.depth2 .search_wrap {display:none;}

.header .titlebar-right .menu-icon.search {display:none;}
.depth2 .header .titlebar-right .menu-icon.search {display:flex;}
@media all and (max-width:460px){ 
    .header .titlebar-right .menu-icon.search {display:flex; }
    .fuc-searchCont{display:none; }
    .fuc-searchCont.on {  display:flex; }
    .home { .fuc-searchCont{display:block; } }
    .sub_carlist .fuc-searchCont {display:none;}
    .sub_carlist .search_wrap {position:relative; padding-bottom:1.85rem; margin-bottom:1.5rem;}
    .sub_carlist .search_wrap:after {content:''; margin-left:-1.125rem;margin-right:-1.125rem; position:absolute; left:0; bottom:0; right:0; height:10px; border-bottom:10px solid #e9ebee;}
}



/* =========================================================================================================
	메인
========================================================================================================= */


.home { 
   .header-wrap {background-color:#F6F7F9; }
   .container {padding-top:1rem;}
}


/* =========================================================================================================
	PC 설명란
========================================================================================================= */
/* 기본안내 */
.align-explain {display:flex; align-items: center; justify-content: center; width:50rem !important}
.page_explain {width:100%; display:flex; flex-direction: column; justify-content: center; align-items: center; gap:0.5rem;}
.page_explain figure {width:100%; height:25rem; background-repeat: no-repeat; background-position:center ; background-size:auto 100%;}
.page_explain figure img {width:100%; }
.page_explain figure.default { background-image: url(/images/mascot_basic.svg);}
.page_explain figure.intro { background-image: url(/images/mascot_01.png);}
.page_explain figure.join { background-image: url(/images/mascot_02.png);}
.page_explain figure.search { background-image: url(/images/mascot_03.png);}
.page_explain figure.perf { background-image: url(/images/mascot_04.png);}
.page_explain figure.inquiry { background-image: url(/images/mascot_05.png);}
.page_explain figure.my { background-image: url(/images/mascot_06.png);}
.page_explain figure.n07 { background-image: url(/images/mascot_07.png);}
.page_explain .item_box {position:relative;background-color:#fff; padding:2rem 2.5rem; border-radius:1.5rem; box-shadow: 0.5rem 0.5rem 1.2rem rgba(0,0,0,0.1);}
.page_explain .item_box:after {content:''; position:absolute; right:2rem; bottom:-1.5rem; width:3rem; height:2rem; background:url(/images/bubble_arrow.svg) no-repeat right bottom; border:0px solid #ddd;  z-index:1}
.page_explain .item_box .text {  text-align: center; font-size:1.5rem; font-weight:300; color:var(--color-grey2); line-height:1.5em;}
.page_explain .item_box .text strong { display:inline-block; vertical-align: top;  font-weight:700;  }
.page_explain .item_box .text sub {font-size:1.0625rem; color:var(--color-grey6)}

/* 엔진설명 */
.engine_explain { display:flex; flex-direction: column; justify-content: center; align-items: center;}
.engine_explain ul {display:flex; flex-wrap: wrap;gap:0.8rem;}
.engine_explain ul li {  width:calc(50% - 0.5rem); background-color:#F0F2F5; border-radius:0.875rem; overflow: hidden; opacity: 0.8; transition: 0.2s;}
.engine_explain figure {background-color:#fff; background-repeat: no-repeat; background-position: center ; background-size:auto 70%; width:100%;height:8rem; opacity: 0.2;}
.engine_explain dl {padding:1.5rem 1.85rem; opacity: 0.2;}
.engine_explain dl dt {font-size:1.125rem;font-weight:600; color:var(--color-grey2)}
.engine_explain dl dd {font-size:0.875rem; font-weight:400; color:var(--color-grey7); padding-top:0.35rem; }
/*
.engine_explain ul li.n01 figure {background-image: url(/images/engine_01.svg);}
.engine_explain ul li.n02 figure {background-image: url(/images/engine_02.svg);}
.engine_explain ul li.n03 figure {background-image: url(/images/engine_03.svg);}
.engine_explain ul li.n04 figure {background-image: url(/images/engine_04.svg);}
.engine_explain ul li.n05 figure {background-image: url(/images/engine_05.svg);}
.engine_explain ul li.n06 figure {background-image: url(/images/engine_06.svg);}
*/
.engine_explain ul li.on {opacity: 1; box-shadow:0 0 1rem rgba(0,0,0,0.1)}
.engine_explain ul li.on figure,
.engine_explain ul li.on dl {opacity: 1;}


/* 사이즈설명 */
.size_explain {width:100%; padding:1.5rem; background-color:#fff; border-radius:var(--radius-basic)}
.size_explain>ul {display:none;}
.size_explain>ul:first-of-type {display:block;}
.size_explain>ul>li {display:flex; flex-direction:column;  gap:1.25rem; padding:0; margin:0; display:none;}
.size_explain>ul>li.on {display:flex;}
.size_explain .type_info {display:flex; gap:1rem; }
.size_explain .type_info>div {padding:1.25rem 1rem; border-radius:0.625rem; background-color:#F6F8FB; width:calc(100% - 9rem);}
.size_explain .type_info>div.summary {background-color:var(--color-dark-blue); width:8rem;}
.size_explain .type_info>div.summary h3,
.size_explain .type_info>div.summary p {color:#fff;}
.size_explain .type_info>div ul {display:flex; justify-content: space-around;}
.size_explain .type_info>div ul li {width:auto; }
.size_explain .type_info h3 {font-size:1rem; font-weight:700; padding:0; text-align:center; }
.size_explain .type_info p {font-size:0.875rem; font-weight:400; color:var(--color-grey5); padding-top:0.25rem;  text-align:center; }


.size_explain h3.title {font-size:1.125rem; line-height:1.3em; font-weight:700; color:var(--color-dark-blue); padding:0; margin:0; }
.size_explain h3.title sub {display:block; padding-top:0.25rem; font-size:1rem;font-weight:500; color:var(--color-grey5) }
.size_explain h4 {font-size:1rem; line-height:1.3em; font-weight:700; color:var(--color-dark-blue); padding:0; margin:0; }
.size_explain .exp {padding-top:0.65rem; font-size:0.9375rem; line-height: 1.6em; font-weight:400; color:var(--color-grey8)}
.size_explain .exp_list.img {flex-direction: row;}
.size_explain .exp_list.box {  background-color:#F6F8FB; padding:1.5rem; border-radius:0.75rem;}
.size_explain .exp_list.box>div {width:100%;}
.size_explain .exp_list p {font-size:0.8758rem; color:var(--color-grey7); padding:0.375rem 0}
.size_explain figure {width:20rem;}
.size_explain figure img {border-radius:0.875rem;}
.size_explain .exp_list.img .cont {width:calc(100% - 20rem); padding-left:1.5rem; }

#mobile_content .size_explain {display:none;}
@media all and (max-width:460px){ 
    #mobile_content .size_explain {display:flex;}
    .size_explain {padding:0;}
    .size_explain .exp_list {gap:1rem; }
    .size_explain .cont {padding:1.5rem; border-radius:0.85rem; background-color:#F6F8FB;}
    .size_explain figure {width:100%;}
}






/* =========================================================================================================
	로그인 회원가입
========================================================================================================= */
/* 상담신청결과 */
.rq_result {display:flex; width:100%; gap:0.5rem; }
.rq_result li { display:flex; flex-direction: column; width:100%; background-color:#F6F7F9; border-color:#DFE2E4; padding:0.85rem 1rem; gap:0.2rem; border:1px solid #E7EBEF; border-radius:0.65rem; padding:0.85rem 1rem; }
.rq_result li span {font-size:0.8rem; font-weight:400; color:#777}
.rq_result li strong {font-size:1.25rem; color:var(--color-dark-blue); font-weight:700; }
.rq_result li i {font-size:0.75rem; color:var(--color-blue)}

.sub_login {background: linear-gradient(to bottom right, #FFD8AC 0%, #FEE4E7 45%, #D6E6F5 79%, #BDE6FD 100%); display:flex; align-items: center; justify-content: center;}
.login_wrap {display:flex; align-items: center; justify-content: space-between; width:75rem; gap:6.25rem; word-break: keep-all;
    .exp_board { display:flex; flex-direction: column; width:calc(100% - 31.25rem);  gap:0.5rem;}
    .exp_board dl dt {font-size:2.5rem; font-weight:800; color:var(--color-grey2); line-height:1.35em; }
    .exp_board dl dd {font-size:1rem; font-weight:400; color:#333; padding-top:0.25rem; opacity: 0.7;}
    .exp_board figure { width:100%;height:20rem; background:url(/images/mascot_01.png) no-repeat center ; background-size:auto 100%; }
    .label_group {display:flex; align-items: center; gap:0.3rem;}
    .label_group span {display:inline-flex; align-items: center;  background-color:#fff; color:#555; height:2rem; padding:0 1.2rem; border:1px solid transparent;  border-radius:5rem; font-size:0.9375rem; font-weight:400; box-shadow:0.2rem 0.2rem 0.65rem rgba(133, 50, 44, 0.05)}
    .label_group span.special {color:var(--color-green); border-color:var(--color-green)}
    .exp_board  .rq_result li {   background-color:rgba(255,255,255,0.4); border:1px solid #fff;  padding:1rem 1.25rem; gap:0.5rem }
    /* 실시간 신청현황 */
    .request_overview {display:flex; flex-direction: column; gap:0.5rem; padding:0; border-radius:1rem; }
    .request_overview .top {position:relative;  display:flex; align-items: center; justify-content: space-between; }
    .request_overview h2{display:flex; flex-direction: column;font-size:1rem; font-weight:700; color:var(--color-grey2)}
    .request_overview h2 p {font-size:0.75rem; font-weight:200; color:#fff;opacity: 0.5; }
    .request_overview .live {display:inline-flex;  align-items: center; font-size:0.75rem; color:#333; text-transform: uppercase; font-weight:600; height:1.5rem;padding:0 0.85rem 0 0.65rem;  border:1px solid #fff; border-radius:3rem; }
    .request_overview .live:before {content:''; display:inline-flex; align-items: center;  margin-right:0.35rem;  width:0.3rem; height:0.3rem; border-radius:50%; background-color:var(--color-main);}
    .rq_list {display:flex; flex-wrap: wrap; gap:0.4rem;}
    .rq_list li {display:flex; align-items: center; justify-content: space-between; width:calc(50% - 0.2rem ); padding:0.5rem 1rem;  background-color:rgba(255,255,255,0.4); border:1px solid #fff; border-radius:0.85rem;}
    .rq_list li>div {display:inline-flex; align-items: center; }
    .rq_list li>div i {width:2.5rem; font-size:0.8rem; color:#777;margin-right:0.5rem; }
    .rq_list li>div span {font-size:0.875rem; font-weight:500; color:var(--color-grey2);}
    .rq_list li>div span.name {width:2.5rem;}
    .rq_list li>div span.phone {color:var(--color-red)}
    .rq_list li .label {display:inline-flex; align-items: center; padding:0 1rem; height:1.65rem; line-height: 1; border-radius:5rem; font-size:0.75rem; color:#fff; font-weight:500;  }
    .rq_list li .label.done { background-color:#15af8e;}
    .rq_list li .label.rq { background-color:#EF6A6A;}
    .rq_list li .label.call { background-color:#4658CA;}


    .request_overview.dark {padding:1rem; background-color:#232C3D;display:none; }
    .request_overview.dark h2{ color:#fff; font-size:0.875rem;font-weight:600; letter-spacing: 0;}
    .request_overview.dark .live {height:2.125rem; border-color:rgba(241, 50, 50, 0.5); color:#fff;}
    .request_overview.dark .top>div {display:flex; align-items: center; gap:0.3rem}
    .request_overview.dark .cont {display:none; flex-direction: column; gap:0.5rem;}
    .request_overview.dark .rq_list li {width:100%; background-color:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15);padding:0.6rem 0.85rem;  }
    .request_overview.dark .rq_list li>div i {  color:#fff; opacity: 0.6; }
    .request_overview.dark .rq_list li>div span { color:#fff; }
    .request_overview.dark .rq_list li .label {   border:1px solid transparent; }
    .request_overview.dark .rq_list li .label.done { background-color:rgba(24,190,154, 0.1); border-color:rgba(14, 148, 119, 0.5)}
    .request_overview.dark .rq_list li .label.rq { background-color:rgba(239,53,56, 0.1); border-color:rgba(239,53,56, 0.5)}
    .request_overview.dark .rq_list li .label.call {background-color:rgba(98,82,243, 0.1); border-color:rgba(98,82,243, 0.7)}
    .request_overview.dark .rq_result {margin-top:0.5rem}
    .request_overview.dark .rq_result li {background-color:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15);}
    .request_overview.dark .rq_result li span,
    .request_overview.dark .rq_result li strong { color:#fff;}
    .request_overview.dark .rq_result li span {font-weight:300; }
    .request_overview.dark .rq_result li strong {font-size:1rem; font-weight:600;}
    .request_overview.dark .btn_toggle {display: inline-flex; align-items: center; width:auto; top:50%;padding-left:0.75rem; margin-top:-0.875rem; border-radius:3rem;  border-color:rgba(255,255,255,0.3); border:1px solid rgba(255,255,255,0.1) }
    .request_overview.dark .btn_toggle:after { border:0;  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L12 14L16 10' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); transform: rotate(0deg); }
    .request_overview.dark .btn_toggle.on:after {transform: rotate(-180deg);}
    .request_overview.dark .btn_toggle:before {content:'open';  font-size:0.6875rem; color:#fff; text-transform: uppercase;}
    .request_overview.dark .btn_toggle.on:before {content:'close'}

    
    /* 로그인 */
    .login_box { display:flex; flex-direction: column; gap:1.65rem;  width:31.25rem; background-color:#fff; padding:3.65rem 2rem ; border-radius:1.25rem;box-shadow:0 0 1rem rgba(133, 50, 44, 0.05) ;  }
    .login_box .title_wrap {display:flex; flex-direction: column;  align-items: flex-start; padding:0; margin:0; gap:0.25rem}
    .login_box .title_wrap span {color:var(--color-main); font-size:0.9375rem; font-weight:600; }
    .login_box .title_wrap .h3 {font-size:1.65rem; font-weight:700; color:var(--color-grey2); line-height:1.3em;padding:0; letter-spacing: -.04em; }
    .login_box .title_wrap p {font-size:0.9375rem; font-weight:300; color:var(--color-grey6); line-height:1.4em; padding-top:0.25rem }
    .login_box .pill_tabs input[type=radio] + label {padding:0 0.875rem !important}
    .maker_wrap {display:block;}
    .maker_wrap .maker_header {display:flex; align-items:center; justify-content: space-between; }
    .maker_wrap .maker_header .h2 {display:flex; align-items:center;font-size:0.9375rem; font-weight:700; color:var(--color-orange); letter-spacing: -.04em;;}
    .maker_wrap .maker_header .h2 a {display:inline-flex; align-items: center; height:1.75rem; padding:0 0.75rem; border-radius:3rem; background-color:#fff; border:1px solid #ddd; margin-left:0.25rem; font-size: 0.8125rem; color:var(--color-greyblue); font-weight:500;}
    .maker_wrap .maker_header .h2 a.sell {border-color:var(--color-red); color:var(--color-red)}
    .maker_wrap .maker_header .h2 a.buy {border-color:var(--color-blue); color:var(--color-blue)}

    .maker_wrap .list {display:flex; flex-wrap: wrap;gap:0.4rem; padding-top:0.65rem}
    .maker_wrap .list a {display:inline-flex; align-items: center; justify-content: center; width:calc(25% - 0.3rem); height:2rem; border:1px solid var(--color-border); border-radius:0.5rem;  font-size:0.875rem; font-weight:500; color:var(--color-grey5) }
    .maker_wrap .list a.more {border-style:dashed; }

    .sns_login {display:flex; flex-direction: column; justify-content: center; align-items: center; gap:0.65rem; }
    .sns_login .title{position:relative; width:100%; text-align:center; }
    .sns_login .title:before {content:''; position:absolute; left:0; top:0.65rem;width:20%; height:1px; background-color:#ebebeb; }
    .sns_login .title:after {content:''; position:absolute; right:0; top:0.65rem;width:20%; height:1px; background-color:#ebebeb; }
    .sns_login .title strong {display:inline-block; font-size:0.9375rem; font-weight:400; color:var(--color-grey3); padding: 0 0.65rem; background-color:#fff; }
    .sns_login button {display:flex; align-items: center; justify-content: center; width:100%; gap:0.5rem; height:3.5rem; border-radius:0.625rem}
    .sns_login button span {font-size:0.9375rem; font-weight:500; color:#fff; min-width:6.8rem; text-align:left; }
    .sns_login button:before {content:''; display:inline-flex; width:1.5rem;height:1.5rem; background-repeat: no-repeat; background-position: center ; background-size:auto 100%; }
    .sns_login button.kakao:before {background-image: url(/images/logo_kakao.svg);}
    .sns_login button.naver:before {background-image: url(/images/logo_naver.svg);}
    .sns_login button.google:before {background-image: url(/images/logo_google.svg);}
    .sns_login button.kakao {background-color:#FEE300;}
    .sns_login button.kakao span {color:rgba(0,0,0,0.9)}
    .sns_login button.naver {background-color:#00CE47}
    .sns_login button.google {background-color:#1881F4}
    .sns_login a.text {font-size:0.875rem; color:var(--color-grey6); text-decoration: underline; margin-top:0.5rem;}



}/*  .end login_wrap*/

@media all and (max-width:1200px){ 
    .login_wrap {  gap:2rem; width:100%; justify-content: center;
       
    }
}

@media all and (max-width:1080px){ 
    .login_wrap { 
       .exp_board {display:none;}
    }
}
@media all and (max-width:500px){ 
    .sub_login {background: #fff; align-items: flex-start;}
    .login_wrap {  align-items: flex-start;
           .login_box {padding:2rem 1.25rem; gap:1.25rem;border-radius:0; box-shadow:none;}
           .login_box .title_wrap .h3 {font-size:1.375rem;}
           .login_box .pill_tabs input[type=radio] + label {padding:0 0.75rem !important}
           .maker_wrap .maker_header .h2 {font-size:0.875rem;}
           .request_overview.dark {display:flex;}
           .rq_result li {padding:0.75rem 0.625rem}
           .rq_result li strong {font-size:1.125rem;}
           .request_overview.dark .rq_result li span {font-size:0.75rem; letter-spacing: -.04em;}
    }
}


/* 약관 */
.rule_wrap {width:100%;overflow:auto;white-space: pre-line;font-size:0.875rem;  line-height:1.5rem;color:#666; padding-top:1rem;}
.rule_wrap strong {  color:#333; font-size:1rem; line-height:2.5rem }
.rule_wrap .indent {margin:0; padding:0.5rem 0 0 0.5rem;  }
.agree_wrap h2 {font-size:17px;}
.agree_wrap ul {padding:1rem;}

/* 약관동의 */
.agree-check {display:block; margin-top:0.25rem; background:#F5F7FA; border:1px solid #DFE2EB; overflow:hidden;  border-radius:var(--radius-basic);}
.agree-check dt {padding:0 .5rem;border-bottom:1px solid #ebf0f7; position:relative;}
.agree-check dd {padding:.5rem 1.2rem;}
.agree-check .ag-tit { display:block; width:100%; text-align:left !important; padding:.5rem .85rem;  }
.agree-check .ag-tit label {display:inline-flex; align-items: center;  font-size:1rem; color:#333; font-weight:500 !important; padding-left:1.65rem; }
.agree-check dd label {display:inline-flex; align-items: center; width:85%;padding:.5rem 0 .5rem 1.5rem;font-size:13px;}
.agree-check  input[type=checkbox]:checked + label, input[type=radio]:checked + label { font-weight:500;}
.agree-check .basic_txt{color:#f30000; font-size:12px; vertical-align: middle; margin-left:5px;}
.agree-check .basic_txt.black {color:var(--color-grey3);}
.agree-check .btn_link{float:right;margin-top:.5rem;margin-right:.5rem;color:var(--color-grey8);font-size:.8rem; border-bottom:1px solid var(--color-grey9);font-weight:400; }
.agree-check .open {position:absolute; right:.2rem; top:5px;}
.agree-check .fuc_toggle:after {content:"\e943"; transform: rotate( 0deg );  position:absolute; right:.5rem; color:#555; top:0px; width:2rem; height:2rem; line-height:2rem; text-align:center; font-size:18px;font-family:'xeicon'; cursor:pointer; border:0px solid #f00}
.agree-check .fuc_toggle.on:after {transform: rotate( 180deg );}



/* 회원가입 */
.join_wrap {  display:flex; flex-direction: column; gap:1.5rem;
.count {position:absolute; display:inline-flex; align-items: center; top:1.3rem; right:1.5rem;font-size:0.9375rem;font-weight:300;  color:var(--color-greyblue); letter-spacing: .02em;  z-index:10; }
.count b {font-weight:bold; color:var(--color-grey2) }
.go-mypage {display:flex; align-items: center; justify-content: center;gap:0.25rem; font-size:0.9375rem; line-height:1.3rem; font-weight:600; color:var(--color-greyblue2);margin-bottom:0.5rem }
.go-mypage:before {content:''; width:1.25rem; height:1.25rem; background:url(/images/icon_star.svg) no-repeat center ; background-size:auto 90%;}

}/* end join_wrap */



/* =========================================================================================================
	서브
========================================================================================================= */

.support {color:var(--color-red); font-size:0.8125rem; }
.support.sale {color:var(--color-blue) !important;}
.support:after {content:'';display:inline-block; vertical-align: middle; margin-left:0.25rem; width:0.9375rem; height:0.9375rem; background-repeat: no-repeat; background-position: center ; background-size:auto 100%;
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00002 5.25C8.80855 5.25097 8.6197 5.29454 8.44717 5.37756C8.27463 5.46059 8.12274 5.58098 8.00252 5.73L4.84502 9.555C4.66052 9.78527 4.54441 10.0627 4.50993 10.3558C4.47546 10.6489 4.524 10.9457 4.65002 11.2125C4.75223 11.4444 4.91903 11.6419 5.13049 11.7816C5.34195 11.9212 5.58913 11.9971 5.84252 12H12.1575C12.4109 11.9971 12.6581 11.9212 12.8696 11.7816C13.081 11.6419 13.2478 11.4444 13.35 11.2125C13.476 10.9457 13.5246 10.6489 13.4901 10.3558C13.4556 10.0627 13.3395 9.78527 13.155 9.555L9.99752 5.73C9.8773 5.58098 9.72541 5.46059 9.55288 5.37756C9.38034 5.29454 9.19149 5.25097 9.00002 5.25Z' fill='%23F00'/%3E%3C/svg%3E%0A");
}
.support.sale:after {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00002 5.25C8.80855 5.25097 8.6197 5.29454 8.44717 5.37756C8.27463 5.46059 8.12274 5.58098 8.00252 5.73L4.84502 9.555C4.66052 9.78527 4.54441 10.0627 4.50993 10.3558C4.47546 10.6489 4.524 10.9457 4.65002 11.2125C4.75223 11.4444 4.91903 11.6419 5.13049 11.7816C5.34195 11.9212 5.58913 11.9971 5.84252 12H12.1575C12.4109 11.9971 12.6581 11.9212 12.8696 11.7816C13.081 11.6419 13.2478 11.4444 13.35 11.2125C13.476 10.9457 13.5246 10.6489 13.4901 10.3558C13.4556 10.0627 13.3395 9.78527 13.155 9.555L9.99752 5.73C9.8773 5.58098 9.72541 5.46059 9.55288 5.37756C9.38034 5.29454 9.19149 5.25097 9.00002 5.25Z' fill='%23225CEF'/%3E%3C/svg%3E%0A");
transform: rotate(-180deg);
}

.sub_carlist { 
   .header-wrap {background-color:#F6F7F9; }
   .header .titlebar-left .menu-icon.back {display:none;}
   /* .container {padding-top:0.25rem;}*/
   .btn.apply { padding:0 0.5rem 0 0.25rem;}


}

.car-filter {display:flex; flex-direction: column; gap:0.5rem; }
.car-filter>.row {display:flex; gap:0.65rem; }
.car-filter select {height:2.625rem; border-radius:0.65rem; border:1px solid var(--color-border);font-size:0.875rem; box-shadow:0.05rem 0.05rem 0.125rem rgba(0, 0, 0, .02)}
.filters {display:flex; align-items: center; width:100%;flex-wrap: wrap; gap:0;}
.filters li { display:inline-flex; align-items: center; height:1.65rem; padding: 0 0.5rem;  font-size:0.8125rem; line-height:1; font-weight:400; color:var(--color-greyblue); border:1px solid transparent ; letter-spacing: -0.04em;  cursor: pointer;}
.filters li.on {border-radius:5rem; background-color:#fff;padding: 0 0.75rem;  color:var(--color-blue); border-color:var(--color-border); }
.filters li.label {border-radius:5rem; border:1px solid #d2d4db;margin-right:0.25rem; padding:0 0.75rem; }
.car-filter .partner { display:flex; align-items: center; color:var(--color-grey6)}
.car-filter .partner:before {content:'';width:1.5rem; height:1rem; margin-right:0.2rem; background:url(/images/icon_hand.svg) no-repeat center ; background-size:auto 100%;}
.filter-count {color:var(--color-grey7);}
.filter-count  span {display:flex;  align-items: center; font-size:0.875rem; font-weight:400;}
.filter-count b {  font-weight:700; color:var(--color-dark-blue);margin:0 0.125rem 0 0.25rem; }
.filter-count select {padding:0;padding-right:1.85rem; border:0; width:auto; height:1.5rem; font-size:0.75rem; background-color:transparent; border-radius:0; }
.filter-count.flex {display:flex; justify-content: space-between; align-items: center; }
.right_item {display:flex; flex-direction: row; align-items: center; gap:1rem;}
.viewCount {display:flex; align-items: center; gap:0.35rem; }
.viewCount span { position:relative; display:inline-flex; align-items: center;  font-size:0.75rem; line-height:1.3rem; color:var(--color-greyblue);padding-right:0.7rem; }
.viewCount span:last-child {padding-right:0;}
.viewCount .date:before {content:''; position:absolute;left:-10px; top:50%; margin-top:-3px;width:3px; height:3px;border-radius:50%; background-color:#ddd}
.cardesc {display:inline-flex; align-items: center; flex-wrap: wrap; gap: 0rem 0.5rem; padding-top:0.25rem;}
.cardesc span, .cardesc strong {position:relative; font-size:0.8125rem; line-height: 1.1rem;  color:#8A8D92; padding-right:0.7rem; }
.cardesc span:after, .cardesc strong:after {content:''; position:absolute; right:0; top:50%; margin-top:-1.5px;  width:3px; height:3px; border-radius:3rem;  background-color:#D3D4D9; }
.cardesc span:last-child:after, .cardesc strong:last-child:after {display:none;}
.cardesc strong {font-weight:700; color:var(--color-greyblue2)}

.filter-results {display:flex;flex-wrap:wrap; gap:0.25rem; padding-top:0.5rem; }
.filter-results .item {display:flex; align-items:center; height:1.625rem; padding:0 0.625rem 0 0.75rem; background-color:transparent; border-radius:3rem; border:1px dashed #A9ADB3; }
.filter-results .item span {display:inline-flex; align-items:center; font-size:0.8125rem; font-weight:500;}
.filter-results .item span:before {content:''; width:1rem; height:1.25rem; background:url(/images/arrow_right.svg) no-repeat center ; background-size:auto 100%; }
.filter-results .item span:first-child:before {display:none !important; }
.filter-results .item .close {width:1rem; height:1rem;background:url(/images/icon_close.svg) no-repeat center ; background-size:auto 0.75rem; margin-left:0.25rem;}

/* 차량리스트 */
 i.surtax {display:inline-flex; align-items: center; height:1.25rem; background-color:#f5f5f5; padding:0 0.5rem; border-radius:5rem; color:var(--color-grey6); font-size:0.75rem;}
.car-list-wrap {  position:relative; padding:2rem 0 0;
.car-img { overflow: hidden; border-radius:0.75rem; cursor: pointer; }
.car-img img { width:100%; aspect-ratio: 6 / 4;}
.carinfo-box {padding:1.125rem; }
.carinfo {padding:1rem 1.25rem;}
.cartitle {display:block;font-size:1rem; font-weight:600; line-height:1.3em;color:var(--color-dark-blue);white-space:wrap;  }

.carprice-box {position:relative;  display:flex; flex-direction: column;}

.carprice-box .price-info {position:relative;  display:flex; align-items: center;}
.carprice-box .price-info li { position:relative;}
.carprice-box .price {display:flex; align-items: center; gap:0.5rem; }
.carprice-box .price em {font-size:0.875rem; font-weight:400; line-height:1.3rem; }
.carprice-box .price strong {font-size:1.125rem; line-height:1.3rem; font-weight:700; color:var(--color-dark-blue)}
.carprice-box i {display:inline-flex; align-items: center;height:1.5rem; font-size:0.875rem; font-weight:400;}
.carprice-box i.mile { color:#666}
.carprice-box i.remain { color:var(--color-red); /*border-radius:3rem; padding:0 0.75rem; background-color:#faf5f5;*/}
.corp img{height:0.8rem; }

.car-list {position:relative;  padding:0 0 1rem; margin-top:0.75rem;  max-height:calc(100vh - 210px); overflow-y: auto;}
.car-list>ul {display:flex; flex-direction: column; gap:0.85rem;}
.car-list>ul>li {position:relative; display:flex; align-items: center; padding:1.25rem 1.25rem 1.25rem 1.5rem; background-color:#fff; border-radius:1rem; gap:1.5rem;}
.car-list:not(.album) .car-img { width:7rem; border-radius:0.5rem ; cursor: pointer;  display:flex; flex-direction: column; gap:0.35rem; margin-bottom:1.25rem;}
.car-list:not(.album) .car-img a {display:block; width:100%; height:100%;}
.car-list:not(.album) .corp {position:absolute; left:1.5rem; bottom:1.25rem; width:7rem; text-align:center; justify-content: center; padding:0}
.car-list:not(.album) .carinfo {padding:0; width:17rem;}
.car-list:not(.album) .viewCount {padding-top:1rem;}
.car-list:not(.album) .carprice-box {width:21rem;}
.car-list:not(.album) .carprice-box .price-info {padding-top:1.5rem; align-items: flex-start; gap:1rem; }
.car-list:not(.album) .carprice-box .price-info li {  padding-left:1rem; gap:0.5rem;  }
.car-list:not(.album) .carprice-box .price-info li:first-child {padding-left:0;}
.car-list:not(.album) .carprice-box .price-info li:first-child:before {display:none;}
.car-list:not(.album) .carprice-box .price-info li:before {content:''; position:absolute; left:0; top:-1.125rem; bottom:0; width:1px; background-color:#eee; }
.car-list:not(.album) .carprice-box i {margin-top:0;}
.car-list:not(.album) .carprice-box .support {position:absolute; left:0; top:0; width:100%; }

.car-list:not(.album) .badge-list  {position:absolute;right:1.5rem; top:50%; margin-top:-2.25rem; gap:0.5rem;}
.car-list:not(.album) .badge-list > span {position:relative;background-color:transparent; padding:0; padding-right:0.65rem; color:#666; font-size:0.8125rem; font-weight:500; letter-spacing: -.04em;}
.car-list:not(.album) .badge-list > span:after {content:''; position:absolute; right:0; top:50%; margin-top:-1.5px;  width:3px; height:3px; border-radius:3rem;  background-color:#D3D4D9; }
.car-list:not(.album) .badge-list > span:last-child:after {display:none;}
.car-list:not(.album) .badge-list > span.premium {color:var(--color-blue)}
.car-list .btn-box {width:8rem;position:absolute; right:3.5rem; top:50%; margin-top:-0.5rem;}
.car-list .btn-box button{ display:flex; align-items: center; justify-content: center; width:100%;  height:2.5rem; padding:0 1rem; font-size:0.9375rem; font-weight:500; color:var(--color-grey3);border:1px solid #D9DDE8; border-radius:5rem;  }
.car-list .btn-box button:hover {border-color:var(--color-main); color:#fff; background-color:var(--color-main)}

/* 마이페이지 모바일화면 최근  본 차량에만 표시 */
.label-item,
.delete-item {display:none}

/* 앨범형 */
.car-list.album>ul {flex-direction: row; gap:1.0625rem; flex-wrap: wrap; }
.car-list.album>ul>li {position:relative; width:calc(25% - 0.8125rem); border-radius:0.75rem; padding:0; flex-direction: column; background-color:transparent ; align-items: flex-start; gap:0rem; padding-bottom:3.25rem;} 
.car-list.album>ul>li:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid var(--color-border);  background-color: #fff; border-radius:0.75rem; z-index:-1;}
.car-list.album .car-img {display:block; width:100%; border-radius:0.75rem 0.75rem 0 0; }
.car-list.album .carinfo {padding:1rem 1.125rem 0.65rem; min-width:100%;}
.car-list.album .price-info {margin-top:0.65rem; padding-top:0.65rem; border-top:1px solid #ebedf0;  }
.car-list.album .btn-box {display:none; }
.car-list.album .badge-list {position:absolute; left:0.25rem; top:0.25rem; }
.car-list.album .carprice-box {width:100%; padding:0rem 1.125rem;}
.car-list.album .carprice-box .support {font-size:0.875rem;}
.car-list.album .carprice-box .price-info {flex:auto; flex-direction: column; padding:0.65rem 0 0; gap:0;}
.car-list.album .carprice-box .price-info li  {  display:flex;   flex-direction: row; justify-content: space-between; align-items: center; width:100%; padding:0;}
.car-list.album .carprice-box .price-info li:before {display:none; }
.car-list.album .viewCount {position:absolute;left:1.125rem; right:1.125rem; bottom:0; justify-content: space-between; padding:0.5rem 0 1rem; border-top:1px dashed #eee;}
.car-list.album .viewCount div {display:flex; align-items: center; gap:0.5rem;}
.car-list.album .viewCount span {padding-right:0;}
.car-list.album .viewCount span:after {display:none; }
.car-list.album .support {position: relative;}
.car-list.album .carprice-box .price strong {font-size:0.9375rem;}
.car-list.album .carprice-box i.remain {background-color:transparent; padding:0;}
.car-list.album .badge-list {position:absolute; left:0.5rem; top:0.5rem; }

/* 렌트차량일경우 */
.car-list.type_rent:not(.album) .carprice-box {width:25rem; display:flex; flex-direction: row; align-items: center; gap:1.25rem;}
.car-list.type_rent:not(.album) .carprice-box div {display:flex; flex-direction: column;}
.car-list.type_rent:not(.album) .carprice-box div .cardesc { padding-top:0.5rem;order:2}
.car-list.type_rent:not(.album) .carprice-box div .support {position:relative; order:1}
.car-list.type_rent:not(.album) .carprice-box .price-info {padding-top:0; padding-left:1.25rem; border-left:1px solid #eee;}
.car-list.type_rent:not(.album) .carprice-box .price-info li {position:relative; }
.car-list.type_rent:not(.album) .carprice-box .price{ flex-direction: column; align-items: flex-start; gap:0.25rem;}
.car-list.type_rent:not(.album) .carprice-box .price em {display:flex; gap:0.5rem; align-items: center; }
.car-list.type_rent:not(.album) .carprice-box .price i {margin:0}
.car-list.type_rent:not(.album) .carprice-box .price strong {display:inline-flex; align-items: center; gap:0.5rem;}
.car-list.type_rent:not(.album) .carprice-box i.remain {position:absolute;left:3.5rem; top:-0.1563rem; margin:0;}

/* 렌트차량 앨범 */

.car-list.type_rent.album .carinfo {padding-bottom:0}
.car-list.type_rent.album .carprice-box div {display:flex; flex-direction: column;}
.car-list.type_rent.album .carprice-box div .cardesc { padding-top:0.25rem;order:1}
.car-list.type_rent.album .carprice-box div .support {position:relative; padding-top:0.5rem;order:2}
.car-list.type_rent.album .carprice-box .price-info {padding:0; border:0; padding-top:0.75rem; border-top:1px solid #ebedf0}
.car-list.type_rent.album .carprice-box .price-info li {position:relative;}
.car-list.type_rent.album .carprice-box .price {flex-direction: column; align-items: flex-start; width:100%; gap:0.2rem;}
.car-list.type_rent.album .carprice-box i.remain {position:absolute;right:0; top:0;margin:0; height:auto;}
.car-list.type_rent.album .carprice-box .price strong {display:flex;  justify-content: space-between; align-items: center; width:100%;}
.car-list.type_rent.album .carprice-box  i.surtax {padding:0 !important; background:none;}
.car-list.type_rent.album .viewCount span {padding:0;}

@media all and (max-width:1580px){
    .car-list.album>ul>li {width:calc(33.3% - 1rem);}
    .car-list:not(.album) .carinfo {  min-width:13rem;}
    .car-list:not(.album) .badge-list {display:flex; flex-direction: column; gap:0;}
    .car-list:not(.album) .badge-list > span:after {display:none;}
    .car-list:not(.album) .badge-list  span {height:1.25rem;}
    
    .car-list .btn-box {width:6.5rem;right:1.5rem; margin-top:0.5rem;}
    .car-list .btn-box button {height:2.125rem; font-size:0.875rem;}
    
}



}/* end car-list-wrap */


.car-list-wrap.mobile {display:none; padding:0;}




#mobile_content .car-list-wrap {display:none;} /* 모바일화면에서 차량리스트 비노출*/

@media all and (max-width:460px){ 
/* 모바일 */
     #mobile_content .car-list-wrap {display:block;}
    .filter-count {padding-top:0.25rem; }
    .car-list-wrap { padding:0;
    .car-filter .right_item{display:flex; align-items:center; gap:0.65rem; }
    
    .car-list {margin-top:0.5rem; max-height:none; overflow-y: visible;}
    .car-list>ul>li { flex-wrap: wrap; border:1px solid #E7E9ED; display:block;font-size:0;  gap:0;padding:1.125rem;padding-bottom:3.25rem;}
    .car-list:not(.album) .car-img {display:inline-block; width:7rem; height:auto; vertical-align: top; border-radius:0.65rem; margin:0;}
    .car-list:not(.album) .carinfo { display:inline-block; width:calc(100% - 7rem); min-width:auto;padding-left:1rem; vertical-align: top;}
    .car-list:not(.album) .badge-list {position:relative; display:inline-block; margin:0;margin-left:-3px;  right:auto; left:0;padding:0 0 0.375rem; gap:0.313rem;}
    .car-list:not(.album) .badge-list > span:after {display:none;}
    .car-list:not(.album) .badge-list > span {padding:0.05rem 0.625rem 0;font-size:0.6875rem; height:1.65rem; background-color:#F4F5F5; line-height:1; }
    .car-list:not(.album) .badge-list > span.premium {background-color:#EAF1FB; color:var(--color-blue)}
    .car-list:not(.album) .viewCount {position:absolute; left:1.125rem; right:1.125rem; bottom:0; justify-content: space-between; padding:0.35rem 0 0.85rem;border-top: 1px dashed #eee;}
    .car-list:not(.album) .viewCount span {padding-right:0;}
    .car-list:not(.album) .viewCount>div {display:flex; align-items: center; gap:0.75rem;}
    .car-list:not(.album) .viewCount>div .corp {position:relative; width:auto; margin:0; padding:0; left:auto; bottom:auto;}
    .car-list:not(.album) .cardesc {padding-bottom:0.25rem;}
    .car-list:not(.album) .carprice-box {width:100%;}
    .car-list:not(.album) .carprice-box .support {position:relative; left:auto; right:auto; padding-left:8rem; }/* 지원금 */
    .car-list:not(.album) .carprice-box .price-info {flex-direction: column; gap:0.125rem; padding-top:0.5rem; margin-top:0.5rem; border-top:1px solid #ebedf0;}
    .car-list:not(.album) .carprice-box .price-info li { display:flex; flex-direction: row; width:100%; padding:0; justify-content: space-between;}
    .car-list:not(.album) .carprice-box .price-info li:before {display:none;}
    .car-list:not(.album) .carprice-box i.surtax {padding:0; background:none;}
    .car-list .btn-box {display:none;}
    .carprice-box .price strong {font-size:0.9375rem;}
    
    /* 앨범형 */
      .car-list.album>ul {gap:1.125rem;}
      .car-list.album>ul>li  {width:100%; background-color:#fff;}
      .car-list.album>ul>li:after {display:none;}
      .carprice-box i {font-size:0.8125rem;}
      .car-list.album .cartitle {font-size:1.125rem;}
      .car-list.album .cardesc span {font-size:0.9375rem; line-height:1.3em;}
      .car-list.album .carprice-box div .support {font-size:1rem}
      .car-list.album .viewCount div {display:flex; align-items: center; gap:0.75rem;}
      /* 렌트일경우  */
      .car-list.type_rent:not(.album) .car-img {margin:0}
      .car-list.type_rent:not(.album) .carprice-box {width:100%; flex-direction: column; align-items: flex-start; gap:0}
      .car-list.type_rent:not(.album) .carprice-box div {display:flex; flex-direction: column; padding-left:8rem;}
      .car-list.type_rent:not(.album) .carprice-box div .cardesc {order:1; padding:0}
      .car-list.type_rent:not(.album) .carprice-box div .support {order:2}
      .car-list.type_rent:not(.album) .carprice-box .support {padding:0.5rem 0 0;}
      .car-list.type_rent:not(.album) .carprice-box .price-info {padding:0 ; border:0; width:100%; display:flex; align-items: flex-start;padding-top:0.65rem; border-top:1px solid #ebedf0;}
      .car-list.type_rent:not(.album) .carprice-box .price{width:100%; }
      .car-list.type_rent:not(.album) .carprice-box .price strong {width:100%; justify-content: space-between;}
      
      .car-list.type_rent:not(.album) .carprice-box i.remain {position:absolute;left:auto; top:0.15rem; right:0;width:auto; padding:0; height:auto; background-color:transparent}
     
    }/* .end car-list-wrap */

}




/*---------------------------------------------------------------------------------*
	차량검색
*---------------------------------------------------------------------------------*/
.depth2.sub_search {
    .header .headtitle { padding:0 0 0 1rem; text-align: left;}
}

.sub_search {
    .fieldset { gap:2.5rem}
    #mobile_content {background-color:#fff; }
    .filter-count {padding:1rem 0 1rem; border-top:1px solid #f0f1f3; margin-top:1rem;}
    .container {padding-top:0;}
    .container:has(.top_item) {padding-top:0}
    .form-group {gap:2rem;}
    .sub_nav {position:sticky;left:0; top:0; right:0; margin-left:-1.125rem; margin-right:-1.125rem; margin-bottom:1.125rem;}
    .roundbox {border:0; padding:0; }
    .roundbox h3:first-of-type {margin-top:0.5rem;}
}/* end sub_search*/


.depth2 .search_bottom {display:none;}
.search_bottom {position:absolute; display:flex; align-items:start; justify-content: space-between; gap:1rem;  left:0; right:0; bottom:0; z-index:10; background-color:#fff; border-top:1px solid #eee;  padding:0.9375rem 1.25rem;box-shadow:0 0 1.5rem rgba(0,0,0,0.1)}
.search_bottom .filter_result { display:flex; flex-direction: column; gap:0.2rem;  width:calc(100%) -  8.5rem;}
.search_bottom .filter_result p {font-size:1rem; font-weight:700; color:var(--color-grey2)}
.search_bottom .filter_result .text { font-size:0.8125rem; color:var(--color-grey8); overflow: hidden;  text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.search_bottom .btn_box { display:flex; justify-content: flex-end; gap:0.25rem;  align-items: center;}
.search_bottom .btn_box button {height:3rem;display:inline-flex; align-items: center; justify-content: center; border-radius:0.75rem; }
.search_bottom .btn_box button.reset {width:3rem; background-color:#E8EBF2; background-repeat: no-repeat; background-position: center ; background-size:auto 1.25rem;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 9C16.5 13.1422 13.1423 16.5 9 16.5C4.85775 16.5 1.5 13.1422 1.5 9C1.5 4.85775 4.85775 1.5 9 1.5V3C7.58907 3.00011 6.22331 3.49744 5.14269 4.40462C4.06206 5.3118 3.3357 6.57078 3.09123 7.96037C2.84675 9.34996 3.0998 10.7812 3.80592 12.0028C4.51204 13.2243 5.62605 14.1579 6.95222 14.6396C8.27839 15.1212 9.73188 15.1201 11.0573 14.6364C12.3827 14.1528 13.4953 13.2175 14.1996 11.9949C14.9038 10.7723 15.1547 9.34058 14.9081 7.95137C14.6615 6.56215 13.9333 5.30428 12.8512 4.39875L11.25 6V1.5H15.75L13.9147 3.33525C14.727 4.03859 15.3783 4.90856 15.8244 5.88603C16.2705 6.8635 16.5009 7.92555 16.5 9Z' fill='%23333333'/%3E%3C/svg%3E%0A");
 }
.search_bottom .btn_box button.search { width:5rem;  background-color:var(--color-main); font-size:0.9375rem; font-weight:500; color:#fff;}

@media all and (max-width:460px){ 
.search_bottom {position:fixed;}
}

.sub_search.sch_detail {
    .fieldset { gap:1.125rem}
    #mobile_content {background-color:var(--bg-mobile)}
    .roundbox {padding:1.5rem 1.25rem; background-color:#fff;}
    .roundbox .sub_nav {margin:0;}
    .roundbox .tab_cont {padding-top:1rem;}
}/* end sub_search.sch_detail  */

.sub_inquiry {
.form-group {gap:2rem;}
.roundbox {border:0;}
}



.item-list { display:flex; flex-wrap: wrap; gap: 0.625rem;}
.item-list li { display:flex; flex-direction: column; align-items: center; width:100%; border:1px solid #EDEEF0; background-color:#fff; padding:0.875rem 0.2rem;gap:0.25rem; border-radius:0.65rem; transition: 0.2s; cursor:pointer; text-align: center;}
.item-list.default li{cursor: default;}
.item-list.default li:hover {border:1px solid #EDEEF0 !important; box-shadow:none !important;}
.item-list li:hover,
.item-list li.active,
.item-list li.on { border-color:var(--color-main) !important; background-color:#fff !important; box-shadow:0 0 0.65rem rgba(0,0,0,0.05)}
.item-list.col2 li { width:calc(50% - 0.35rem); }
.item-list.col3 li { width:calc(33.3% - 0.425rem); }
.item-list.col4 li { width:calc(25% - 0.475rem); }
.item-list.make li {padding:0.5rem 0}
.item-list.make figure img {height:1.625rem;}
.item-list .txt-box {display:flex; flex-direction: column; justify-content: center;}
.item-list .txt-box p {font-size:0.875rem; }
.item-list .type {font-size:0.875rem; color:var(--color-grey6);  font-weight:500; }
.item-list .name {font-size:0.9375rem; color:var(--color-grey3); font-weight:600; line-height:1.3em;}
.item-list .price {font-size:0.875rem; color:var(--color-grey5); font-weight:400;}
.item-list .txt-box i {font-size:0.75rem; font-weight:400; color:#B1B1B1; letter-spacing: 0;}
.item-list .txt-box .exp {font-size:0.875rem;}
.item-list.model.nobg li {background-color:transparent !important; padding:0.75rem 0}
.item-list.model li {padding:1rem 0.2rem; background-color:#f7f7f9; border-color:transparent}
.item-list.model figure img {height:3.5rem;}
.item-list.model .txt-box {gap:0.2rem;}

.item-list.type li { flex-direction: row; align-items: center; justify-content: space-between;padding:0.75rem; padding-left:1.5rem; padding-right:0; overflow: hidden; }
.item-list.type .txt-box {justify-content: flex-start; text-align:left; gap:0.25rem;}
.item-list.type .txt-box .name {font-size:1rem;}
.item-list.type figure {margin-right:-0.25rem;}
.item-list.type figure img {height:3.5rem}

.item-list.size li { flex-direction: row; align-items: center; justify-content: space-between;padding:0.75rem; padding-left:1.5rem;overflow: hidden; }
.item-list.size .txt-box {justify-content: flex-start; text-align:left; gap:0.25rem;}
.item-list.size figure img {height:2.75rem}

.item-list.typeicon li{gap:0.5rem;}
.item-list.typeicon figure img {height:1.25rem;}
.item-list.onlytxt li {padding:1.125rem 0.2rem;}

.item-list.icon_size figure {width:100%; height:1.5rem; background-repeat: no-repeat; background-position: center ; background-size:auto 90%;}
.item-list.icon_size li.n01 figure{ background-image:url(/images/car_size_01.svg)}
.item-list.icon_size li.n02 figure{ background-image:url(/images/car_size_02.svg)}
.item-list.icon_size li.n03 figure{ background-image:url(/images/car_size_03.svg)}
.item-list.icon_size li.n04 figure{ background-image:url(/images/car_size_04.svg)}
.item-list.icon_size li.n05 figure{ background-image:url(/images/car_size_05.svg)}
.item-list.icon_size li.n06 figure{ background-image:url(/images/car_size_06.svg)}
.item-list.icon_size .name {font-size:0.875rem; color:var(--color-grey6)}

.fuc_view {display:none;}
.fuc_view.on {display:block;}

/*---------------------------------------------------------------------------------*
	차량상세
*---------------------------------------------------------------------------------*/
.cardetail { 
    #wrapper { gap:0rem; }
    .quick-menu {position:fixed; left:50%; margin-left:270px;top:200px; width:150px; background-color:#fff;border-radius:1rem; z-index:333; overflow: hidden; box-shadow:0.2rem 0.2rem 0.5rem rgba(0,0,0,0.1)}
    .quick-menu h2 { display: flex; align-items: center; justify-content: center; height:2rem; font-size:0.8125rem; font-weight:600; color:#fff; background-color: var(--color-dark-blue);}
    .quick-menu ul {padding:0.75rem 1rem 0.75rem 1rem;}
    .quick-menu ul li {position:relative; padding:0.3125rem 0.625rem; font-size:0.875rem; line-height:1.5em; font-weight:400; color:var(--color-greyblue); }
     .quick-menu ul li.active a {color:var(--color-blue)}
    .quick-menu ul li a {display:block; color:var(--color-greyblue2); }
    .quick-menu ul .line {display:block; height:1px; border-top:1px solid #ebebeb;padding:0; font-size:0;margin:0.5rem 0}
    .quick-menu ul li.line:before {display:none; }
    .quick-menu ul li:before {content:''; position:absolute; left:0; top:50%; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background-color:#666}
    ::-webkit-scrollbar-thumb { background:#cbced3; opacity:.8 !important;}
   .content_body {padding:0; padding-top:3.75rem; height:100%;}
   .header-wrap {background-color:#fff; display:none;}
   .container {padding:1.125rem; display:flex; flex-direction: column; gap:1.125rem; }
   .roundbox_wrap .h2 {padding:0;}
   .roundbox {padding:1.25rem;}
   .roundbox.mgt1 {margin-top:0.625rem !important;}
   .title_wrap { flex-direction: row; align-items: flex-end; justify-content: space-between;}
   .title_wrap .h2 { font-size:1rem;font-weight:600; color:var(--color-grey3)}
   .title_wrap span {font-size:0.875rem;font-weight:400; color:var(--color-grey7)}
   .detail-head {position:absolute; left:0; right:0;top:0; display:flex; justify-content: space-between; align-items: center; height:3.75rem; padding-left:1.125rem; padding-right:0.5rem; background-color:#fff;z-index:10}
   .detail-head>div{display:flex; align-items: center; gap:0.25rem;}
   .detail-head .head-right {gap:0;} 
   .detail-head .btn.line { height:1.625rem;padding:0 0.625rem; font-size:0.75rem; font-weight:500; color:var(--color-grey6) ; border-radius:0.35rem;}
   .top_carnumber { display:flex; align-items: center; height:100%; }
   .top_carnumber h2 {font-size:1.125rem; font-weight:700;}
   .top_carnumber span {margin-left:0.5rem; } 
   .badge {height:1.35rem;font-size:0.75rem;}
   

   .detail-top {display:flex; flex-direction: column; gap:0.35rem; }
   .cartitle {display:flex; justify-content: space-between; align-items: center; padding-top:0.25rem; }
   .cartitle h2 {font-size:1.125rem; font-weight:700; color:var(--color-grey3);  word-break: keep-all; }
   .detail-top .badge-list span {border-color:var(--color-border); background-color:#fff; font-weight:400; color:var(--color-grey6)}
   .detail-top .cardesc {padding:0;}
   .carimg {width:100%; height:12rem; border-radius:var(--radius-basic);overflow:hidden; background-repeat: no-repeat; background-position: center ; background-size:cover; aspect-ratio: 6 / 4;}
   .carimg img {width:100%; border-radius:var(--radius-basic)}
   .topitem_list { display:flex; flex-direction: column; gap:0.1rem;}
   .topitem_list p {display:flex; align-items: flex-start;}
   .topitem_list p span {font-size:0.8125rem; color:var(--color-grey8); line-height:1.4rem;}
   .topitem_list p span + span { color:var(--color-grey5); width:calc(100% - 3.5rem)}
   .topitem_list p span:first-child {width:3.5rem;}
   .topitem_list p .price {font-weight:bold; color:var(--color-grey3); font-size:0.875rem;}

   .detail-priceInfo {display:flex; flex-direction:column; gap:0.875rem;}
   .detail-priceInfo .roundbox {display:flex; flex-direction: column; gap:0.875rem;}
   .detail-priceInfo .price {display:flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
   .detail-priceInfo .price p {display:flex; flex-direction: column; gap:0.25rem;}
   .detail-priceInfo .price p span {font-size:0.8125rem; color:var(--color-grey7);}
   .detail-priceInfo .price p strong {display:inline-flex; align-items: flex-end; font-size:1.125rem; font-weight:700; color:var(--color-grey3); }
   .detail-priceInfo .price p strong i { margin-left:0.5rem; color:var(--color-red); font-size:0.875rem; font-weight:500; }
   .support {padding-top:0.875rem; border-top:1px solid #eee; font-weight:600; }
   .support:after {margin-top:-2px;}

    /* 차량사진 */
    .photo {flex:none;margin:0 -1.125rem 0;overflow:hidden; border-radius:0}    
    .detailphoto-wrap {position:relative;width:100%;max-width:auto;overflow:hidden;background-color:#2a2b2f;}
    .detailphoto-wrap .badge-list {position:absolute; left:0.5rem; top:0.5rem; z-index:5;}
    .detailphoto-wrap .badge-list span {color:#fff; padding:0 0.5rem; height:1.375rem; border:0; border-radius:0.1rem; background-color:rgba(0,0,0,0.3); text-shadow:1px 1px 1px rgba(0,0,0,0.1)}


    .detailphoto-wrap .resize-wrap {display:flex;}
    .detailphoto-wrap .topSwiper .swiper-slide {flex:none;display:inline-flex;width:100%;align-items:center;justify-content:center;text-align:center;/*cursor:pointer;*/background-color:#efefef;}
	/*
    .detailphoto-wrap .topSwiper .swiper-wrapper span:after {content:'';position:absolute;right:.625rem;bottom:.625rem;width:1.875rem;height:1.875rem;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:auto 1.125rem;background-color:rgba(44,51,69,.55);background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.97363 7.5V4H8.47363' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4736 7.5V4H13.9736' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.97363 13V16.5H8.47363' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4736 13V16.5H13.9736' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
	*/
    .detailphoto-wrap .topSwiper .swiper-slide img {max-width:100%;max-height:100%;width:100%;}
    .detailphoto-wrap .topSwiper .arrl, .detailphoto-wrap .topSwiper .arrr {position:absolute;top:30%;bottom:30%;width:40px;padding:0;z-index:10;cursor:pointer;}
    .detailphoto-wrap .topSwiper .arrl {left:0;}
    .detailphoto-wrap .topSwiper .arrr {right:0;}
    .detailphoto-wrap .topSwiper .arrl:before, .detailphoto-wrap .topSwiper .arrr:before {content:'';display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-size:auto 40px;background-position:center;}
    .detailphoto-wrap .topSwiper .arrr:before {transform: rotate(180deg);}
    .detailphoto-wrap .topSwiper {position:relative;}
    .detailphoto-wrap .topSwiper .pagination {position:absolute;left:auto;right:3.5rem;bottom:.625rem;display:inline-flex;height:1.875rem;align-items:center;width:auto;margin:0;/*transform:translateX(-50%);*/padding:5px 15px;border-radius:10rem;background-color:rgba(44,51,69,.55);text-align:center;color:#fff;z-index:1;}
    .detailphoto-wrap .topSwiper .pagination span {font-size:.6875rem;font-weight:normal;}
    .detailphoto-wrap .topSwiper .pagination span.swiper-pagination-current {font-weight:800;}
    .detailphoto-wrap .topSwiper .pagination span + span:before {content:'/';display:inline-block;padding:0 .1875rem;font-size:.6875rem;}
    .detailphoto-wrap .btn-close {display:none;}
	.detailphoto-wrap .btn-zoom {position:absolute;z-index:10;  bottom:0.625rem; right:1rem;width:1.875rem;height:1.875rem;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:auto 1.125rem;background-color:rgba(44,51,69,.55);background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.97363 7.5V4H8.47363' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4736 7.5V4H13.9736' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.97363 13V16.5H8.47363' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.4736 13V16.5H13.9736' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

    /* 이미지 확대시 */
    .detailphoto-wrap.imgresize .resize-wrap {position:fixed;left:50%;top:50%;display:block;max-height:100%;width:80%;padding:3rem 0;transform:translate(-50%, -50%);;z-index:100;}
    .detailphoto-wrap.imgresize:before {content:'';position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, .85);z-index:99;}
    .detailphoto-wrap.imgresize .resize-wrap .btn-close {display:inline-block;position:absolute;right:0;top:0;width:2.5rem;height:2.5rem;border-radius:50%;font-size:0;background-color:transparent;background-position:center !important;background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 7L7 33M33 33L7 7' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
    .detailphoto-wrap.imgresize .resize-wrap .btn-close:hover {box-shadow:none;background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33 7L7 33M33 33L7 7' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
    .detailphoto-wrap.imgresize .topSwiper .swiper-wrapper span:after {display:none;}    
    .detailphoto-wrap.imgresize .topSwiper {position:unset;}
    .detailphoto-wrap.imgresize .topSwiper .swiper-slide {cursor:default;}
    .detailphoto-wrap.imgresize .topSwiper .arrl {left:-3.75rem;}
    .detailphoto-wrap.imgresize .topSwiper .arrr {right:-3.75rem;}
    .detailphoto-wrap.imgresize .vehicle-thumbnail-detail {display:none;}
    .detailphoto-wrap.imgresize .topSwiper .pagination {top:.5rem;bottom:auto;background-color:rgba(0,0,0,.5);}
    .detailphoto-wrap.imgresize .thumbnailSwiper {width:100%;}
    .detailphoto-wrap.imgresize .thumbnailSwiper span {width:10%;}   
    /* 총비용 */
    .cost {display:flex; gap:0.5rem;}
    .cost p {color:#fff; background-color:var(--color-dark-blue); }
    .cost p, .cost button {position:relative;display:flex; flex-direction: column;gap:0.25rem; width:100%; border-radius:0.875rem; padding:1.125rem; }
    .cost span{display:block;font-size:0.875rem; line-height:1.3em; text-align:left;  font-weight:400; color:inherit; opacity: 0.7;}
    .cost strong {display:block;font-size:1.125rem;line-height:1.3em;text-align:left; font-weight:700;color:inherit; }
    .cost em {display:block;font-size:0.75rem;line-height:1.3em; ;text-align:left; color:rgba(255,255,255,0.5); font-weight:400; margin-top:0.25rem;  }
    .cost .link {background-color:#FEE685; color:#000; cursor: pointer;}
    .cost .link em {color:rgba(0,0,0,0.5)}
    .cost .link em:after {content:'click'; display:inline-flex; align-items: center; height:1rem; margin-left:0.25rem; padding:0 0.25rem; border-radius:3rem; background-color:var(--color-red); color:#fff; font-size:0.75rem; font-weight:600;opacity:1 }
    .cost .link:after {content:''; position:absolute; right:1rem; top:1.25rem; width:1rem; height:1rem; background:url(/images/arrow_right.svg) no-repeat center ;}
    .cost .score {display:flex; flex-direction: row; align-items: center;gap:1rem;padding:0.625rem 1.125rem; background: linear-gradient(to right, #0F172B 0%, #263456 100%);}
    .cost .score:after {content:''; position:absolute; right:1rem; top:50%; margin-top:-0.5rem; width:1rem; height:1rem; background:url(/images/arrow_right.svg) no-repeat center ;}
    .cost .score figure {display:flex; align-items: center; justify-content: center;font-size:1rem; font-weight:bold; color:#fff;  width:3.5rem; height:3.5rem; border-radius:50%; background-color:rgba(255,255,255,0.1)}
    .cost .score strong {color:#fff; font-size:1rem;}

    /* 항목별 점수구성 */
   .ul_list.score li.n01 .figure_item figure {background-image:url(/images/icon_coin.svg)}
   .ul_list.score li.n02 .figure_item figure {background-image:url(/images/icon_percent.svg)}
   .ul_list.score li.n03 .figure_item figure {background-image:url(/images/icon_accident.svg)}
   .ul_list.score li.n04 .figure_item figure {background-image:url(/images/icon_mile.svg)}
   .ul_list.score li.n05 .figure_item figure {background-image:url(/images/icon_eyes.svg)}

   /* 상세메인 바로가기 */
   .shortcut-menu {display:flex;flex-wrap: wrap;}
   .shortcut-menu li {width:25%; text-align:center; padding:0.625rem 0; cursor: pointer;}
   .shortcut-menu li figure { position:relative; display:inline-block; width:4.875rem; height:4.875rem; border-radius:1.375rem; background-color:#fff; border:1px solid transparent; box-shadow:0.125rem 0.125rem 0.5rem rgba(0,0,0,0.05); background-repeat: no-repeat; background-position: center ; background-size:auto 67%; transition: all 0.2s;}
   .shortcut-menu li:hover figure {border-color: var(--color-blue)}
   .shortcut-menu li p {padding-top:0.5rem; font-size:0.875rem; font-weight:400; color:var(--color-greyblue)}
   .shortcut-menu li.contract figure {background-image:url(/images/flaticon_paper_write.svg)}
   .shortcut-menu li.schedule figure {background-image:url(/images/flaticon_calendar.svg)}
   .shortcut-menu li.apply figure {background-image:url(/images/flaticon_paper.svg)}
   .shortcut-menu li.export_off figure {background-image:url(/images/flaticon_export_off.svg)}
   .shortcut-menu li.export_on figure {background-image:url(/images/flaticon_export.svg)}
   .shortcut-menu li.loc figure {background-image:url(/images/flaticon_location.svg)}
   .shortcut-menu li.perf figure {background-image:url(/images/flaticon_perf.svg)}
   .shortcut-menu li.ins figure {background-image:url(/images/flaticon_ins.svg)}
   .shortcut-menu li .state {position:absolute; left:0; right:0; text-align:center; bottom:0.625rem;}
   .shortcut-menu li .state span {display:inline-block;  height:1.125rem; padding:0 0.5rem; border-radius:3rem;}
   .shortcut-menu li .state span:before {content:''; display: inline-block;vertical-align: top; font-size:0.6875rem;line-height: 1.125rem; color:#fff; letter-spacing: -0.04em;}
   .shortcut-menu li.export_off .state span {background-color:var(--color-grey8)}
   .shortcut-menu li.export_on .state span {background-color:var(--color-blue); }
   .shortcut-menu li.export_on .state span:before {content:'수출가능'; }
   .shortcut-menu li.export_off .state span:before {content:'수출안됨'; }
   .shortcut-menu li.assess figure {display:inline-flex; flex-direction: column; align-items: center; justify-content: center;}
   .shortcut-menu li.assess .corp img {height:0.625rem;}
   .shortcut-menu li.assess .weather {padding-bottom:0.375rem;}
   .shortcut-menu li.assess .weather img {height:1.625rem;}
   .shortcut-menu li.off  {cursor: default;}
   .shortcut-menu li.off figure {box-shadow:none;}
   .shortcut-menu li.off p {color:#ccc}
   .shortcut-menu li.off.contract figure {background-image:url(/images/flaticon_paper_write_off.svg)}
   .shortcut-menu li.off.schedule figure {background-image:url(/images/flaticon_calendar_off.svg)}
   .shortcut-menu li.off.apply figure {background-image:url(/images/flaticon_paper_off.svg)}
   .shortcut-menu li.off.loc figure {background-image:url(/images/flaticon_location_off.svg)}
   .shortcut-menu li.off.perf figure {background-image:url(/images/flaticon_perf_off.svg)}
   .shortcut-menu li.off.ins figure {background-image:url(/images/flaticon_ins_off.svg)}
   .shortcut-menu li.loc {cursor:default}
   .shortcut-menu li.loc figure {/* box-shadow:none; */}
   .shortcut-menu li.loc:hover figure {border-color:transparent; }
   .shortcut-menu li.off:hover figure{border-color:transparent !important}

   /* 셀프정비 */
   .self_repair {display:flex; flex-direction: column; gap:0.9375rem;}
   .self_repair .roundbox { display: flex; flex-direction: column;gap:0.375rem; text-align: center; justify-content: center; background-color:#EDF2FA; border-color:#D5DEEE;}
   .self_repair .title {font-size:1rem; font-weight:500; color:var(--color-greyblue)}
   .self_repair .title strong {color:var(--color-dark-blue); font-weight:bold;}
   .self_repair .price {font-size:0.9375rem; font-weight:400;color:var(--color-greyblue)}
   .self_repair .price strong {color:var(--color-blue)}
   .self_repair .badge-list {justify-content: center;padding-top:0.25rem;}
   .self_repair .badge-list span {border:1px dashed #C6D0E2; height:2rem; font-size:0.9375rem;padding:0 1.25rem;  font-weight:700;}
  
    
   /* 차량정보 */
   .carinfo-center .detail-top {padding-top:0.5rem; gap:0.5rem;}
   .carinfo-center .button-group.mini { gap:0.1875rem; padding:0.5rem 0;}
   .carinfo-center .button-group .button { padding:0;  }
   .carinfo-center .cartitle {align-items: flex-start;}
   .carinfo-center .cartitle * {flex:auto;}
   .carinfo-center .cartitle .btn.best {height:1.5rem; border-radius:3rem;padding:0 0.625rem; font-size:0.8125rem; background-color:#FDEEF0; border:1px solid var(--color-red); color:var(--color-red); letter-spacing: -0.02em;}
   .carinfo-center .cartitle .btn.best:hover {color:#fff; background-color:var(--color-red)}
   .carinfo-center .comment {border:1px solid #EBF0F5; border-radius:var(--radius-basic); padding:0.9375rem;}
   .carinfo-center .comment strong {display:block; font-size:1rem; line-height:1.3em; font-weight:700; color:var(--color-greyblue2); }
   .carinfo-center .comment p {padding-top:0.375rem; font-size:0.875rem; color:var(--color-greyblue); line-height:1.5em; }

    @media all and (max-width:450px){
    .button-group.mini .icon:before {width:0.875rem; height:0.875rem}
    }
  @media all and (max-width:355px){
    .button-group.mini .icon:before {display:none;}
     }


   /* 승계정보 */
  .trans_corp {display:flex; align-items: center; gap:1rem;}
  .trans_corp .corp strong{font-size:0.9375rem; font-weight:700; color:var(--color-dark-blue) }
  .trans_corp .corp .call {padding-left:1.25rem; font-size:0.9375rem; font-weight:500; color:var(--color-greyblue); background-repeat: no-repeat; background-position:left ;background-size:auto 1.125rem; 
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.06887 12.9311C5.55767 11.417 4.3955 9.59102 3.66364 7.58087C3.261 6.48187 3.62991 5.27465 4.45768 4.44688L4.96994 3.93532C5.10765 3.79733 5.27124 3.68785 5.45132 3.61315C5.6314 3.53845 5.82444 3.5 6.0194 3.5C6.21436 3.5 6.4074 3.53845 6.58749 3.61315C6.76757 3.68785 6.93115 3.79733 7.06887 3.93532L8.26835 5.13481C8.40635 5.27253 8.51583 5.43611 8.59053 5.61619C8.66523 5.79627 8.70368 5.98932 8.70368 6.18428C8.70368 6.37924 8.66523 6.57228 8.59053 6.75236C8.51583 6.93245 8.40635 7.09603 8.26835 7.23374L7.97323 7.52887C7.85509 7.64698 7.76138 7.7872 7.69745 7.94153C7.63351 8.09586 7.60061 8.26127 7.60061 8.42832C7.60061 8.59536 7.63351 8.76077 7.69745 8.9151C7.76138 9.06943 7.85509 9.20965 7.97323 9.32776L10.6715 12.0268C10.7897 12.1449 10.9299 12.2386 11.0842 12.3026C11.2385 12.3665 11.4039 12.3994 11.571 12.3994C11.738 12.3994 11.9034 12.3665 12.0578 12.3026C12.2121 12.2386 12.3523 12.1449 12.4704 12.0268L12.7663 11.7317C12.904 11.5937 13.0676 11.4842 13.2476 11.4095C13.4277 11.3348 13.6208 11.2963 13.8157 11.2963C14.0107 11.2963 14.2037 11.3348 14.3838 11.4095C14.5639 11.4842 14.7275 11.5937 14.8652 11.7317L16.0647 12.9311C16.2027 13.0689 16.3122 13.2324 16.3869 13.4125C16.4615 13.5926 16.5 13.7857 16.5 13.9806C16.5 14.1756 16.4615 14.3686 16.3869 14.5487C16.3122 14.7288 16.2027 14.8924 16.0647 15.0301L15.5531 15.5416C14.7254 16.3701 13.5181 16.739 12.4191 16.3364C10.409 15.6045 8.583 14.4423 7.06887 12.9311Z' stroke='%23333333' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
  .trans_corp .trans_result {display:inline-flex; align-items: center; gap:0.5rem;}
  .trans_corp .trans_result .state {width:2rem; height:2rem; border-radius:0.5rem; background-color:#fbfdff; border:1px solid #D4E5FF; background-repeat: no-repeat; background-position: center ; background-size: auto 68%;}
  .trans_corp .trans_result .state img {height:1rem;}
  .car_tax {display:flex; flex-direction: column;padding-top:0.25rem;gap:0.375rem; }
  .car_tax p {display:flex; align-items: center;font-size:0.9375rem;color:var(--color-greyblue); font-weight:500; }
  .car_tax p span { margin-right:0.5rem;font-weight:400;}
  .car_tax p strong {color:var(--color-dark-blue); font-weight:600}


  /* 용어설명 */
  .explain_box {display:flex; flex-direction: column; gap:0.5rem; }
  .explain_box .item_box {display:flex; flex-direction: column; gap:0.375rem;  background-color:var(--color-dark-blue); padding:1.25rem; border-radius:0.75rem;}
  .explain_box .item_box .title {display:flex; align-items: center; justify-content: space-between; font-size:0.9375rem; font-weight:500; color:#fff;}
  .explain_box .item_box .title strong {font-size:0.9375rem;}
  .explain_box .item_box .title .badge {height:1.5rem;border-radius:3rem; padding:0 0.75rem; background-color:rgba(255,255,255,0.08); color:#fff; font-weight:400 }
  .explain_box .item_box .cont { color:#fff;}
  .explain_box .item_box .cont strong {font-size:1rem; line-height:1.5em;}
  .explain_box .item_box .cont p {font-size:0.8125rem;  color:#94B0ED;font-weight:300;padding-top:0.1875rem;}

  /*  무료서비스  */
  .free_service .ul_list {gap:0.625rem;}
  .free_service .ul_list li { background-color:var(--color-basic-bg); border-radius:var(--radius-basic); padding:1rem;}
  .free_service .figure_item figure {background-color:#fff;}
  
  
  /*지도 */
  .map_box {margin-top:0.75rem; border-radius:var(--radius-basic); overflow: hidden;height:15rem; }
  .root_daum_roughmap { width:100% !important; height:100% !important;}

  /*  남은기간,거리 */
  .remain_mile {position:relative; display:flex; flex-direction: column; gap:0.5rem; padding:1rem 0 0.5rem;}
  .remain_mile .times {display:flex; align-items: center; font-size:0.8125rem; font-weight:400; color:var(--color-grey8); }
  .remain_mile .times strong {font-size:0.9375rem; font-weight:bold; color:var(--color-red); }
  .remain_mile .bar {position:relative; width:100%; height:0.625rem; border-radius:2rem; background-color:#ECEEF0;}
  .remain_mile .bar .bar-on {position:absolute; left:0; top:0; height:100%; width:20%; background-color:var(--color-red); border-radius:5rem; }
  .remain_mile .anchor {display:flex; align-items: center; justify-content: space-between;}
  .remain_mile .anchor i {font-size:0.875rem; color:var(--color-grey6); }
  .remain_mile .exp {display:flex; align-items: center; justify-content: center;line-height:1.75rem;  font-size:0.875rem; color:var(--color-grey6); padding-top:0.375rem; }
  .remain_mile .exp span { display:inline-flex; align-items:center; gap:0.25rem; border:1px solid #dedede; border-radius:3rem; padding:0 0.875rem 0 0.625rem; font-size:0.875rem; font-weight:400; color:var(--color-grey3); margin-right:0.5rem;}
  .remain_mile .exp span:before {content:'';width:1rem; height:1rem; background:url(/images/icon_check_red.svg) no-repeat left ;  background-size:auto 1rem;}


  /* 동급차량 */
  #mobile_content .car-list-wrap {display:flex;}
  .samecar {
  .car-list-wrap { padding:0.5rem 0 0 !important}
  
  .car-list.album {width:100% !important; height:auto; padding:0 !important}
  .car-list.album>ul { gap:1rem; display:block; overflow-y: auto;  white-space: nowrap; overflow-x: auto; font-size:0;}
  .car-list.album>ul>li {display:inline-block; vertical-align: top; width:53% !important; margin-right:1.125rem; border:0 !important; border-radius:0; padding-bottom:0; white-space: wrap;  } 
  .car-list.album>ul>li:last-child {margin:0 !important}
  .car-list.album .car-img {border-radius:0.625rem;}
  .car-list.album .carinfo {padding:0.5rem 0 0 !important}
  .car-list.album .carprice-box .price-info {padding-right:0.125rem;}
  .car-list.album .carprice-box .price-info li {width:100% !important;}
  .car-list.album.type_rent .carprice-box .price{gap:0 !important; }
  .car-list.album.type_rent .carinfo {padding:0.5rem 0 0.25rem !important}
  .car-list.album.type_rent .cardesc {padding-top:0 !important}
  .car-list.album .support { padding-top:0.45rem !important; border-top:0 !important; }
  .cartitle {display:block;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; font-size:0.9375rem !important;}
  .car-list.album .carprice-box {padding:0;}
  .badge-list, .viewCount {display:none !important}
  .cardesc span, .cardesc strong {font-size:0.8125rem !important;}
  .carprice-box .price {gap:0.25rem !important}
  .carprice-box .price em {font-size:0.8125rem !important; color:#888; font-weight:300 !important}
  .carprice-box .price em.label_lease { position: relative; font-size:0 !important; padding-left:1.25rem;}
  .carprice-box .price em.label_lease:before {content:'리'; position: absolute;left:0 ; top:3px; font-size:0.75rem; font-weight:500; height:1rem; line-height:0.9375rem; padding:0 0.25rem; border-radius:0.1875rem;  border:1px solid var(--color-red); color:var(--color-red) }
  .carprice-box .price strong {font-size:0.875rem !important}
  .carprice-box i.remain {font-size:0.8125rem !important}
  
  }

  .mov_clip {width:100%; margin-top:0.625rem; border-radius:var(--radius-basic); overflow: hidden;}

  /* 심사정보 */
  .insAssess {
  .corp_info { display:flex;background-color:var(--color-basic-bg); padding:0.9375rem; border-radius:1rem;}
  .corp_info figure {display:flex; align-items: center; justify-content: center; background-color:#fff; width:7.5rem; height:7.5rem;}
  .corp_info figure img {width:80%; max-width: 80%;}
  .corp_info ul {display:flex; flex-direction: column; width:calc(100% - 7.5rem); padding-left:0.875rem;}
  .corp_info ul li {display:flex; flex-direction: column; gap:0.125rem; padding:0.5rem 0; border-bottom:1px solid #E1E7EF; font-size:0.875rem;}
  .corp_info ul li:first-child {padding-top:0;}
  .corp_info ul li:last-child {border:0;padding-bottom:0; }
  .corp_info ul li strong {font-weight:500;}
  .corp_info ul li p {color:#666; font-weight:300; }
  .ul_list {gap:0; padding-top:0.5rem;}
  .ul_list>li { align-items: center; justify-content: flex-start; border-bottom:1px solid var(--color-border); padding:0.875rem 0; }
  .ul_list>li strong {text-align:left;}
  .ul_list>li div:first-child {width:7rem;}
  .ul_list>li div:first-child + div {width:calc(100% - 7rem); text-align:left;}

  .ins_weather {display:flex; flex-direction: row; justify-content: flex-start; gap:1.25rem; }
  .ins_weather li {  display:flex; flex-direction: column; justify-content: center; width:auto; text-align:center;}
  .ins_weather figure { width:2.5em; height:2rem; background-repeat: no-repeat; background-position: center ; background-size:auto 80%;}
  .ins_weather span {  font-size:0.8125rem; font-weight:500; padding-top:0.25rem; color:#888;}
  .ins_weather li.on span {color:var(--color-blue)}
  .ins_weather li.on .sunny {background-image: url(/images/weather_sunny.svg);}
  .ins_weather li.on .cloudy {background-image: url(/images/weather_cloudy.svg)}
  .ins_weather li.on .rain {background-image: url(/images/weather_rain.svg)}
  .ins_weather li .sunny {background-image: url(/images/weather_sunny_off.svg);}
  .ins_weather li .cloudy {background-image: url(/images/weather_cloudy_off.svg)}
  .ins_weather li .rain {background-image: url(/images/weather_rain_off.svg)}

  }

.ul_list.wdfix li>div:first-child {width:5.75rem;}
.ul_list.wdfix li>div:first-child + div {width:calc(100% - 5.75rem);}

} /*  end cardetail*/


.cardetail.carzoom #wrapper { gap:0; }
.cardetail.carzoom body {background-color:#f6f7f8; width:100%; }
.cardetail.carzoom .container {padding:0; display:block;}
.cardetail.carzoom .content_body {width:100%; padding:3.75rem 0 0}

.zoom_photo {display:flex; flex-direction:column; gap:0.25rem; }
.zoom_photo img {width:100%;}

/* 상세페이지  리스/렌트 계산기 */
.loan_process {padding:0.75rem; background-color:#2B3142; border-radius:var(--radius-basic);}
.loan_process i {display:block;width:100%; background-color:rgba(255,255,255,0.05);padding:0.625rem 0.875rem; border-radius:0.625rem; color:#fff; font-size:0.8125rem; line-height:1rem;  margin-bottom:0.875rem;}
.loan_process i:before {content:''; display:inline-block; vertical-align: middle;margin-right:0.35rem;margin-top:-1px; width:1rem; height:1rem; background-repeat: no-repeat; background-position: center ; background-size:auto 100%;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_258_2050)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 7.5C15 9.48912 14.2098 11.3968 12.8033 12.8033C11.3968 14.2098 9.48912 15 7.5 15C5.51088 15 3.60322 14.2098 2.1967 12.8033C0.790176 11.3968 0 9.48912 0 7.5C0 5.51088 0.790176 3.60322 2.1967 2.1967C3.60322 0.790176 5.51088 0 7.5 0C9.48912 0 11.3968 0.790176 12.8033 2.1967C14.2098 3.60322 15 5.51088 15 7.5ZM8.4375 4.6875C8.4375 4.93614 8.33873 5.1746 8.16291 5.35041C7.9871 5.52623 7.74864 5.625 7.5 5.625C7.25136 5.625 7.0129 5.52623 6.83709 5.35041C6.66127 5.1746 6.5625 4.93614 6.5625 4.6875C6.5625 4.43886 6.66127 4.2004 6.83709 4.02459C7.0129 3.84877 7.25136 3.75 7.5 3.75C7.74864 3.75 7.9871 3.84877 8.16291 4.02459C8.33873 4.2004 8.4375 4.43886 8.4375 4.6875ZM7.5 6.5625C7.25136 6.5625 7.0129 6.66127 6.83709 6.83709C6.66127 7.0129 6.5625 7.25136 6.5625 7.5V10.3125C6.5625 10.5611 6.66127 10.7996 6.83709 10.9754C7.0129 11.1512 7.25136 11.25 7.5 11.25C7.74864 11.25 7.9871 11.1512 8.16291 10.9754C8.33873 10.7996 8.4375 10.5611 8.4375 10.3125V7.5C8.4375 7.25136 8.33873 7.0129 8.16291 6.83709C7.9871 6.66127 7.74864 6.5625 7.5 6.5625Z' fill='%23F6F6F6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_258_2050'%3E%3Crect width='15' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.loan_process .step {display:flex; align-items: flex-start;  gap:1.5rem;}
.loan_process .step li {position: relative;  width:calc(33.3% - 1rem);}
.loan_process .step li:after {content:''; position:absolute; right:-1.5rem;top:0; width:1.5rem; height:100%;  background-repeat: no-repeat; background-position: center ; background-size:auto 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6.98072L10.0411 6L15.7116 11.3449C15.803 11.4306 15.8755 11.5324 15.925 11.6446C15.9745 11.7568 16 11.8771 16 11.9986C16 12.1201 15.9745 12.2404 15.925 12.3526C15.8755 12.4648 15.803 12.5666 15.7116 12.6523L10.0411 18L9.00098 17.0193L14.3231 12L9 6.98072Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.loan_process .step li:last-child:after {display:none;}
.loan_process .step button { position: relative; display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap:0.375rem;width:100%; padding:0.625rem; border:2px solid transparent; border-radius:0.625rem; color:#fff;}
.loan_process .step button strong {font-size:0.9375rem;font-weight:700;}
.loan_process .step button span {font-size:0.75rem; font-weight:300; letter-spacing: -.04em; }


.loan_process .step button:hover,
.loan_process .step button:focus,
.loan_process .step button.active { border-color:#F6D202; background-color:rgba(255,255,255,0.05)}
.loan_process .step button.blink {border:2px solid #F6D202; border-radius:0.625rem;}
.loan_process .step button.blink:after {content:'click'; position:absolute; right:0.25rem; top:0.25rem; height:1.0625rem;padding:0 0.25rem; display:inline-flex; align-items: center; border-radius:0.35rem; background-color:#F6D202; color:#111; font-size:0.7rem; font-weight:bold;}



/*  인수시 총비용*/
.takeover_cost { display:flex; flex-direction: column; gap:0.75rem; padding-top:0;
 .badge {border-radius:5rem;}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { text-align:left;}
.h3 {font-size:1.125rem; color:var(--color-dark-blue); font-weight:700; line-height:1.3em; margin-bottom:0.625rem;}
.h5 {font-size:0.9375rem; color:var(--color-dark-blue); font-weight:700; line-height:1.3em;padding:0 0 0.5rem; }
.roundbox {padding:0.875rem;}
.title_wrap {padding-bottom:0.5rem;}
.cost_totalbox {background-color:var(--color-yellow); border-radius:var(--radius-basic); padding:1.125rem 1.5rem; color:#111;}
.cost_totalbox span {font-size:0.9375rem; font-weight:500;}
.cost_totalbox strong {display:block; font-size:1.5rem; font-weight:700; line-height:1.5em;}
.monthly_cost {display:flex; align-items: center; justify-content: space-between; padding:0.25rem 0.25rem 0;}
.monthly_cost p {display:inline-flex; flex-direction: column; gap:0.25rem; width:auto;}
.monthly_cost span {font-size:0.875rem; font-weight:300; color:var(--color-grey7)}
.monthly_cost strong {font-size:1rem; font-weight:700; color:var(--color-grey2)}
.monthly_cost.list {flex-direction: column; gap:0.5rem; align-items: flex-start; }
.monthly_cost.list li {display:flex; align-items: flex-start; justify-content: space-between; width:100%;}
.monthly_cost.list li i {display:block; font-size:0.75rem; font-weight:300; color:var(--color-grey8); }
.monthly_cost.list li span {color:var(--color-grey6)}
.monthly_cost.list li span,
.monthly_cost.list li strong {font-size:0.875rem;}


.lease_title {display:flex; align-items: center; justify-content: space-between;padding-bottom:0.625rem;}
.lease_title dl {position:relative; padding-left:3rem;}
.lease_title dl:before {content:''; position:absolute; left:0; top:50%; margin-top:-1.25rem;  width:2.5rem; height:2.5rem; border-radius:0.75rem; background:var(--color-dark-blue) url(/images/icon_info.svg) no-repeat center ; background-size:auto 50%; }
.lease_title dl dt {font-size:1rem; font-weight:700; color:var(--color-dark-blue)}
.lease_title dl dd {font-size:0.75rem; font-weight:400; color:var(--color-grey7)}
.lease_title .btn {display:inline-flex; height:1.875rem; border:1px solid var(--color-border); border-radius:0.5rem; padding:0 0.625rem; font-size:0.8125rem; color:var(--color-grey6); font-weight:400;}
.roundbox .inbox p {  font-size:0.875rem;line-height:1.6em; color:var(--color-grey4); font-weight:300 }
.roundbox .monthly_cost {margin-bottom:0.5rem;}
.roundbox .exp {font-size:0.8125rem; line-height:1.4em; font-weight:400;padding:0.25rem 0; color:var(--color-grey6)}
.roundbox .inbox_group {padding-top:1rem;}
.roundbox .inbox_group h5 {padding:0}
.roundbox .inbox_group h6 { margin:0; font-weight:600; font-size:0.9375rem;}
.roundbox .inbox_group .cont_txt {font-size:0.875rem; color:var(--color-greyblue); font-weight:400; line-height:1.6em; padding-top:0.625rem; }
.roundbox .inbox_group .badge {height:1.625rem; padding:0 0.875rem; font-size:0.8125rem;}
.btn.line {height:1.625rem;padding:0 0.75rem; font-size:0.75rem; background-color:#fff; border-color:var(--color-dark-blue)}
.roundbox.open .fuc_hide {display:none;}
.box_cont {padding-top:0.625rem;}
.itembox_wrap {  flex-wrap: nowrap}
.itembox_wrap .itembox {width:100%; padding:0.9375rem 1rem}

}/*  end 인수시 총비용*/

/* 평가등급 */
.rating_grade { display:flex; align-items: center; gap:0.875rem; }
.rating_grade span {display:inline-flex; align-items: center; gap:0.25rem;height:2.5rem;font-weight:500;font-size:0.9375rem; padding:0 1.25rem; border-radius:3rem; background-color:#EFF3F8; }
.rating_grade dl dt {font-size:1.125rem; font-weight:700; line-height:1.3em;}
.rating_grade dl dd {font-size:0.875rem;font-weight:500;color:var(--color-grey3)}

@keyframes blink {
  0%   { opacity: 1; }
  50%  { opacity: 0.1; }
  100% { opacity: 1; }
}

.blink {
  animation: blink 1.6s infinite;   
}

.loan_calculator {
    display:flex; flex-direction: column; padding:0;
    .roundbox .title_wrap {padding-top:0;}
    .txt {font-size:0.9375rem; color:var(--color-grey3); font-weight:500; padding-top:0.5rem;}
    .txt b {font-weight:700; color:var(--color-red)}
    .title {display:flex; align-items: center; gap:1rem; margin:0.625rem 0; background-color:#1D2231;  border-radius:var(--radius-basic); padding:0.9375rem; font-size:1rem; color:#fff; font-weight:600;}
    .title span {display:inline-flex; align-items: center; padding:0 0.75rem; background-color:var(--color-red); height:1.75rem; border-radius:0.35rem; font-size:0.875rem; font-weight:500;}
    .step_cont ul{display: flex; flex-direction: column; border-radius:0; }
    .step_cont li {display: flex; flex-direction: column;  display:none; margin-top:0.625rem;}
    .step_cont li>div.box {display: flex; flex-direction: column;gap:0.5rem; padding:1.25rem 1.25rem 1rem; background-color:#393F51; border-radius:var(--radius-basic); }
    .step_cont .cont_top {display:flex; align-items: flex-end; justify-content: space-between; padding:0; margin:0; color:#fff;}
    .step_cont .cont_top strong{font-size:1rem; font-weight:700;}
    .step_cont .cont_top strong i {font-size:0.8125rem; font-weight:300;}
    .step_cont .cont_top span {font-size:0.8125rem; font-weight:400;}
    .step_cont .cont  { position:relative; padding-top:0.25rem;}
    .step_cont .cont p {font-size:1rem; font-weight:600; color:#fff; }
    .step_cont .cont p strong { display: inline-flex; align-items: center; color:#FFD900; font-weight:700;line-height:2.25rem;margin:0 0.25rem }
    .step_cont .cont p strong.total {border-radius:0.5rem; background-color:rgba(0,0,0,0.5); padding:0 1rem; }
    .step_cont .cont select, .step_cont .cont input { width:auto; background-color:#1D2231 !important; border-radius:0.625rem;  height:2.8125rem; color:#fceb00; border:0 !important;}
    .step_cont .cont select {flex: 0 0 7rem;}
    .step_cont .cont .unit {width:10rem;}
    .step_cont .cont .unit.won::before {color:#fff;}
    .step_cont .cont .btn-next {position:absolute; right:0rem; bottom:0rem; display:inline-flex; align-items: center; height:1.875rem; padding:0 0.625rem 0 0.875rem; border-radius:1rem; background-color:#FFD900; color:#000; font-size:0.8125rem; font-weight:500;  border-bottom:0px solid rgba(255,255,255,0.1)}
    .step_cont .cont .btn-next:after {content:''; display:inline-block; margin-left:0.25rem; width:0.875rem; height:1.875rem; background-repeat: no-repeat; background-position: center ; background-size:auto 1.5rem; 
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10L12 14L16 10' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    }

    .step_cont .fuc_cont {display:none}
    .cal_top {background-color:#1D2231; padding:1.25rem;}
    .cal_top ul {display:flex; flex-direction: column;gap:0.5rem; }
    .cal_top li {display:flex; align-items: center;}
    .cal_top li>div {font-size:0.9375rem; font-weight:500; color:#fff;}
    .cal_top li>div:first-child{width:6rem}
    .cal_top li>div:first-child + div {width:calc(100% - 6rem);display:flex; align-items: center;}
    .cal_top li>div input[type=radio] + label {color:#fff; font-size:0.9375rem;}
    .cal_top input {height:3rem; border:0 !important}
    .cal_total {background-color:#1D2231; padding:1.25rem;display:flex;  flex-direction: column; gap:0.5rem;}
    .cal_total p {font-size:1rem; line-height:1.6em;  font-weight:600; color:#fff; }
    .cal_total p strong {font-weight:800;}
    
}/*  end .loan_calculator */

/* ========================================================
	 모두의 계산기
========================================================= */
.sub_calculator {
 #mobile_content{background-color:#edeff3;}
.guide.box { background-color:#fff;}

.loan_calculator {
    background-color:#393F51; border-radius:var(--radius-basic); overflow: hidden;
    .step_cont ul{gap:0;}
    .step_cont ul li {display:block !important; margin:0;}
    .step_cont .cont  {display:flex;  flex-direction: column; gap:0.5rem;}
    .step_cont .cont p { display:flex;flex-direction: row; align-items: center; flex-wrap: wrap; gap:0.5rem; font-size:0.875rem; font-weight:500; color:#fff; }
}/*  end .loan_calculator */
.ul_list {gap:1rem;}
.ul_list li {font-size:0.9375rem;}
.ul_list.bg {padding:0; background-color:transparent; gap:0.625rem;}
.ul_list.bg li {display:flex; justify-content: space-between; border-radius:0.875rem; background-color:#F3F6FB; border:1px solid #DFE6F3; padding:1.125rem; }
.ul_list.bg li p {display: flex; flex-direction: column; gap:0.375rem; align-items: flex-start;}
.ul_list.bg li p strong {font-size:1.125rem; font-weight:700; color:var(--color-dark-blue)}
.ul_list.bg li p span {display:inline-flex; align-items: center;font-size:0.9375rem; font-weight:400; color:var(--color-greyblue2)}
.ul_list.bg li p span.sale {  height:1.85rem; padding:0 0.75rem; border-radius:3rem; border:1px solid var(--color-border); font-size:0.875rem; background-color:rgba(255,255,255,0.8) }
.ul_list.bg li p.right {align-items: center;}


.roundbox {border:0;}
.form-group{ gap:2rem;}
.total_install { display:flex; flex-direction: column; gap:0.625rem;  background-color:var(--color-blue); padding:1.5rem 2rem; border-radius:var(--radius-basic); color:#fff; }
.total_install p {font-size:0.9375rem; font-weight:300;}
.total_install .price {display:flex; align-items: flex-end; justify-content: space-between;}
.total_install .price strong {font-size:1.5rem; font-weight:700; }
.total_install .price em {font-size:0.875rem; font-weight:300; line-height:1.5; padding-bottom:0.125rem; opacity: 0.8;}

.cartax_top{ background-color:#DCE9FA; margin-left:-1.125rem; margin-right:-1.125rem; margin-top:-1.5rem; padding:1.5rem 1.25rem 2rem;}
.cartax_item {display:flex; flex-wrap: wrap; gap:0.5rem; }
.cartax_item .item { display:flex; flex-direction: column; justify-content: flex-start; gap:0.5rem;  background-color:#fff; padding:1rem; border-radius:0.875rem;  width:calc(50% - 0.25rem); }
.cartax_item .item .title {font-size:0.875rem; font-weight:400; color:var(--color-greyblue); }
.cartax_item .searchBox {width:100%; border-radius:0.875rem; background-color:#fff;  border:0}
.cartax_item .searchBox button { background-size:auto 1.25rem}
.range-slider {position:relative;padding:0.25rem 0;}
.slider-track {position:relative;height:0.375rem; width:100%; border-radius:3rem; background-color:#DCE1EB;}
.slider-progress {background-color:var(--color-blue); height:100%;border-radius:3rem; }
.slider-thumb {position:absolute; left:auto; top: -3px;   width:0.75rem; height:0.75rem; border-radius:50%; background-color:var(--color-blue); z-index:5}


}



/* ========================================================
	 성능점검센터
========================================================= */
.depth3.car_report  #mobile_content {background-color:#fff;}
.depth3.car_report .container {padding-top:0;}
.car_report {
    .ul_list dt .badge {height:1.5rem; margin-left:0.25rem;}
    .btn {padding:0 0.625rem;}
    .btn.call {height:1.75rem; font-size:0.8125rem;}
    .ul_list dl {  gap:0.25rem;}
    .ul_list dl dt {font-size:1rem;  }
    .ul_list dl dt a {display:inline-block; font-size:1rem; }
    .ul_list dl dt a:hover {text-decoration: underline; color:var(--color-blue)}
    .ul_list dl dd {font-size:0.875rem; font-weight:400}
    .ul_list.box {gap:0.625rem;}
    .fieldset {gap:2rem;}
    .insp_center { background-color:var(--color-dark-blue); border-radius:1rem; padding:1.5rem}
    .insp_center .title {display:flex; align-items: center; justify-content: space-between;}
    .insp_center .title h2 {display:flex; align-items: center; gap:0.25rem; font-size:1.125rem; color:#FFF; font-weight:600; }
    .insp_center .title .badge.on {background-color:transparent; color:#28a9ff; border-color:#28a9ff; }
    .insp_center .badge-list {padding-top:0.625rem;}
    .insp_center .badge-list .badge {background-color:rgba(255,255,255,0.05); border-radius:3rem;padding:0 0.625rem; height:1.5rem; border:1px solid rgba(255,255,255,0.1); font-size:0.75rem; color:#fff; font-weight:300;}
    .insp_center ul {display:flex; flex-direction: column; padding-top:1rem; gap:0.25rem; }
    .insp_center ul li {position:relative; display:flex; align-items: center; gap:0.5rem; padding-left:0.875rem; font-weight:400; color:#fff; font-size:0.875rem; }
    .insp_center ul li span {font-weight:200; color:#ddd}
    .insp_center ul li:before {content:''; position:absolute; left:0.25rem; top:50%; margin-top:-1.5px; width:3px; height:3px; border-radius:50%; background-color:#ddd;}
    .center_loc {display:flex; align-items: center; color:#3FFFC8; font-weight:600; font-size:0.8125rem; }
    .center_loc:before {content:''; display:inline-flex; width:1.125rem; height:1.125rem; margin-right:0.25rem;  background:url(/images/icon_loc.svg) no-repeat center -1px; background-size:auto 100%;}
    .button-group .button {font-size:0.875rem;}
    .insp_img { display:block; width:100%;   border-radius:var(--radius-basic); background-color:#f8f8f8; background-repeat: no-repeat; background-position: center ; background-size:cover;aspect-ratio: 6 / 3.5; }
} /* .end car_report  */



/* ========================================================
	 카달로그
========================================================= */
.sub_catalog {
 .container {padding:0 1.5rem;}
.fieldset .row {gap:1.125rem;}
.fieldset .row.line {padding-top:1.5rem; border-top:1px solid #eaeaea;}
.car_board {display:flex; align-items: center;  flex-direction: row; justify-content: space-between;}
.car_board .title h2 {font-size:1.125rem; line-height:1.5em; font-weight:700; color:var(--color-grey3); line-height:1.3em; }
.car_board .title h2 em {display:block; color:var(--color-blue); font-size:0.8125rem; font-weight:400; }
.car_board .title p {font-size:0.875rem; font-weight:300;  color:var(--color-grey8); padding-top:0.25rem;}
.car_board figure img {height:4.25rem;}
select {border-radius:5rem;}
.chip_list .tab {color:var(--color-dark-blue); border-color:var(--color-dark-blue)}
.align_box {gap:0.5rem; flex-direction: column;}

} /* .end sub_catalog  */
  .sns_list {display:flex; justify-content: space-around;}
  .sns_list a {width:2.5rem;height:2.5rem; background-repeat: no-repeat; background-position: center ; background-size:auto 100%;}
  .sns_list a.kakao {background-image:url(/images/sns_kakao.svg)}
  .sns_list a.insta {background-image:url(/images/sns_insta.svg)}
  .sns_list a.fb {background-image:url(/images/sns_facebook.svg)}
  .sns_list a.x {background-image:url(/images/sns_x.svg)}
  .sns_list a.url {background-image:url(/images/sns_url.svg)}



/* ========================================================
	 가이드
========================================================= */
.sub_guide {
.box_title .h3 {font-size:0.9375rem; }
.box_cont.flex .h3 {margin:0 !important;}
.fieldset {gap:1.5rem;}
.roundbox_wrap {gap:0.5rem;}
.align_box .h3 {margin:0;font-size:1rem;}
.modal .box_cont {padding-top:0.75rem;}
.pill_tabs input[type=radio]:checked + label {border:0; background-color:var(--color-dark-blue); color:#fff;}
section {margin-left:-1.125rem; margin-right:-1.125rem; padding:3rem 1.125rem }
section .title_wrap {display:flex; flex-direction: column; justify-content: center;  gap:0.625rem; padding-top:0}
section .title_wrap .h2 {font-size:1.5rem;font-weight:700}
section .title_wrap p {font-size:0.9375rem; color:var(--color-greyblue2)}
section .title_wrap p strong {font-size:1.125rem}
.row_wrap {display:flex; flex-direction: column;gap:3rem;}

@media all and (max-width:400px){ 
.box_title .h3 {font-size:0.875rem; }
}

.txt_box {display:flex; flex-direction: column; align-items: center; gap:0.5rem;}
.emp {display:inline-flex; align-items: center; color:#fff !important; height:2.25rem; border-radius:3rem; padding:0 1.5rem;  background-color:var(--color-red); font-size:0.875rem; font-weight:500;}
.emp strong {color:#FFDA07 !important; }
.txt_box p {font-size:0.9375rem;font-weight:400; color:var(--color-greyblue2)}
.txt_box .h3 {font-size:1.5rem; line-height:1.5rem; color:var(--color-red); font-weight:700;}

.sec1 {margin-top:-1.5rem;background:url(/images/bg_buy.jpg) no-repeat center ; background-size:cover;  }
.sec1 .title_wrap {  color:#fff;align-items: center;}
.sec1 .title_wrap .label {display:inline-flex;align-items: center; height:1.875rem; line-height: 1; padding:0 1rem; border-radius:3rem; border:1px solid rgba(255,255,255,0.3); font-size:0.875rem; font-weight:400; color:#fff;}
.sec1 .title_wrap .h2 {font-weight:600; color:inherit}
.sec1 .title_wrap .h3 {font-size:1.125rem;font-weight:500; margin:1rem 0 0.5rem; color:#fff;}
.sec1 .title_wrap p {font-weight:100 !important; color:#fff; text-align: center;}
.sec2 { display:flex; flex-direction: column; align-items: center; gap:1.5rem;  background-color:#fff; }
.sec2 .title_wrap { align-items: center; text-align: center;}

.sec2 .figure_wrap {display:flex; justify-content: center; gap:1rem; }
.sec2 .figure_wrap figure {display:flex; flex-direction: column; align-items: center; justify-content: center; gap:0.25rem; border-radius:50%; width:11rem; height:11rem; aspect-ratio: 5 / 5;}
.sec2 .figure_wrap figure.n01 { background-color:#E9F5F2}
.sec2 .figure_wrap figure.n02 { background-color:#FDF3F0}
.sec2 .figure_wrap figure span {font-size:0.9375rem; font-weight:500; color:var(--color-greyblue2)}
.sec2 .figure_wrap figure strong {font-size:1.875rem; line-height:1.85rem;}
.sec2 .figure_wrap figure em { font-size:0.8125rem; font-weight:400;  color:var(--color-greyblue)}
.sec2 .figure_wrap figure.n01 strong { color:#04A78C; }
.sec2 .figure_wrap figure.n02 strong { color:#F92225; }
.sec2 .txt_box .h3 { color:var(--color-red); }

.type_rent {display:flex; flex-direction: column; gap:0.625rem;}
.type_rent .roundbox {color:#FFF; padding:1.5rem;}
.type_rent .box1 {background-color:#101a38}
.type_rent .box2 {background-color:#19AF8C}
.type_rent .label {display:inline-flex; margin-left:0.25rem; height:1.375rem; font-size:0.75rem; padding:0 0.625rem; border-radius:3rem; background-color:rgba(0,0,0,0.5)}
.type_rent h3, .type_rent span, .type_rent strong{color:#FFF; font-weight:500}
 .type_rent span {font-weight:300}

 .chip_list input[type=checkbox] + label, .chip_list input[type=radio] + label {background-color:#FFF}

/* 빠른 승계대행*/
.sec_trans {margin-top:-1.5rem; background: linear-gradient(to bottom, #DBE6FD 0%, #F0F5FD 100%);}
.quick_trans { display:flex; flex-direction: column; justify-content: center; align-items: center; gap:1.5rem;  padding-left:1.5rem; padding-right:1.5rem; 
  .badge_list { display:flex; gap:0.375rem;}
  .badge {background-color:#fff; border-radius:3rem; border:0; color:var(--color-blue);height:1.875rem; padding:0 1rem; }
 .title_wrap { align-items: center;}
  .trans_count {display:flex; justify-content: space-around; width:100%; gap:1rem; padding:0 0.5rem 1.5rem; border-bottom:1px solid rgba(0,0,0,0.1)}
  .trans_count li {display:flex; flex-direction: column; gap:0.5rem; justify-content: center; align-items: center;}
  .trans_count li span {font-size:0.875rem; font-weight:500; color:var(--color-greyblue); }
  .trans_count li strong {font-size:1.5rem; font-weight:800; color:var(--color-dark-blue)}
  .btn_quicksell { position: relative; width:100%;  display:flex;  flex-direction: column; align-items: flex-start; justify-content: flex-start; gap:0.625rem; border-radius:var(--radius-basic); padding:1.625rem 2rem; background-color:#FFF; }
  .btn_quicksell strong {font-size:1.25rem; font-weight:700; color:var(--color-blue); }
  .btn_quicksell p {font-size:0.9375rem; font-weight:400; color:#777; line-height:1.5em; text-align: left;}
  .btn_quicksell p span {color:var(--color-blue)}
  .btn_quicksell:after {content:''; position:absolute; right:2rem; bottom:1.875rem; width:3rem; height:3rem; border-radius:50%; background:var(--color-blue) url(/images/arrow_right2.svg) no-repeat center ; background-size:auto 40%; }
}

/* 프리미엄 대행서비스 */
.agency_service { text-align:center; gap:1.625rem;  padding-bottom:0; 
.title_wrap {text-align:center; align-items: center;}
.txt {display:inline-flex; align-items: center; height:2.5rem; padding:0 1.5rem; border-radius:5rem; background-color:var(--color-basic-bg); font-size:0.875rem;  margin-bottom:1rem}
 ul {display:flex; flex-wrap: wrap; gap:1rem 0; margin:0rem 0 1.5rem}
 ul li {width:33.3%; display:flex; flex-direction: column;justify-content: center; align-items: center; gap:0.5rem;}
 ul li figure {width:5rem; height:5rem; background-color:#F3F6FB; border-radius:50%; background-repeat: no-repeat; background-position: center ; background-size:auto 40%;}
 ul li p {font-size:0.875rem; color:var(--color-greyblue); font-weight:400; }
 ul li.n01 figure { background-image:url(/images/icon_agency_01.svg)}
 ul li.n02 figure { background-image:url(/images/icon_agency_02.svg)}
 ul li.n03 figure { background-image:url(/images/icon_agency_03.svg)}
 ul li.n04 figure { background-image:url(/images/icon_agency_04.svg)}
 ul li.n05 figure { background-image:url(/images/icon_agency_05.svg)}
 ul li.n06 figure { background-image:url(/images/icon_agency_06.svg)}
 ul li.n07 figure { background-image:url(/images/icon_agency_07.svg)}
 ul li.n08 figure { background-image:url(/images/icon_agency_08.svg)}
 ul li.n09 figure { background-image:url(/images/icon_agency_09.svg)}

}


@media all and (max-width:400px){ 
     .quick_trans{
        .btn_quicksell {padding:1.5rem 1.5rem;}   
        .btn_quicksell:after { right:1.25rem; bottom:1.625rem; width:2.75rem; height:2.75rem; }
     }
}


/* 등록권 구매 */
.regist_cost {padding:2rem 1.25rem !important;
  .event_list {padding-top:1rem; white-space:nowrap; overflow-x: auto; margin-left:-1.25rem; margin-right:-1.25rem; padding-left:1.25rem; }
  .event_list li {display:inline-block; vertical-align: top; width:58%;  margin-right:0.875rem;  border-radius:var(--radius-basic); overflow: hidden; background-color:#FFF;}
  .event_list li:last-child {margin-right:0;}
  .event_list li figure {position:relative;  width:100%; background-repeat: no-repeat; background-position: center ; background-size:cover;  aspect-ratio: 6 / 4;}
  .event_list li figure img { width:100%; aspect-ratio: 6 / 4;}
  .event_list li .txt_wrap {padding:1.25rem;}
  .event_list li .txt_wrap .title {font-size:1rem; line-height:1.3em; font-weight:700; color:var(--color-dark-blue)}
  .event_list li .txt_wrap .sub {font-size:0.8125rem; font-weight:300; color:var(--color-grey7); padding-top:0.125rem;}
  .event_list li .txt_wrap .price {font-size:1rem; font-weight: 700; color:var(--color-red); padding-top:0.625rem; }
  .event_list li .txt_wrap .button {display:flex; align-items: center; justify-content: center; width:100%; color:#FFF; height:2.625rem; border-radius:0.625rem; font-size:0.875rem; font-weight:500;  background-color:var(--color-dark-blue); margin-top:0.5rem; }

}

/* 스페셜 플러스 */
.special_plus {background-color: #ED4C4C; color:#FFF; text-align: center;}
.special_plus .h2 {font-size:1.5rem; font-weight:600; color:inherit; padding-top:0.625rem;}
.special_plus .h3 {font-size:1rem; font-weight:400;color:inherit}
.special_plus .exp {font-size:0.9375rem; font-weight:400; line-height:1.6em;color:inherit}
.special_plus figure {  height:11.25rem;  background:url(/images/img_special.svg) no-repeat center ; background-size: auto 90%;}

/* 동시노출광고 */
.promo { background-color:#FBF2F2;
.txt_box {text-align: center; color:var(--color-dark-blue)}
.txt_box .h2 {font-size:1.375rem; font-weight:700; color:inherit; padding-top:0.625rem;}
.txt_box .h3 {font-size:1.5rem; font-weight:500; color:#333;margin-top:0.875rem; }
.txt_box .h3 span {display:block; font-size:1rem; font-weight:600; color:var(--color-grey8); padding-bottom:0.5rem; }
.txt_box p { font-size:1.25rem; line-height:1.5em; font-weight:300; color:var(--color-greyblue2); margin-top:0.625rem; }
.txt_box p strong {display:block;font-weight:700; color:var(--color-red)}

.pr_compare {display:flex; gap:0.625rem; }
.pr_compare>div {width:50%;}
.pr_compare>div figure {height:10rem; display:flex; justify-content: flex-end; align-items: center; flex-direction: column;}
.pr_compare>div figure img {width:5rem;}
.pr_compare>div figure p {text-align:center; font-size:0.8125rem; font-weight:400; padding-top:0.5rem;}
.pr_compare>div .box {margin-top:0.75rem; background-color:#fff; padding:1rem 0.75rem; border-radius:0.75rem;min-height:180px }
.pr_compare>div .box .h3 {font-size:0.875rem; font-weight:600; color:#333; text-align: center;}
.pr_compare>div .box ul {display:flex; gap:0.75rem;   flex-direction: column; align-items: flex-start; padding-top:1rem;}
.pr_compare>div .box ul.corp { text-align:center; align-items: center;  }
.pr_compare>div .box ul.corp li {text-align:center; justify-content: center;}
.pr_compare>div .box ul.corp li img {height:0.75rem;}
.pr_compare>div .box ul li {display:flex; align-items: center;  font-size:0.625rem;gap:3px; color:#888}
.pr_compare>div .box ul li span {display:inline-flex; align-items: center; justify-content: center;width:2.25rem; height:1.5rem; font-size:0.625rem; letter-spacing: -0.02em; border-radius:3rem; background-color:#f4f4f4}
.pr_compare>div .box ul li strong {width:calc(100% - 2.25rem); padding-left:0.25rem; }
.pr_compare>div .box ul li strong:last-child img {margin:0}
.pr_compare>div .box ul li strong img {margin-right:0.375rem; height:1.25rem;}
.pr_compare>div .box ul li img {height:1.5rem;}
.pr_compare>div .box strong {font-weight:400}
}

/*  전문가의 추천*/
.expert {
background-color:#D9DEE9;
img {width:100%;}
.txt_wrap {display:flex; flex-direction: column; align-items: center;  gap:0.75rem;}
.txt_wrap span {display:inline-flex; align-items: center; height:2.75rem; border-radius:5rem; color:#FFF;  background-color:#636F89; font-size:1.125rem; font-weight:600; padding:0 1.75rem;  }
.txt_wrap .h3 {font-size:1.8125rem; line-height:1.4em; font-weight:700; color:var(--color-dark-blue); text-align: center;}
.txt_wrap .h3 b { display:inline-block; vertical-align: top; color:var(--color-red)}
figure {margin-top:2rem; text-align:center;}
}


/*  절차 및 서류 */
.proc_file { display:flex; flex-direction: column;padding-top:0 !important; gap:0 !important;
section {padding:2rem 0;margin:0 !important}
section.bg {background-color:var(--color-basic-bg); margin-left:-1.125rem !important; margin-right:-1.125rem !important; padding:2rem 1.125rem}
.top-margin {margin-top:2rem !important;}
.h3 {margin-bottom:0.75rem;}
.title_wrap p {font-size:1rem; font-weight:400; color:var(--color-greyblue)}
.title_wrap .h3 {display:inline-flex; align-items: center; justify-content: center; gap:0.5rem; font-size:1.3125rem; font-weight:400; color:var(--color-dark-blue);margin:0; }
.title_wrap .h3 strong {font-weight:700; color:var(--color-red)}
.online {display:flex; align-items: center; flex-direction: column;gap:0.75rem; margin-top:0.5rem}
.online p {display:inline-flex; align-items: center; height:2rem; line-height:1; background-color:var(--color-red); border-radius:5rem; padding:0 1.75rem; color:#FFF; font-size:1rem; font-weight:600;}
.online img {width:100%;}
.txt_box {background-color:var(--color-basic-bg); border-radius:var(--radius-basic); padding:1.5rem; text-align:center; margin-top:1.75rem;}
.txt_box p {font-weight:400; font-size:0.9375rem; color:var(--color-dark-blue); }
.txt_box p strong {display:inline-block; vertical-align: top; font-weight:700; color:var(--color-blue)}
.figure_item dd {font-weight:500; font-size:0.9375rem;}
.btn {height:1.625rem; padding:0 0.875rem; border-radius:3rem; background-color:var(--color-blue); font-size:0.875rem; color:#fff; font-weight:500; margin-top:0.125rem}
.ul_list.gap li {background-color:#FFF; padding:1rem 1.5rem;}
.button-group {gap:1.25rem; flex-direction: column; align-items: center;}
.button-group p {font-size:0.9375rem; font-weight:400; line-height:1.5em; color:var(--color-greyblue2); text-align: center; word-break: keep-all;}
.button-group .button { width:100%;}

}




}/* .end sub_guide */


/*---------------------------------------------------------------------------------*
	마이페이지
*---------------------------------------------------------------------------------*/
.mypage-main {
    #mobile_content { background: linear-gradient(to bottom, #F6F7F9 10%, #EDF0FF 40%); }
    .header-wrap {background-color:var(--bg-mobile)}
}

.mypage {
 .title_wrap {padding-bottom:0.625rem;}
.nav_wrap .m_title {border:0;}

.mypage-card { margin-top:-1rem;
.card-top {position:relative;  display:flex; flex-direction: column; background-color:#fff; border-radius:var(--radius-basic); padding:1.25rem;  box-shadow:0 0 0.5rem rgba(0,0,0,0.1) ;  z-index:3}
.card-header {display:flex; align-items: center; justify-content: space-between;}
.btn-setting {display:inline-flex; width:1.5rem; height:1.5rem; background:url(/images/icon_setting.svg) no-repeat center ; background-size: auto 90%; display:none;}
.user-name {display: inline-flex; align-items: center; font-size:1.125rem;gap:0.5rem; font-weight:700; color:var(--color-dark-blue); cursor: pointer;}
.btn-edit {display: inline-flex; align-items: center; background-color:#f6f6f6; height:1.625rem; padding:0 0.875rem; border-radius:3rem; font-size:0.8125rem; font-weight:500; color:var(--color-greyblue2) !important}

/*
.user-name:after {content:''; width:1.25rem;height:1.25rem; background-repeat: no-repeat; background-position: center ; background-size:auto 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1569 12.7111L4.49994 18.3681L3.08594 16.9541L8.03594 12.0041L3.08594 7.05414L4.49994 5.64014L10.1569 11.2971C10.3444 11.4847 10.4497 11.739 10.4497 12.0041C10.4497 12.2693 10.3444 12.5236 10.1569 12.7111Z' fill='%23191C25'/%3E%3C/svg%3E%0A");
}
*/
.card-status { display:flex;padding-top: 1.25rem;}
.card-status .status-item {display: flex; flex-direction: column; align-items: center; width:50%; gap:0.5rem; border-left:1px solid #E8EBF0; cursor: pointer;}
.card-status .status-item:first-of-type {border:0;}
.card-status .status-item span {font-size:0.875rem; font-weight:400; color:var(--color-greyblue); }
.card-status .status-item strong {font-size:1.25rem; font-weight:700; color:var(--color-dark-blue)}
.card-point {position:relative; display:flex; align-items: center; justify-content: space-between; border-radius:1rem; padding:2rem 1rem 0.625rem;  background: linear-gradient(to right, #F24040 0%, #F56161 100%); z-index:0; margin-top:-1.5rem; box-shadow:0 0 0.375rem rgba(0,0,0,0.05) ; }
.card-point .btn-pay {display:inline-flex; align-items: center; height:1.875rem; padding:0 0.875rem; border:1px solid rgba(255,255,255,0.4); line-height:1; border-radius:3rem; color:#fff; font-size:0.8125rem; font-weight:500; letter-spacing: -.02em;  }
.card-point .btn-pay:before {content:''; display:inline-flex; width:1rem; height:1.875rem; background:url(/images/icon_creditcard.svg) no-repeat center 0.375rem; background-size:auto 1rem; margin-right:0.25rem;}
.card-point .point-item {display:inline-flex; align-items: center; font-size:0.875rem;line-height:1.2rem; color:#fff; font-weight:300; letter-spacing: 0;}
.card-point .point-item b { display: inline-block; vertical-align: top; font-size:1rem; font-weight:700; margin-left:0.5rem;}
} /* . end mypage-card */


.nav_list { display:flex; flex-direction: column;  gap:1rem; padding-top:1.25rem; }
.nav_list>.row {padding:0 !important; margin:0 !important}
.nav_list .m_title {display:flex; align-items: flex-start; padding:0.5rem 0 0.5rem;  color:#222; font-size:1rem; line-height:1.65rem; font-weight:700}
.nav_list .m_title:before {content:''; width:1.65rem; height:1.65rem; margin-top:-1px; margin-right:0.3rem; background-repeat: no-repeat; background-position: center ; background-size:auto 90%;}
.nav_list .m_title.m01:before {background-image: url("/images/icon_allm_02.svg");}
.nav_list .m_title.m02:before {background-image: url("/images/icon_allm_07.svg");}
.nav_list .m_title.m03:before {background-image: url("/images/icon_allm_01.svg");}
.nav_list .m_title.m04:before {background-image: url("/images/icon_allm_04.svg");}

.nav_list .nav {padding:0.75rem 1.25rem; border-radius:0.9375rem; background-color:#fff; box-shadow:0 0 0.375rem rgba(0,0,0,0.05)}
.nav_list .nav>li {position:relative;display:block; border-bottom:1px solid #eceef3; background:url(/images/arrow_right.svg) no-repeat right ; }
.nav_list .nav>li>a {display:flex; align-items: center; justify-content: space-between;width:100%; font-size:0.9375rem; font-weight:600; color:var(--color-grey3); padding:0.85rem 0.125rem; }
.nav_list .nav>li>a span {font-size:0.9375rem; font-weight:500; color:var(--color-greyblue2); margin-right:1.65rem; letter-spacing: 0; }
.nav_list .nav>li>a span.off {color:#ccc; font-weight:400;font-size:0.875rem;}
.nav_list .nav>li:last-child {border:0;}
.nav_list .nav>li.child {border:0; background:none;}
.nav_list .nav>li.child a {padding-bottom:0.625rem;}
.nav_list .consult-item {display:flex; flex-direction: column; gap:0.625rem;}
.nav_list .consult-item a {display:flex; align-items: center; padding:1rem 1.5rem; background-color:#FFF; border-radius:0.875rem; font-size:0.875rem; font-weight:500; color:var(--color-greyblue2);box-shadow:0 0 0.375rem rgba(0,0,0,0.05) }
.nav_list .consult-item a:before {content:''; display:inline-flex; align-items: center; width:1.75rem; height:1.75rem; margin-right:0.5rem; background-repeat: no-repeat; background-position: center ; background-size:auto 100%;}
.nav_list .consult-item a.kakao:before  { background-image:url("/images/icon_kakao.svg");}
.nav_list .consult-item a.phone:before { background-image:url("/images/icon_phone.svg"); }
.nav_list .consult-item a span {display:inline-flex; align-items: center; padding:0 0.625rem; height:1.625rem; margin-left:0.5rem; border-radius:0.375rem; font-size:0.8125rem; font-weight:500; }
.nav_list .consult-item a.sell span {background-color:#FEF2F2; color:var(--color-red); }
.nav_list .consult-item a.buy span { background-color:#EAF2FD; color:#3364AF; }
.nav_list .consult-item a strong {display:inline-block; vertical-align: top; font-size:1.125rem; font-weight:700;margin-left:0.25rem;  color:var(--color-dark-blue)}

@media all and (max-width:400px){ 
.mypage-card .btn-setting {display:inline-flex;}
}


/*  마이페이지 내 최근본차량 */
.mytop-filter {display:flex; flex-direction: column; }
.mytop-filter .filter-item {padding-top:0.75rem;}
.mytop-filter .filter-item .h4{font-size:0.8125rem; color:var(--color-greyblue2); font-weight:500; margin-top:1rem; margin-bottom:0.375rem;}
.mytop-filter .filter-item .h4:first-of-type {margin-top:0;}
.classify {display:flex; align-items: center; gap:0.3125rem;}
.classify span {display:inline-flex; align-items: center; height:1.375rem; background-color:#E7ECF5; font-size:0.75rem; font-weight:500; color:var(--color-blue);  padding:0 0.5rem; border-radius:0.25rem; }
.mytop-filter .chip_list input[type=checkbox] + label, .chip_list input[type=radio] + label {padding:0 1.5rem !important;}
.page-wish .jjim  {display:none !important} /* 관심차량페이지에서는 관심버튼 삭제 */

#mobile_content .car-list-wrap {display:block;}
.filter-count {padding:1rem 0 0.5rem;}
.car-list-wrap { padding:0;
    .label-item, .delete-item {display:flex;}
    .label-item {display:flex; align-items: center; justify-content: space-between; margin-bottom:0.5rem;padding-right:0.25rem;  }
   
    .label-item .right-item {display:flex; align-items: center; gap:0.625rem;}
    .label-item .right-item .icon {display:inline-flex; align-items: center; width:1.5rem;height:1.5rem;padding:0; }
    .label-item .right-item .icon:before {content:'';display:flex; width:100%; height:100%;  background-repeat: no-repeat; background-position: center 0; background-size:auto 100%; margin:0;}
    .label-item input[type=checkbox] + label {padding-top:0; padding-bottom:0; min-height:1.2rem; line-height:1.2rem; font-size:0.8125rem; font-weight:400; }
    .label-item input[type=checkbox] + label:before {top:0;}
    .label-item input[type=checkbox] + label:after {left:0.0395rem; top:0rem;}
    .delete-item {display:flex; justify-content: flex-end; width:100%; padding-top:0.375rem; margin-top:0.5rem; border-top:1px dashed #e6e6e6;}
    .delete-item .btn-delete {display:inline-flex; align-items: center; line-height:1.25rem;  border:0;outline: 0;  font-size:0.875rem; font-weight:400; color:#333;}
    .delete-item .btn-delete:before {content:''; display:inline-block; vertical-align: top; width:1rem; height:1rem; background:url(/images/icon_close.svg) no-repeat center ; background-size:auto 100%; margin-right:0.25rem}

    .car-list {margin:0; max-height:100%; padding-bottom:0;}
    .car-list>ul>li { flex-wrap: wrap; border:1px solid #E7E9ED; display:block;font-size:0;  gap:0;padding:1.125rem; }
    .car-list:not(.album) .car-img {display:inline-block; width:7rem; height:auto; vertical-align: top; border-radius:0.65rem;}
    .car-list:not(.album) .carinfo { display:inline-block; width:calc(100% - 7rem); min-width:auto;padding-left:1rem; vertical-align: top;}
    .car-list:not(.album) .carinfo .cartitle { padding-bottom:0.25rem;}
    .car-list:not(.album) .badge-list {position:relative; display:inline-block; margin:0;margin-left:-3px;  right:auto; left:0;padding:0 0 0.2rem; gap:0.313rem; display:none;}
    .car-list:not(.album) .viewCount {display:none;}
    /*
    .car-list:not(.album) .badge-list > span:after {display:none;}
    .car-list:not(.album) .badge-list > span {padding:0.05rem 0.625rem 0;font-size:0.6875rem; height:1.65rem; background-color:#F4F5F5; line-height:1; }
    .car-list:not(.album) .badge-list > span.premium {background-color:#EAF1FB; color:var(--color-blue)}
    .car-list:not(.album) .viewCount {position:absolute; left:1.125rem; right:1.125rem; bottom:0; justify-content: space-between; padding:0.35rem 0 0.85rem;border-top: 1px dashed #eee;}
    .car-list:not(.album) .viewCount span {padding-right:0;}
    .car-list:not(.album) .viewCount>div {display:flex; align-items: center; gap:0.75rem;}
    .car-list:not(.album) .viewCount>div .corp {position:relative; width:auto; margin:0; padding:0; left:auto; bottom:auto;}
    */
    .car-list:not(.album) .cardesc {padding-bottom:0.25rem;}
    .car-list:not(.album) .carprice-box {width:100%;}
    .car-list:not(.album) .carprice-box .support {position:relative; left:auto; right:auto; padding-left:8rem; }/* 지원금 */
    .car-list:not(.album) .carprice-box .price-info {flex-direction: column; gap:0.125rem; padding-top:0.5rem; margin-top:0.5rem; border-top:1px solid #ebedf0;}
    .car-list:not(.album) .carprice-box .price-info li { display:flex; flex-direction: row; width:100%; padding:0; justify-content: space-between;}
    .car-list:not(.album) .carprice-box .price-info li:before {display:none;}
    .car-list:not(.album) .carprice-box i {margin:0;}
    .car-list:not(.album) .carprice-box i.surtax {padding:0; background:none;}
    .car-list .btn-box {display:none;}
    .carprice-box i {font-size:0.875rem;}
    .carprice-box .price strong {font-size:0.9375rem;}
    /* 앨범형 */
      .car-list.album>ul {gap:1.125rem;}
      .car-list.album>ul>li  {width:100%; background-color:#fff;}
      .car-list.album>ul>li:after {display:none;}
      
      .car-list.album .cartitle {font-size:1.125rem;}
      .car-list.album .cardesc span {font-size:0.9375rem; line-height:1.3em;}
      .car-list.album .carprice-box div .support {font-size:1rem}
      .car-list.album .viewCount div {display:flex; align-items: center; gap:0.75rem;}
     
      
      /* 렌트일경우  */
      .car-list.type_rent:not(.album) .car-img {margin:0}
      .car-list.type_rent:not(.album) .carprice-box {width:100%; flex-direction: column; align-items: flex-start; gap:0}
      .car-list.type_rent:not(.album) .carprice-box div {display:flex; flex-direction: column; padding-left:8rem;}
      .car-list.type_rent:not(.album) .carprice-box div .cardesc {order:1; padding:0}
      .car-list.type_rent:not(.album) .carprice-box div .support {order:2}
      .car-list.type_rent:not(.album) .carprice-box .support {padding:0.5rem 0 0;}
      .car-list.type_rent:not(.album) .carprice-box .price-info {padding:0 ; border:0; width:100%; display:flex; align-items: flex-start;padding-top:0.65rem; border-top:1px solid #ebedf0;}
      .car-list.type_rent:not(.album) .carprice-box .price{width:100%; }
      .car-list.type_rent:not(.album) .carprice-box .price strong {width:100%; justify-content: space-between;}
      
      .car-list.type_rent:not(.album) .carprice-box i.remain {position:absolute;left:auto; top:0.15rem; right:0;width:auto; padding:0; height:auto; background-color:transparent}
     
    }/* .end   마이페이지 car-list-wrap */


/* 비교중차량 */
.compare-item { display:flex; flex-direction: column; gap:0.5rem;
 .item {position:relative;}   
 input[type=radio] + label { position:relative; display:flex; align-items: center; justify-content: space-between; border:1px solid var(--color-border); border-radius:0.875rem;padding:1rem !important; padding-left:3.5rem !important; background-color:#fff;}
 input[type=radio] + label:before { display:block; width:1.8rem; height:1.8rem; left:1rem; top:50%; margin-top:-0.9rem; background-color:rgba(255,255,255,0.05); border-color:#f3f3f3;}
 input[type=radio] + label:after { display:block; border-color:#999; left:1.25rem; top:50%; margin-top:-0.65rem; background-size:auto 0.65rem;}
.carinfo {display:flex;  align-items: center; justify-content: space-between; width:100%; padding-right:2rem;}
.carinfo .leftcont {display:flex; flex-direction: column; width:calc(100% - 5rem)}
.carinfo .rightcont {display:flex; align-items: center; gap:0.25rem;width:5rem; justify-content: flex-end; }
.badge {display:inline-flex; align-items: center; height:1.75rem; border-radius:3rem; font-size:0.75rem; font-weight:500; padding:0 0.625rem;border:1px solid #eee; color:#666}
.btn-close {position:absolute; right:1rem; top:50%; margin-top:-0.875rem ;  display:inline-block;width:1.75rem; height:1.75rem; border-radius:50%; border:1px solid #dedede; background-color:rgba(255,255,255,0.1); background-repeat: no-repeat; background-position: center ; background-size:auto 0.875rem; 
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12L19 19M12 12L5 5M12 12L5 19M12 12L19 5' stroke='%23DDDDDD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.badge.lease { background-color:#F0F5FF; border-color:#8DB3F9; color:var(--color-blue) }
.badge.rent{ background-color:#EEFAF3; border-color:#78e7bb; color:#10B774;}
.cartitle {  width:100%; font-size:0.9375rem; font-weight:600; color:var(--color-greyblue2); overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; word-break: break-all; }
.cardesc {display:inline-flex; align-items: center; flex-wrap: wrap; gap: 0rem 0.5rem; padding-top:0.25rem;}
.cardesc span, .cardesc strong {position:relative; font-size:0.8125rem; line-height: 1.1rem;  color:#8A8D92; padding-right:0.7rem; }
.cardesc span:after, .cardesc strong:after {content:''; position:absolute; right:0; top:50%; margin-top:-1.5px;  width:3px; height:3px; border-radius:3rem;  background-color:#D3D4D9; }
.cardesc span:last-child:after, .cardesc strong:last-child:after {display:none;}

input[type=radio]:checked + label  { background-color:var(--color-dark-blue);border-color:var(--color-dark-blue)}
input[type=radio]:checked + label:before {border-color:rgba(255,255,225,0.3)}
input[type=radio]:checked + label:after {box-shadow:none !important;}
input[type=radio]:checked + label .cartitle {color:#FFF;}
input[type=radio]:checked + label .btn-close {background-color:transparent; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12L19 19M12 12L5 5M12 12L5 19M12 12L19 5' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
input[type=radio]:checked + label .badge {background-color:transparent !important}
input[type=radio]:checked + label .badge.lease {  border-color:#4E95FF; color:#4db8ff}
input[type=radio]:checked + label .badge.rent{  border-color:#1feb55; color:#1feb55;}

}    

}  /*  end mypage */

/* 비교하기 */
.compare-info {
.top-item {display:flex; flex-direction: column; gap:0.9375rem; background-color:#FFF; margin-top:-0.75rem; margin-left:-1.25rem; margin-right:-1.25rem; padding:1.5rem 1.25rem 1.5rem; border-top:1px solid #f0f0f0}
.cp-title {text-align:center; font-size:1.125rem; font-weight:700; color:var(--color-dark-blue);}
.pill_tabs input[type=radio] + label {height:2.375rem;}
.carimg { width:100%; background-repeat: no-repeat; background-position: center ; background-size: cover; aspect-ratio: 6 / 4; border-radius:var(--radius-basic);}
.carinfo {position:relative;display:flex; flex-direction: column; gap:0.75rem;}
.carinfo .cartitle {width:calc(100% - 5rem);font-size:1.125rem; color:var(--color-dark-blue); font-weight:700;}
.carinfo .cartitle sub {display:block; margin-top:0.25rem; font-size:0.8125rem; font-weight:400; color:var(--color-greyblue);}
.carinfo .badge { position:absolute; right:0; top:0; display:inline-flex; align-items: center; height:1.625rem; line-height:1;  padding:0 0.75rem; background-color:var(--color-basic-bg); border-radius:3rem;font-size:0.75rem; font-weight:600;border:0; }
.price-item .price {display:inline-flex; align-items: center; font-size:0.9375rem;font-weight:400; color:var(--color-dark-blue); gap:0.25rem;}
.price-item .price b {  line-height:1.25rem;  font-weight:700; font-size:1.125rem; }
.price-item .price span { margin-left:0.25rem; padding-left:0.5rem; border-left:1px solid #dedede; font-size:0.8125rem;line-height:0.85rem; font-weight:500; color:var(--color-red); }
.price-item .support {margin-top:0.25rem; font-weight:500; font-size:0.8125rem; color:var(--color-blue)}
.title_wrap {display:flex; flex-direction: row; align-items: flex-end; justify-content: space-between;padding:1.625rem 0 0;}
.title_wrap .stxt b{ color:var(--color-greyblue2)}
}

/* 나의 승계관리 */
.manage-transfer {
.sales-card {background-color:#fff; border:1px solid var(--color-border); border-radius:var(--radius-basic); padding:1.25rem; margin-top:0.75rem; }
.sales-card .card-header {display:flex; align-items: flex-start; justify-content: space-between;}
.sales-card .card-header .car-n {font-size:0.875rem; font-weight:400; color:var(--color-greyblue);}
.sales-card .card-header .car-n strong {display:block; font-size:1.375rem; font-weight:700; color:var(--color-dark-blue)}
.sales-card .card-header .btn {display:inline-flex; height:1.875rem; font-size:0.8125rem; font-weight:500; border-radius:3rem; padding:0 1rem; border:1px solid var(--color-border); color:var(--color-greyblue)}
.sales-card .card-header .btn:hover {border-color:var(--color-dark-blue); background-color:var(--color-dark-blue); color:#FFF;}
.sales-card .btn-item {display:flex; align-items: center; gap:0.5rem; margin-top:0.75rem; }
.sales-card .btn-item .button { width:100%; height:2.25rem; border-radius:0.625rem; background-color:#EFF2F7; color:#2772e2; font-size:0.875rem; font-weight:500; }

.sales-process {display:flex; flex-direction: column; gap:1.75rem; padding-top:1.52rem;
  .chip_list input[type=checkbox] + label, .chip_list input[type=radio] + label {height:2.5rem}
  .process-header { display:flex; align-items: flex-start; }
  .process-header li { position:relative; display:flex; flex-direction: column; align-items: center; gap:0.5rem;  width:50%; text-align:center;}
  .process-header li figure {position:relative; display:inline-flex; align-items: center; justify-content: center; width:3.875rem;height:3.875rem;border-radius:50%; background-color:#C6C9D0; color:#FFF; font-size:0.8125rem; font-weight:600; border:5px solid #fff; outline: 1px solid #C6C9D0;z-index:5 }
  .process-header li:before {content:''; position:absolute; left:0; width:50%; top:2rem; height:1px; width:50%; background-color:#D1D6E2;z-index:1}
  .process-header li:after {content:''; position:absolute; right:0; width:50%; top:2rem; height:1px; width:50%; background-color:#D1D6E2;z-index:1}
  .process-header li:first-child:before,
  .process-header li:last-child:after {display:none;}
  .process-header li p {font-size:0.8125rem; color:#81848E; }
  .process-header li.active figure {outline: 1px solid var(--color-red); background-color:var(--color-red)}
  .process-header li.active p {color:var(--color-red)}
}
  .process-body { display:flex; flex-direction: column; }
  .process-body li {position: relative; display:flex; align-items: center; gap:1rem; padding:0.375rem 0}
  .process-body li:before {content:'';position:absolute; left:0.375rem;top:0; width:1px; height:50%; background-color:#D1D6E2;z-index:1 }
  .process-body li:after {content:'';position:absolute; left:0.375rem;top:50%; width:1px; height:50%; background-color:#D1D6E2;z-index:1 }
  .process-body li:first-child:before,
  .process-body li:last-child:after {display:none;}
  .process-body li .point {position: relative;width:0.75rem; height:0.75rem; border-radius:50%; background-color:#C6C9D0; aspect-ratio: 5 / 5; z-index:3}
  .process-body li .card-item { width:calc(100% - 1.75rem); background-color:#FFF; border-radius:1rem; padding:1.25rem; border:1px solid var(--color-border)}
  .process-body li .item-header {display:flex; align-items: flex-start; justify-content: space-between;}
  .process-body li .item-header .h3 {display:inline-flex; align-items: center; gap:0.5rem; font-size:0.875rem; font-weight:600; color:var(--color-dark-blue)}
  .process-body li .item-header .h3 .name {padding-left:0.5rem; color:var(--color-greyblue); font-weight:400; line-height:0.875rem; border-left:1px solid #dedede;}
  .process-body li .item-header .date {font-size:0.8125rem; color:#aaa; font-weight:400; padding-top:0.25rem}
  .process-body li .item-header .btn {display:inline-flex; align-items: center;  border:1px solid var(--color-blue); background-color:#FFF; border-radius:3rem; color:var(--color-blue); height:1.625rem;font-size:0.8125rem; padding:0 0.75rem}
  .process-body li .item-cont {padding-top:0.5rem; font-size:0.9375rem;font-weight:400; color:#555;line-height:1.5em;}
  .process-body li.active .point {background-color:var(--color-red)}
  .process-body li.active .card-item {border-color:var(--color-red); background-color:#FBF5F4;}
}

/* 매니저정보 */
.manager-info { display:flex; align-items: center; gap:1rem; 
 figure {display:flex; align-items: center; justify-content: center; width:4.375rem; height:4.375rem; border-radius:1rem; font-size:1.375rem; font-weight:bold; color:#FFF; aspect-ratio: 5 / 5;}
 figure.assess {background: linear-gradient(to bottom right, #4383FA 0%, #0C58E5 100%);}
figure.sell {background: linear-gradient(to bottom right, #31384E 0%, #191C25 100%); }
 .item-info {display:flex; flex-direction: column; align-items: flex-start; gap:0.25rem;}
.h3 {font-size:1rem; font-weight:700; color:var(--color-dark-blue); line-height:1.3em; }
.sub {font-size:0.875rem; font-weight:400; color:var(--color-greyblue); }
.status {display:inline-flex; align-items: center; gap:0.25rem; height:1.75rem; padding:0 0.75rem; border-radius:3rem; background-color:#EFF4FB; font-size:0.8125rem; font-weight:400; color:var(--color-blue); }
.status:before {content:''; width:0.25rem; height:0.25rem; border-radius:50%; background-color:var(--color-blue); }
}

/* 판매조건 */
.sell-condition {
.regist-date {display:flex; align-items: center; justify-content: space-between; height:2.5rem; border-radius:5rem; padding:0 1.25rem; background-color:#FDF5F5; border:1px solid #F9E9E9; }
.regist-date .date {display:inline-flex; align-items: center; gap:0.25rem; font-size:0.875rem; font-weight:400; color:var(--color-greyblue); }
.regist-date .date:before {content:''; width:1.125rem; height:1.125rem; background:url(/images/icon_calendar.svg) no-repeat center ; background-size:auto 100%;}
.regist-date .date b {color:#222; font-size:0.9375rem;}
.regist-date strong { color:var(--color-red); font-size:0.9375rem;}
.car-cont {display:flex; flex-direction: column; gap:0.75rem; }
.car-cont .carimg {width:100%; background-repeat:no-repeat; background-position: center ; background-size:cover; aspect-ratio: 6 / 4; border-radius:1rem; background-color:#f4f4f4}
.car-cont .price-item {display:flex; flex-direction: column; gap:0.375rem;  padding:1.25rem 1.5rem; border-radius:1rem; background-color:var(--color-red); color:#fff; }
.car-cont .price-item span {font-size:0.875rem; font-weight:400;}
.car-cont .price-item strong {font-size:1.25rem; }
.car-cont .txt-item {padding:0.5rem 0; text-align:center;}
.car-cont .txt-item .premium {display:block; font-size:0.9375rem; line-height:1.25rem; font-weight:400; color:var(--color-greyblue2);}
.car-cont .txt-item .premium:before {content:''; display:inline-block; vertical-align: top; width:1.125rem; height:1.125rem; background:url(/images/icon_star.svg) no-repeat center ; background-size:auto 100%;}
.car-cont .txt-item a {display:inline-block; text-decoration: underline; color:var(--color-red); font-size:0.875rem;}
.ul_list.bg {gap:0;}
.ul_list.bg li {padding:0.625rem 0 !important; margin:0 !important}
.ul_list.bg li:first-of-type {padding-top:0 !important}
.ul_list.bg li:last-of-type {padding-bottom:0 !important}
.details-item {display:flex; flex-direction: column; gap:0.25rem;}
.details-item span {font-size:0.875rem; line-height:1rem; font-weight:400; color:var(--color-greyblue); }
.details-item strong {font-size:0.9375rem; font-weight:500; color:var(--color-dark-blue); }
.form-group .form-tit {padding:1.125rem 0 0.5rem; font-size:0.875rem; color:var(--color-greyblue2)}
.total_hits {display:flex; align-items: center; justify-content: space-between;}
.total_hits .h3 { flex-direction: column;}
.total_hits .button-group.mini {display:inline-block; text-align:right; width:auto;}
.total_hits .button-group.mini .button {padding:0 0.625rem;}
}

/* 등록비결제 */
.payment-card {
.fieldset { gap:1.25rem;}
.fieldset .h3 {font-size:0.9375rem;color:var(--color-greyblue2)}
.fieldset .h4 {font-size:0.875rem; color:var(--color-greyblue); font-weight:500;}
.fieldset .sub {font-size:0.8125rem; color:var(--color-greyblue); font-weight:400;}
.ad-plans { display:flex; flex-direction: column; gap:0.75rem; margin-top:1rem;}
.ad-plans .roundbox { padding:0; overflow: hidden;}
.ad-plans .roundbox .title_wrap .h3 {font-size:1rem; line-height:1rem; margin:0; }
.ad-plans .roundbox .title_wrap .sub {font-size:0.8125rem;margin:0;}
figure { width:100%; background-repeat: no-repeat; background-position: center ; background-size:cover;  background-image: url(/images/noimg.png);  background-color:#f5f5f5;aspect-ratio: 6 / 3.5; }
.cont-item { display:flex; flex-direction: column;   padding:1.25rem; }
.price-item { display:flex; align-items: center; justify-content: space-between; }
.price { font-size:1.125rem; line-height:1.3em; font-weight:700; color:var(--color-red); }
.ad-plans .roundbox .button-group {padding-top:0.875rem; }
.ad-plans .roundbox .button-group .button {height:3.25rem;}
.badge-list {position:absolute; left:0.625rem; top:0.625rem;  z-index:5; }

.event-card {background-color:#fff; box-shadow:0.125rem  0.125rem 0.625rem rgba(0,0,0,0.05);  }
.event-card .title_wrap{padding:0 0 0.625rem;}
.event-card .title_wrap .h3 {font-size:1.125rem; }
.event-card .badge {margin-bottom:0.25rem;}
.event-card .buy-count {display:flex; align-items: center; justify-content: center; width:100%; height:2.875rem; background-color:var(--color-basic-bg); border:1px dashed #AFB9D2; border-radius:0.625rem;
                                        font-size:0.875rem; font-weight:400; color:var(--color-greyblue2) }

.roundbox_wrap .h3 {margin-top:1.25rem;}
.roundbox_wrap .h3:first-of-type {margin-top:0;}
.paytype-card {background-color:#fff; border-radius:0.875rem; padding:1rem 1.25rem;}
.paytype-card b {color:var(--color-dark-blue); font-weight:700; display:inline-block; vertical-align: top;}
.paytype-card i {font-weight:300;}
.paytype-card.account { font-size:0.9375rem; line-height:1.6em; color:var(--color-greyblue); font-weight:400; }
.paytype-card.point { font-size:0.9375rem; display:flex; align-items: center; justify-content: space-between; }
.paytype-card .btn {display:inline-flex; align-items: center; line-height:1;  border-radius:5rem; height:2rem; padding:0 0.875rem; font-size:0.875rem;  border:1px solid var(--color-dark-blue)}
.unit.won input {color:var(--color-red)}

.monthly-card {border-radius:var(--radius-basic);background: linear-gradient(to right, #ee2222 0%, #f75a5a 100%); color:#fff; padding:1.5rem 1.75rem; margin-top:0.5rem}
.monthly-card span {font-weight:400; color:#fff;font-size:0.875rem;}
.monthly-card .card-top {display:flex; flex-direction: column;}
.monthly-card .card-top span {font-size:0.9375rem;}
.monthly-card .card-top strong {display:block; text-align: right; font-size:1.25rem;line-height:1.3rem;}
.monthly-card .card-bottom {display:flex; flex-direction: column;gap:0.25rem; margin-top:0.9375rem; padding-top:0.9375rem; border-top:1px solid rgba(255,255,255,0.2)}
.monthly-card .card-bottom p {display:flex; align-items: center; justify-content: space-between; font-size:0.9375rem;}
.pay-detail {margin-top:1rem;}
.pay-detail .roundbox {display:flex; align-items: center; justify-content: space-between;}
.pay-detail .roundbox p {display:flex; flex-direction: column; align-items: flex-end; gap:0.25rem;}
.pay-detail .roundbox .price {font-size:1.125rem; color:var(--color-dark-blue)}
.pay-detail .roundbox .badge.ads {height:1.75rem; padding:0 1rem;}

@media all and (max-width:460px){ 
.monthly-card { padding:1.25rem 1.25rem;}
}

/*  보유포인트*/
.my-point {margin-top:0.5rem; border:0; padding:0; padding-top:1rem; border-top:1px solid #eee }
.my-point .title_wrap {color:var(--color-dark-blue)}
.my-point .title_wrap span {font-size:0.875rem; font-weight:400;}
.my-point .title_wrap strong {font-size:1.5rem; line-height:1.5rem;}
.my-point .link-item {display:flex; flex-direction: column; gap:0.25rem; margin-top:0.75rem; padding:1rem 1.25rem;  border-radius:0.75rem;border:1px solid var(--color-border); background-color:var(--color-basic-bg);  background-image:url(/images/arrow_right.svg); background-repeat:no-repeat;background-position:calc(100% -  1rem)  center; background-size:auto 1.5rem;cursor: pointer; }
.my-point .link-item .title {font-size:0.9375rem; font-weight:600; color:var(--color-dark-blue)}
.my-point .link-item .sub {font-size:0.8125rem; font-weight:400; color:var(--color-greyblue); width:92%; word-break: keep-all;}

.cuttent-point { display:flex; flex-direction: column; gap:0.25rem;  padding:1rem 1.25rem; border-radius:1rem; background-color:var(--color-basic-bg); border:1px solid var(--color-border); }
.cuttent-point span {font-size:0.875rem; font-weight:400; color:var(--color-greyblue); }
.cuttent-point strong {font-size:1.5rem; color:var(--color-dark-blue)}
.select_type input[type=radio] + label {padding-top:0.875rem; padding-bottom:0.875rem; padding-left:2.5rem; letter-spacing: -.04em;}

.point-history {display:flex; flex-direction: column; gap:0.625rem; }
.point-history .roundbox {display:flex; align-items: flex-start; justify-content: space-between; border-radius:0.875rem; padding:1.25rem 1.25rem; }
.point-history .date {font-size:0.875rem;font-weight:400; color:var(--color-greyblue);}
.point-history .txt-item {padding-top:0.625rem;padding-left:0.25rem;}
.point-history .txt-item strong {font-size:0.875rem; color:var(--color-dark-blue)}
.point-history .txt-item p {display:flex; align-items: center; font-size:0.8125rem; font-weight:400; color:var(--color-greyblue);padding-top:0.125rem; }
.point-history .txt-item p b {font-weight:700; color:var(--color-dark-blue);display:inline-block; vertical-align: top; margin-left:0.25rem;}
.point-history .point {font-size:1.125rem; font-weight:700; color:var(--color-dark-blue);}
.point-history .point.plus {color:var(--color-blue);}
.point-history .point.minus {color:var(--color-grey2);}
.point-history .label {display:inline-flex; align-items: center;margin-right:0.25rem;  height:1.375rem; font-size:0.8125rem;font-weight:500; line-height:1;  padding:0 0.625rem; border-radius:3rem; background-color:#f6f6f6; color:var(--color-grey6);}
.point-history .label.earn {background-color:#EEF4FE; color:var(--color-blue);}
.point-history .label.use {background-color:#F2F3F4; color:var(--color-grey3);}
@media all and (max-width:460px){ 
    .select_type input[type=radio] + label  { padding-left:2.25rem;}
}

}

/*  내정보수정*/
.edit-profile {
   .profile-card {display:flex; flex-direction: column; gap:1rem; background: linear-gradient(to  right, #18213F 0%, #23305c 100%);  border:0; border-radius:var(--radius-basic); padding:1.375rem 1.5rem; }
   .profile-card .card-head {display:flex; flex-direction: column; gap:0.5rem;}
   .profile-card .name {font-size:1.125rem; line-height:1.3em; font-weight:700; color:#fff; }
   .profile-card .date {font-size:0.8125rem; font-weight:300; color:#fff; letter-spacing: 0;}
   .profile-card .card-status {display:flex; flex-direction: column; gap:0.375rem; background-color:rgba(255,255,255,0.06); border-radius:0.9375rem; border:1px solid rgba(255,255,255,0.15);padding:1.25rem 1.5rem; }
   .profile-card .card-status .top {display:flex; align-items: center; justify-content: space-between; }
   .profile-card .card-status .top em {font-size:0.8125rem; font-weight:400; color:#fff; opacity: 0.8; }
   .profile-card .card-status .label {display:flex; align-items: center; height:1.5rem; padding:0 0.75rem; border-radius:5rem; background-color:#fff;color:var(--color-dark-blue); font-size:0.875rem; font-weight:600; }
   .profile-card .card-status .txt { font-size:0.8125rem; font-weight:200; color:#fff; opacity: 0.8;}
   .profile-card .grade-bar {position:relative; width:100%; height:0.625rem;margin-top:0.375rem; border-radius:1rem; background-color:rgba(255,255,255,0.3); overflow: hidden;}
   .profile-card .grade-bar .bar-on { width:auto; height:100%; background-color:#00B2FF; border-radius:1rem;}
   .roundbox .box_title {flex-direction: column;}
   .roundbox .box_title em {font-size:0.875rem;}
   .roundbox .box_title .h2 {font-size:1.0625rem;}
   .form-group .form-tit {color:var(--color-grey5)}
   .email-account {display:flex; align-items: center; justify-content: space-between; font-size:0.9375rem; font-weight:500; color:var(--color-dark-blue)}
   .email-account .btn-logout {display:inline-flex; align-items: center; height:1.8125rem;padding:0 1rem;  font-size:0.8125rem; font-weight:600; color:var(--color-dark-blue); border-radius:3rem; border:1px solid var(--color-dark-blue); }


}










/*---------------------------------------------------------------------------------*
	게시판
*---------------------------------------------------------------------------------*/
.depth3.sub_bbs .container{padding-top:0;}

.sub_bbs { 
.fieldset .row {gap:0.5rem}
 .chip_list input[type=checkbox] + label, .chip_list input[type=radio] + label { background-color:#FFF;}

/* 리스트 */
.bbs_list {display:flex; flex-direction: column; justify-content: flex-start; gap:0.75rem;}
.bbs_list ul {display:flex; flex-direction: column; justify-content: flex-start; gap:0.75rem;}
.bbs_list li {border:1px solid var(--color-border); padding:1.125rem; background-color:#FFF; border-radius:var(--radius-basic);cursor: pointer; transition: 0.2s; }
.bbs_list li:hover {border-color:var(--color-red)}
.bbs_list li .category{color:var(--color-blue); font-size:0.875rem; font-weight:500;}
.bbs_list li .cont {padding-top:1rem;}
.bbs_list li .cont .title {font-size:0.9375rem; font-weight:600; color:#333;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.bbs_list li .cont .txt {font-size:0.8125rem; font-weight:400; color:#777; line-height:1.6em; margin-top:0.5rem;}
.bbs_top {display:flex; align-items: center; justify-content: space-between;}


.bbs_view {
    * img {max-width:100%; min-width:100%;}
    .badge {border-radius:3rem; font-size:0.75rem; color:var(--color-blue); font-weight:500; border:0; background-color:#EAF1FB; padding:0 0.75rem;}
    .view_title {font-size:1.25rem; font-weight:700; color:var(--color-dark-blue); margin-top:1.25rem;}
    .view_cont { gap:1rem; line-height:1.6; color:var(--color-grey6); font-size:0.875rem; font-weight:400; margin-top:0.5rem; white-space: pre-line;}
/* LEE 추가 260606 */
    * video {max-width:100%; min-width:100%;}
/* LEE 추가 260606 */
}
/* 관련게시물 */
.bbs_related {display:flex; flex-direction: column; justify-content: flex-start; gap:0.75rem;}
.bbs_related .title {font-size:0.9375rem; font-weight:600; color:var(--color-greyblue2); }
.bbs_related ul {display:flex; flex-direction: column; gap:0.5rem;}
.bbs_related ul li { display:flex; align-items: center; padding:0.75rem; border:1px solid #eee;border-radius:0.75rem; cursor: pointer; }
.bbs_related figure {width:6rem;aspect-ratio: 6 / 4; background-repeat: no-repeat; background-position: center ; background-size:cover; border-radius:0.625rem}
.bbs_related dl { display:flex; flex-direction: column; gap:0.25rem; justify-content: flex-start; width:calc(100% - 6rem); padding-left:1rem;}
.bbs_related dl dt {font-size:0.9375rem; font-weight:600; color:var(--color-dark-blue)}
.bbs_related dl dd {font-size:0.8125rem; font-weight:400; color:var(--color-grey7);overflow: hidden;  text-overflow: ellipsis; display: -webkit-box;   -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}

}

/* 달력 */
.inp-time {width:100px;display:inline-block;height:38px;margin:0 2px;vertical-align:middle;position:relative;border-radius:4px;}
.inp-time:before {content:'\F150';position:absolute;top:5px;right:8px;/*font-family:'Material Design Icons';*/font-size:18px;color:rgba(0,0,0,0.8);z-index:5}
.inp-time input {width:100%;height:38px;background:transparent;}

.helloCalenderDiv { position:fixed !important; left:0 !important; top:auto !important; bottom:0 !important; right:0 !important;  width:100%; padding:1.25rem 1.25rem 1.25rem;margin-top:1.65rem;background:#fff;border: 1px solid #93b5db;
                                   border-radius: .25rem;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);z-index:1000;}
.hcTable {width:100%;border-collapse:collapse;}
.hcTitle {padding:0 45px;}
.hcTable th {padding:1rem 0;color:#999;font-weight:normal;font-size:.6875rem;}
.hcTable td {position:relative;padding:.5rem .5rem;text-align:center; color:#222; }
.hcTable tr:hover td {background:none;}
.hcTable tr:hover td.hcControlBar {background:none !important;  }
.hcTable .Year    {min-width:65px;width:37%;margin-right:2px; background-color:transparent !important;}
.hcTable .Month {min-width:50px;width:30%;margin-right:2px; background-color:transparent !important;}
.hcTable .mouseOver {cursor:pointer;font-weight:bold;}
.hcTable .mouseOver:after {content:'';position:absolute;left:0;right:0;bottom:0;top:0;border:1px solid #212121;}
.hcTable .hcSun { color:#FF0000 ;}
.hcTable .hcSat { color:#1c4fb9 ;}
.hcTable .selectDay {background-color:#eff1f3; font-weight:bold;}
.hcTable select:focus { border:1px solid #25378b !important;}
.hcTable select {padding-left:0.875rem !important; background-size:auto 1.5rem !important; height:2.5rem !important}
.hcTable select, .hcTable ::picker(select) {border:0;/*appearance:revert;*/ appearance: none; }

.hcPrev, .hcNext {display:inline-block;width:1.75rem;height:1.75rem;border:0px solid #eee;background-color:#fff; border-radius:0.25rem; font-size:0;background-position:center; margin:0 .5rem; background-repeat:no-repeat;background-size:auto 1.25rem;background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33325 7.5L10.3333 12.5L15.3333 7.5' stroke='%23555555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");box-sizing:border-box;cursor:pointer;transform:rotate(90deg);}
.hcNext {transform:rotate(-90deg);}
.hcToday { border:1px;border-color:#C8C8C8;border-style:solid;background-color:white;color:#6C6C6C;padding-top:4px;}
.hcToday { margin-right:25px;}
.hcTable .noSelect { background-color:#fff; }
.hcTable .hcTd.noSelect {color:#ddd; }
.hcTable .hcSat.noSelect {color:#d5dceb; }
.hcTable .hcSun.noSelect {color:#efdfdf; }



/* 알림리스트 */
.delete_alarm {background-color:#fff;display:inline-flex; align-items: center;padding:0 0.65rem 0 0.85rem; height:1.65rem; line-height:1.65rem;  border-radius:5rem; 
                    font-size:0.8125rem; margin-top:0.5rem; margin-right:0.5rem;}
.delete_alarm:after {content:''; display:inline-flex; align-items: flex-start; margin-left:0.2rem; width:1rem; height:1rem; background-repeat: no-repeat ; background-position:center ;  background-size:auto 0.85rem; 
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.75 18.25L18.1875 5.75M18.25 18.25L5.8125 5.75' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

}
.alarm_list {padding:0; padding:0.5rem 0 1rem; }
.alarm_list .txt {font-size:0.875rem; color:var(--color-grey-blue2)}
.alarm_list ul {display:flex;flex-direction: column; gap:.65rem; padding-top:0.65rem;}
.alarm_list li {position:relative;display:block; background-color:#fff; border:0.0625rem solid #dce3ed; border-radius:0.65rem; box-shadow:3px 3px 7px rgba(0,0,0,0.02);}
.alarm_list li a, .alarm_list li .title-wrap {position:relative;display:block;padding:1.1rem 1.5rem;}
.alarm_list li .title {color:#111;font-size:1rem;line-height:1.4;word-wrap:break-word;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.alarm_list li .category {display:inline-block;margin-right:.5rem;color:#111;font-weight:bold;font-size:.9rem;vertical-align:middle;}
.alarm_list li .icon {width:auto;height:1.125rem; display:inline-flex; align-items: center;  padding:0 0.5rem;margin-left:0.35rem;border-radius:5rem;font-size:.75rem; }
.alarm_list li .info {position:relative;}
.alarm_list li .date {font-size:.8rem;color:#aaa;}
.alarm_list li .item-inner {position:relative;display:none;padding:.5rem 1.7rem 3rem 3.5rem;font-size:0;font-size:.95rem;color:#888;}
.alarm_list li .item-inner:before {content:'';position:absolute;left:2rem;top:0;bottom:0;width:0.0625rem;height:100%;background:#eee;}
.alarm_list li .item-inner p {font-size:inherit;color:inherit;}
.alarm_list li .title-wrap.on:before {content:'';position:absolute;left:.8rem;top:1.5rem;width:0.4375rem;height:0.4375rem;border-radius:50%;background-color:var(--color-main)}

/* 설정 */
.setting { margin-left:-1.125rem; margin-right:-1.125rem;}
.setting h2 {font-size:1rem; margin:1.5rem 0 1rem;padding:0 1.125rem; color:#686a6e}
.setting ul {display:flex; flex-direction: column; border-bottom:0.5rem solid #efeff0; }
.setting ul:last-child {border-bottom:0; }
.setting ul li {font-size:1rem; color:var(--color-dark-blue); font-weight:500; display:flex; justify-content: space-between; align-items: center; border-top:0.0625rem solid #f1f1f1;padding:1rem 1.25rem; }
.setting ul li dl dt {font-size:1rem; font-weight:600;}
.setting ul li dl dd {font-size:0.8125rem; font-weight:300; color:var(--color-greyblue); }
.setting ul li:first-child {border-top:0}
.setting .update {display:inline-flex; align-items: center; height:1.65rem; padding:0.85rem; border-radius:0.25rem; color:#333; background-color:#edeeef; font-size:0.8125rem; font-weight:600;}



@media all and (max-width:760px){ 
	.quick-menu {display:none;}
}

/* 리스일 때 */
.type-lease .rent-only { display: none !important; }

/* 렌트일 때 */
.type-rent .lease-only { display: none !important; }

/* =========================================================================================================
	회사소개
========================================================================================================= */
.dietcar_intro{ 
 #mobile_content {background-color:#F3F6FB;}
 .content_body {padding-bottom:0;}
.container {padding:0}
strong {line-height:inherit; font-size:inherit; display:inline-block; vertical-align: middle;}
.row {margin:0; padding:3.125rem 1.125rem;}
.h2 { display: flex; align-items: center; justify-content: center; margin:0; padding:0; font-size:1.5625rem; line-height:1.3; font-weight:400; color:var(--color-grey3);gap:0.375rem; }
.h2 span { font-weight:700;}
.h3 {display:flex; align-items: center; justify-content: center;gap:0.375rem; margin:0; padding:0; font-size:1.125rem; line-height:1.5em; font-weight:700; text-align:center; }
.h4 {margin:0; padding:0; font-size:1.0625rem; line-height:1.5em; font-weight:800; color:var(--color-red) }
.title {display:flex; flex-direction: column; gap:0.625rem; align-items: center;}
.txt {font-size:1rem; line-height:1.5em; color:var(--color-greyblue2); font-weight:400; text-align: center;;}
.txt i {font-size:0.8125rem; line-height:1rem; font-weight:400; color:inherit; font-weight:200}
.sec1 { display:flex; flex-direction: column; align-items: center; gap:1.25rem;  background: linear-gradient(to bottom, #DBE6FD 0%, #F0F5FD 100%); text-align:center;}
.sec2 { display:flex; flex-direction: column; align-items: center; gap:1rem; background-color:#20263F; color:#fff;}
.sec2 .h2, .sec2 .h3, .sec2 .txt {color:#fff;}
.sec2 .h3 {display:flex; justify-content: center; flex-direction: column; align-items: center; gap:0.5rem;}
.sec2 .txt {font-weight:300}
.label { display:inline-flex; align-items: center; height:2rem; border:1px solid rgba(255,255,255,0.2); border-radius:3rem; padding:0 1.25rem; font-size:0.875rem; color:#fff; font-weight:500;}
.label.sub_emp {background-color:var(--color-dark-blue); color:#fff;}
.emp {display:inline-flex; align-items: center; padding:0 0.625rem;height:2.25rem; background-color:var(--color-red); color:#fff; font-size:1.25rem; font-weight:600; }
.ul_list.gap {padding-top:1rem;}
.ul_list.gap li {background-color:#FFF;}

/*  승계1위 */
.why_succ {display:flex; flex-direction: column; justify-content: space-between; background:url(/images/bg_intro.jpg) no-repeat center top;padding-bottom:2.5rem;  background-size:cover; gap:0; height:680px; }
.why_succ figure {background:url(/images/diagram_intro.png) no-repeat center ; height:13.5rem; background-size:auto 100%}
.why_succ .h2 {color:#fff;}
.why_succ .h2 span{color:#ffee00;}
.why_succ .txt {color:#FFF}

/* 등록대수 */
.why_regist {display:flex; flex-direction: column; justify-content: space-between;  background:url(/images/bg_why.jpg) no-repeat center top; background-size:cover;padding-bottom:2rem; height:38.75rem; }
.why_regist .title {color:var(--color-dark-blue)}
.why_regist .h2 span {color:var(--color-red); }
.why_regist .txt strong {color:var(--color-red) !important}
.why_regist .item_box { display:flex; flex-direction: column; align-items: center; gap:0.875rem; background-color:rgba(255,255,255,0.9); padding:2rem 1.5rem; border-radius:1rem;}
.why_regist .item_box ul {display:flex; width:100%; padding-bottom:0.5rem; }
.why_regist .item_box ul li { display:flex; flex-direction: column; align-items: center; gap:0.5rem; width:50%;}
.why_regist .item_box ul li figure {display:flex; align-items: center; justify-content: center; font-size:1rem; color:#FFF; font-weight:600;  width:5rem; height:5rem; border-radius:50%; background-color:var(--color-dark-blue)}
.why_regist .item_box ul li p {font-size:0.875rem; font-weight:400; text-align:center; letter-spacing: -0.06em;}
.why_regist .item_box strong {width:100%; background-color:#FFF; border-radius:0.5rem; font-size:1.125rem; font-weight:700; color:var(--color-red); padding:0.625rem 0.5rem; text-align:center; word-break: keep-all;}
.why_regist .item_box .exp {font-size:1rem; color:var(--color-greyblue); font-weight:400; line-height:1.5em; text-align: center;}


/*  리스/렌트 컨설팅*/
.lr_consulting li.n01 figure { background-image: url(/images/icon_regist.svg);}
.lr_consulting li.n02 figure { background-image: url(/images/icon_sm.svg);}
.lr_consulting li.n03 figure { background-image: url(/images/icon_expert.svg);}
.lr_consulting li.n04 figure { background-image: url(/images/icon_audit.svg);}
.lr_consulting li.n05 figure { background-image: url(/images/icon_contract2.svg);}


@media all and (max-width:460px){ 
.why_regist .item_box {padding:1.5rem 1rem;}
.why_regist .item_box strong {font-size:1rem;}
}


}