/* main */
.main_wrap .container {padding-top: 0;}
.main_section {position: relative; width: 100%;}
.page_top_bg {  background: url(../img/ms1_bg.jpg) no-repeat center / cover;  width: 100%;  aspect-ratio: 1 / 0.510416;  position: absolute; left: 0; top: 0;}


/* main section1 */
.ms1 { padding-top: 6.25rem; margin-bottom: 6rem; overflow: hidden;}
.ms1 > .inner { width: 100%;  max-width: 100%;  padding-left: var(--margin-left);}
.ms1 .swiper_box { width: 100%; display: flex; gap: 3.75rem; padding-top: 5.5rem;margin-bottom: 4.375rem;}
.ms1 .swiper_box > .left{ width: 45.5rem;}
.ms1 .swiper_box > .right{width: calc(100% - 45.5rem - 3.75rem );}
.ms1 .ms1_imgbox { width: 100%; margin-top: -1.85rem;}
.ms1 .ms1_imgbox .swiper-slide {width: 100%;}
.ms1 .ms1_imgbox .swiper-slide .imgbox { position: relative; display: flex;  padding-left: 0.75rem; padding-top: 1.85rem;}
.ms1 .ms1_imgbox .swiper-slide .imgbox .number { font-weight: 900; font-size: 8rem;  color: var(--color_sub1);  line-height: 1; position: absolute; left:0; top: 0;   text-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.06);}
.ms1 .ms1_txtbox {width: 100%; margin-bottom: 4.25rem;}
.ms1 .ms1_txtbox .swiper-slide .txtbox { display: flex; flex-direction: column;  align-items: flex-start;}
.ms1 .ms1_txtbox .swiper-slide .txtbox .tit { font-size: 1.75rem;  line-height: 143%;  color: #111;  margin-bottom: 0.375rem;}
.ms1 .ms1_txtbox .swiper-slide .txtbox .price { font-size: 1.5rem; line-height: 142%;  color: #111; margin-bottom: 1.25rem;}
.ms1 .ms1_txtbox .swiper-slide .txtbox .price .num { font-weight: 600;  font-size: 2.25rem;}
.ms1 .ms1_txtbox .swiper-slide .txtbox .installment {  font-weight: 600;  font-size: 0.875rem;  line-height: 143%;  color: #505050;  margin-bottom: 0.25rem; display: none;}
.ms1 .ms1_txtbox .swiper-slide .txtbox .installment .point{color: #1670f5;}
.ms1 .ms1_txtbox .swiper-slide .txtbox .desc{ font-size: 1rem; line-height: 150%;  color: #505050; margin-bottom: 1rem;}
.ms1 .ms1_txtbox .swiper-slide .txtbox .badge_box{display: flex; align-items: center; gap: 0.5rem; margin-bottom: 2rem;}
.ms1 .ms1_txtbox .swiper-slide .txtbox .badge_box .badge{border-radius: 0.5rem;background: #fff; font-size: 0.938rem; line-height: 147%; color: #505050; padding: 0.313rem 0.75rem;}
.ms1 .ms1_thum{margin-top: -0.8rem;}
.ms1 .ms1_thum .swiper-slide { width: 16.688rem;  margin-right: 2rem; cursor: pointer;}
.ms1 .ms1_thum .swiper-slide.swiper-slide-thumb-active {display: none;}
.ms1 .ms1_thum .swiper-slide .imgbox { position: relative; display: flex; padding-left: 0.5rem; padding-top: 0.8rem;}
.ms1 .ms1_thum .swiper-slide .imgbox .number { font-weight: 900;  font-size: 3.5rem;  color: var(--color_sub1);  line-height: 1; position: absolute; left: 0; top: 0;     text-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.06);}

/* main section2 */
.ms2 { margin-bottom: 7.5rem;}
.ms2 > .inner { border-radius: 1rem;  box-shadow: 0 0.25rem 1.25rem 0 rgba(0, 0, 0, 0.06); background: #fff;  padding: 2.75rem 2.5rem 2.5rem;}
.ms2 .contbox {  width: 90%; max-width: 880px; margin: 0 auto; display: flex;  flex-direction: column; gap: 2rem;}
.ms2 .contbox .titbox { width: 100%; display: flex; align-items: flex-start;  justify-content: space-between;}
.ms2 .contbox .titbox .title { font-weight: 600; font-size: 1.75rem; line-height: 143%;  color: #111;}
.ms2 .contbox .titbox .sch_box { position: relative;  width: 360px;}
.ms2 .contbox .titbox .sch_box .input_sch{  width: 100%; border: none; border-bottom: 1px solid #111;  padding: 0.813rem 2.5rem  0.813rem 0;  font-size: 0.938rem;  line-height: 147%;  color: #111111; border-radius: 0;}
.ms2 .contbox .titbox .sch_box .input_sch::placeholder{color: #767676; }
.ms2 .contbox .titbox .sch_box .sch_btn{ background: url(../img/input_search.png) no-repeat center / contain;  width: 1.5rem; aspect-ratio: 1 / 1; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); z-index: 10;}
.ms2 .contbox .select_wrap { display: flex;  gap: 1rem;}
.ms2 .contbox .select_wrap .select_box{width: 240px;}
.ms2 .contbox .select_wrap .sch_btn{flex: 1;}


/* main section3 */
.ms3 { margin-bottom: 10rem;}


/* main section4 */
.ms4 { margin-bottom: 10rem;}
.ms4 .ms4_swiper {width: 100%;}
.ms4 .ms4_swiper .banner { position: relative; width: 100%; display: flex; align-items: center; gap: 0.813rem; padding: 3.75rem 0; border-radius: 0.75rem; overflow: hidden;}
.ms4 .ms4_swiper .banner .bg { position: absolute; left: 0; top: 0; width: 100%;  height: 100%; object-fit: cover;}
.ms4 .ms4_swiper .banner .txt { position: relative; width: 50%;  font-size: 2.25rem;  line-height: 156%;  color: #fff; padding-left: 4.375rem;}
.ms4 .ms4_swiper .banner .img { position: relative; width: 50%; max-width: 18.75rem;  display: block; margin-right: 0.625rem;}
.ms4 .ms4_swiper .pagination { bottom: 1.2rem; display: flex; justify-content: center;  gap: 0.8rem; display: none;}
.ms4 .ms4_swiper .pagination .swiper-pagination-bullet { width: 0.8rem; height: 0.8rem;  background: rgba(0, 0, 0, 0.5); opacity: 1; margin: 0; transition: all 0.4s ease;}
.ms4 .ms4_swiper .pagination .swiper-pagination-bullet-active { background: #111;}


/* main section5 */
.ms5 { margin-bottom: 10rem;}


/* main section6 */
.ms6 { margin-bottom: 10.625rem;}
.ms6 .contbox { display: flex;}
.ms6 .contbox > .left { width: 50%; display: flex; align-items: center;  justify-content: center; overflow: hidden;}
.ms6 .contbox > .left .ms6_imgbox {width: 100%; height: 100%;}
.ms6 .contbox > .left .ms6_imgbox .swiper-slide{ width: 100%; display: flex;}
.ms6 .contbox > .left .ms6_imgbox .swiper-slide > img { width: 100%; height: 100%; object-fit: cover;}
.ms6 .contbox > .right { width: 50%; padding: 6.5rem 5rem; background: #f6f7f9;}
.ms6 .contbox > .right > .title { font-weight: 600; font-size: 2.5rem;  line-height: 135%;  color: #111; margin-bottom: 2.5rem;}
.ms6 .contbox > .right .slider_box {position: relative;} 
.ms6 .contbox > .right .ms6_listbox { width: 100%; height: 570px;}
.ms6 .contbox > .right .ms6_listbox .item { height: auto;  display: flex;  align-items: flex-start;  gap: 1.75rem;  padding: 1rem; border-radius: 0.75rem;  transition: all 0.4s ease; cursor: pointer;}
.ms6 .contbox > .right .ms6_listbox .item.swiper-slide-thumb-active { background: #fff;}
.ms6 .contbox > .right .ms6_listbox .item .imgbox { width: 15rem;  border-radius: 0.75rem;  background: #dcdcdc;  overflow: hidden;  display: flex; align-items: center;   justify-content: center;}
.ms6 .contbox > .right .ms6_listbox .item .txtbox { flex: 1;}
.ms6 .contbox > .right .ms6_listbox .item .txtbox .tit { font-size: 0.938rem;  line-height: 147%;  color: #111;  margin-bottom: 0.125rem;}
.ms6 .contbox > .right .ms6_listbox .item .txtbox .price { font-size: 0.938rem;  line-height: 147%; color: #111;  margin-bottom: 1rem;}
.ms6 .contbox > .right .ms6_listbox .item .txtbox .price .num { font-weight: 600;  font-size: 1.25rem;  line-height: 150%;}
.ms6 .contbox > .right .ms6_listbox .item .txtbox .installment {  font-weight: 600;  font-size: 0.875rem;  line-height: 143%;  color: #505050;  margin-bottom: 0.25rem;}
.ms6 .contbox > .right .ms6_listbox .item .txtbox .installment .point{color: #1670f5;}
.ms6 .contbox > .right .ms6_listbox .item .txtbox .desc{ font-size: 0.813rem;  line-height: 146%; color: #505050;}
.ms6 .contbox > .right .slider_box .scrollbar { right: 5px;  top: 0;  width: 2px;  height: 100%; background: #d4d4d8;}
.ms6 .contbox > .right .slider_box .scrollbar .swiper-scrollbar-drag {  background: #bdbdbd;  width: 6px;  border-radius: 100px;  margin-left: -2.5px;  cursor: pointer;}


/* main section7 */
.ms7 { margin-bottom: 10.625rem;}


/* main section8 */
.ms8 { margin-bottom: 10.625rem; background: url(../img/ms8_bg.jpg) no-repeat center / cover;}


/* main section9 */
.ms9 { margin-bottom: 11.25rem; overflow: hidden;}
.ms9 .contbox_mob { position: absolute; left: -999%; top: -999%; opacity: 0; visibility: hidden; z-index: -999; pointer-events: none;}
.ms9 .ms9_swiper { display: flex; gap: 2.5rem;  width: calc(100% - var(--margin-left));  padding: 2.5rem 2.5rem 2.5rem var(--margin-left);  margin: -2.5rem 0;}
.ms9 .ms9_swiper .swiper-slide { width: auto; height: auto; align-self: stretch;}
.ms9 .ms9_swiper .swiper-slide.first { flex-wrap: nowrap; flex-direction: column;}
.ms9 .ms9_swiper .card_box{width: 52.5rem; display: flex; flex-wrap: wrap; gap: 2.5rem;}
.ms9 .ms9_swiper .first .card_box { width: 25rem; height: 100%; flex-wrap: nowrap; flex-direction: column;}
.ms9 .ms9_swiper .first .card_box .card_titbox { border-radius: 1rem;  width: 100%;  box-shadow: 0 0.625rem 2.5rem 0 rgba(0, 0, 0, 0.06); background: var(--color_main);  padding: 3rem 1.875rem 6.75rem; }
.ms9 .ms9_swiper .first .card_box .card_titbox .txtbox { width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 0 1.125rem; margin-bottom: 3.75rem;}
.ms9 .ms9_swiper .first .card_box .card_titbox .txtbox .tit { font-weight: 600;  font-size: 2.5rem;  line-height: 155%; color: #fff;  margin-bottom: 1.5rem;}
.ms9 .ms9_swiper .first .card_box .card_titbox .txtbox .more_btn { padding: 0; background: none;}
.ms9 .ms9_swiper .first .card_box .card_bg { flex: 1;  background: url(../img/ms9_bg.jpg) no-repeat center / cover; width: calc(100% + var(--margin-left));  align-self: stretch;  margin-left: calc(-1* var(--margin-left));  border-radius: 0 0.75rem 0.75rem 0;}
.ms9 .ms9_swiper .card_box .card_item { width: 52.5rem;  display: flex;  flex-direction: row;  border-radius: 1rem; box-shadow: 0 0.625rem 2.5rem 0 rgba(0, 0, 0, 0.06); background: #fff; overflow: hidden;}
.ms9 .ms9_swiper .card_box .card_item.w50 { width: 25rem; flex-direction: column;}
.ms9 .ms9_swiper .card_box .card_item .imgbox { max-width: 25rem; display: flex; align-items: center;  justify-content: center; background: #f6f6f6;  border-radius: 0.75rem;  overflow: hidden;}
.ms9 .ms9_swiper .card_box .card_item .imgbox > img{width: 100%; height: 100%;  object-fit: cover;}
.ms9 .ms9_swiper .card_box .card_item .txtbox{padding: 2.5rem; flex: 1;}
.ms9 .ms9_swiper .card_box .card_itemw50 .txtbox{padding: 1rem 1.5rem;}
.ms9 .ms9_swiper .card_box .card_item .txtbox .tit { font-weight: 600;  font-size: 1.25rem;  line-height: 150%; color: #111;  margin-bottom: 0.75rem;}
.ms9 .ms9_swiper .card_box .card_item .txtbox .desc { font-size: 1rem;  line-height: 150%;  color: #111;  margin-bottom: 0.75rem;}
.ms9 .ms9_swiper .card_box .card_item .txtbox .info { font-size: 0.938rem;  line-height: 147%; color: #505050; display: flex;  align-items: center; justify-content: space-between;}
.ms9 .ms9_swiper .card_box .card_item .txtbox .info .date{color: #767676;}
.ms9 .scrollbar { width: 90%; margin-top: 4.375rem;}


/* main section10 */
.ms10 { background: url(../img/ms10_bg.jpg) no-repeat center/cover;}
.ms10 .banner { display: flex;}
.ms10 .banner .txtbox { flex: 1; display: flex; flex-direction: column;  align-items: flex-start; gap: 2rem; padding: 4.5rem 0 4.5rem var(--margin-left);}
.ms10 .banner .txtbox .tit { font-weight: 600; font-size: 2.25rem; line-height: 133%;  color: #111;}
.ms10 .banner .txtbox .more_btn {background-color: var(--color_main); width: 150px;    padding: 0.75rem;}
.ms10 .banner .imgbox { display: flex; justify-content: flex-end;  width: 65%;  max-width: 1230px;}


/* sub */
.sub_section {position: relative; width: 100%;}


/* contact */
.contact_wrap .sub_top {  height: 31.25rem;  background-image: url(../img/subtop_contact.jpg);  margin-bottom: -14.75rem;}
.contact_wrap .sub_top .titbox .tit {color: #fff;}
.contact_wrap .sub_top .titbox .desc {color: #fff;}
.contact_wrap .ss1 {margin-bottom: 10.25rem;}
.contact_wrap .ss1 .contbox {border-radius: 1.5rem; width: 100%; max-width: 1024px; margin: 0 auto; box-shadow: 0 0.625rem 2.5rem 0 rgba(0, 0, 0, 0.06);background: #fff; padding: 5rem 6.25rem 4.75rem}
.contact_wrap .ss1 .contbox .form_box .check_box {margin-top: 0.5rem;}
.contact_wrap .ss1 .contbox .form_box .btn_box { width: 100%; display: flex; justify-content: center; margin-top: 1.5rem;}
.contact_wrap .ss1 .contbox .form_box .btn_box .button {width: 17.5rem; font-size: 1.25rem;}
.contact_wrap .ss2 {margin-bottom: 8.75rem;}


/* review */
.review_wrap .sub_top {background-image: url(../img/subtop_review.jpg);}
.review_wrap .ss1 {padding: 5rem 0 10rem; overflow: hidden;}
.review_wrap .ss1 .deco_txt {  font-family: var(--second-family);  font-weight: 800;  font-size: 13.125rem;  color: var(--color_main); opacity: 0.06;  writing-mode: vertical-lr; white-space: nowrap;  position: absolute; left: -3.5rem; top: -2.8rem;}
.review_wrap .ss1 .tab_navbox { margin-bottom: 3rem;}
.review_wrap .ss1 .review_box { width: 100%; max-width: 1024px; margin: 0 auto;   display: flex; flex-direction: column;  gap: 2.5rem;}
.review_wrap .ss1 .review_box > .item { border-radius: 1rem;  background: #f1f1f5;  padding: 1.25rem; display: flex;  gap: 2.5rem;}
.review_wrap .ss1 .review_box > .item:nth-child(even) { flex-direction: row-reverse;}
.review_wrap .ss1 .review_box > .item .review_imgbox { width: 50%;  max-width: 30.75rem;  border-radius: 1rem;  overflow: hidden;}
.review_wrap .ss1 .review_box > .item .review_imgbox .swiper-slide { display: flex;  align-items: center;  justify-content: center;}
.review_wrap .ss1 .review_box > .item .review_imgbox .pagination { bottom: 0.75rem;  display: flex; justify-content: center; gap: 0.5rem;}
.review_wrap .ss1 .review_box > .item .review_imgbox .pagination .swiper-pagination-bullet { background: #fff;  opacity: 0.5;  width: 0.5rem;  height: auto; aspect-ratio: 1 / 1;  transition: all 0.4s ease; margin: 0;}
.review_wrap .ss1 .review_box > .item .review_imgbox .pagination .swiper-pagination-bullet-active { opacity: 1;  background: #1670f5;}
.review_wrap .ss1 .review_box > .item .review_imgbox .prev_btn, 
.review_wrap .ss1 .review_box > .item .review_imgbox .next_btn {  background: no-repeat center / contain; width: 1.5rem;  height: auto; aspect-ratio: 1 / 1;  margin: 0;  top: 50%;  transform: translateY(-50%);}
.review_wrap .ss1 .review_box > .item .review_imgbox .prev_btn{background-image: url(../img/swiper_prev.png); left: 0;}
.review_wrap .ss1 .review_box > .item .review_imgbox .next_btn{ background-image: url(../img/swiper_next.png); right: 0;}
.review_wrap .ss1 .review_box > .item .txtbox { padding: 1.25rem;  flex: 1;  border-radius: 1rem;  background: #fff; overflow: hidden;}
.review_wrap .ss1 .review_box > .item .txtbox .tit { font-weight: 600;  font-size: 1.25rem;  line-height: 150%; color: #111;  margin-bottom: 0.75rem;}
.review_wrap .ss1 .review_box > .item .txtbox .desc { font-size: 1rem;  line-height: 150%;  color: #111;  margin-bottom: 1rem;}
.review_wrap .ss1 .review_box > .item .txtbox .info { font-size: 0.938rem;  line-height: 147%; color: #505050; display: flex;  align-items: center; justify-content: space-between;}
.review_wrap .ss1 .review_box > .item .txtbox .info .date{color: #767676;}


/* dealer */
.dealer_wrap .sub_top {background-image: url(../img/subtop_dealer.jpg);}
.dealer_wrap .ss1 {margin: 5rem 0 6.25rem;}
.dealer_wrap .ss1 .sub_tit { font-weight: 600;  font-size: 1.75rem; line-height: 143%;  letter-spacing: 0.08em; color: #778eac;}
.dealer_wrap .ss1 .contbox {display: flex; flex-direction: column;}
.dealer_wrap .ss1 .contbox > .item {width: 100%; padding: 3.75rem 0; display: flex;    align-items: center; gap: 7.5rem;}
.dealer_wrap .ss1 .contbox > .item:nth-child(even) {flex-direction: row-reverse;}
.dealer_wrap .ss1 .contbox > .item .imgbox { display: flex; width: 55%;  max-width: 520px;  border-radius: 1.5rem; overflow: hidden;}
.dealer_wrap .ss1 .contbox > .item:nth-child(odd) .txtbox { width: 45%;}
.dealer_wrap .ss1 .contbox > .item:nth-child(even) .txtbox {max-width: 45%;}
.dealer_wrap .ss1 .contbox > .item .txtbox .numbox { font-size: 1.25rem;  line-height: 150%; color: #9fb9da; display: flex; align-items: baseline; gap: 0.375rem;   margin-bottom: 1rem;}
.dealer_wrap .ss1 .contbox > .item .txtbox .numbox .num { font-size: 5.625rem;  color: #9fb9da; line-height: 1;}
.dealer_wrap .ss1 .contbox > .item .txtbox .tit { font-weight: 600;  font-size: 2.25rem;  line-height: 133%; color: #111;  margin-bottom: 1rem;}
.dealer_wrap .ss1 .contbox > .item .txtbox .desc { font-size: 1.25rem; line-height: 150%;  letter-spacing: -0.01em; color: #505050; word-break: keep-all;}
.dealer_wrap .ss1 .contbox > .item .txtbox .desc .bold {font-weight: 600;}

.dealer_wrap .ss2 {margin-bottom: 10rem;}
.dealer_wrap .ss2 .banner { background: url(../img/dealer_banner.jpg) no-repeat center / cover; width: 90%;  max-width: 1780px; border-radius: 1.5rem;  margin: 0 auto;}
.dealer_wrap .ss2 .banner .txtbox { text-align: center; display: flex; flex-direction: column; align-items: center; padding: 4.375rem 0;}
.dealer_wrap .ss2 .banner .txtbox .tit{ font-weight: 600; font-size: 3rem; line-height: 129%; color: #fff; margin-bottom: 1.25rem;}
.dealer_wrap .ss2 .banner .txtbox .sub{ font-size: 1.25rem; line-height: 150%; color: #fff; margin-bottom: 0.5rem;}
.dealer_wrap .ss2 .banner .txtbox .desc{ font-weight: 600;  font-size: 1.5rem;  line-height: 142%; text-align: center;  color: #fff; margin-bottom: 2.5rem;}
.dealer_wrap .ss2 .banner .txtbox .link_btn{width: 100%; max-width: 380px; font-size: 1.25rem; color: var(--color_main); background: #fff;}



/* 2025.01.20 추가 */
/* buycar list */
.buycar_list_wrap .header .h_back { display: flex; align-items: center; justify-content: center; display: none;}
.buycar_list_wrap .header .h_back .back_btn { background: url(../img/ico_back.png) no-repeat center / contain;  width: 2.4rem; aspect-ratio: 1 / 1; cursor: pointer;}
.buycar_list_wrap .header .h_search2 { flex: 1; width: 100%; border: 1px solid var(--color_main); border-radius: 0.4rem; height: 3.6rem; display: flex;  align-items: center; gap: 0.8rem; padding: 0.9rem 1.2rem; display: none;}
.buycar_list_wrap .header .h_search2 .sch_btn{background: url(../img/input_search3.png) no-repeat center/contain; width: 1.8rem; aspect-ratio: 1/1; cursor: pointer;}
.buycar_list_wrap .header .h_search2 .input_sch { flex: 1;  width: 100%;  height: 100%;  border: none;  font-size: 1.2rem; line-height: 150%; color: #767676;}

.buycar_list_wrap .sch_box { padding: 2.5rem 0; display: flex; align-items: center;  justify-content: center;  gap: 1rem; border-bottom: 1px solid #d4d4d8; margin-bottom: 2rem;}
.buycar_list_wrap .sch_box .input_box .sch_input { width: 40rem;  height: 3.5rem;  border: none; border-bottom: 2px solid #111; background: #fff; padding: 1rem 2.5rem 1rem 1rem; font-size: 1rem; line-height: 150%;  color: #111;}
.buycar_list_wrap .sch_box .input_box .sch_input::placeholder {color: #767676;}
.buycar_list_wrap .sch_box .input_box .sch_btn { background: url(../img/input_search2.png) no-repeat center / contain; width: 2rem; aspect-ratio: 1 / 1;  cursor: pointer;  position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.buycar_list_wrap .sch_box .reset_btn{background: url(../img/ico_reset.png) no-repeat center/contain; width: 2rem; aspect-ratio: 1/1; cursor: pointer;}

.buycar_list_wrap .carlist_box { display: flex; gap: 2.5rem;}

.buycar_list_wrap .car_filter { position: relative; width: 290px;}
.buycar_list_wrap .car_filter .category { display: flex;}
.buycar_list_wrap .car_filter .category .cate_btn { width: 100%;  height: 3.5rem;  font-size: 1.125rem;  line-height: 144%; color: #111; border-bottom: 2px solid transparent; display: flex; align-items: center; justify-content: center;}
.buycar_list_wrap .car_filter .category .cate_btn.on { border-color: #1670f5;  font-weight: 600;}
.buycar_list_wrap .car_filter .filter_box{position: relative; width: 100%;}
.buycar_list_wrap .car_filter .filter_box .item{position: relative; width: 100%;}
.buycar_list_wrap .car_filter .filter_box .item .acc_tit { padding: 0.938rem 1.25rem; font-size: 1.125rem; line-height: 144%;color: #111; display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer;}
.buycar_list_wrap .car_filter .filter_box .item .acc_tit .title { flex: 1; display: flex; align-items: center; gap: 0.75rem;}
.buycar_list_wrap .car_filter .filter_box .item .acc_tit .title .small { font-size: 0.625rem; line-height: 160%; color: #767676;}
.buycar_list_wrap .car_filter .filter_box .item .acc_tit .arrow{background: url(../img/acc_arrow.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1; cursor: pointer; transition: all 0.4s ease}
.buycar_list_wrap .car_filter .filter_box .item.show .acc_tit .arrow {transform: rotate(-180deg);}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont{display: none;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .titbox { padding: 1.063rem 1rem;  border-bottom: 1px solid #d4d4d8;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .titbox .tit { font-size: 0.938rem;  line-height: 147%;  color: #111;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .contbox { position: relative;  background: #f8f8fa;  padding: 1.25rem;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .no_padding .contbox { padding: 0;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .contbox.swiper {width: 100%; padding-right: 1rem;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .filter_check.check1 {height: 264px;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .filter_check.check2 {height: 264px;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .filter_check.check3 {height: 400px; padding: 1.25rem 0 1.25rem 1rem;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .filter_check .mCSB_inside > .mCSB_container { margin-right: 1rem;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .filter_check .mCSB_scrollTools { opacity: 1; margin: 1rem 0; width: 16px;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .filter_check.check3 .mCSB_scrollTools {margin: 0;}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .filter_check .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius: 50px; background: rgba(0, 0, 0, 0.5);}
.buycar_list_wrap .car_filter .filter_box .item .acc_cont .filter_check .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { border-radius: 50px; background: #d4d4d8;}

.buycar_list_wrap .car_filter .filter_box .radio_wrap{display: flex; flex-wrap: wrap;  gap: 0.5rem;}
.buycar_list_wrap .car_filter .filter_box .radio_box {width: calc((100% - 0.5rem)/2);}
.buycar_list_wrap .car_filter .filter_box .radio_box.all_checked {width: 100%; text-align: center;}
.buycar_list_wrap .car_filter .filter_box .radio_box .input_radio {display: none;}
.buycar_list_wrap .car_filter .filter_box .radio_box .label_radio { width: 100%;  height: 2.5rem; display: flex; align-items: center; justify-content: center; font-size: 0.938rem;  line-height: 147%;  color: #111; cursor: pointer;  border-radius: 0.5rem;  border: 1px solid #fff; background: #fff;}
.buycar_list_wrap .car_filter .filter_box .radio_box.all_checked .label_radio {  justify-content: center !important;}
.buycar_list_wrap .car_filter .filter_box .radio_box .input_radio:checked + .label_radio { border-color: #1670f5;}

.buycar_list_wrap .car_filter .filter_box .check_box { border-radius: 0; background: none; display: block; padding: 0;}
.buycar_list_wrap .car_filter .filter_box .check_box.substep {padding-left:1.125rem}
.buycar_list_wrap .car_filter .filter_box .check_box .check_box { display: none;}
.buycar_list_wrap .car_filter .filter_box .check_box.checked > .check_box { display: block;}
.buycar_list_wrap .car_filter .filter_box .check_item { display: flex;  align-items: center; gap: 0.5rem;  padding: 0.625rem 1rem;}
.buycar_list_wrap .car_filter .filter_box .check_item .input_check {  background: url(../img/ico_check_off2.png) no-repeat center / contain; margin: 0; border: none;  border-radius: 0;}
.buycar_list_wrap .car_filter .filter_box .check_item .input_check:checked { background-image: url(../img/ico_check_on2.png);}
.buycar_list_wrap .car_filter .filter_box .check_item .input_check::before {display: none;}
.buycar_list_wrap .car_filter .filter_box .check_item .label_check { flex: 1;  display: flex; align-items: center; justify-content: space-between; font-size: 0.875rem; line-height: 143%; color: #111; cursor: pointer;}
.buycar_list_wrap .car_filter .filter_box .check_item .label_check .tit{color: #767676; flex: 1;}
.buycar_list_wrap .car_filter .filter_box .check_item.ver2 {padding: 0;}
.buycar_list_wrap .car_filter .filter_box .check_item.ver2 .input_check{display: none;}
.buycar_list_wrap .car_filter .filter_box .check_item.ver2 .label_check {border: 1px solid transparent; border-radius: 0.5rem; padding: 0.625rem 1rem; height: 2.5rem;}
.buycar_list_wrap .car_filter .filter_box .check_item.ver2 .input_check:checked + .label_check {border-color: #1670f5; background: #fff;}
.buycar_list_wrap .car_filter .filter_box .check_item.ver2 .label_check .tit{color: #111;}
.buycar_list_wrap .car_filter .filter_box .check_item.ver2.no_value .label_check .tit{color: #767676;}

.buycar_list_wrap .car_filter .filter_box .item .acc_cont .contbox.range_box { display: flex;  align-items: center;  gap: 0.375rem; font-size: 0.875rem; line-height: 143%;  color: #111;  padding: 0.75rem 1rem;}
.buycar_list_wrap .car_filter .filter_box .range_box .select_box{flex: 1;}
.buycar_list_wrap .car_filter .filter_box .range_box .select_box .select{width: 122px;}
.buycar_list_wrap .car_filter .filter_box .range_box .select_box .select2-container--default .select2-selection--single {  border: 1px solid #d4d4d8;   background: #f8f8fa;  padding: 0.375rem 0.75rem 0.375rem 1rem; display: flex;  align-items: center; justify-content: space-between;}
.buycar_list_wrap .car_filter .filter_box .range_box .select_box .select2-container--open .select2-selection--single {background: #fff; border-color: var(--color_main);}
.buycar_list_wrap .car_filter .filter_box .range_box .select_box .select2-container--default .select2-selection--single .select2-selection__rendered {  font-size: 0.875rem; line-height: 143%; padding: 0;}
.buycar_list_wrap .car_filter .filter_box .range_box .select_box .select2-container--below .select2-selection--single .select2-selection__rendered{color: #111;}
.buycar_list_wrap .car_filter .filter_box .range_box .select_box .select2-container--default .select2-selection--single .select2-selection__arrow {  position: relative;  top: auto;  transform: none; right: auto; display: block;}
#select2_container_filter .select2-results>.select2-results__options { max-height: 256px;}
#select2_container_filter .select2-results__option--selectable { font-size: 0.875rem; line-height: 143%; letter-spacing: -0.01em; padding: 0.375rem 0.75rem;}

.buycar_list_wrap .car_filter .filter_box .color_box .radio_box .label_radio {    justify-content: unset; padding: 0.625rem 1.25rem; gap: 0.375rem;}
.buycar_list_wrap .car_filter .filter_box .color_box .radio_box .label_radio .color {width: 1.25rem; aspect-ratio: 1/1; border-radius: 50%;}
.buycar_list_wrap .car_filter .filter_box .color_box .radio_box .label_radio .txt {flex: 1;}

.buycar_list_wrap .car_list {position: relative; flex: 1; padding-bottom: 10rem;}
.buycar_list_wrap .car_list .list_result { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem;  margin-bottom: 2.875rem;}
.buycar_list_wrap .car_list .list_result .result_word { font-size: 0.813rem;  line-height: 146%; color: #111; display: flex; align-items: center;  justify-content: center; gap: 0.125rem;  border: 1px solid #d4d4d8; border-radius: 100px; padding: 0.375rem 0.5rem;}
.buycar_list_wrap .car_list .list_result .result_word .del_btn{background: url(../img/ico_delete.png) no-repeat center / contain; width: 1.125rem; aspect-ratio: 1 / 1;  cursor: pointer;  }

.buycar_list_wrap .car_list .list_top {display: flex; align-items: center;  justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid #d4d4d8;  margin-bottom: 2rem;}
.buycar_list_wrap .car_list .list_top .total { font-size: 1.75rem; line-height: 143%;  color: #111;}
.buycar_list_wrap .car_list .list_top .total .number{color: var(--color_main);}
.buycar_list_wrap .car_list .list_top .sorting{display: flex; align-items: center;  gap: 1.75rem;}
.buycar_list_wrap .car_list .list_top .radio_wrap{display: flex; align-items: center;  gap: 1rem;}
.buycar_list_wrap .car_list .list_top .radio_box {display: flex; align-items: center;  gap: 0.5rem;}
.buycar_list_wrap .car_list .list_top .radio_box .input_radio { position: relative;  appearance: none;  width: 1.125rem;  height: 1.125rem; border: 1px solid #D4D4D8;  border-radius: 50%; cursor: pointer;}
.buycar_list_wrap .car_list .list_top .radio_box .input_radio::before { content: "";  position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 0.5rem; aspect-ratio: 1 / 1; border-radius: 50%; background: #d4d4d8;}
.buycar_list_wrap .car_list .list_top .radio_box .input_radio:checked { border-color: var(--color_sub1);}
.buycar_list_wrap .car_list .list_top .radio_box .input_radio:checked::before{background: var(--color_sub1);}
.buycar_list_wrap .car_list .list_top .radio_box .label_radio { display: inline-block;  font-size: 0.938rem; line-height: 147%; color: #111; cursor: pointer;}
.buycar_list_wrap .car_list .list_top .select_box .select2-container--default {width: auto !important;}
.buycar_list_wrap .car_list .list_top .select_box .select2-container--default .select2-selection--single { border: 0; padding: 0; display: flex; align-items: center;  gap: 0.5rem;}
.buycar_list_wrap .car_list .list_top .select_box .select2-container--default .select2-selection--single::before {content: ""; background: url(../img/ico_sort.png) no-repeat center/contain; width: 1.125rem; aspect-ratio: 1/1;}
.buycar_list_wrap .car_list .list_top .select_box .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 0.938rem;  line-height: 147%;color: #111; padding-right: 0;}
.buycar_list_wrap .car_list .list_top .select_box .select2-container--default .select2-selection--single .select2-selection__arrow {display: none;}
#select2_container_sort .select2-results__option--selectable { font-size: 0.875rem; line-height: 143%; letter-spacing: -0.01em; padding: 0.375rem 0.75rem;}
#select2_container_sort .select2-dropdown--below {margin-top: 5px;}

@media screen and (min-width: 1081px) {
    #select2_container_sort .select2-dropdown--below { width: 7.5rem !important;}      
}

.buycar_list_wrap .car_list .list_box {display: flex; flex-wrap: wrap; gap: 2.5rem;}
.buycar_list_wrap .car_list .list_box .item { width: calc((100% - 2.5rem* 2) / 3);  border: 1px solid #d4d4d8;  border-radius: 0.5rem; overflow: hidden;}
.buycar_list_wrap .car_list .list_box .item .imgbox {width: 100%; aspect-ratio: 1 / 0.743944; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.buycar_list_wrap .car_list .list_box .item .imgbox img{width: 100%; height: 100%; object-fit: cover;}
.buycar_list_wrap .car_list .list_box .item .txtbox { padding: 1rem 1.25rem 1.5rem;}
.buycar_list_wrap .car_list .list_box .item .txtbox .tit{ font-size: 0.938rem; line-height: 147%; color: #111; margin-bottom: 0.125rem;}
.buycar_list_wrap .car_list .list_box .item .txtbox .price{ font-size: 1.125rem; line-height: 144%; color: #111; margin-bottom: 1.25rem;}
.buycar_list_wrap .car_list .list_box .item .txtbox .price .num{font-weight: 600; font-size: 1.5rem;line-height: 142%;}
.buycar_list_wrap .car_list .list_box .item .txtbox .installment { font-weight: 600; font-size: 0.875rem;  line-height: 143%;  color: #505050; margin-bottom: 0.25rem;}
.buycar_list_wrap .car_list .list_box .item .txtbox .installment .point {color: #1670f5;}
.buycar_list_wrap .car_list .list_box .item .txtbox .desc{ font-size: 0.813rem;  line-height: 146%;  color: #505050; margin-bottom: 0.75rem;}
.buycar_list_wrap .car_list .list_box .item .txtbox .feature{display: flex; flex-wrap: wrap; gap: 0.25rem 0.375rem;}
.buycar_list_wrap .car_list .list_box .item .txtbox .feature .badge{ font-size: 0.813rem; line-height: 146%;  color: #505050; background: #f9f9f9; border-radius: 0.25rem ; padding: 0.125rem 0.5rem; display: inline-flex; align-items: center; justify-content: center;}
.buycar_list_wrap .car_list .list_box .scrollbar {margin-top: 4.375rem;}
.car_filter_popup {display: none;}
.car_detail_popup {display: none;}


/* buycar detail */
.buycar_detail_wrap .header .h_back { display: flex; align-items: center; justify-content: center; display: none;}
.buycar_detail_wrap .header .h_back .back_btn { background: url(../img/ico_back2.png) no-repeat center / contain;  width: 2.4rem; aspect-ratio: 1 / 1; cursor: pointer;}
.buycar_detail_wrap .header .h_title { flex: 1; font-weight: 700; font-size: 1.6rem;  line-height: 150%; color: #111; display: none;}
.buycar_detail_wrap .detail_section{position: relative;}
.buycar_detail_wrap .detail_img { position: relative; border-radius: 1rem; background: #dbdbdb; overflow: hidden; margin: 2.5rem 0;}
.buycar_detail_wrap .detail_img .topbox .detail_prd_img { width: 100%;}
.buycar_detail_wrap .detail_img .topbox .detail_prd_img .swiper-slide { display: flex;  align-items: center; justify-content: center;}
.buycar_detail_wrap .detail_img .topbox .detail_prd_img .swiper-slide > img {width: 100%; height: 100%; object-fit: cover;}
.buycar_detail_wrap .detail_img .topbox .detail_prd_img .pagination {  font-size: 1.2rem;  line-height: 150%;  color: #ccc; z-index: 10; top: auto;  bottom: 0.8rem;  left: auto;  right: 1rem; width: auto; padding: 0.5rem 0.8rem; background: rgba(0, 0, 0, 0.5); border-radius: 100px; display: flex; gap: 0.125rem; display: none;}
.buycar_detail_wrap .detail_img .topbox .detail_prd_img .pagination .swiper-pagination-current { font-weight: 700; color: #fff;}
.buycar_detail_wrap .detail_img .topbox .detail_prd_img .prev_btn, .buycar_detail_wrap .detail_img .topbox .detail_prd_img .next_btn { background: no-repeat center / contain;  width: 2.4rem;  height: auto; aspect-ratio: 1 / 1; display: none;}
.buycar_detail_wrap .detail_img .topbox .detail_prd_img .prev_btn {background-image: url(../img/swiper_prev2.png); left: 0;}
.buycar_detail_wrap .detail_img .topbox .detail_prd_img .next_btn {background-image: url(../img/swiper_next2.png); right: 0;}
.buycar_detail_wrap .detail_img .topbox .note_360 { position: absolute; left: 50%;  top: 50%; transform: translate(-50%, calc(-50% - 2.375rem)); z-index: 10;  width: 6rem;    display: flex; align-items: center; justify-content: center;}
.buycar_detail_wrap .detail_img .bottombox { position: absolute;  left: 0;  bottom: 0;  width: 100%;  height: 4.75rem;  z-index: 10;  background: rgba(0, 0, 0, 0.5);  display: flex; align-items: center; justify-content: space-between;}
.buycar_detail_wrap .detail_img .bottombox > .left .btnbox { display: flex;}
.buycar_detail_wrap .detail_img .bottombox > .left .btnbox .img_btn { font-weight: 600;  font-size: 1.125rem;  line-height: 144%; color: rgba(255, 255, 255, 0.6); padding: 1.563rem; display: flex; align-items: center; justify-content: center; border-right: 1px solid #999; white-space: nowrap;}
.buycar_detail_wrap .detail_img .bottombox > .left .btnbox .img_btn.on {background: var(--color_main); color: #fff;}
.buycar_detail_wrap .detail_img .bottombox > .right { width: calc(5rem* 5 + 4px* 4 + 1.5rem* 2); display: flex; align-items: center; gap: 0.25rem;  margin-right: 1rem;}
.buycar_detail_wrap .detail_img .bottombox > .right .detail_prd_thum {  width: calc(5rem* 5 + 4px* 4);}
.buycar_detail_wrap .detail_img .bottombox > .right .detail_prd_thum .swiper-slide {     width: 5rem; aspect-ratio: 1 / 0.6; display: flex; align-items: center; justify-content: center; border-radius: 0.375rem;  overflow: hidden; cursor: pointer;}
.buycar_detail_wrap .detail_img .bottombox > .right .detail_prd_thum .swiper-slide::after { content: ""; position: absolute;  left: 0; top: 0; width: 100%; height: 100%;  background: #000; opacity: 0.3; transition: all 0.4s ease;}
.buycar_detail_wrap .detail_img .bottombox > .right .detail_prd_thum .swiper-slide.swiper-slide-thumb-active::after { opacity: 0;}
.buycar_detail_wrap .detail_img .bottombox > .right .detail_prd_thum .swiper-slide > img {width: 100%; height: 100%; object-fit: cover;}
.buycar_detail_wrap .detail_img .bottombox > .right .detail_prd_thum .scrollbar {  margin-top: 0.375rem; height: 2px;}
.buycar_detail_wrap .detail_img .bottombox > .right .prev_btn, 
.buycar_detail_wrap .detail_img .bottombox > .right .next_btn { position: relative;  left: auto; right: auto; top: auto; margin: 0;  background: no-repeat center / contain;  width: 1.25rem;  height: auto; aspect-ratio: 1 / 1; margin-bottom: 0.25rem;}
.buycar_detail_wrap .detail_img .bottombox > .right .prev_btn {background-image: url(../img/swiper_prev3.png);}
.buycar_detail_wrap .detail_img .bottombox > .right .next_btn {background-image: url(../img/swiper_next3.png);}
.buycar_detail_wrap .detail_img .mob_popup { position: absolute; left: 0; top: 0;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 5; display: none;}
.buycar_detail_wrap .detail_img .mob_popup .close_btn {  background: url(../img//ico_close.png) no-repeat center / contain; width: 3.2rem; aspect-ratio: 1 / 1;  position: absolute;  right: 0.8rem; top: 0.8rem;}
.buycar_detail_wrap .detail_img .mob_popup .txtbox { position: absolute; left: 50%;  top: 50%;  transform: translate(-50%, -50%); display: flex; flex-direction: column;  align-items: center; gap: 0.6rem;  text-align: center;}
.buycar_detail_wrap .detail_img .mob_popup .txtbox .icon {width: 4.6rem;}
.buycar_detail_wrap .detail_img .mob_popup .txtbox .txt { font-size: 1.1rem;  line-height: 155%; color: #fff;}
.buycar_detail_wrap .detail_img .mob_popup .bottom { position: absolute;  left: 0; bottom: 0; width: 100%;  padding: 1rem;}
.buycar_detail_wrap .detail_img .mob_popup .bottom .check_box { background: transparent;  gap: 0.6rem; border-radius: 0; padding: 0;}
.buycar_detail_wrap .detail_img .mob_popup .bottom .check_box .input_check{ background: url(../img/ico_check_off2.png) no-repeat center / contain; margin: 0; border: none;    border-radius: 0; width: 1.4rem;}
.buycar_detail_wrap .detail_img .mob_popup .bottom .check_box .input_check:checked{    background-image: url(../img/ico_check_on2.png);}
.buycar_detail_wrap .detail_img .mob_popup .bottom .check_box .label_check{ font-size: 1.1rem; line-height: 155%; color: #d4d4d8;}
.buycar_detail_wrap .detail_cont { display: flex; align-items: flex-start; gap: 2.5rem; margin-bottom: 7.5rem;}
.buycar_detail_wrap .content_wrap{ width: calc(100% - 440px - 2.5rem);}
.buycar_detail_wrap .content_wrap .timesale {width: 100%;  background: #dbeaff;  border-radius: 0.5rem; font-weight: 600; font-size: 1.75rem; line-height: 143%; color: var(--color_main); display: flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 0.625rem; margin-bottom: 2rem;}
.buycar_detail_wrap .content_wrap .timesale .icon{width: 1.75rem;}
.buycar_detail_wrap .content_wrap .content_top { border-bottom: 1px solid #d4d4d8;  padding-bottom: 2.5rem; display: flex; align-items: flex-start;  justify-content: space-between;  margin-bottom: 2.5rem; flex-wrap: wrap;}
.buycar_detail_wrap .content_wrap .content_top .left{flex: 1;}
.buycar_detail_wrap .content_wrap .content_top .left .tit{ font-weight: 600; font-size: 1.75rem;  line-height: 143%; color: #111; margin-bottom: 0.375rem;}
.buycar_detail_wrap .content_wrap .content_top .left .desc{ font-size: 1rem;  line-height: 150%; color: #505050; margin-bottom: 0.75rem;}
.buycar_detail_wrap .content_wrap .content_top .left .feature{display: flex; flex-wrap: wrap; gap: 0.25rem 0.375rem;}
.buycar_detail_wrap .content_wrap .content_top .left .feature .badge{ font-size: 0.813rem; line-height: 146%;  color: #505050; background: #f9f9f9; border-radius: 0.25rem ; padding: 0.125rem 0.5rem; display: inline-flex; align-items: center; justify-content: center;}
.buycar_detail_wrap .content_wrap .content_top .right { text-align: right;}
.buycar_detail_wrap .content_wrap .content_top .right .price{ font-size: 1.5rem; line-height: 142%; color: #111; margin-bottom: 0.5rem;}
.buycar_detail_wrap .content_wrap .content_top .right .price .number{font-weight: 600;  font-size: 2.25rem; line-height: 133%; color: var(--color_main);}
.buycar_detail_wrap .content_wrap .content_top .right .installment {font-size: 1.125rem;  line-height: 144%; color: #767676;}
.buycar_detail_wrap .content_wrap .content_top .right .installment .bold{font-weight: 600; color: #505050;}
.buycar_detail_wrap .content_wrap .content_top .right .installment .color{color: #1676eb;}
.buycar_detail_wrap .content_box {position: relative; margin-bottom: 3.75rem;} 
.buycar_detail_wrap .content_box:last-child {margin-bottom: 0;} 
.buycar_detail_wrap .content_box .titbox{display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1.25rem;} 
.buycar_detail_wrap .content_box .titbox .tit { font-weight: 600; font-size: 1.5rem;  line-height: 142%;  color: #111;}
.buycar_detail_wrap .content_box .titbox .desc{font-size: 1.125rem; line-height: 144%;  color: #111;} 
.buycar_detail_wrap .content_box .titbox .desc .point{font-weight: 600; color: var(--color_main);} 
.buycar_detail_wrap .content_box .contbox {position: relative;  background: #f8f8fa;  padding: 2rem;  border-radius: 0.75rem;} 

.buycar_detail_wrap .content_box.box1 .contbox {display: flex; flex-wrap: wrap; gap: 1.125rem;}
.buycar_detail_wrap .content_box.box1 .contbox > .item { position: relative; display: flex; align-items: center; gap: 1rem; width: calc((100% - 1.25rem* 2) / 3);}
.buycar_detail_wrap .content_box.box1 .contbox > .item .tit {  position: relative;  width: 5rem;  font-size: 1rem;  line-height: 150%; color: #505050; padding-left: 1.5em;}
.buycar_detail_wrap .content_box.box1 .contbox > .item .tit::before { content: "";   width: 0.25rem; aspect-ratio: 1 / 1; background: #505050; border-radius: 50%;  position: absolute; left: 0.25em; top: 0.6em;}
.buycar_detail_wrap .content_box.box1 .contbox > .item .desc { font-size: 1rem;  line-height: 150%; color: #111;  flex: 1;}
.buycar_detail_wrap .content_box.box1 .contbox > .item .desc.color { color: #1670f5;}

.buycar_detail_wrap .content_box.box2 .titbox{margin-bottom: 1.5rem;} 
.buycar_detail_wrap .content_box.box2 .contbox {display: flex; gap: 2.5rem;}
.buycar_detail_wrap .content_box.box2 .contbox > .item{width: 50%;}
.buycar_detail_wrap .content_box.box2 .contbox > .item .item_tit{font-weight: 600;  font-size: 1.125rem;  line-height: 144%; color: #111; margin-bottom: 0.5rem;}
.buycar_detail_wrap .content_box.box2 .contbox > .item .list{display: flex; flex-direction: column;}
.buycar_detail_wrap .content_box.box2 .contbox > .item .list .list_item{border-bottom: 1px solid #e5e5ec; display: flex; align-items: center;justify-content: space-between; padding: 0.5rem 0;}
.buycar_detail_wrap .content_box.box2 .contbox > .item .list .list_item .tit{font-size: 1rem; line-height: 150%; color: #767676;}
.buycar_detail_wrap .content_box.box2 .contbox > .item .list .list_item .desc{font-size: 1rem; line-height: 150%; text-align: right; color: #1670f5; font-weight: 600;}
.buycar_detail_wrap .content_box.box2 .contbox > .item .list .list_item.exchange .desc{color: #f85050;}
.buycar_detail_wrap .content_box.box2 .btnbox {display: flex;gap: 1rem; margin-top: 1.5rem;}
.buycar_detail_wrap .content_box.box2 .btnbox .btn {width: 50%; display: flex; align-items: center; gap: 1rem; padding: 0.938rem 2rem; background: #f8f8fa; border-radius: 0.75rem; word-break: keep-all;}
.buycar_detail_wrap .content_box.box2 .btnbox .btn .icon{width: 3.5rem;}
.buycar_detail_wrap .content_box.box2 .btnbox .btn .txt{ font-weight: 600;  font-size: 1.125rem; line-height: 144%; color: #111; flex: 1; text-align: left;}
.buycar_detail_wrap .content_box.box2 .btnbox .btn .arrow{background: url(../img/arrow_btn.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1;}

.buycar_detail_wrap .content_box.box3 .titbox{margin-bottom: 0.75rem; gap: 1rem;} 
.buycar_detail_wrap .content_box.box3 .titbox .desc {font-weight: 600;}
.buycar_detail_wrap .content_box.box3 .contbox{display: flex; flex-direction: column; gap: 0.75rem; padding: 1.5rem 2rem; margin-bottom: 2rem;}  
.buycar_detail_wrap .content_box.box3 .contbox > .item { width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.buycar_detail_wrap .content_box.box3 .contbox > .item .tit {  position: relative;  font-size: 1rem;  line-height: 150%; color: #505050; padding-left: 1.5em;}
.buycar_detail_wrap .content_box.box3 .contbox > .item .tit::before { content: "";   width: 0.25rem; aspect-ratio: 1 / 1; background: #505050; border-radius: 50%;  position: absolute; left: 0.25em; top: 0.6em;}
.buycar_detail_wrap .content_box.box3 .contbox > .item .desc { font-weight: 600; font-size: 1rem;  line-height: 150%; color: #111;}
.buycar_detail_wrap .content_box.box3 .optbox .opt_tit{font-weight: 600; font-size: 1.125rem;  line-height: 144%; color: #111; margin-bottom: 0.75rem;}
.buycar_detail_wrap .content_box.box3 .optbox .list{display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 2.5rem;}
.buycar_detail_wrap .content_box.box3 .optbox .list > .item{ width: calc((100% - 1rem*5)/6); height: 6rem;  font-weight: 600; font-size: 0.93rem; line-height: 147%; text-align: center;  color: #111; background: #f8f8fa; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center;}
.buycar_detail_wrap .content_box.box3 .optbox .opt_btn{ font-size: 0.938rem; line-height: 147%;color: #505050; border: 1px solid #d4d4d8; border-radius: 0.5rem; width: 12.5rem;  height: 2.5rem; display: flex; align-items: center; justify-content: center; margin: 0 auto;}

.buycar_detail_wrap .side_wrap { border: 1px solid #d4d4d8;  border-radius: 0.75rem;  background: #fff; width: 440px; padding: 2rem;}
.buycar_detail_wrap .side_wrap .side_cont { position: relative;  width: 100%;}
.buycar_detail_wrap .side_wrap .topbox { display: flex; align-items: center;   justify-content: space-between;  gap: 0.75rem; padding-bottom: 1rem;  border-bottom: 1px solid #d9d9d9;}
.buycar_detail_wrap .side_wrap .topbox .call_btn { font-weight: 600;  font-size: 2rem;  line-height: 137%;  color: var(--color_main); display: flex; align-items: center;  gap: 0.75rem;}
.buycar_detail_wrap .side_wrap .topbox .call_btn .icon { width: 1.75rem;}
.buycar_detail_wrap .side_wrap .topbox .share_btn{background: url(../img/ico_share.png) no-repeat center/contain; width: 1.5rem; aspect-ratio: 1/1;}
.buycar_detail_wrap .side_wrap .titbox {padding: 1rem 0 1.5rem;}
.buycar_detail_wrap .side_wrap .titbox .tit { font-weight: 600; font-size: 1.75rem;  line-height: 143%; color: #111; margin-bottom: 0.375rem;}
.buycar_detail_wrap .side_wrap .titbox .desc { font-size: 0.938rem; line-height: 147%;  color: #505050;}
.buycar_detail_wrap .side_wrap .infobox{position: relative; width: 100%;}
.buycar_detail_wrap .side_wrap .infobox .infolist { position: relative; width: 100%;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem{ position: relative; width: 100%;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_tit { display: flex;  align-items: center; gap: 0.75rem; padding: 1rem 0; cursor: pointer; border-bottom: 1px solid #e5e5ec;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem:nth-child(1) .acc_tit {border-bottom: 0;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_tit .tit{font-size: 1rem;  line-height: 150%;color: #111; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex: 1;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_tit .arrow{background: url(../img/select_arrow.png) no-repeat center/contain; width: 1.25rem; aspect-ratio: 1/1; transition: all 0.4s ease;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem.show .acc_tit .arrow{transform: rotate(-180deg);}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_cont {display: none;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox {  border-bottom: 1px solid #e5e5ec; background: #f8f8fa; padding: 1.25rem; display: flex; flex-direction: column;  gap: 0.75rem;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item {  display: flex; align-items: flex-start; justify-content: space-between;  gap: 0.75rem;   font-size: 0.938rem; line-height: 147%; color: #505050;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item.ver2 .tit {padding-top: 0.563rem;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_box {display: flex; flex-direction: column; gap: 0.5rem;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item { position: relative; width: 154px;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_tit { font-size: 0.938rem; line-height: 147%;  color: #111;  border: 1px solid #d4d4d8;  border-radius: 0.5rem;  width: 100%;  padding: 0.563rem 1rem;  background: #fff; display: flex; align-items: center; justify-content: space-between;  cursor: pointer;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item.show .select_tit { border-color: var(--color_main);}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_tit .arrow {  background: url(../img/select_arrow.png) no-repeat center / contain;  width: 1rem;  aspect-ratio: 1 / 1; display: inline-block;  transition: all 0.4s;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item.show .select_tit .arrow {transform: rotate(-180deg);}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_popup { border: 1px solid var(--color_main); border-radius: 0.5rem;  width: 100%; height: 200px; display: none; overflow: hidden; position: absolute;  left: 0; top: calc(100% - 1px); z-index: 10; background: #fff;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item.show .select_popup {display: block;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_popup .input_box .input_radio {display: none;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_popup .input_box .label_radio { display: block; font-size: 0.938rem; line-height: 147%; letter-spacing: -0.01em; color: #111; padding: 0.563rem 1rem;  cursor: pointer; transition: all 0.4s ease;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_popup .input_box .label_radio:hover { background: #f5f5f5; color: var(--color_main);}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_popup .input_box .input_radio:checked + .label_radio { background-color: #e8f4ff ; color: var(--color_main);}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_popup .mCSB_inside > .mCSB_container { margin-right: 0;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_popup .mCSB_scrollTools { opacity: 1; margin: 0.5rem 0; width: 16px;}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_popup .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius: 50px; background: rgba(0, 0, 0, 0.5);}
.buycar_detail_wrap .side_wrap .infobox .infolist .infoitem .acc_contbox > .item .select_item .select_popup .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { border-radius: 50px; background: #d4d4d8;}

.buycar_detail_wrap .side_wrap .infobox .info_total {padding: 1.5rem 0;}
.buycar_detail_wrap .side_wrap .infobox .info_total .total{display: flex; align-items: center; justify-content: space-between;}
.buycar_detail_wrap .side_wrap .infobox .info_total .total .tit{ font-size: 1.25rem;  line-height: 150%; color: #111;}
.buycar_detail_wrap .side_wrap .infobox .info_total .total .price{ font-weight: 600;  font-size: 1.125rem; line-height: 144%; color: #111;}
.buycar_detail_wrap .side_wrap .infobox .info_total .total .price .number{font-size: 1.75rem;  line-height: 143%; color: var(--color_main);}
.buycar_detail_wrap .side_wrap .btnbox { display: flex; flex-direction: column; gap: 0.75rem;}
.buycar_detail_wrap .side_wrap .btnbox .btn {  width: 100%;  height: 3.5rem;  display: flex; align-items: center; justify-content: center;  font-weight: 600;  font-size: 1.125rem;  line-height: 144%; border: 1px solid var(--color_main);  border-radius: 0.5rem;}
.buycar_detail_wrap .side_wrap .btnbox .btn.typeA { background: var(--color_main);  color: #fff;}
.buycar_detail_wrap .side_wrap .btnbox .btn.typeB { background: #fff; color: var(--color_main);}
.buycar_detail_wrap .side_wrap .btnbox .share_btn { margin-top: 0.875rem;  font-size: 1rem; line-height: 150%; color: #767676; display: flex; align-items: center;  justify-content: center; gap: 0.5rem;}
.buycar_detail_wrap .side_wrap .btnbox .share_btn .icon { width: 1.25rem;}

.buycar_detail_wrap .fix_btnbox { box-shadow: 0 -3px 4px 0 rgba(0, 0, 0, 0.06);  background: #fff; position: fixed; left: 0; bottom: 0; width: 100%;  z-index: 100;  display: flex; gap: 0.8rem; padding: 1.8rem 1.6rem; display: none;}
.buycar_detail_wrap .fix_btnbox .btn { width: 100%;  height: 4.8rem; display: flex;  align-items: center; justify-content: center; gap: 0.6rem; font-weight: 600; font-size: 1.5rem;  line-height: 147%; letter-spacing: -0.01em; border: 1px solid var(--color_main);  border-radius: 0.6rem;}
.buycar_detail_wrap .fix_btnbox .btn .icon {width: 1.6rem;}
.buycar_detail_wrap .fix_btnbox .btn.typeA{ background: #fff; color: var(--color_main);}
.buycar_detail_wrap .fix_btnbox .btn.typeB{ background: var(--color_main);  color: #fff;}


/* pastHistory popup */
#pastHistory_popup .contbox { height: 560px; border: 1px solid #d4d4d8;  border-radius: 0.75rem;}
#pastHistory_popup.full_modal .modal_body .contbox .mCSB_scrollTools { margin: 1.75rem 0;}
#pastHistory_popup .listbox { padding: 2rem; display: flex; flex-direction: column;  gap: 0.75rem;}
#pastHistory_popup .listbox > .item { display: flex; gap: 2.5rem;}
#pastHistory_popup .listbox > .item .yearbox { display: flex; flex-direction: column; align-items: center; gap: 0.75rem;}
#pastHistory_popup .listbox > .item .yearbox .year { font-weight: 600; font-size: 1.25rem; line-height: 150%;  color: var(--color_sub1);}
#pastHistory_popup .listbox > .item .yearbox .line { width: 1px; flex: 1; background: #d9d9d9;}
#pastHistory_popup .listbox > .item:last-child .yearbox .line {display: none;}
#pastHistory_popup .listbox > .item .descbox { flex: 1; display: flex; flex-direction: column;  gap: 2rem; padding-bottom: 1.25rem;}
#pastHistory_popup .listbox > .item:last-child .descbox {padding-bottom: 0;}
#pastHistory_popup .listbox > .item .descitem {width: 100%;}
#pastHistory_popup .listbox > .item .descitem .desc_tit { font-weight: 600; font-size: 1rem; line-height: 150%; color: #111; margin-bottom: 0.5rem;}
#pastHistory_popup .listbox > .item .descitem .desc_sub { font-size: 0.938rem;  line-height: 147%; color: #505050; margin-bottom: 1rem;}
#pastHistory_popup .listbox > .item .descitem .infobox { border-radius: 0.75rem;  background: #f8f8fa;  padding: 1.5rem; display: flex;  flex-wrap: wrap; gap: 1rem;}
#pastHistory_popup .listbox > .item .descitem .infobox .infoitem{font-size: 0.938rem; line-height: 147%;display: flex; word-break: keep-all;}
#pastHistory_popup .listbox > .item .descitem .infobox .infoitem .tit{ color: #505050;}
#pastHistory_popup .listbox > .item .descitem .infobox .infoitem .desc{ color: #111;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid100 {gap: 1rem 0.313rem;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid100 .infoitem{width: 100%; gap: 2.375rem;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid100 .infoitem .tit{ width: 45px;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid50 { gap: 1rem 3.75rem;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid50 .infoitem { width: 50%;  gap: 3.5rem;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid50 .infoitem .tit { width: 100px;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid50 .infoitem:nth-child(even) { flex: 1; gap: 2.5rem;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid50 .infoitem:nth-child(even) .tit { width: 54px;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid30 {gap: 1rem 0.313rem;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid30 .infoitem{width: calc((100% - 0.313rem*2)/3); gap: 1.25rem;}
#pastHistory_popup .listbox > .item .descitem .infobox.wid30 .infoitem .tit {  width: 74px;}
#pastHistory_popup .listbox > .item .descitem .infobox.widauto { justify-content: space-between;}
#pastHistory_popup .listbox > .item .descitem .infobox.widauto .infoitem { min-width: 185px; gap: 3.75rem;}
#pastHistory_popup .listbox > .item .descitem .infobox.widauto .infoitem .tit { width: 56px;}


/* performance popup */
#performance_popup .modal_body {padding: 0;}
#performance_popup .contbox{ height: 624px;}
#performance_popup.full_modal .modal_body .contbox .mCSB_scrollTools { margin: 1rem 0;}
#performance_popup .modal_inner {padding: 1.5rem 2.5rem 2.5rem;}
#performance_popup .statebox { display: flex; gap: 0.5rem; margin-bottom: 1.5rem;}
#performance_popup .statebox > .item {  width: 50%; border: 1px solid #d4d4d8;  border-radius: 0.75rem; background: #fff; display: flex; flex-direction: column;  align-items: center; gap: 0.125rem;  padding: 1.5rem 0; text-align: center;}
#performance_popup .statebox > .item .tit { font-size: 1rem;  line-height: 150%; color: #111;}
#performance_popup .statebox > .item .desc{ position: relative; font-weight: 600; font-size: 1.5rem; line-height: 142%; color: #111;}
#performance_popup .statebox > .item .desc::before { content: ""; position: absolute;  left: 50%; bottom: -0.1em; transform: translateX(-50%); width: calc(100% + 1rem);  height: 1rem; z-index: 0;}
#performance_popup .statebox > .item .desc.red::before{background: #ffe1e1;}
#performance_popup .statebox > .item .desc.blue::before{background: #c3d6ff;}
#performance_popup .statebox > .item .desc .color_txt{position: relative;}
#performance_popup .printbox .print_btn { font-weight: 600; font-size: 1rem;  line-height: 150%; color: #1576eb; border: 1px solid #1576eb;  border-radius: 0.5rem; width: 146px; height: 40px; display: flex;align-items: center; justify-content: center; margin-left: auto; margin-bottom: 1rem;}
#performance_popup .printbox .print_img { border: 1px solid #d4d4d8;  border-radius: 0.75rem;  overflow: hidden;}
#performance_popup .printbox .print_img .imgbox{display: flex;width: 100%;}
#performance_popup .printbox .note_txt{ font-size: 0.875rem; line-height: 143%; color: #505050; margin-top: 1rem;}


/* optInfo popup */
#optInfo_popup .modal_body {padding: 0;}
#optInfo_popup .contbox { height: 632px;}
#optInfo_popup.full_modal .modal_body .contbox .mCSB_scrollTools { margin: 1rem 0;}
#optInfo_popup .modal_inner {padding: 1.5rem 2.5rem 2.5rem;}
#optInfo_popup .optbox {  border-top: 1px solid #d4d4d8; margin-bottom: 1rem;}
#optInfo_popup .optbox > .item { display: flex;}
#optInfo_popup .optbox > .item .titbox {  width: 132px;  font-weight: 600;  font-size: 0.938rem;  line-height: 150%;  color: #111;  border-right: 1px solid #d4d4d8;  border-bottom: 1px solid #d4d4d8;  background: #f8f8fa; display: flex; align-items: center; justify-content: center;}
#optInfo_popup .optbox > .item .descbox { flex: 1; display: flex; flex-wrap: wrap;}
#optInfo_popup .optbox > .item .descbox .descitem {  width: 25%;  font-size: 0.938rem;  line-height: 147%;  color: #505050; border-right: 1px solid #d4d4d8;  border-bottom: 1px solid #d4d4d8; padding: 0.813rem 1rem; padding-right: 0;}
#optInfo_popup .optbox > .item .descbox .descitem:nth-child(4n) {border-right: 0;}
#optInfo_popup .note_txt{ font-size: 0.875rem; line-height: 143%; color: #505050; margin-top: 1rem;}