#sub {padding-top:55px;}
#term {padding-top:55px;}

.svisual {padding:60px 0 40px 0;  text-align: center;}
.svisual h2 { font-size: 32px; font-weight: bold;}
.svisual p {margin-top:10px; font-size:18px; font-weight:400;}

/*빠른 간편견적*/

#sub.fast .tab { display:flex; }
#sub.fast .tab {display:flex; justify-content:space-between; align-items:center;}
#sub.fast .tab input[type="radio"] { display:none; }
#sub.fast .tab label{display:flex; flex-basis:50%;  justify-content:center;}
#sub.fast .tab label {display:block; padding:17px 0; width:100%; font-size:16px; text-align:center; border:1px solid #e5e5e5; cursor:pointer;}
#sub.fast .tab input:checked + label {color:#fff; background-color: #000; font-weight:bold;}


/* #sub.fast .tab ul {display:flex; justify-content:space-between; align-items:center;}
#sub.fast .tab ul li{display:flex; flex-basis:50%;  justify-content:center;}
#sub.fast .tab ul li a {display:block; padding:17px 0; width:100%; font-size:16px; text-align:center; border:1px solid #e5e5e5;}
#sub.fast .tab ul li.active a {color:#fff; background-color: #000; font-weight:bold;} */

#fastTab .category {padding:20px; background:#f7f7f7;}
#fastTab .category .input {margin-bottom:15px;}
#fastTab .input-wrap {display:flex; justify-content:space-between; gap:15px;}
#fastTab .input-wrap > div {display:flex; flex-basis:50%;}
#fastTab button {padding:10px; background:#1E53F2; border-radius:5px}
#fastTab button:hover {background:#0096ce; transition:all 1s;}
#fastTab button img {width:20px;}

#fastTab .droptit {width:100%; text-align:center;  cursor:pointer; margin:20px 0;}
#fastTab .droptit p {position:relative; display:flex; align-items:center; justify-content:center;  gap:15px; font-size:15px; line-height:15px; color:#999999; font-weight:bold; }
#fastTab .droptit p:before {content:''; position:absolute; top:50%; left:0; transform:translate(0,-50%); width:43%; height:1px; background:#999999;}
#fastTab .droptit p:after {content:''; position:absolute; top:50%; right:0; transform:translate(0,-50%); width:43%; height:1px; background:#999999;}
#fastTab .droptit span {transition:all 0.5s;}
#fastTab .droptit.on span {margin-top:-3px;  transform:rotate(-180deg); }
#fastTab .dropdown {display:none;}
/*
#fastTab .input-wrap2 {display:flex; justify-content:space-between; align-items:center; gap:15px;
background:#fff;  border:1px solid #cecece; border-radius:5px;}
#fastTab .input-wrap2 > div.ct-Price {display:flex; flex-basis:67%;}
#fastTab .input-wrap2 > div.ct-Self {display:flex; flex-basis:33%;}*/

#fastTab .tooltip {display:block;}
#fastTab .tooltip-text { display: none;  position: absolute; max-width:300px; margin-top:10px; padding: 10px 15px;  font-size:13px;  color: #000;  background: #fcffd7; text-align:left; font-weight:400 !important; line-height:18px; z-index:99;}
#fastTab .tooltip:hover .tooltip-text {  display: block;}

.etc-view {display:none;}
.etc-view .etc-view-wrap {display:flex; flex-wrap:wrap; gap:15px; width:100%;}
/*Brand custom*/
#fastTab .category .ct-Brand span input[type="radio"]{ appearance:none; display:none;}
#fastTab .category .ct-Brand {display:flex; gap:18px; flex-wrap:wrap;justify-content:center;  }
#fastTab .category .ct-Brand span input[type="radio"] + label {display:flex; flex-direction:column; width:96px; height:96px;  padding:12px; gap:7px; text-align:center; box-sizing:border-box;
background:#fff; border:1px solid #cecece; border-radius:5px; cursor:pointer; font-size:14px; align-items: center; justify-content:center;}
#fastTab .category .ct-Brand span input[type="radio"] + label .img {width:55px;}
#fastTab .category .ct-Brand span input[type="radio"] + label .img img {width:100%;}
#fastTab .category .ct-Brand span input[type="radio"]:checked + label {border:2px solid #1E53F2; box-shadow:5px 5px 5px rgba(0,0,0,0.2); font-weight:bold; color:#1E53F2;}
#fastTab .category .ct-Brand span input[type="radio"]:hover + label {box-shadow:5px 5px 5px rgba(0,0,0,0.2); transition:all 0.1s;}
#fastTab .category .ct-Brand span.all input[type="radio"] + label .img img {filter:opacity(1) grayscale(1) brightness(0);}
#fastTab .category .ct-Brand span.all input[type="radio"]:checked + label .img img {filter:none;}

