/* sub */
.container { padding:3.85rem 0 0; }
.cardetail .container{padding-top:8rem;}

@media screen and ( max-width:1024px ) {
	.container {padding:2rem 0 0}
	.cardetail .container{padding-top:3.75rem; padding-bottom:8rem;}
}




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

.s_visual .column {display:flex;align-items: center; justify-content: center;height:100%;  }
.s_visual .title_wrap {text-align:center;  }
.s_visual .title_wrap h2 {font-size:2.188rem; line-height:2.3rem; color:#fff;font-family:'RiaSans';font-weight:normal; letter-spacing:0;}
.s_visual .title_wrap p {font-size:1.1rem; line-height:1.5rem; color:#fff; margin-top:1.5rem; font-weight:400; letter-spacing:0;}
.s_bg1 .bgimg  {background-image:url('/images/sub/s_visual_01.jpg')}
.s_bg2 .bgimg  {background-image:url('/images/sub/s_visual_02.jpg')}

@media screen and ( max-width:1024px ) {
	.s_visual { height:200px;  }
	.s_visual .title_wrap h2 {font-size:1.5rem; line-height:2.65rem;  }
	.s_visual .title_wrap p {font-size:.9rem; line-height:1.4rem; margin-top:.65rem;}
}

/* ���̺� ����Ʈ ���� �����;����� ó�� */
.noresult-data { width:100%;  height:100%; min-height:30rem; margin-top:2rem; position:relative; font-size:17px; background-color:#f9fafc; display:flex; justify-content: center; align-items: center; flex-direction: column; gap:.5rem;}
.noresult-data:before {content:"\e9a7"; font-family:'xeicon'; width:80px; height:80px; border-radius:50%; font-size:2.2rem; color:#7391df; background-color:#e8edf9; border:9px solid #fff; display:flex; justify-content: center; align-items: center; }
.noresult-data:after {content:'�˻��Ͻ� ������  �����ϴ�.'; font-family: 'Pretendard'; font-weight:500; color:#8e94a5; font-size:1.05rem;width:100%; display:flex; justify-content: center; }

.car_list_wrap.noresult-data .car_list {display:none;}
.car_list_wrap.noresult-data .pagination {display:none;}


.sort_wrap {display:flex; justify-content: space-between;align-items: flex-end; margin:1.5rem 0 1.5rem;}
.sort_wrap .count {font-size:.95rem; line-height:1rem; color:#888; font-weight:400;}
.sort_wrap .count b {font-weight:700; color:#333;}
.sort_wrap .searchbox {display:flex; justify-content: space-between; align-items: center; width:250px;border-radius:30rem; border:1px solid #dedede; background-color:#fff; }
.sort_wrap .searchbox input[type="text"] {width:calc(100% - 3.5rem); font-size:1rem; height:2.25rem; line-height:2.25rem; padding:0 1rem; border:0; outline:0; background-color:transparent; letter-spacing:0;}
.sort_wrap .searchbox button { border:0; outline:0; width:3.5rem; height:2.25rem; background-color:transparent; text-align:center;}
.sort_wrap .searchbox button:before {content:"\e97a"; font-family:'xeicon'; color:#333; font-size:1.3rem;display:inline-block; vertical-align:middle;}

@media screen and ( max-width:500px ) {
	.sort_wrap {display:flex; justify-content: flex-start;align-items: flex-start; flex-direction: column; margin:1.5rem 0 1rem; gap:.5rem;}
	.sort_wrap .searchbox {width:100%;}
}

/*  ��������Ʈ  */
.car_list {font-size:0; width:100%; }
.car_list li { display:inline-block; vertical-align:top; width:calc(33.3% - 30px); margin-left:45px; margin-bottom:50px; border:0px solid #f00}
.car_list li a {display:block;}
.car_list li:nth-child(1),
.car_list li:nth-child(3n+1) {margin-left:0; }
.car_list figure {width:100%; overflow:hidden;  border-radius:.65rem; background-image:url('/images/no_img.png'); background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.car_list figure img {width:100%; height:100%; max-height:16rem}
.car_list .car_info {display:block; padding:1.5rem .25rem 0; text-align:left;}
.car_list .car_info .car_title {font-size:1.1rem; line-height:1.3rem; font-weight:600; color:#2b2c2e;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.car_list .car_info .car_desc { margin-top:.5rem;width:100%; white-space: wrap; }
.car_list .car_info .car_desc span {position:relative; display:inline-block;font-size:.9rem; vertical-align:top; font-weight:500; color:#6c6e71; line-height:1rem; padding-right:.5rem; margin-right:.5rem;}
.car_list .car_info .car_desc span:after {content:''; position:absolute; right:0; top:50%;margin-top:-1.5px; width:3px; height:3px; margin-left:.65rem;background-color:#6c6e71; border-radius:50%; }
.car_list .car_info .car_desc span:last-child {padding-left:0;}
.car_list .car_info .car_desc span:last-child:after {display:none; }
.car_list .car_info .car_price {margin-top:1rem; font-size:1.25rem; line-height:1.25rem; font-weight:700; color:#111;  }
.car_list .car_info .car_price strong {display:inline-block; vertical-align:top; font-size:92%; line-height:inherit; margin-left:.5rem; color:var(--color-main)}
.main .car_list { margin-top:3rem;}


@media screen and ( max-width:1024px ) {
	.car_list li {  width:calc(50% - .5rem); margin-left:1rem !important; }
	.car_list li:nth-child(1),
	.car_list li:nth-child(2n+1) {margin-left:0 !important; }
	


	.main .car_list { white-space: nowrap; overflow-x: auto; margin-top:1.5rem;}
	.main .car_list li { width:38%; margin-left:1.65rem !important; margin-bottom:0}

}

@media screen and ( max-width:500px ) {
   .main .car_list {padding-bottom:.5rem; overflow:visible; margin-left: 0 !important; margin-right:0 !important; padding: 0 1.25rem !important;}
   .main .car_list li { width:100%; margin:0 .5rem !important;}
   .main .car_list .car_info .car_desc span{ font-size:.8rem; font-weight:400;}
   .main .car_list .car_info .car_desc span:after {margin-top:-1px; width:2px; height:2px; margin-left:.5rem;}
   .main .car_list .slick-list {overflow: visible;}

   .car_list li { display:block; width:100%; margin-left:0 !important; margin-bottom:3rem; }

}



/* tab */
.tab_item {position:relative;width:100%;}
.tab_menu > ul {width:100%;  text-align:center; display:flex;justify-content: center; text-align:center; }
.tab_menu > ul > li{ position: relative; display:inline-block;  text-align:center; margin-right:1.5rem; padding:0}
.tab_menu > ul > li > span {display: block; line-height:2rem; padding:0 .5rem .5rem; font-size:1.15rem; color:#999; border-bottom:1px solid transparent;  font-weight:600;cursor:pointer; }
.tab_menu > ul > li.on > span { color:#333; border-color:#ccc; font-weight:800; }


/* faq */
.faq_wrap {width:1080px; padding-top:3rem;margin:0 auto; }
.faq_wrap .contact_info { display:flex; align-items: stretch; gap:1.5rem; margin-top:1.5rem; }
.faq_wrap .contact_info li { position:relative; display:flex; align-items: center; width:50%; border-radius:1.25rem; padding:2.5rem 3rem;  }
.faq_wrap .contact_info li:nth-child(1) {background:#e8f8f8 url('/images/img_call.png') no-repeat 93%; }
.faq_wrap .contact_info li:nth-child(2) {background:#faf9e2 url('/images/img_kakao.png') no-repeat 93%; }
.faq_wrap .contact_info dl dt {font-size:2.375rem; line-height:2.5rem; color:#222; font-weight:700; }
.faq_wrap .contact_info dl dt p {font-size:1.375rem; line-height:1.4rem; font-weight:500; color:#555; margin-bottom:.5rem;}
.faq_wrap .contact_info dl dd {margin-top:1rem; font-size:1.125rem; line-height:1.3rem; color:#666;  }
.faq_wrap .contact_info li:nth-child(2) dt {font-size:2.1rem; line-height:2.5rem; }
.faq_list {margin-top:2rem;  }
.faq_list .item_wrap {display:flex; flex-direction: column; width:100%;  }
.faq_list .item_wrap .ico:before{content:'';font-family:'SB-ugr';display:inline-block;font-size:1.35rem; width:50px; height:50px; line-height:50px; padding-top:1px; font-weight:500; text-align:center; }
.faq_list .item_wrap .faq_qt {position:relative; display:flex; flex-start; align-items: center; flex-direction: row; flex-wrap: nowrap; padding:.65rem 0rem;cursor:pointer;}
.faq_list .item_wrap .faq_qt .ico:before {content:'Q';  color:var(--color-main);}
.faq_list .item_wrap .faq_qt .title {width:calc(100% - 50px); padding-left:0.2rem; font-size:1.2rem; font-weight:600;  color:#333;}
.faq_list .item_wrap .faq_answer {background-color:#f7fafa; padding:1rem 1rem; display:flex; flex-start; align-items: flex-start; flex-direction: row; border-radius:0.5rem; }
.faq_list .item_wrap .faq_answer .ico:before{display:none;}
.faq_list .item_wrap .faq_answer .cont { width:calc(100% - 50px); padding:0.65rem 2.5rem 1rem 2.5rem;font-size:1.065rem; font-weight:500; line-height:1.8rem; color:#555; }
.faq_list .item_wrap .faq_qt:after {content:"\e942"; font-family:'xeicon'; color:#cedcdf; position:absolute; font-size:1.6rem; right:1rem; width:30px; height:30px; transition: all 0.2s ease-in;}
.faq_list .item_wrap .faq_qt.on:after { transform: rotate(180deg); }


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

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

	.container .title_wrap h2 { font-size:25px; }
    .faq_wrap {padding:0 }
	.faq_wrap .contact_info { flex-direction: column;  gap:1rem; margin-top:1.5rem; }
    .faq_wrap .contact_info li { width:100%; border-radius:1rem; padding:1.65rem 2rem;  }
	.faq_wrap .contact_info li:nth-child(1) {background-size: auto 70%;}
	.faq_wrap .contact_info li:nth-child(2) {background-size: auto 70%;}
	.faq_wrap .contact_info dl dt {font-size:1.75rem; line-height:2rem; }
	.faq_wrap .contact_info li:nth-child(2) dt {font-size:1.6rem; }
	.faq_wrap .contact_info dl dt p {font-size:1.05rem; margin-bottom:0rem;}
	.faq_wrap .contact_info dl dd {margin-top:.65rem; font-size:1rem;  }

    .faq_list {margin-top:1rem;  }
	.faq_list .item_wrap .ico:before{ font-size:1.25rem; width:30px; }
	.faq_list .item_wrap .faq_qt {padding:.25rem ;}
	.faq_list .item_wrap .faq_qt .title {width:calc(100% - 30px); font-size:1rem; }
	.faq_list .item_wrap .faq_answer .cont {width:100%; padding:0.5rem 0rem 0.5rem;font-size:0.95rem;  line-height:1.65rem; }
	.faq_list .item_wrap .faq_answer .ico:before {display:none;}
}
@media screen and ( max-width:677px ) {

}
/* �� */
.form_wrap {display:flex;flex-direction: column; width:500px; margin:4rem auto 0; }
.form_wrap .form_line {position:relative;margin-bottom:1.5rem;}
.form_wrap .form_line em {position:absolute; left:.5rem; top:0; height:3.5rem; line-height:3.5rem; font-size:1rem; color:#777; }
.form_wrap .form_line em:after {content:''; display:inline-block; vertical-align:top; margin-top: 1.25rem;margin-left:.35rem; width:5px; height:5px; border-radius:50%; background-color:var(--color-main)}
.form_wrap .form_line .cont {position:relative; display:block; width:100%; height:3.5rem; line-height:3.5rem;padding-left:7.5rem; font-size:1.1rem;    border-bottom:2px solid #eee;   }
.form_wrap .form_line input[type="text"] { position:relative; height:3.5rem; line-height:3.5rem;padding-left:7.5rem; font-size:1.1rem; background-color:transparent; border:0; outline:0; border-bottom:2px solid #eee; transition: all 0.2s ease-in; letter-spacing:0;  }
.form_wrap .form_line input[type="text"]:focus { border-color: var(--color-main)}
.form_wrap .form_btn {display:block; height:3.75rem; line-height:3.75rem; text-align:center; font-size:1.1rem; font-weight:600; margin-top:1.5rem; background-color:var(--color-main); border-radius:.5rem; color:#fff;}
.form_wrap .cont_title {margin-top:1.8rem; font-size:.95rem; }

.form_wrap input[type=radio] + label { padding:0 1rem 0 1.85rem;width:30%; padding-left:2rem; font-size:1.085rem; }
.form_wrap input[type=radio] + label:after {width:1.4rem;height:1.4rem;background-color:#fff;}
.form_wrap input[type=radio]:checked + label:after {border:6px solid var(--color-main); box-shadow:none; }
.form_wrap input:-ms-input-placeholder {font-size:.95rem; }
.form_wrap input::-webkit-input-placeholder {font-size:.95rem;  }
.form_wrap input::-moz-placeholder {font-size:.95rem;  }


@media screen and ( max-width:500px ) {
	.form_wrap {  width:100%; margin:2rem auto 0; }
	.form_wrap .form_line { margin-bottom:1.5rem;}
	.form_wrap .form_line em { left:auto; font-size:.95rem; height:auto; line-height:1.3rem; position:relative; display:block; margin-bottom:.5rem;  }
	.form_wrap .form_line em:after {margin-top:.4rem;}
	.form_wrap .form_line input[type="text"],
	.form_wrap .form_line .cont { padding-left:.5rem; font-size:1rem; border:0; display:block; height:auto; line-height:1.3; }
	.form_wrap .form_line input[type="text"] {border-radius:.5rem; border:1px solid #eee; height:3.75rem; line-height:3.7rem; font-size:1.25rem;}
	.form_wrap .form_btn { height:3.5rem; line-height:3.5rem; margin-top:1rem; }
	.form_wrap input[type=radio] + label { width:auto; margin-right:1rem; }

}


/* ��� ������� */
.agreeBox {width:100%; margin:1rem auto 0;  font-size:14px; overflow:hidden; padding:5px .5rem 10px; border-radius:7px;  background-color:#f9f9f9;}
.agreeBox div.top {height:auto; position:relative; line-height:2rem;height:2rem; padding:0px 1rem; position:relative; border:0}
.agreeBox .fuc_toggle:after {content:"\e943"; transform: rotate(0deg); position:absolute; right:.5rem; color:#555; top:3px; width:2rem; height:2rem; line-height:2rem; text-align:center; font-size:18px;font-family:'xeicon';cursor:pointer; }
.agreeBox .fuc_toggle.on:after {transform: rotate(180deg);}
.agreeBox input[type=checkbox] + label {padding-left:25px !important; font-size:0.9rem; font-weight:500; color:#333;}
.agreeBox input[type=checkbox] + label:before { width:21px; height:21px;border-radius:50%; border:1px dashed #ddd;}
.agreeBox input[type=checkbox] + label:after {left:8px; margin-top:-7.0px; height: 0.7rem; border-color:#d8dde5; display:block; }
.agreeBox input[type=checkbox]:checked + label {padding-left:25px !important; }
.agreeBox input[type=checkbox]:checked + label:before { width:21px; height:21px;box-shadow:none; border:1px solid var(--txt-default)}
.agreeBox input[type=checkbox]:checked + label:after { border-color:#fff !important }

.agreeBox .terms { display:block; padding:0px 1.3rem;border-top:0px solid #e8ebf0; }
.agreeBox .terms li {padding:1rem .1rem; border-top:1px solid #eee;font-family:inherit}
.agreeBox .terms li:first-child {border:0}
.agreeBox .terms h3 {font-size:15px; margin-bottom:10px; line-height:1.3em; color:#333; font-weight:bold; font-family:inherit; padding:0; border:0 }
.agreeBox .terms p {font-size:14px; line-height:1.3em; color:#666;font-family:inherit; margin-top:5px;  }

@media screen and ( max-width:500px ) {
	.agreeBox { margin:15px auto; font-size:13px; padding:5px 0 10px; }
	.agreeBox input[type=checkbox] + label { font-size:0.8rem;}
	.agreeBox .terms h3 {font-size:14px; margin-bottom:5px; }
	.agreeBox .terms p {font-size:13px; line-height:1.2em; margin-top:5px;  }
    .agreeBox .terms li {padding:1rem .1rem; border-top:1px solid #eee;font-family:inherit;}
}


/* �̿��� */
.agree-detail {padding:0 3rem 3rem;}
.agree-detail h2 {margin-bottom: 0px; font-size:1rem; color: #333;}
.agree-detail h3 {margin-top:30px; font-size: .9rem; font-weight:500; color:#02a9f6;}
.agree-detail h6 { font-size:1rem;padding: 20px 5px 7px 0; font-weight:bold; }
.agree-detail h6:first-child {padding-top: 5px;}
.agree-detail p {padding: 5px 0 5px 0; color:#555; font-size:.9rem;line-height:1.4em;letter-spacing:-.5px;}
.agree-detail strong {font-weight: bold;}
.agree-detail ol { padding: 5px 5px 5px 5px;list-style:none; }
.agree-detail ul { padding: 5px 5px 5px 5px; }
.agree-detail  span {display:inline-block; vertical-align:top;margin-top:-1px; margin-right:3px; font-weight:bold;}
.agree-detail li { padding: 1px 0 1px 0;font-size:.9rem;line-height:1.5em;letter-spacing:-.7px;}
.agree-detail li.tit {font-size: .9rem; padding: 20px 5px 10px 0; font-weight: bold;}
.agree-detail li.tit:first-of-type {padding-top: 0;}
.agree-detail ol li ol {list-style-type:decimal; list-style-position:outside; margin-left:1rem; }
.agree-detail ol li ol li {font-size:.9rem;}

@media screen and ( max-width:500px ) {
	.agree-detail {padding:0 1.5rem 2rem;}
	.agree-detail li, .agree-detail p {font-size:.8rem;}
	.header_popup {height:3rem;}
}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      pagination
///////////////////////////////////////////////////////////////////////////////////////////*/

.pagination {position:relative; display:flex; justify-content: center; align-items: center; gap:.2rem; width:100%; padding:0 0 10px; font-size:0;text-align:center;  }
.pagination a {  font-size:13px; border:1px solid #dcdde0; width:32px; height:32px; line-height:30px;color:#333;background:#fff; vertical-align:middle; transition:300ms ease-out 0ms;}
.pagination a:before {content:''; display:inline-block; font-family:"Material Design Icons","xeicon"; font-size:18px;}
.pagination .first:before  {content:"\F13D"; }
.pagination .prev:before {content: "\F141"; }
.pagination .next:before {content:"\F142" }
.pagination .last:before  {content:"\F13E" }
.pagination .prev {margin-right:7px; font-size:0; }
.pagination .next {margin-left:7px;font-size:0;  }
.pagination .last {font-size:0;}
.pagination a.on { background:var(--color-main); border:1px solid var(--color-main); color:#fff; }
.pagination a.off { color:#bfc2ca; }
.pagination a.first{  margin-left:0;border-left:1px solid #dcdde0; font-size:0; }
.pagination .first.on,
.pagination .prev.on,
.pagination .next.on,
.pagination .last.on { background-color:#fff; color:#111; border-color:#aaa}



/* �� */
.tab_wrap {padding:0 0 2rem !important;z-index:10;}
.tab_wrap .cont {text-align:center;font-size:0;}
.tab_wrap ul {display:inline-flex;}
.tab_wrap li {position:relative;padding:0 1rem;color:#555;font-size:1.2rem;font-weight:bold;line-height:4.5rem;letter-spacing:-1px;white-space:nowrap;cursor:pointer;}
.tab_wrap li.on {border-color:#28b463;color:#28b463;}
.tab_wrap li.on:after {content:'';position:absolute;bottom:0;left:1rem;right:1rem;display:block;height:5px;background:#28b463;}

@media screen and ( max-width:900px ) {
	.tab_wrap {padding:.5rem 0 2.5rem !important;}
	.tab_wrap .cont {width:100%;}
	.tab_wrap li {font-size:1rem;line-height:3.2rem;}
}

.sub_nav_wrap {height:4.7rem;background:#f1f5f8;}
.sub_nav_wrap .column {float: none !important; position: relative; max-width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 0 0rem;}
.sub_nav_wrap.fixed .sub_nav {position:fixed;top:0;left:0;right:0;background:#fff;z-index:100;/*box-shadow:0 0 1rem rgba(0,0,0,.1);*/}
.sub_nav { padding:0;overflow:hidden;width:100%;}
.sub_nav ul {font-size:0;}
.sub_nav li	{position:relative;display:inline-block;width:50%;z-index:1;}
.sub_nav li a {display:block; position:relative; background:#f1f5f8;border-right:1px solid #dfdfdf;border-top:1px solid #dfdfdf;border-bottom:0px solid transparent;color:#777;font-size:1.1rem;line-height:4.7rem;text-align:center;font-weight:bold;letter-spacing:-1px;}
.sub_nav li a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; border-bottom:2px solid transparent; }
.sub_nav li:hover a	{background:#fff;}
.sub_nav li.active {z-index:2;}
.sub_nav li.active a {color:var(--color-main); background:#fff;}
.sub_nav li.active a:after { border-bottom:2px solid var(--color-main)}


.sub_nav.col2 li {width:50%}
.sub_nav.col2 li:nth-child(2n) a {border-right:0;}
.sub_nav.col3 li {width:33.3%;}
.sub_nav.col3 li:nth-child(3n) a {border-right:0;}
.sub_nav.col4 li {width:25%}
.sub_nav.col4 li:nth-child(4n) a {border-right:0;}
.sub_nav.col5 li {width:20%}
.sub_nav.col5 li:nth-child(5n) a {border-right:0;}
.sub_nav.col6 li {width:16.6%}
.sub_nav.col6 li:nth-child(6n) a {border-right:0;}
.sub_nav.col7 li {width:14.2%}
.sub_nav.col7 li:nth-child(7n) a {border-right:0;}
.sub_nav.col12 li {width:8.4%}
.sub_nav.col12 li:nth-child(12n) a {border-right:0;}

@media screen and ( max-width:1024px ) {
    .sub_nav_wrap.fixed .sub_nav { top:0; z-index:999; }
	.sub_nav_wrap {height:3.75rem;}
	.sub_nav li a {line-height:3.75rem;font-size:1rem;}
}


/* �����ڽ� */
.guide {clear: both;margin-top:1rem;border:1px solid #f1f5f8;border-top-color:#555;background:#f7f7f7;padding:2rem;}
.guide * {word-break:keep-all;}
.guide b {display:block;margin-bottom:.5rem;font-size:1rem;font-weight:bold;}
.guide li {position: relative;line-height:1.5;color:#777;font-size:.95rem;padding-left:1rem;}
.guide li:before {content: "-";position: absolute;left: 0;top: 0;clear: both;display: inline-block;margin-right:.5rem;}

@media screen and ( max-width:1024px ) {
	.guide {padding:1.5rem; background-color:#fff;}
	.guide li {padding-bottom:.5rem;font-size:.85rem;}
}

.txt_info{margin-top:5px;font-size:.9rem;color:#777;font-weight:normal;word-break:keep-all;}
.txt_info.error, .txt_info.ok{font-size:.9rem;}
.txt_info.error{font-size:.9rem;color:red; }
.txt_info.ok{color:#0068ff; }
.txt_info.sm{font-size:12px; color:#e21737; }
.txt_info.md{font-size:14px;}

@media screen and ( max-width:700px ) {
	.txt_info{font-size:.8rem;}
}

.inline {display:inline-block !important;}

u.basic{color:#ff1c1c;font-weight:bold;text-decoration:none;}

.unit {position:relative;width:100% !important;z-index:1;}
.unit:focus {}
.unit input {padding-right:2.5rem;}
.unit::before {content:'';position:absolute;right:1rem;top:0;line-height:3.2rem;font-size:1.05rem;font-weight:normal;z-index:3;}
.unit.won::before {content:'��';}
.unit.manwon::before {content:'����';}
.unit.manwon input {padding-right:3.6rem;}
.unit.km:before {content:'Km';}
.unit.km input {padding-right:3rem;}
.unit.year:before {content:'��';}
.unit.cc:before {content:'cc';}



/*===============================================================================================================
		������
================================================================================================================*/
.cardetail .row {padding:3rem 0;}
.cardetail .visual.sub1 {animation:none;}
.cardetail h3 {padding-bottom:1.25rem;font-size:1.35rem; font-weight:bold;color:#222;font-family:'Pretendard';}
.cardetail .sub_nav li a {border-top:0;}
.cardetail h4 {padding-top:0;}
.cardetail_basic, .cardetail_opt, .carhistory, .car_rent, .seller_info  /* , .cardetail_repair */{border-bottom:1.5rem solid #f6f6f6;}
.cardetail .button_group {display:flex;justify-content: center;   }
.cardetail .button_group .button {flex:none; background-color:#fff; border-radius:5rem; color:var(--color-main); border:1px dashed #9abaea; font-size:1rem; font-weight:500; height:3.125rem; line-height:3.1rem; padding:0 2rem;}


@media screen and ( max-width:1024px ) {	
	.cardetail .row {padding:1.5rem 0;}
	.cardetail .sub_nev_wrap {display:none;}
	.cardetail_repair .button, .carhistory .button {width:100%;min-width:auto;height:3.2rem;padding:0 !important;font-size:1rem;}
	.cardetail_basic, .cardetail_opt, .cardetail_repair, .carhistory { border:0;}
	.cardetail .button_group {padding-bottom:0; }
	.cardetail h3 {padding-bottom:1rem;font-size:1.2rem;}
	.cardetail .box,
	.cardetail_repair .box { background-color:#fff; padding:1rem; border-radius:.35rem;}
	.cardetail .button_group {border-top:1px solid #eee; padding:0; margin-top:1.5rem;}
    .cardetail .button_group .button {  border-radius:0; color:#555; border:0; margin:0; font-weight:600; color:#777; }
	.cardetail .button_group.btn_seller {border-top:0; margin:0;}
	.cardetail .button_group.btn_seller .button { width:100%; background-color:var(--color-main); color:#fff; border-radius:.5rem; }
	
}

.dt-title {display:block;padding-bottom:2rem;text-align:center;}
.dt-title h4 {font-size:2.2rem;line-height:1.3;font-weight:100;}
.dt-title h4 .thin {font-weight:300;}
.dt-title h4 strong{color:red;font-size:inherit;font-family:inherit;}
.dt-title p.desc {font-size:1.1rem;line-height:1.5;color:#999;word-break:keep-all;}
.dt-title p.desc strong{font-weight:500;color:#000;font-size:inherit;}

@media screen and ( max-width:1200px ) {	
	.dt-title h4 {font-size:2rem;}
}
@media screen and ( max-width:900px ) {		
	.dt-title p.desc {font-size:.9rem;}
}
@media screen and ( max-width:700px ) {	
	.dt-title h4 {padding-top:1rem;font-size:1.3rem;font-weight:500;}	
}

.carphoto_big {padding:0;background:#f6f6f6;}
.carphoto_big .btns .button {background-color:rgba(0,0,0,.4);border-radius:.3rem;font-size:.9rem;}
.carphoto_big .swipe-detail-wrap {vertical-align:top;}

@media screen and (max-width:1200px){
	.carphoto_big .swipe-detail-wrap {display:block;width:auto;padding:0;margin:0 -1.5rem;}
}


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

.swipe-detail-wrap {position:relative;padding:0rem;}
.swipe-detail-wrap .btns {position:absolute;left:0rem; bottom:0rem; padding:0; z-index:5; display:none;}
.swipe-detail-wrap .btns .item {position:absolute;right:0;top:1.5rem; z-index:0; display:flex;align-items: center; }
.swipe-detail-wrap .btns .item span.label {position:relative;border:0;padding:2rem 1.5rem 0;background-repeat:no-repeat;background-size:auto 45%;background-position:center 0;background-image:url('/images/sub/icon_calender.png');font-weight:bold;font-size:1.05rem;color:#333;}
.swipe-detail-wrap .btns .item span.label:after {content:'';position:absolute;right:0;top:20%;height:50%;width:1px;background:#ddd;}
.swipe-detail-wrap .btns .item span.label.km {background-image:url('/images/sub/icon_km.png');}
.swipe-detail-wrap .btns .item span.label.km:after {display:none;}
.swipe-detail-wrap .btns .button {padding:0 2.5rem;}
.swipe-detail-wrap .btns > .button {height:3.5rem;border:0px solid #eee;border-radius:10rem;background:#fff;color:#2f2f2f;font-size:1rem;font-weight:bold;text-align:center;}
.swipe-detail-wrap .btns > .button span {display:inline-block;width:4rem;height:2rem;background-repeat:no-repeat;background-position:center;background-size:auto 1.7rem;vertical-align:middle;font-size:0;}
.swipe-detail-wrap .btns > .button.encar span {background-image:url('/images/sub/btn_icon_encar.png');}
.swipe-detail-wrap .btns > .button.kbchachacha span {width:5rem;background-image:url('/images/sub/btn_icon_chachacha.png');}
.swipe-detail-wrap .btns .button:hover {border-color:#555;}
.swipe-detail-wrap .btns .btn_zoom {width:3.5rem;height:3.5rem;padding:0 !important;background-image:url('/images/sub/ico-zoom_w.png');background-position:center;background-repeat:no-repeat;background-color:transparent;background-size:auto 1.5rem;font-size:0 !important;}
.swipe-detail-wrap .btns .btn_zoom.zoomout {background-image:url('/images/sub/ico-zoom-out.png');background-color:transparent;border-color:rgba(255,255,255,.3);}
.swipe-detail-wrap .btns .repair {/*flex:1;*/ height:3.7rem;border:1px solid #fff;border-radius:10rem;margin-right:.2rem;background:#fff;color:#111;font-weight:bold;font-size:1rem;text-align:center;opacity:.4;}
.swipe-detail-wrap .btns .repair.on {opacity:1;border:1px solid rgb(4, 72, 226, .5);box-shadow:0 0 1rem rgba(0,0,0,.03);}
.swipe-detail-wrap .btns .repair span {display:inline-block;width:2.5rem;height:2.5rem;background-image:url('/images/sub/icon_repair.png');background-repeat:no-repeat;background-position:center;background-size:auto 2rem;vertical-align:middle;}
.swipe-detail-wrap .btns .repair.on span {background-image:url('/images/sub/icon_repair_on.png');}

@media screen and (max-width:1000px){
	.swipe-detail-wrap .btns .item {padding-top:1rem;text-align:center; right:1rem; top:.5rem}
}
@media screen and (max-width:700px){
	.swipe-detail-wrap .btns {text-align:center; }
	.swipe-detail-wrap .btns .button {height:3.2rem;padding:0;padding:0 1rem !important;border-radius:0 !important;font-size:.85rem;}
	.swipe-detail-wrap .btns .button span {width:2.8rem;background-size:auto 1.3rem;}
	.swipe-detail-wrap .btns .button.kbchachacha span {width:3.2rem;}
	.swipe-detail-wrap .btns .btn_zoom {width:3.2rem; display:none; }
	.swipe-detail-wrap .btns .item {position:static; display:block; padding-top:.5rem;}
	.swipe-detail-wrap .btns .repair {width:90%; margin-top:1rem;}
	.swipe-detail-wrap .btns .item span.label {width:auto;margin:1rem .5rem;padding:0 0 0 1.5rem; font-size:.9rem; background-position:left ;background-size:auto 100%;}
	.swipe-detail-wrap .btns .item span.label:after { display:none;}
}
@media screen and (max-width:500px){
	

}

.swipe-detail-wrap .car-details {position:relative;font-size:0;background:#171a1d;}
.swipe-detail-wrap .car-details > .detail-slide-gallery-top {display:inline-block;width:80%;vertical-align:top;}
.swipe-detail-wrap .car-details > .detail-slide-gallery-thumbs {display:inline-block;width:20%;padding-left:1px;vertical-align:top;}
/*.swipe-detail-wrap .car-details > .detail-slide-gallery-thumbs .swiper-wrapper {background:url('/images/nophoto.png');background-size:25% 20%;}*/
.swipe-detail-wrap .detail-slide-gallery-top {background-size:auto 70%; background-repeat:no-repeat; background-position:center center; background-image:url('/images/noimg_txt.png') }
.swipe-detail-wrap .detail-slide-gallery-top:after {content:'';position:absolute;left:.5rem;bottom:.5rem;z-index:2;}
.swipe-detail-wrap .detail-slide-gallery-top .swiper-slide .img {display:block;background-repeat:no-repeat;background-size:contain;background-position:center;}
.swipe-detail-wrap .detail-slide-gallery-top .swiper-slide .img img {width:100%;}

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

@media screen and (max-width:700px){
	.swipe-detail-wrap .car-details > .detail-slide-gallery-top {display:block;width:100%}
	.swipe-detail-wrap .car-details > .detail-slide-gallery-thumbs {display:block;width:100%;padding-top:1px 0 0;}
	.swipe-detail-wrap .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide {width:calc(10% - 1px) !important;}
}
.swipe-detail-wrap .zoom-swiper-button-prev, .swipe-detail-wrap .zoom-swiper-button-next {position:absolute;top:0;left:0;bottom:0;width:3.5rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:5;cursor:pointer;opacity:.5;}
.swipe-detail-wrap .zoom-swiper-button-prev.swiper-button-disabled, .swipe-detail-wrap .zoom-swiper-button-next.swiper-button-disabled {opacity:.1 !important;}
.swipe-detail-wrap .zoom-swiper-button-prev:hover, .swipe-detail-wrap .zoom-swiper-button-next:hover {opacity:1;}
.swipe-detail-wrap .zoom-swiper-button-next {right:0;left:auto;}
.swipe-detail-wrap .swiper-scrollbar {bottom:10px;left:0;width:100%;height:10px; display:none;}
.swipe-detail-wrap .swiper-pagination-wrap {display:none;}
.swipe-detail-wrap .swiper-pagination {position:static;width:5rem;border-radius:.3rem;line-height:3.2rem;background-color:rgba(0,0,0,0.2);color:#eee;}
.swipe-detail-wrap .swiper-pagination * {color:#fff;}

/* zoom-mode */
.swipe-detail-wrap.zoomMode {position:fixed;top:0px;left:0;right:0;bottom:0;width:100%;padding:0;margin:0;z-index:999;overflow-y:auto;-ms-overflow-y:auto;background-color:#171a1d;}
.swipe-detail-wrap.zoomMode .detail-slide-gallery-top:after {background:url('/images/sub/ico-zoom-out.png') center no-repeat;}
.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-top {width:85%;}
.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-thumbs {width:15%;}
.swipe-detail-wrap.zoomMode .detail-slide-gallery-thumbs .swiper-wrapper .swiper-slide {width:calc(50% - 1px) !important;}
.swipe-detail-wrap.zoomMode .btns {text-align:center;}
.swipe-detail-wrap.zoomMode .btns .button, .swipe-detail-wrap.zoomMode .btns .item {display:none;}
.swipe-detail-wrap.zoomMode .btns .button.btn_zoom {display:inline-block;}

@media screen and (max-width:800px){
	.swipe-detail-wrap.zoomMode {padding:0;}
	.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-top {display:inline-block;}
	.swipe-detail-wrap.zoomMode .car-details > .detail-slide-gallery-thumbs {display:inline-block;}
}

/* ���� ��Ÿ�� */
.ul_style {font-size:0;}
.ul_style li {display:block; margin-bottom:1rem; font-size:0; text-align:left; }
.ul_style li span {display:inline-block; vertical-align:top; font-size:1.05rem;font-weight:bold;color:#555;}
.ul_style li span:first-child {width:40%; margin-right:1rem; position:relative; }
/* .ul_style li span:first-child:after {content:''; position:absolute; left:0; top:12px; width:100%; height:1px; border-bottom:1px dashed #ccc;  z-index:0;} */
.ul_style li span:first-child em {position:relative;padding-right:1rem; background-color:#fff;color:#888; font-weight:400; font-size:1rem;z-index:1;}
.ul_style li .impact {color:red;}


/* �ɼ� ������ */
.usedcar-opt {display:block;width:auto;color:#555;font-size:.9rem;;word-break:keep-all;}
.usedcar-opt span:after {content:'��';display:inline-block;padding:0 .35rem;}
.usedcar-opt span:last-child::after, .usedcar-opt span:nth-of-type(3)::after {display:none;} 
.usedcar-opt span:first-child {padding-left:0;}
.usedcar-opt span {display:inline-block;color:inherit;font-size:inherit;white-space:nowrap;}

.usedcar-icon {display:inline-block;width:auto;font-size:0;vertical-align:middle;}
.usedcar-icon > span {display:inline-block;padding:0 .7rem;border:1px dashed var(--color-main);border-radius:.3rem;line-height:2.2rem;color:var(--color-main);font-weight:bold;font-size:.9rem;overflow:hidden;}
/*.usedcar-icon > span.encar {background:#bc001c;border-color:#bc001c;}
.usedcar-icon > span.chachacha {background:#fcaf17;border-color:#fcaf17;color:#000;font-weight:bold;}*/

.car-icon {position:absolute;top:0;right:.5rem;z-index:5;}
.car-icon .label {display:table-cell;width:2.5rem;height:4rem;border:0;border-radius:0;text-align:center;vertical-align:middle;font-size:0;background-size:auto 100% !important;}


/* �������� */
.cardetail_name {clear:both;position:relative;padding:2.5rem 0 0 !important; display:block; position:absolute; left:0; width:100%; top:-8.2rem; border:0px solid #f00}
.cardetail_name .info-wrap {position:relative; width:100%; padding:0rem 0 0rem;/*border-bottom:1px solid #555;*/ display:flex; justify-content: space-between;align-items: center;}
.cardetail_name .info-wrap .button.btn_cal {height:2rem;padding:0 0 0 1.5rem !important;background:url('/images/sub/icon_cal.png') 0 center no-repeat transparent;background-size:auto 1rem;font-size:.95rem;color:#8a8a8a;text-decoration:underline;}
.cardetail_name .info-wrap .car_info {width:auto}
.cardetail_name .cartitle {display:inline-block;vertical-align:middle; font-weight:bold;font-size:1.65rem;line-height:1.8rem; letter-spacing:-1.5px;word-break:keep-all;}
.cardetail_name .subtitle {display:none;padding-bottom:.3rem;font-size:.95rem;color:#ff4200;}
.cardetail_name .price_info {width:auto; display:flex; justify-content: flex-end; align-items: center; text-align:center; gap:1.2rem;}
.cardetail_name .price_info .price_lease {display:flex; gap:1.2rem}
.cardetail_name .price_info .price_lease span {position:relative; border-right:1px solid #eee; padding-right:1.5rem; }
.cardetail_name .price_info i {display:block; text-align:center; font-size:.85em; color:#777 !important; font-weight:400; margin-bottom:.5rem;font-family: 'Pretendard'; }
.cardetail_name .price_info span {font-size:1.15rem; font-weight:700; }
.cardetail_name .price_info span.blue {color:#0e5dc0}
.cardetail_name .price_info .price span {color:#e00b0b}
.cardetail_name .price_info .btn_consult {display:none; }
.cardetail_name .usedcar-icon {display:inline-block; margin-left:.25rem;}
.cardetail_name .usedcar-icon > span {line-height:1.8rem;}
.cardetail_name .usedcar-opt {padding-top:.5rem;}
.cardetail_name .usedcar-opt span:nth-of-type(3)::after {display:inline-block;}
.cardetail_name .car-icon {top:100%;left:0;right:auto;}
.cardetail_name .car-icon .label {width:4rem;height:6rem;}

.car_Number {display:none;position:fixed; right:0; top:0; width:100%; font-size:1.25rem; line-height:3.75rem; background-color:#fff; color:#333; font-weight:700; letter-spacing:0; text-align:center; z-index:332 }

@media screen and (max-width:1024px){
    .cardetail {background-color:#f6f6f6}
    .car_Number {display:block; }
    .cardetail_name {position:relative; left:auto; top:0; padding:0 !important}
	.cardetail_name .column {padding:1rem 0;}
	.cardetail_name .info-wrap {padding:1rem 1rem 0; background-color:#fff; border-radius:.65rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align:left; }
	.cardetail_name .cartitle { width:auto; font-size:1.125rem;}
	.cardetail_name .usedcar-icon {padding-top:.15rem; display:block;}	
	.cardetail_name .usedcar-icon > span {line-height:1.5rem;}
	.cardetail_name .price_info {margin-top:1rem; width:100%; padding-top:1rem; border-top:1px solid #eee; justify-content: flex-start; flex-direction: column;  }
    .cardetail_name .price_info i { margin:0; color:#333 !important;}
	.cardetail_name .price_info .price_lease {display:flex; flex-direction: column; justify-content: flex-start; width:100%;gap:.5rem; }
	.cardetail_name .price_info .price_lease span {display:flex;  justify-content: space-between; align-items: center; padding:0; border:0; width:100%; }
	.cardetail_name .price_info .price_box {position:relative; margin-top:0rem; width:100%; }
	.cardetail_name .price_info .price {position:fixed; left:0; bottom:0; background-color:#fff;width:100%;  z-index:333; padding:1rem 1rem; display:flex;justify-content: space-between; align-items: center;box-shadow:5px 5px 30px -5px rgba(0,0,0,0.2) }
	.cardetail_name .price_info .price i {margin-bottom:.25rem;}
	.cardetail_name .price_info .price span {display:flex; text-align:left;  flex-direction: column;  color:#333; }
	.cardetail_name .price_info .btn_consult {display:block;  background-color:var(--color-main); color:#fff; height:3rem; line-height:3rem;padding:0 2.65rem; border-radius:.35rem; font-size:1.05rem; font-weight:600; }
}



/* ����Ȯ�뺸�� */
.carzoom .carImg_list {display:flex;flex-direction: column; gap:1px; }
.carzoom .carImg_list img {width:100%;}





/* �Ǹ������� ���� */
.seller_info .seller {position:relative;padding-left:5rem;text-align:left; border-bottom:1px dashed #dedede; padding-bottom:1rem; }
.seller_info .seller .photo-wrap {position:absolute;left:0;top:0;display:inline-block;width:4rem;height:4rem;border-radius:50%;background-image:url('/images/sub/profile.png');background-color:#f1f5f8;background-size:cover;background-repeat:no-repeat;background-position:center center; }
.seller_info .seller .mg-name {display:block;padding:.2rem 0 .3rem;font-size:1.1rem;font-weight:bold;}
.seller_info .seller .mg-name span {display:inline-block;padding-right:.3rem;vertical-align:middle;font-size:.9rem; color:#888; }
.seller_info .seller .info {font-size:.9rem;color:#888;}
.seller_info .hp {padding:1rem 0 1.7rem;font-size:1.3rem;color:var(--color-main);font-weight:bold; }
.seller_info .hp:before {content:'\e9d3'; font-family:'xeicon';color:var(--color-main); font-size:1.5rem; display:inline-block;vertical-align:middle; margin-right:.25rem;}
.seller_info .seller_exp {padding:2rem 0;font-size:1.1rem;color:#777;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;}


@media screen and ( max-width:1024px ) {
	.seller_info .seller_exp {padding:1rem .2rem;font-size:.85rem; background-color:#fff; border-radius:.35rem; }
}



/* �⺻���� */
.cardetail_basic .ul_style {padding-top:1rem;}
.cardetail_basic .ul_style li {display:inline-block;width:33.33%;}

@media screen and (max-width:1024px){
    .cardetail_basic .ul_style {padding:1rem 1.25rem; border-radius:.35rem; background-color:#fff; }
	.cardetail_basic .ul_style li {width:50%;}
	.cardetail_basic .ul_style li span:first-child em {font-size:.95rem;}
	.cardetail_basic .ul_style li span {font-size:1rem;}
	.cardetail_basic .ul_style li span:first-child {width:34%;}
}
@media screen and (max-width:700px){
	.cardetail_basic .ul_style li {width:100%;margin-bottom:.5rem; display:flex; justify-content: space-between; align-items: center; }
	.cardetail_basic .ul_style li span {font-size:1rem; width:auto; }
}


.car-option {display:block;padding:3rem 4rem;margin:0 auto;background:#f6f6f6;font-size:0; border-radius:.35rem;}
.car-option li {display:inline-block;vertical-align:top;width:13.6%;padding:1rem 0;margin:0 .6% .6% 0;border-radius:.5rem;opacity:0.3;text-align:center;}
.car-option li:nth-of-type(7n) {margin-right:0;}
.car-option li.on {opacity:1;background-color:#fff;border:1px dashed #ccc;}
.car-option li p {display:block;clear:both;padding-top:.5rem;font-size:1rem;font-weight:bold;}
.car-option li img {height:3rem;}

.car-option.col9 li {width:11%;}
.car-option.col8 li {width:12.5%;}
.car-option.col7 li {width:14.2%;}
.car-option.col6 li {width:16.6%;}
.car-option.col5 li, .car-option.col4 li, .car-option.col3 li, .car-option.col2 li, .car-option.col1 li {width:15%;}
/*.car-option.col0 {display:none;}*/

@media screen and ( max-width:1300px ) {
	.car-option li {width:19%;margin:0 .8% .8% 0;}
	.car-option li:nth-of-type(5n) {margin-right:0;}
	.car-option li:nth-of-type(7n) {margin-right:.8%;}
	.car-option li img {height:3rem;}
}
@media screen and ( max-width:1024px ) {
	.car-option { padding:1rem .85rem; background-color:#fff; font-size:0; }
    .car-option li { width:25%; padding:.5rem 0;margin:0 !important; border-radius:0rem;opacity:0.3;text-align:center;}
	.car-option li img {height:1.65rem;}
    .car-option li.on {border:0}
	.car-option li p {font-size:.75rem; line-height:1rem; font-weight:400; letter-spacing:-.07em; word-break:break-all;}
}

/* �ɼ����� */
.option-toggle {border-top:1px solid #ddd; display:block; clear:both;  margin:30px auto 0; max-width:1024px; }
.option-toggle h2 { display:block; padding:10px 10px 10px 15px; font-weight:500; color:#333; line-height:50px; }
.option-toggle .toggle_dl {border-bottom:1px solid #ddd;  }
.option-toggle .toggle_dl .title {position:relative; cursor:pointer; font-size:20px; color:#888}
.option-toggle .toggle_dl .count { display:inline-block; vertical-align:top; margin-left:10px; }
.option-toggle .toggle_dl .count strong { padding:0 3px; color:#000}
.option-toggle .toggle_dl .title:after {content:"\e943"; position:absolute;right:15px;  top:12px;font-family :'xeicon'; color:#999;font-size:30px; cursor:pointer; transition:all 0.2s ease-in;}
.option-toggle .toggle_dl .title.on:after { transform:rotate(180deg); }
.option-toggle .toggle_dl .answer {position:relative; width:100%; padding:40px 30px; border-top:1px dashed #ddd; }
.option-toggle .toggle_dl .subtitle {position:relative; cursor:pointer; font-size:18px; color:#999}

.option-toggle .list ul { display:block; width:100%; font-size:0}

.optlist {padding:2rem 0 0;font-size:0;overflow:hidden;}
.optlist h5 { line-height:1.5em;  padding-bottom:.5rem; border-bottom:1px solid #eee;}
.optlist .opt-default {float:left;width:67%;padding-left:3%;}
.optlist .opt-default h5 {color:#888;}
.optlist .opt-default > ul {padding-top:1rem;}
.optlist .opt-default li:last-of-type ul {padding-bottom:2rem;}
.optlist .opt-default li.subtitle > span {display:inline-block;padding:2.5rem 0 .5rem;color:#000;vertical-align:top;font-size:1rem;line-height:1.2;font-weight:400;}
.optlist .opt-default li.subtitle:first-child > span {padding-top:0;}
.optlist .opt-default li.subtitle ul li {position:relative; display:inline-block;color:#555; font-size:0;}
.optlist .opt-default li.subtitle ul li span {display:inline-block;width:auto;padding:8px 15px;margin:0 2px 2px 0;background:#f7f7f7;line-height:1.2;font-size:.85rem;color:#555;}
.optlist .opt-default .button {padding:0 2rem !important;}

.optlist .opt-select {display:block; width:100%;}
.optlist .opt-select ul {padding-top:1rem; display:flex; }
.optlist .opt-select li { width:25%; padding:.5rem 0;line-height:1.2;font-size:.9rem;color:#555;word-break:keep-all;}
.optlist .opt-select li b {display:block;padding:.3rem 0 0;font-size:1.05rem;letter-spacing:0;color:var(--color-main);}
.optlist .opt-select li.off, .optlist .opt-default li.off {padding:.5rem 0;line-height:3;font-size:.9rem;color:#555;}

.optlist .opt-default button:after {content:'�ڼ��� ����';padding-right:.5rem;}
.optlist .opt-default button.on:after {content:'�ݱ�';padding-right:.5rem;}

@media screen and ( max-width:1024px ) {
	.optlist .opt-default, .optlist .opt-select {clear:both;float:none;width:100%;padding-bottom:0rem;padding-left:0;}
	.optlist .opt-default > ul {border:0;}
	.optlist .opt-default button {width:100%;}
	.optlist .opt-select ul { padding:1rem; background-color:#fff; border-radius:.35rem; display:flex;  flex-direction: column;  align-items: center; gap:.65rem;}
	.optlist .opt-select ul li {display:flex;justify-content: space-between; width:100%; padding:0; font-size:.85rem;}
	.optlist .opt-select ul li b {padding:0; font-size:.9rem;}
	.optlist h5 { font-size:1.05rem;}


}


.option-toggle .list ul li.subtitle > span {display:inline-block;width:210px;padding:10px 0;color:#000;vertical-align:top;font-size:18px;line-height:1.2;}
.option-toggle .list ul li.subtitle ul {display:inline-block;width:calc(100% - 220px);vertical-align:top;}
.option-toggle .list ul li li {position:relative; display:inline-block; vertical-align:top; width:auto; padding-left:10px; font-size:15px; color:#555; margin-bottom:10px;}
.option-toggle .list ul li li label {line-height:1.4;}
.option-toggle .list ul li:before { position:absolute; left:0px; top:8px; width:4px; height:1px; background-color:#555; }
.option-toggle .list ul li input[type=checkbox] + label:before, .option-toggle .list ul li input[type=checkbox] + label:after {display:none;}
.option-toggle .list ul li input[type=checkbox] + label {display:inline-block;width:auto;padding:10px 30px;margin:0 2px 2px 0;border:1px solid #f1f1f1;background:#f1f1f1;border-radius:50px;line-height:1.2;font-size:15px;color:#555;}
.option-toggle .list ul li .off {display:inline-block;width:auto;padding:10px 30px;margin:0 5px 5px 0;border:1px solid #f7f7f7;border-radius:50px;line-height:1.2;font-size:15px;color:#999;text-align:center;}


@media screen and ( max-width:1024px ) {
	.option-toggle { padding-bottom:40px;margin:20px auto 0; max-width:100%; }
	.option-toggle h2 { padding:10px 10px 10px 15px;line-height:40px; }
	.option-toggle .toggle_dl .title {font-size:16px; }
	.option-toggle .toggle_dl .title:after { right:12px;  top:10px; font-size:25px; }
	.option-toggle .toggle_dl .answer { padding:20px;}
}
@media screen and ( max-width:767px ) {
	.option-toggle .list ul li {   font-size:13px;}
	.option-toggle .list ul li.subtitle > span {width:170px;font-size:15px;}
	.option-toggle .list ul li.subtitle ul {width:calc(100% - 175px);}
}
@media screen and ( max-width:640px ) {.option-toggle h2 { padding-left:5px; }
	.option-toggle .toggle_dl .title {font-size:15px; }
	.option-toggle .toggle_dl .title:after { top:6px; font-size:20px; }
	.option-toggle .toggle_dl .count { margin-left:5px; }

	.optlist .opt-select li {padding-left:0;padding-right:0;}
}
@media screen and ( max-width:500px ) {
	.option-toggle .toggle_dl .answer { padding:10px 3px;}
	.option-toggle .list ul li.subtitle > span {width:125px;font-size:15px;}
	.option-toggle .list ul li.subtitle ul {width:calc(100% - 130px);}
	.option-toggle .list ul li input[type=checkbox] + label {padding:10px 20px;font-size:13px;}
	.option-toggle .list ul li .off {padding:10px 20px;font-size:13px;}
}


/* ������Ʈ���� */
.car_rent .box {}
.car_rent ul {display:flex; width:100%;  flex-direction: column; gap:1rem;}
.car_rent ul li {position:relative; }
.car_rent .list_price {display:flex; justify-content: space-between; line-height:2rem; }
.car_rent .list_price dt {font-size:1rem; color:#333; font-weight:700; width:180px; line-height:inherit; }
.car_rent .list_price dd {display:flex;width:calc(100% - 180px); justify-content: space-between;align-items: center; line-height:inherit;  }
.car_rent .list_price dd .txt_cont { width:auto; font-size:.95rem; color:#888;}
.car_rent .list_price dd .txt_price { width:auto; font-size:1rem; font-weight:700; color:#e00b0b; }
.car_rent .list_price dd .txt_price.support {color:var(--color-main); }
.car_rent .list_price dd .ico_multiply {margin:0 1rem; }
.car_rent .list_price dd .ico_multiply:before {content:"\e9af"; display:inline-flex; font-family:'xeicon'; font-size:1.05rem;  color:#999; font-weight:300;}
.car_rent .list_price dd select {height:2rem; line-height:2rem; border:0; border-bottom:1px solid #dedede;padding-left:0 !important; background-size:auto 21px; min-width:180px; }

.car_rent ul li.price_total {border-top:1px solid #e6e6e6; padding-top:1rem; margin-top:.5rem;}
.car_rent ul li.price_total dt {font-size:1.125rem; font-weight:700; }
.car_rent ul li.price_total dd {width:100%; justify-content: flex-end;  }
.car_rent ul li.price_total dd .txt_price {font-size:1.25rem;}

@media screen and ( max-width:1024px ) {
    .car_rent .box {background-color:#fff; border-radius:.35rem; padding:1rem;}
	.car_rent ul { gap:0 }
	.car_rent ul li {padding-left:1rem;}
	.car_rent ul li:before {content:''; position:absolute; left:0; top:9px; width:12px; height:12px; border-radius:50%; border:3px solid #fff; background-color:#2479f9; z-index:10}
	.car_rent ul li:after {content:''; position:absolute; left:5px; top:13px; width:1px; height:100%; background-color:#eee;}
	.car_rent ul li:nth-child(3):after {display:none;}
    .car_rent .list_price {flex-direction: column; gap:0; }
	.car_rent .list_price dd {width:100%; padding-bottom:.5rem;}
	.car_rent .list_price dd select {padding-left:.65rem !important; border-radius:.35rem; border:1px solid #e5e5e5; height:2.5rem; line-height:2.4rem; background-position:calc(100% - .5rem) }
	.car_rent ul li.price_total dt,
	.car_rent ul li.price_total dd{width:auto; }
	.car_rent ul li.price_total .list_price {flex-direction: row; }
	.car_rent ul li.price_total:before,
	.car_rent ul li.price_total:after {display:none}
}



/*===============================================================================================================
		��������
================================================================================================================*/
.cardetail_repair {text-align:center;}
.cardetail_repair h3, .cardetail_repair .dt-title {text-align:left;}

.check-car-wrap {display:inline-block;max-width:100%;vertical-align:top;padding:1rem 0;/* overflow-x:auto; */ font-size:0;border:0;text-align:center; }
.check-car		{position:relative;margin:0 auto;border:0;width:730px;height:465px;background:url('/images/checkcar/check_bg_car.jpg') no-repeat;z-index:10;}

.check-car-state	{display:inline-block; vertical-align:top; width:13rem; padding-left:5rem;text-align:left !important;}
.check-car-state li {display:block;padding:1rem 0;font-size:1rem;}
.check-car-state li span {display:inline-block;vertical-align:top;color:#777;}
.check-car-state li span img {vertical-align:middle;height:1.5rem;margin-right:.5rem;}

.check-car .check_link_bg				{position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;}

@media screen and ( max-width:1200px ) {
	.check-car	{zoom:0.8;}
	.check-car-state li {padding:.5rem 0;}
}
@media screen and ( max-width:1024px ) {
	.check-car	{zoom:0.45;}
	.check-car-state {position:relative;display:flex; justify-content: center;flex-wrap: wrap;width:100%;margin:0 auto; font-size:0; padding:1rem 0 0;text-align:center;}
	.check-car-state li {display:inline-block;width:33.3%;padding:.1rem 0; font-size:.8rem;}
	.check-car-state li span img {height:.9rem;}
}
@media screen and ( max-width:360px ) {
	.check-car	{zoom:0.4;}

}



.check-car .condition-mark				{position:relative;width:100%;height:100%;}
.check-car .condition-mark > p		{display:none;position:absolute;top:0;left:0;z-index:50;text-indent:-9999px;width:100%;height:100%;}
.i-mark						{z-index:300;display:inline-block;margin:0 !important;padding:0;width:2rem;height:2rem;font-size:.9rem;font-weight:bold;color:#fff;line-height:2rem;text-align:center;overflow:hidden;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;}
.mark-name									{margin:0 auto;padding:30px 0;width:775px;height:auto;}
.mark-name:after							{content:"";display:block;float:none;clear:both;}
.mark-name > li							{position:relative;display:table;float:left;margin:0 20px 30px;padding:0;width:110px;height:auto;text-align:left;}
.mark-name > li > h3						{display:table-cell;vertical-align:middle;margin:0;padding:0;width:100%;height:30px;font-size:12px;font-weight:normal;color:#666;}
.mark-name > li > span					{position:absolute;top:0;right:0;z-index:100;display:block;margin:0 !important;padding:0;width:30px;height:30px;font-size:15px;font-weight:bold;color:#fff;line-height:30px;text-align:center;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;}
.bg-C										{background-color:#7342a4;}
.bg-C input[type=checkbox]:checked {background:url('/images/icon_checkbox_red.png') no-repeat #fff;background-size:33px 33px;}
.bg-X										{background-color:#007ae4;}
.bg-W									{background-color:#e10f30;cursor:pointer;}
.bg-A										{background-color:#3a3a3a;}
.bg-U										{background-color:#ff9824;}
.bg-T										{background-color:#4dbf50;}

/* i�˨�i���� */
.check_FL_foglamp							{background:url('/images/checkcar/check_FL_foglamp.png') no-repeat;}
.check_FL_wheel							{background:url('/images/checkcar/check_FL_wheel.png') no-repeat;}
.check_RL_wheel							{background:url('/images/checkcar/check_RL_wheel.png') no-repeat;}
.check_L_side								{background:url('/images/checkcar/check_L_side.png') no-repeat;}
.check_L_fender							{background:url('/images/checkcar/check_L_fender.png') no-repeat;}
.check_FL_door								{background:url('/images/checkcar/check_FL_door.png') no-repeat;}
.check_RL_door								{background:url('/images/checkcar/check_RL_door.png') no-repeat;}
.check_L_quarterpanel					{background:url('/images/checkcar/check_L_quarterpanel.png') no-repeat;}
.check_RL_foglamp							{background:url('/images/checkcar/check_RL_foglamp.png') no-repeat;}
.check_LA_filler							{background:url('/images/checkcar/check_LA_filler.png') no-repeat;}
.check_LB_filler							{background:url('/images/checkcar/check_LB_filler.png') no-repeat;}
.check_LC_filler							{background:url('/images/checkcar/check_LC_filler.png') no-repeat;}
.check_FL_window							{background:url('/images/checkcar/check_FL_window.png') no-repeat;}
.check_RL_window							{background:url('/images/checkcar/check_RL_window.png') no-repeat;}

/* i?�e?�� */
.check_F_bumper							{background:url('/images/checkcar/check_F_bumper.png') no-repeat;}
.check_grill								{background:url('/images/checkcar/check_grill.png') no-repeat;}
.check_L_lamp								{background:url('/images/checkcar/check_L_lamp.png') no-repeat;}
.check_R_lamp								{background:url('/images/checkcar/check_R_lamp.png') no-repeat;}
.check_bonnet								{background:url('/images/checkcar/check_bonnet.png') no-repeat;}
.check_F_window							{background:url('/images/checkcar/check_F_window.png') no-repeat;}
.check_R_window							{background:url('/images/checkcar/check_R_window.png') no-repeat;}
.check_roof									{background:url('/images/checkcar/check_roof.png') no-repeat;}
.check_L_mirror							{background:url('/images/checkcar/check_L_mirror.png') no-repeat;}
.check_R_mirror							{background:url('/images/checkcar/check_R_mirror.png') no-repeat;}
.check_trunk								{background:url('/images/checkcar/check_trunk.png') no-repeat;}
.check_L_taillight						{background:url('/images/checkcar/check_L_taillight.png') no-repeat;}
.check_R_taillight						{background:url('/images/checkcar/check_R_taillight.png') no-repeat;}
.check_R_bumper							{background:url('/images/checkcar/check_R_bumper.png') no-repeat;}

/* i??i���� */
.check_radiator								{background:url('/images/checkcar/check_radiator.png') no-repeat;}
.check_F_panel								{background:url('/images/checkcar/check_F_panel.png') no-repeat;}
.check_FL_insidepanel					{background:url('/images/checkcar/check_FL_insidepanel.png') no-repeat;}
.check_FL_sidemember						{background:url('/images/checkcar/check_FL_sidemember.png') no-repeat;}
.check_FL_wheelhouse						{background:url('/images/checkcar/check_FL_wheelhouse.png') no-repeat;}
.check_FR_insidepanel					{background:url('/images/checkcar/check_FR_insidepanel.png') no-repeat;}
.check_FR_sidemember						{background:url('/images/checkcar/check_FR_sidemember.png') no-repeat;}
.check_FR_wheelhouse						{background:url('/images/checkcar/check_FR_wheelhouse.png') no-repeat;}
.check_crossmember						{background:url('/images/checkcar/check_crossmember.png') no-repeat;}
.check_dashpanel							{background:url('/images/checkcar/check_dashpanel.png') no-repeat;}
.check_floorpanel							{background:url('/images/checkcar/check_floorpanel.png') no-repeat;}
.check_packagetray						{background:url('/images/checkcar/check_packagetray.png') no-repeat;}
.check_RL_wheelhouse						{background:url('/images/checkcar/check_RL_wheelhouse.png') no-repeat;}
.check_RL_sidemember						{background:url('/images/checkcar/check_RL_sidemember.png') no-repeat;}
.check_trunkfloor							{background:url('../images/checkcar/check_trunkfloor.png') no-repeat;}
.check_RR_sidemember						{background:url('../images/checkcar/check_RR_sidemember.png') no-repeat;}
.check_RR_wheelhouse						{background:url('../images/checkcar/check_RR_wheelhouse.png') no-repeat;}
.check_rearpanel							{background:url('../images/checkcar/check_rearpanel.png') no-repeat;}

/* i?��i���� */
.check_FR_foglamp							{background:url('../images/checkcar/check_FR_foglamp.png') no-repeat;}
.check_FR_wheel							{background:url('../images/checkcar/check_FR_wheel.png') no-repeat;}
.check_RR_wheel							{background:url('../images/checkcar/check_RR_wheel.png') no-repeat;}
.check_R_side								{background:url('../images/checkcar/check_R_side.png') no-repeat;}
.check_R_fender							{background:url('../images/checkcar/check_R_fender.png') no-repeat;}
.check_FR_door								{background:url('../images/checkcar/check_FR_door.png') no-repeat;}
.check_RR_door								{background:url('../images/checkcar/check_RR_door.png') no-repeat;}
.check_R_quarterpanel					{background:url('../images/checkcar/check_R_quarterpanel.png') no-repeat;}
.check_RR_foglamp							{background:url('../images/checkcar/check_RR_foglamp.png') no-repeat;}
.check_RA_filler							{background:url('../images/checkcar/check_RA_filler.png') no-repeat;}
.check_RB_filler							{background:url('../images/checkcar/check_RB_filler.png') no-repeat;}
.check_RC_filler							{background:url('../images/checkcar/check_RC_filler.png') no-repeat;}
.check_FR_window							{background:url('../images/checkcar/check_FR_window.png') no-repeat;}
.check_RR_window							{background:url('../images/checkcar/check_RR_window.png') no-repeat;}

.car_icon {display:inline-block;padding:5px 0;color:#333;    text-align:center; font-size:14px;vertical-align:top;}
.car_icon li:nth-child(n+5) {margin-top:10px;}
.car_icon li img {width:35px;}
.car_icon li p{padding:10px 0;font-size:14px;}
.car_icon.mycar li img {width:65px;}

.check_RC_filler							{background:url('/images/checkcar/check_RC_filler.png') no-repeat;}
.check_FR_window							{background:url('/images/checkcar/check_FR_window.png') no-repeat;}
.check_RR_window							{background:url('/images/checkcar/check_RR_window.png') no-repeat;}

@media screen and ( max-width:1024px ) {
.check-car-wrap { padding:0; }
.i-mark { width:1.25rem;height:1.25rem;line-height:1.25rem;font-size:.65rem;}
}