/*Fuel custom*/
#fastTab .category .ct-Fuel span input[type="radio"]{ appearance:none; }
#fastTab .category .ct-Fuel {display:flex; justify-content:space-between; border:1px solid #cecece; border-radius:5px;  background:#fff;}
#fastTab .category .ct-Fuel span {display:flex; flex-basis:16.66%; justify-content:center;}
#fastTab .category .ct-Fuel span.all {flex-basis:16.2%;}
#fastTab .category .ct-Fuel span input[type="radio"] + label {  display:flex; gap:7px; justify-content:center; align-items:center; width:100%; padding:13px;
text-align:center; box-sizing:border-box; background:#fff; border-radius:5px; cursor:pointer; font-size:16px;}
#fastTab .category .ct-Fuel span .fueltype {flex-basis:12%; border:1px solid #cecece; font-size:12px; color:#4d4d4d; line-height:16px; font-weight:500;}
#fastTab .category .ct-Fuel span input[type="radio"]:checked + label {border:2px solid #1E53F2; font-weight:bold; color:#1E53F2;}
#fastTab .category .ct-Fuel span input[type="radio"]:checked + label .fueltype {border:1px solid #1E53F2;}
/*Size custom*/
#fastTab .category .ct-Size span input[type="radio"]{ appearance:none; }
#fastTab .category .ct-Size {display:flex; justify-content:flex-start; gap:8px; border:1px solid #cecece; border-radius:5px;  background:#fff;}
#fastTab .category .ct-Size span {display:flex; flex-basis:12%; justify-content:center;}
#fastTab .category .ct-Size span.all {flex-basis:16.2%;}
#fastTab .category .ct-Size span input[type="radio"] + label {  display:flex; gap:7px; justify-content:center; align-items:center; width:100%; padding:13px;
text-align:center; box-sizing:border-box; background:#fff; border-radius:5px; cursor:pointer; font-size:16px;}
#fastTab .category .ct-Size span input[type="radio"]:checked + label {border:2px solid #1E53F2; font-weight:bold; color:#1E53F2;}
/*Month custom*/
#fastTab .category .ct-Month span input[type="radio"]{ appearance:none; }
#fastTab .category .ct-Month {display:flex; justify-content:space-between; border:1px solid #cecece; border-radius:5px;  background:#fff;}
#fastTab .category .ct-Month span {display:flex; flex-basis:33.33%; justify-content:center;}
#fastTab .category .ct-Month span input[type="radio"] + label {  display:flex; gap:7px; justify-content:center; align-items:center; width:100%; padding:12px;
text-align:center; box-sizing:border-box; background:#fff; border-radius:5px; cursor:pointer; font-size:16px;}
#fastTab .category .ct-Month span input[type="radio"]:checked + label {border:2px solid #1E53F2; font-weight:bold; color:#1E53F2;}
/*Deposit custom*/
#fastTab .category .ct-Deposit span input[type="radio"]{ appearance:none; }
#fastTab .category .ct-Deposit {display:flex; justify-content:space-between; border:1px solid #cecece; border-radius:5px;  background:#fff;}
#fastTab .category .ct-Deposit > span {display:flex; flex-basis:33.33%; justify-content:center;}
#fastTab .category .ct-Deposit span input[type="radio"] + label {  display:flex; gap:7px; justify-content:center; align-items:center; width:100%; padding:12px;
text-align:center; box-sizing:border-box; background:#fff; border-radius:5px; cursor:pointer; font-size:16px;}
#fastTab .category .ct-Deposit span .info {width:12%; padding:0 6px; margin-left:2px; border:1px solid #cecece; font-size:12px; color:#4d4d4d; line-height:16px; font-weight:500; border-radius:100%;}
#fastTab .category .ct-Deposit span input[type="radio"]:checked + label {border:2px solid #1E53F2; font-weight:bold; color:#1E53F2;}
/*Prcie custom*/
#fastTab .input-wrap2 {display:flex; align-items:center; padding:17px 30px 15px 30px; background:#fff;  border:1px solid #cecece; border-radius:5px;  }
#fastTab .category .ct-Price .rs-container {height:40px;}
#fastTab .category .ct-Price .rs-container .rs-pointer {width:15px; height:15px; margin-left:-3px; border-radius:100%; border:4px solid #1E53F2; box-sizing:border-box;}
#fastTab .category .ct-Price .rs-container .rs-scale {cursor:pointer;}
#fastTab .category .ct-Price .rs-container .rs-scale span ins {font-size:12px; color:#8c8c8c; font-weight:400;}
#fastTab .category .ct-Price .rs-container .rs-bg {width:101.5%; height:5px; background:#b3b3b3; cursor:pointer; }
#fastTab .category .ct-Price .rs-container .rs-bg:before {position:absolute; content:''; top:50%; left:-6px;transform: translate(0, -50%);
width:15px; height:15px; background:#b3b3b3; border-radius:100%;}
#fastTab .category .ct-Price .rs-container .rs-bg:after {position:absolute; content:''; top:50%; right:0;transform: translate(0, -50%);
width:15px; height:15px; background:#b3b3b3; border-radius:100%;}
#fastTab .category .ct-Price .rs-container .rs-selected { height:5px; background:#1E53F2; border:none;}
#fastTab .category .ct-Price .rs-container .rs-pointer::after, .rs-container .rs-pointer::before {display:none;}
#fastTab .category .ct-Price {width:65%; /*float:left;*/}
/*Self custom*/
#fastTab .category .ct-Self {display:flex; justify-content:flex-end; gap:5px; align-items:center; padding:0 20px 0 20px; flex-basis:35%; }
#fastTab .category .ct-Self .name {margin-right:15px; font-size:16px; }
#fastTab .category .ct-Self input {padding:10px 7px; border:1px solid #cecece; max-width:100px;}

/*빠른간편견젹 - 검색결과*/
.carindex-tit {display:flex; justify-content:space-between; align-items:center;}
select.carfilter {padding:10px 40px 10px 15px; border:1px solid #d1d1d1; border-radius:50px; box-sizing:border-box; font-size:14px; letter-spacing:-0.5px;
background:url('/_img/filter_arrow.png') no-repeat 93% center; background-size:23px; cursor:pointer;}
select.carfilter:focus {border:1px solid #00accc;}
select.carfilter option {padding:3px 5px;}
select.carfilter::-ms-expand {display: none;}

.carindex-dv {margin:20px 0 25px 0;}
.carindex-dv ul {display:flex; gap:10px; justify-content:center;}
.carindex-dv ul li input {display:none; appearance:none; display:none;}
.carindex-dv ul li input + label {padding:8px 22px; font-size:14px; line-height:14px; background:#F5F5F5; color:#999999; border-radius:500px; font-weight:500; cursor:pointer;}
.carindex-dv ul li input:checked + label {background:#000; color:#fff;}


.result {margin-top:40px;}
.result h2 {font-size:20px; font-weight:400;}
.result .result-con {margin-top:20px; display:flex; /*justify-content:space-between;*/ flex-wrap:wrap; gap:25px;}
.result .result-con .list {position:relative; display:flex; flex-direction:column; flex-basis:331.25px;  background:#fff; border:1px solid #d1d1d1; border-radius:8px; overflow:hidden; cursor:pointer; }
.result .result-con .list a.lista {display:block;}
.result .result-con .list .ab-icon {position:absolute; top:20px; left:13px;}
.result .result-con .list .ab-icon span {margin-right:2px; padding:5px 12px; font-size:15px; color:#fff; border-radius:500px; font-weight:500;}
.result .result-con .list .ab-icon span.mm {background:#1E53F2;}
.result .result-con .list .ab-icon span.pm {background:#007cce;}
.result .result-con .list .img {padding:45px 33px 15px 33px; height:181px; background:#f7f7f7; display:flex; align-items:center;}
.result .result-con .list .list-wrap {position:relative; padding:25px;}
.result .result-con .list:hover .img img {transform: scale(1.1); transition:all 0.3s;}
.result .result-con .list .text {}
.result .result-con .list .text .brand img {width:35px;}
/*.result .result-con .list:hover .text {opacity:0.5; transition:all 0.3s;}*/
.result .result-con .list .text p { font-size:13px; color:#535353; font-weight:500; line-height:1.5;}
.result .result-con .list .tit-wrap {display:flex; justify-content:space-between;}
.result .result-con .list .tit-wrap h3 {display:flex; gap:8px; font-size:20px; font-weight:bold; width:160px;  line-height:1.3;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;

-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.result .result-con .list .tit-wrap h3 .brand {margin:0 -3px 0 0;}
.result .result-con .list .tit-wrap .dv-eng {display:flex; align-items:center; gap:5px; line-height:23px;}
.result .result-con .list .tit-wrap .engine {line-height:0;}
.result .result-con .list .tit-wrap .engine span {display:inline-block; width:16px; font-size:12px; line-height:14px; text-align:center; border:1px solid #0465ed;}
.result .result-con .list .tit-wrap .engine span.active { color:#0864f1; border:1px solid #0864f1; font-weight:bold; }
.result .result-con .list .text .info {margin:15px 0; min-height:40px;}

.result .result-con .list .price {font-size:14px; line-height:1.4; color:#4d4d4d; font-weight:500;}
.result .result-con .list .price li {display:flex; align-items:center; justify-content:space-between;}
.result .result-con .list .price li .subject img {margin:-2px 0 0 7px; width:80px;}
.result .result-con .list .price li .won {color:#000; font-size:20px; font-weight:bold;
display:flex; align-items:center; gap:1px;}
.result .result-con .list .price li .won .num {width:97px; text-align:right;}


/*
.result .result-con .list .text .price span {font-size:135%; font-weight:bold;}
.result .result-con .list .list-wrap .disbtn {display:none; }
.result .result-con .list:hover .list-wrap .disbtn {display:block; }
.result .result-con .list:hover .list-wrap {padding:25px 25px 15px 25px;}
.result .result-con .list:hover .text p {position:absolute; right:25px; top:25px;}
.result .result-con .list:hover .text p span {display:none;}
.result .result-con .list:hover .text p span.on {display:block; padding:0 3px;}
.result .result-con .list:hover .price {margin-top:5px;}*/

.result .result-con .list .list-wrap .btn {margin-top:10px; display:flex; justify-content:space-between; align-items:center; gap:5px;}
.result .result-con .list .list-wrap .btn > a {display:block; padding:12px 20px;  font-size:16px; border:1px solid #d1d1d1; border-radius:5px; font-weight:500; width:50%; text-align:center;}
.result .result-con .list:hover .list-wrap .btn > a {/*color:#1E53F2;*/ border:1px solid #0864f1;}
.result .result-con .list:hover .list-wrap .btn > a:hover {background:#f0fcff;}
.result .result-con .list .list-wrap .btn > a.consultFormBtn
,.result .result-con .list .list-wrap .btn > a.bg {background:#1a1a1a; color:#fff;}
.result .result-con .list:hover .list-wrap .btn > a.consultFormBtn
,.result .result-con .list:hover .list-wrap .btn > a.bg {background:#0864f1;}
.result .result-con .list:hover .list-wrap .btn > a.consultFormBtn:hover
,.result .result-con .list:hover .list-wrap .btn > a.bg:hover {background:#0864f1;}

.text-center {text-align:center;}

/*viewpage*/
#viewSlide {padding:40px 0; /*padding:65px 0;*/
	/*background:url('/_img/view_bg_202304.png') no-repeat 67% 50% #dddddd;*/
	background-image:url('/_img/view_bg_202304.png');
	background-repeat: no-repeat;
	background-color: #dddddd;
	background-size:cover;
}
#viewSlide.detailslide {padding:60px 0;}

#viewSlide .viewSlideWrap { width:1200px; margin:0 auto; }
#viewSlide .viewSlideWrap .viewSlideCont { width:855px; }


#viewSlide .container {}
#viewSlide .viewcontainer {width:940px;}
#viewSlide .viewcontainer .viewcontent {width:570px; margin:0 auto;}
#viewSlide .tit h2 {display:flex; gap:10px; justify-content:center; align-items:center; font-size:32px; font-weight:bold;}
#viewSlide .tit h2 .brand {width:65px; }
#viewSlide .tit p {font-size:16px; line-height:24px; font-weight:400;}
#viewSlide .tit p span {padding:0 3px;}

#viewSlide .viewSwiper2 { height:295px; margin:30px 0 0 0; text-align:center;}
#viewSlide .viewSwiper2 .swiper-wrapper img {width:auto; height:230px; overflow:hidden;}
#viewSlide .thumbs .swiper-wrapper img {width:auto; height:auto; overflow:hidden;}

#viewSlide .viewSwiperExt .swiper-wrapper
,#viewSlide .viewSwiperInt .swiper-wrapper { height:280px; margin: 20px 0 60px 0; }

#viewSlide .viewSwiperExt .swiper-wrapper .swiper-slide
,#viewSlide .viewSwiperInt .swiper-wrapper .swiper-slide { text-align:center; }

/* #viewSlide .viewSwiperExt .swiper-wrapper .swiper-slide .img-responsive
,#viewSlide .viewSwiperInt .swiper-wrapper .swiper-slide .img-responsive { width: auto; height: 100%; } */

#viewSlide .thumbs {position:relative; cursor:pointer; text-align:center;}
#viewSlide .thumbs .arrow {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:118%; z-index:99;}
#viewSlide .thumbs .arrow .swiper-button-prev {color:transparent;}
#viewSlide .thumbs .arrow .swiper-button-next {color:transparent;}
#viewSlide .thumbs .arrow .swiper-button-next:after {content:url('/_img/veiwarrow.png');  line-height:4px; }
#viewSlide .thumbs .arrow .swiper-button-prev:after {content:url('/_img/veiwarrow.png'); transform: rotate(180deg); line-height:4px;}

#viewSlide .tabs {position:relative;}
#viewSlide .tabs ul.horizontal {position:absolute; bottom:120px; left:50%; transform:translate(-50%, 0); z-index:10;
display:flex; justify-content:center; gap:15px;}
#viewSlide .tabs ul.horizontal li a {display:block; padding:8px 0; font-size:17px; color:#8c8c8c; }
#viewSlide .tabs ul.horizontal li.active a {color:#000; font-weight:bold; border-bottom:2px solid #000;}

#viewSlide .thumbs .swiper-wrapper {}
#viewSlide .thumbs .swiper {background:rgba(255,255,255,0.4); border-radius:22px; padding:15px; height:104px;}
#viewSlide .thumbs .swiper-slide {display:flex; flex-direction:column; justify-content:center; align-items:center; }
#viewSlide .thumbs .swiper-slide p {margin-top:5px; font-size:13px; text-align:center;}
#viewSlide .thumbs .swiper-slide.swiper-slide-thumb-active p {color:#000; font-weight:bold;}

.ext-view {position:absolute; top:50px; left:-41px; padding:17px 0; background:rgba(255,255,255,0.4); border-radius:22px; z-index:9;}
.ext-view input {display:none; appearance:none; display:none;}
.ext-view input + label {display:block; padding:6px 17px; cursor:pointer; font-size:16px; font-weight:500; color:#8c8c8c;}
.ext-view input:checked + label {color:#000; font-weight:bold;}

#viewDivide {margin:40px 0; scroll-behavior: smooth; }
#viewDivide .container {position:relative; display:flex; gap:60px; justify-content:space-between;}
#viewDivide .container .conLeft {width:880px; position:relative; }
/* #viewDivide .container .conLeft {position:relative; width:285px;} */
// #viewDivide .container .conRight { width:285px; position:absolute; right:0; background-color:white; }
.container .conRight { width:360px; position:absolute; right:0; z-index:9;}

.container .conRight .conRightDyn { width:360px; margin-top:20px; z-index: 1000; }


.viexfixedbd  {margin-top:-2px; padding:20px; border:1px solid #b3b3b3; border-radius:7px; box-sizing:border-box;}
.viexfixed {margin-top:-2px; padding:17px; border-right:1px solid #b3b3b3;  border-left:1px solid #b3b3b3; border-bottom:1px solid #b3b3b3;
 border-bottom-right-radius:7px; border-bottom-left-radius:7px; box-sizing:border-box; background:#fff;}

.viexfixed .catalog {width:100%; text-align:right; margin:5px 0;}
.viexfixed .catalog .btn {display:flex; justify-content:end;}
.viexfixed .catalog .btn button {display:inline-block; width:auto; margin:0 0 0 5px; padding: 7px 10px;
font-size:13px; line-height:13px; border:1px solid #d1d1d1; border-radius:3px; background:#fff; font-weight:500;}
.viexfixed .catalog .btn button:hover {background:#f4f4f4;}
.viexfixed .model select {margin-bottom:7px; padding:10px 15px; width:100%; background:url('/_img/select_down.png') no-repeat #fafafa;  background-size:15px; background-position:top 50% right 10px;
color:#666666; border-radius:500px; font-size:13px; font-weight:500; letter-spacing:-0.5px; cursor:pointer;}

.viexfixed .img {margin-bottom:10px; width:200px; margin:0 auto;}
.viexfixed dl {display:flex; justify-content:space-between; align-items:baseline; }
.viexfixed dl dt {width:56px; font-size:13px; color:#8c8c8c;}
.viexfixed dl dd {text-align:right; font-size:14px; line-height:24px; width:100%;}
.viexfixed dl dd .btn {margin-top:5px; display:flex; justify-content:flex-end; gap:3px;}
.viexfixed dl dd .btn a
,.viexfixed dl dd .btn button {width:85px; display:block; padding:7px 10px; line-height:13px; border:1px solid #d1d1d1; font-size:13px; letter-spacing:-0.5px; border-radius:5px;}
.viexfixed dl dd .btn a:hover
,.viexfixed dl dd .btn button:hover {background:#f7f7f7; transition:all 0.5s;}
.viexfixed dl.model {margin-bottom:10px;}
.viexfixed dl.condition {margin-bottom:10px;}
.viexfixed dl.condition dd {/*padding:0 5px 0 0; height:52px; overflow-y:scroll;*/}
.viexfixed dl.condition dd::-webkit-scrollbar { width: 5px;}
.viexfixed dl.condition dd::-webkit-scrollbar-track {  box-shadow: inset 0 0 5px grey;   border-radius: 10px;}
.viexfixed dl.condition dd::-webkit-scrollbar-thumb { background: #1E53F2;   border-radius: 10px;}
.viexfixed dl.option {margin:10px 0; align-items:flex-start;}
.viexfixed dl.option dd {height:97px;padding:0 5px 0 0; overflow-y:scroll;}
.viexfixed dl.option dd::-webkit-scrollbar { width: 5px;}
.viexfixed dl.option dd::-webkit-scrollbar-track {  background:#f1f1f1;  border-radius: 10px;}
.viexfixed dl.option dd::-webkit-scrollbar-thumb { background: #ccc;   border-radius: 10px;}
.viexfixed dl.option .opcon {display:flex; justify-content:flex-end; gap:3px; flex-wrap:wrap;}
.viexfixed dl.option .opcon button {margin-top:3px;}

.viexfixed dl.option .opcon > button
,.viexfixed dl.option .opcon > label { padding:5px 10px 5px 5px; line-height:13px; border:1px solid #d1d1d1; font-size:12px; letter-spacing:-0.5px; border-radius:500px; width: auto; background-color: transparent; font-weight: normal;}
.viexfixed dl.option .opcon > button > span
,.viexfixed dl.option .opcon > label > span { max-width:85px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; display: inline-block; }

.viexfixed dl.option .opcon > button .remove
,.viexfixed dl.option .opcon > label .remove {font-size:10px; font-weight:bold; color:#8c8c8c;}

.viexfixed dl dd .price {font-size:22px; font-weight:bold; letter-spacing:-0.5px;}
.viexfixed dl dd .vat {color:#8c8c8c; font-size:13px;}
.viexfixed dl.basicprice {margin-bottom:5px;}
.viexfixed .line {margin:15px 0; width:100%; height:1px; border-top:1px solid #d1d1d1;}

.viexfixed .priceEnd {margin:20px 0; display:flex; align-items:center; gap:20px;}
.viexfixed .priceEnd .pcon {width:50%; }
.viexfixed .priceEnd .pcon p {font-size:13px; color:#8c8c8c; line-height:13px; text-align:right; justify-content:space-between;}
.viexfixed .priceEnd .pcon p .big {font-size:22px; font-weight:800;}
.viexfixed .priceEnd .pcon p.vat {margin-top:8px; color:#B3B3B3; font-size:12px;}

.viexfixed .saleprice {position:relative; margin:0 -17px 5px -17px; padding:15px 15px 12px 15px; background:#F8F8F8; }
.viexfixed .saleprice  dl dt {padding:8px 8px 7px 9px; width:130px;  background: linear-gradient(70deg,#EC04AE, #7800FF, #4500FF);  color:#fff; border-radius:30px; font-weight:600;}
.viexfixed .saleprice p {margin-top:7px; font-size:13px; font-weight:600; color:#000;}
.viexfixed .saleprice .salepop {position:absolute; top:50%; left:-235px; transform:translate(0, -50%);
padding:15px;  background:rgba(0 0 0 / 50%); border-radius:5px; color:#fff; font-size:13px; line-height:1.5; z-index:11;}

.mg_0 {margin:0 !important;}
.viexfixed button
,.viexfixed a {margin:5px 0 0 0; padding:15px 0; width:100%; font-size:16px; font-weight:bold; text-align:center;  border-radius:7px; box-sizing:border-box;}
.viexfixed button.btn_01
,.viexfixed a.btn_01 {margin-top:15px; color:#0565ed; border:1px solid #0565ed; background:#fff;}
.viexfixed button.btn_01:hover
,.viexfixed a.btn_01:hover {background:#e5eff1; transition:all 1s;}
.viexfixed button.btn_02
,.viexfixed a.btn_02 {margin-top:10px; background:#1E53F2; color:#fff; }
.viexfixed button.btn_02:hover
,.viexfixed a.btn_02:hover {background:#0095b4; transition:all 1s;}


.conRight .imcar a
,.conRight .imcar button {display:inline-block; padding:17px 25px; width:100%; text-align:center;
color:#fff; font-weight:bold; font-size:16px; background: linear-gradient(70deg, #1584cb, #2740b6); border-radius:5px;}
.conRight .imcar a:hover
,.conRight .imcar button:hover {background: linear-gradient(140deg, #1584cb, #2740b6); transition:all 1s;}
.conRight .imcar a .arrow
,.conRight .imcar button .arrow {margin-left:10px; font-weight:300;}

.fastlist .viexfixed dl.model {margin-bottom:5px;}
.fastlist .viexfixed dl.model dd {font-size:16px;}
.fastlist .viexfixed .fastselect { margin-bottom:3px; border-radius:500px; background:url('/_img/fastselect_arrow.png') no-repeat 95% center #fafafa; cursor:pointer;}
.fastlist .viexfixed .fastselect select { padding:10px 15px; font-size:12px; color:#1a1a1a; background:none; letter-spacing:-0.7px; font-weight:500; width:100%;}
.fastlist .viexfixed .fastselect2 h5 {font-size:13px; color:#8c8c8c; font-weight:400;}
.fastlist .viexfixed .fastselect2 span {margin:5px 0 10px 0; display:flex; align-items:center; gap:5px; flex-wrap:wrap;}
.fastlist .viexfixed .fastselect2 select { padding:10px 15px; font-size:12px; color:#1a1a1a; background:none; letter-spacing:-0.7px; font-weight:500; width:30%;
border-radius:500px; background:url('/_img/fastselect_arrow.png') no-repeat 88% center #fafafa; background-size:7px;}
.fastlist .viexfixed .fastselect2 p {font-size:12px; letter-spacing:-1px; }

.mt-2 {margin-top:20px;} .mt-8 {margin-top:80px;}
.mb-8 {margin-bottom:80px;} .mb-12{margin-bottom:120px;}

/*carView 선택창*/
.conLeft .viewmenu  { width:855px; position: absolute; /*top: 80px;*/ background-color: white;z-index: 100; }
.conLeft .viewmenu ul {margin-bottom:5px; display:flex; justify-content:space-between; }
.conLeft .viewmenu ul li  {display:flex; flex-basis:25%; justify-content:center;}
.conLeft .viewmenu ul li {display:block; width:100%; padding:15px 0; text-align:center; font-size:16px; color:#8c8c8c; border-bottom:1px solid #8c8c8c; cursor:pointer;}
.conLeft .viewmenu ul li.on a
,.conLeft .viewmenu ul li.active {color:#000; border-bottom:2px solid #000; font-weight:bold;}
.conLeft .viewmenu ul li:hover {color:#000; border-bottom:2px solid #000; font-weight:bold; transition:all 3s;}

#viewCon .simple-tit {margin-bottom:20px; padding: 0 5px 0 0 ; display:flex; align-items:center; justify-content:space-between;}
#viewCon .simple-tit.space-start { justify-content:start !important; gap:36px;}
#viewCon .simple-tit h2.tit {margin-bottom:0;}

.radioSimple {display:flex; align-items:center; margin-top:-4px;}
.radioSimple li input[type="radio"] {display:none; appearance:none; display:none; }
.radioSimple li input[type="radio"] + label {padding:0 17px; font-size:26px; font-weight:700; color:#000;  cursor:pointer; position:relative;}
.radioSimple li input[type="radio"]:checked + label {color:#0465ED;}
.radioSimple li:first-child input[type="radio"] + label:after {content:''; display:block; position:absolute; top:50%; right:0; transform:translate(0, -50%);
width:3px; height:20px; background:#000;}

#viewCon h2.tit { margin-bottom:30px; font-size:30px; font-weight:bold; letter-spacing:-1px;}
#viewCon .mdtit {margin-bottom:20px; font-size:20px; font-weight:bold; letter-spacing:-1px;}
#viewCon .imcar a {display:inline-block; padding:15px 25px; color:#fff; font-weight:bold; font-size:17px; background: linear-gradient(70deg, #1584cb, #2740b6); border-radius:5px;}
#viewCon .imcar a:hover {background: linear-gradient(140deg, #1584cb, #2740b6); transition:all 1s;}
#viewCon .imcar a .arrow {margin-left:10px; font-weight:300;}
#viewCon .tabs ul {margin:30px 0; display:flex; justify-content:flex-start; flex-wrap:wrap; gap:5px;}
#viewCon .tabs ul li a {padding:10px 0; margin-right:15px; font-size:16px;  color:#8c8c8c;}
#viewCon .tabs ul li.active a {color:#000; font-weight:bold; border-bottom:1px solid #000;}

.tabmodel {position:relative; padding:0 10px;}
.modelSwiper .model-list {padding:25px; border:1px solid #b3b3b3; border-radius:15px; overflow:hidden; box-sizing:border-box; cursor:pointer;}

.modelSwiper input[type="radio"]:checked + label { border:3px solid #1E53F2; }

/* .modelSwiper .model-list.active {border:3px solid #1E53F2;} */
.modelSwiper .model-list:hover { border:3px solid #1E53F2; }

.modelSwiper .model-list h3 {margin-bottom:10px; font-size:20px; font-weight:bold; letter-spacing:-0.5px; }
.modelSwiper .model-list h5 {font-size:16px; font-weight:bold; }
.modelSwiper .model-list .tag {margin:15px 0 25px 0; display:flex; justify-content:flex-start; gap:5px; min-height:26px;}
.modelSwiper .model-list .tag .best {display:inline-block; padding:7px 15px; background:#1E53F2; color:#fff; font-size:12px; line-height:12px; border-radius:500px;}
.modelSwiper .model-list p {font-size:15px; line-height:26px; height:81px; overflow-y:scroll;}
.modelSwiper .model-list p::-webkit-scrollbar {width: 5px;}
.modelSwiper .model-list p::-webkit-scrollbar-track { border-radius: 10px; background:#efefef;}
.modelSwiper .model-list p::-webkit-scrollbar-thumb { background:#5f5f5f;   border-radius: 10px;}
.modelSwiper .model-list p::-webkit-scrollbar-thumb:hover {  }


/* .tabmodel .swiper-button-next {color:transparent;}
.tabmodel .swiper-button-next:after {color:#333; font-size:18px;} */
/* .tabmodel .swiper-button-prev:after
,.tabmodel .swiper-button-next:after { font-size:30px; } */

#Rcolor .incolor {margin-top:60px;}
#Rcolor .listcon {display:flex; gap:10px; justify-content:flex-start;}
#Rcolor .listcon .list {border-radius:10px; overflow:hidden; width:80px; height:80px;}
#Rcolor .listcon .list span {display:block; width:100%; height:30px;}
#Rcolor .input-Color span input[type="radio"]{ appearance:none; }
#Rcolor .input-Color span input[type="radio"] + label {display:inline-block; position:relative; padding:5px 0; margin:0 5px 50px -3px; width:80px; height:80px;  border-radius:5px; text-align:center; cursor:pointer; background-position: center center;
	background-repeat: no-repeat;}
#Rcolor .input-Color span input[type="radio"] + label .color {width:100%;}
#Rcolor .input-Color span input[type="radio"] + label:before{ content:''; position:absolute; left:0; top:0; width:100%; height:80px; text-align:center;  border:1px solid #b3b3b3; box-sizing:border-box; border-radius:5px;  }
#Rcolor .input-Color span input[type="radio"]:checked + label:after {content: ''; position:absolute;left:50%; top:50%; width:102%; transform: translate(-50%, -50%);  height:80px;
border:3px solid #1E53F2; border-radius:5px; color:#fff; z-index:9; box-sizing:border-box;}
#Rcolor .input-Color span input[type="radio"] + label p {display:none;  position:absolute; left:50%; top:90px;  transform: translate(-50%, 0); width:100px; font-size:12px; line-height:16px; font-weight:500; color:#8c8c8c;}
#Rcolor .input-Color span input[type="radio"] + label:hover p {display:block;}
#Rcolor .input-Color span input[type="radio"]:checked + label p {display:block;}

#Roption .input-Option {margin-top:-20px;}

#Roption .optit { position:relative; }
#Roption .optit input[type="checkbox"]{ appearance:none; }
#Roption .optit input[type="checkbox"] + label  {position:relative; display:inline-block; padding:20px; width:100%; border:1px solid #b3b3b3; font-size:18px; font-weight:500; border-radius:5px; cursor:pointer;}
#Roption .optit input[type="checkbox"]:checked + label {border:3px solid #1E53F2; font-weight:bold; color:#1E53F2;}
#Roption .optit input[type="checkbox"] + label:before { content:''; position:absolute; width:20px; height:20px; border:1px solid #b3b3b3; box-sizing:border-box; border-radius:5px;  }
#Roption .optit input[type="checkbox"]:checked + label:before  { content:''; position:absolute; top:20px; width:20px; height:20px; background:url('/_img/opcheck.png') no-repeat center #1E53F2;  border:1px solid #1E53F2; box-sizing:border-box; border-radius:5px;  }


#Roption .optit .buttonWrap { position:absolute; right:0; top:15px; }
#Roption .optit .buttonWrap button {width:40px; height:40px;margin:10px;background-color: transparent;}
#Roption .optit .buttonWrap button:after { content:'열기'; }
#Roption .optit .buttonWrap button.active:after { content:'닫기'; }
#Roption .optit .buttonWrap button.active img { transform:rotate(-180deg); }

/* #Roption .optit input[type="checkbox"] + label:after { content:url('/_img/oparrow.png'); position:absolute; top:20px; right:20px; width:20px; height:20px; transform:rotate(0deg);}
#Roption .optit:hover input[type="checkbox"] + label:after{  content:url('/_img/oparrow.png'); position:absolute; top:20px; right:20px; width:20px; height:20px; transform:rotate(0deg);  transition:all 1s;}
#Roption .optit input[type="checkbox"]:checked + label:after { content:url('/_img/oparrow.png'); position:absolute; top:20px; right:20px; width:20px; height:20px; transform:rotate(-180deg);  } */
#Roption .optit input[type="checkbox"] + label .optxt {display:flex; padding: 0 30px; justify-content:space-between;}

#Roption .opcon {display:none; padding:20px; background:#fafafa;}
#Roption .opcon .img
,#Roption .opcon img {margin:0 auto 20px auto; max-width:380px;}
#Roption .opcon p {font-size:16px; line-height:26px; font-weight:500; word-break:keep-all;}

#Rcondition .input-st-blue span input[type="radio"]{ appearance:none; }
#Rcondition .input-st-blue {display:flex; justify-content:flex-start; border:1px solid #cecece; border-radius:5px;  background:#fff; flex-wrap:wrap;}
#Rcondition .input-st-blue > span {display:flex; justify-content:center;}
#Rcondition .input-st-blue > span input[type="radio"] + label {  display:flex; gap:7px; justify-content:center; align-items:center; width:100%; padding:17px 15px;
text-align:center; box-sizing:border-box; background:#fff; border-radius:5px; cursor:pointer; font-size:18px; font-weight:500; border:3px solid transparent;}
#Rcondition .input-st-blue span input[type="radio"]:checked + label {border:3px solid #1E53F2; font-weight:bold; color:#1E53F2; z-index:9;}

#Rcondition .input_Term.input-st-blue span  {position:relative; flex-grow: 1; }

#Rcondition .input_Term.input-st-blue span:after {content:''; position:absolute; top:50%; right:0; transform: translate(0, -50%); width:1px; height:50%; background:#d2d2d2;}
#Rcondition .input_Term.input-st-blue span:last-child:after {background:none;}
#Rcondition .input_Year.input-st-blue span  {flex-basis:50%; }
#Rcondition .input_Deposit.input-st-blue span  {position:relative; flex-basis:25%; }
#Rcondition .input_Deposit.input-st-blue span:after {content:''; position:absolute; top:50%; right:0; transform: translate(0, -50%); width:1px; height:50%; background:#d2d2d2;}
#Rcondition .input_Deposit.input-st-blue span:last-child:after {background:none;}
#Rcondition .input_Advance.input-st-blue span  {position:relative; flex-basis:25%; }
#Rcondition .input_Advance.input-st-blue span:after {content:''; position:absolute; top:50%; right:0; transform: translate(0, -50%); width:1px; height:50%; background:#d2d2d2;}
#Rcondition .input_Advance.input-st-blue span:last-child:after {background:none;}


#Rgift .input span input[type="radio"]{ appearance:none; }
#Rgift .input {display:flex; justify-content:flex-start; flex-wrap:wrap; border-radius:5px;  background:#fff; }
#Rgift .input > span {margin-bottom:10px; display:flex; justify-content:center; border:1px solid #cecece; border-radius:5px;}
#Rgift .input > span input[type="radio"] + label {  width:100%; padding:17px 15px; text-align:center; box-sizing:border-box; background:#fff; border-radius:5px; cursor:pointer; font-size:18px; font-weight:500;}
#Rgift .input span input[type="radio"]:checked + label {border:3px solid #1E53F2; font-weight:bold; color:#1E53F2; z-index:9;}
#Rgift .input span  {position:relative; flex-basis:100%; }
#Rgift .input > span input[type="radio"] + label .plus {padding:0 15px;}


#term .container {padding:60px 0;}
#term .container h2 {margin-bottom:30px; padding:25px 0; font-size:26px; background:#bababa; color:#fff; text-align:center;}
#term .container h3 {margin:15px 0; font-size:20px; }
#term .container p {font-size:14px; line-height:26px;}
#term .container li {font-size:14px; line-height:26px;}

.fc-blue {color:#1267C8;}
.companytop {text-align:center; padding:40px 0  80px 0;}
.companytop h3 {margin:30px 0 40px 0; font-size:25px;  font-weight:400;}
.companytop p {margin-top:25px; font-size:17px; line-height:29px;}
.companybox {display:flex; align-items:center; justify-content:center; gap:50px;}
.companybox .text {padding:30px 50px;}
.companybox .text h4 {margin-bottom:15px; position:relative; font-size:24px; color:#3651E0; padding-left:15px; }
.companybox .text h4:before {content:''; position:absolute; left:0; width:5px; height:100%; background:#3651E0; }
.companybox .text p {font-size:16px; line-height:28px;}

/*carFast*/
.sameclass {margin-top:70px; }
.sameprice {margin-top:70px; }
#samesw { position:relative; }
#samesw .swiper {padding:0 10px 10px 0;}
#samesw .list a {display:block; padding:15px 0 0 0; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); overflow:hidden; background:url('/_img/samecar_bg.png') repeat-x ;}
#samesw .list a .img {margin:0 auto; width:255px; height:127px; overflow:hidden; }
#samesw .list a:hover .img img {transform: scale(1.1); transition:all 1s;}
#samesw .list a .text {padding:15px 25px 25px 25px;}
#samesw .list a .text h3 {font-size:20px; font-weight:600;}
#samesw .list a .text p {margin: 5px 0 15px 0; font-size:15px; font-weight:400;}
#samesw .list a .text .price  {font-size:20px; font-weight:800;}

.subreview { position:relative; margin-top:70px; }
.subreview .swiper {padding:0 10 10px 0;}
.subreview .list a {display:block; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); overflow:hidden;}
.subreview .list a .img {width:100%; height:120px;}
.subreview .list a .text {padding:25px;}
.subreview .list a .text h3 {font-size:16px; font-weight:600;}
.subreview .list a .text p {margin: 7px 0 15px 0; font-size:14px; line-height:22px; font-weight:500; height:42px; overflow:hidden;}
.subreview .list a .text h5 {font-size:14px; color:#8c8c8c; font-weight:200;}

.subevent {margin-top:70px; }
.subevent .swiper {padding:0 10 10px 0;}
.subevent .list a .img {display:block; border-radius:15px; overflow:hidden; height:250px;}

/*seven 2023
.seven-list .content {display:none;}*/
.fc-bb {color:#2c77cc;}
#sub.seven {background:#fafafa; padding-bottom:60px; margin-bottom:-110px;}
.seven-list .subject {margin-bottom:12px; padding:25px 30px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; font-size:18px; font-weight:500; background:#f3f3f3; border-radius:12px;}
.seven-list .subject.on {font-weight:bold; color:#000;}
.seven-list .subject li {padding:0 15px; border-left:1px solid #000; line-height:15px;}
.seven-list .subject li:first-child {padding:0 15px 0 0 ; border:none;}
.seven-list .subject .arrow {font-size:15px; gap:12px;  color:#2c77cc; }
.seven-list .subject .arrow .close span {transform:rotate(-180deg); line-height:13px;}
.seven-list .subject .arrow .close {display:none;}
.seven-list .subject.on .open {display:none;}
.seven-list .subject.on .close {display:block; color:#999;}

.seven-list .content {display:none; padding:20px 30px; background:#fff; border-radius:12px; line-height:1.7; }
.seven-list .content table {width:100%; }
.seven-list .content table tr {border-bottom:1px solid #f3f3f3;}
.seven-list .content table tr:last-child {border:none;}
.seven-list .content table th {padding:0 0 15px 0; font-size:18px; border-bottom:1px solid #e4e4e4;}
.seven-list .content table td {padding:20px 0; font-size:16px; color:#222; text-align:center; vertical-align:middle;}

.seven-list .color {text-align:left; padding:20px 10px;}
.seven-list .color .list {display:flex; align-items:center; gap:7px;}
.seven-list .color .colorbox {margin-top:-1px; width:17px; height:17px; border:1px solid #f3f3f3; border-radius:3px;}

.seven-list .trim {padding:0 60px; overflow: hidden; text-overflow: ellipsis; word-break:keep-all;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.seven-list .plusbtn {position:relative; cursor:pointer;}
.seven-list .plustit {padding:10px 12px; display:inline-flex; border-radius:10px; font-size:15px; background:#0565ed; color:#fff;  gap:7px; align-items:center;}
.seven-list .plustit .plus {display:inline-block; width:17px; height:17px; line-height:17px; background:#fff; color:#0565ed; border-radius:100%; text-align:center;}
.seven-list .plusbtn .plusview {display:none; }
.seven-list .plusbtn:hover .plusview{display:block; position:absolute; top:0; left:32px; width:300px; border-radius:13px; border:1px solid #0565ed;
box-shadow:2px 2px 3px rgba(0 0 0 / 15%); background:#fff; text-align:left; overflow:hidden; z-index:99;}
.seven-list .plusbtn .plusview .plustit {width:100%; border-radius:0;  justify-content:space-between; align-items:center;}
.seven-list .plusbtn .plusview .plustit button {color:#fff; background:none;}
.seven-list .plusbtn .plusview .plustit .ppname {gap:5px;}
.seven-list .plusbtn .plusview ul {background:#fff; padding:12px; height:255px; overflow-y:scroll;}
.seven-list .plusbtn .plusview li {padding:12px; background:#f5f5f5; color:#656565; border-radius:10px; margin-bottom:7px; font-size:14px; font-weight:500; justify-content:space-between;}
.seven-list .plusbtn .plusview li:last-child {margin-bottom:0;}
.seven-list .plusbtn .plusview li .name {display:flex; align-items:center; gap:5px; }
.seven-list .plusbtn .plusview li .name .txt {width:135px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.seven-list .plusbtn .plusview li .name .check {width:17px;}
.seven-list .plusbtn .plusview li .won {font-weight:bold;}

.seven-list a.btn {display:inline-flex;  gap:7px; align-items:center; padding:10px 12px; border-radius:10px; font-size:15px;  }
.seven-list a.btn img {width:17px; height:17px;}
.seven-list a.btn.view {background:#e4f1ff; color:#1468c8;}
.seven-list a.btn.write {background:#ffe4e4; color:#c81212;}

@media (min-width: 1200px) {
.carindex-dv {margin:37px 0;}
.carindex-dv ul {justify-content:flex-start;}
.carindex-dv ul li input + label {padding:13px 25px; font-size:15px; line-height:15px;}
}