.NotoSans { font-family: 'Noto Sans KR', sans-serif;}
.Pretendard {font-family: 'Pretendard','Noto Sans KR', sans-serif; }
  

  
 /* common */
 * { margin: 0; padding: 0; outline: none; box-sizing: border-box;}
body {margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
html, body {font: 400 16px/1.3 'Pretendard','Noto Sans KR', sans-serif;  color: #000000; width: 100%; position: relative; }
ul, li {list-style: none;}
a {text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent;}
button {font-family: inherit;}

body.hidden { overflow: hidden;}
body::before { content: "";  position: fixed;  left: 0;  top: 0;  width: 100%;  height: 100%; background-color: rgba(0,0,0,0.25); z-index: 99;  transition: all 0.4s ease; opacity: 0; pointer-events: none;cursor: pointer;}
body.hidden::before { opacity: 1;  pointer-events: auto;}
  
.car-img-full {max-width: 100%;}
.text-center {text-align: center;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none;}


.vehicle_cont .btn {background-color: transparent;  border: none;  outline: 0; padding: 7px 15px;  font-size: 14px; font-weight: 500;  letter-spacing: -0.02em; cursor: pointer; border: 1px solid #c6c6c6;  color: #333333; background-color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border-radius: 3px; transition: all 0.35s ease-in-out; } 
.vehicle_cont .btn:hover {box-shadow: 0px 0px 12px rgba(0,0,0,0.25);}
.vehicle_cont .btn.clear { padding: 0; border: none;}
.vehicle_cont .btn.primary { background-color: #8c2522; border-color: #8c2522; color: #fff;}
.vehicle_cont .btn.light { background-color: #fff; border-color: #8c2522; color: #8c2522;}
.vehicle_cont .btn.dark { background-color: #3b3b3b ; border-color: #3b3b3b ; color: #fff;}
.vehicle_cont .btn i.icon { font-size: 18px;}



/* datepicker */
.ui-widget-header {border: 0px solid #dddddd;background: #fff;}
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important;}
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0;  }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5;  background-color: transparent;  font-weight: normal;  color: #454545;  text-align: center; }
.ui-datepicker .ui-datepicker-title {  margin: 0 0em; line-height: 16px;  text-align: center;  font-size: 14px; padding: 0px; font-weight: bold;    }
.ui-datepicker { font-family: inherit; display: none; background-color: #fff; border-radius: 4px;  margin-top: 10px; margin-left: 0px;  margin-right: 0px;  padding: 20px;  padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0,0,0,0.1); }
.ui-widget.ui-widget-content { border: 1px solid #eee;}
#datepicker:focus>.ui-datepicker { display: block; }
.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }
.ui-datepicker-next { float: right; }
.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1);}    
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100;  font-size: 20px; }    
.ui-datepicker-calendar { width: 100%; }    
.ui-datepicker-calendar>thead>tr>th {padding: 5px;  font-size: 20px;  font-weight: 400; }   
.ui-datepicker-calendar>tbody>tr>td>a { color: #000;font-size: 12px !important; font-weight: bold !important; text-decoration: none; }    
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {cursor: auto;  background-color: #fff; }        
.ui-datepicker-calendar>tbody>tr>td {   border-radius: 100%;   width: 44px;   height: 30px;  cursor: pointer;  padding: 5px;  font-weight: 100;     text-align: center; font-size: 12px;}        
.ui-datepicker-calendar>tbody>tr>td:hover {background-color: transparent;     opacity: 0.6; }    
.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus,
.ui-button:hover, .ui-button:focus { border: 0px solid #cccccc; background-color: transparent;  font-weight: normal; color: #2b2b2b; }    
.ui-widget-header .ui-icon { background-image: url('/good/car_assets/img/btns.png'); }
.ui-icon-circle-triangle-e {background-position: -20px 0px; background-size: 36px; }    
.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; }        
.ui-datepicker-calendar>tbody>tr>td:first-child a{color: #ef114d !important; }        
.ui-datepicker-calendar>tbody>tr>td:last-child a{color: #0099ff !important; }
.ui-datepicker-calendar>thead>tr>th:first-child { color: #ef114d !important;}        
.ui-datepicker-calendar>thead>tr>th:last-child {color: #0099ff !important; }    
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {  border: 0px; background: #f1f1f1; border-radius: 50%;   padding-top: 6px;padding-bottom: 6px; }    



/* form input */
.vehicle_cont .form_item { position: relative; width: 100%;  display: flex; gap: 10px; }
.vehicle_cont .form_item + .form_item { margin-top: 25px;}
.vehicle_cont .form_item.date { align-items: center; gap: 25px;}
.vehicle_cont .form_item.date .form_input_box { max-width: 155px;}
.vehicle_cont .form_item.date .form_input_box.last { max-width: 120px;}
.vehicle_cont .form_item.date .division { font-size: 16px;  color: #333333;  font-weight: 500;}

.vehicle_cont .form_tit_box { width: 20%; display: flex; justify-content: center; align-items: center; background: #f9f9f9; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.vehicle_cont .form_tit_box .tit { line-height: 50px; font-size: 18px; font-weight: 500; color: #666;}

.vehicle_cont .form_input_box {position: relative;}
.vehicle_cont .form_input_box.full {flex: 1; width: 100%;}
.vehicle_cont .form_input_box.flex { display: flex; align-items: center; gap: 10px;}
.vehicle_cont .form_input_box.flex .txt { font-size: 16px; color: #333333;  font-weight: 500;}

.vehicle_cont .form_input { width: 100%; font-family: inherit; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #333333; font-weight: 500; transition: all 0.4s; border: 1px solid #e5e5e5; border-radius: 3px; min-height: 45px; line-height: 1; padding: 0 15px;}
.vehicle_cont .form_input:focus { border-color: #8c2522; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.vehicle_cont textarea.form_input { min-height: inherit; padding: 12px; height: calc(24px + 8em); overflow-y: auto;}
.vehicle_cont textarea.form_input::-webkit-scrollbar { width: 10px;  }
.vehicle_cont textarea.form_input::-webkit-scrollbar-thumb { background: #8c2522; border-radius: 5px; border: 3px solid #f7f7f7;}
.vehicle_cont textarea.form_input::-webkit-scrollbar-track {background: #f7f7f7; }
.vehicle_cont .form_input.datepicker { background: url(../img/ic_calender.png) no-repeat right 15px center/ 18px; cursor: pointer; padding-right: 45px;}

.vehicle_cont .form_select { width: 100%; max-width: 250px; font-family: inherit; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; color: #333333; font-weight: 500; transition: all 0.4s; border: 1px solid #e5e5e5; border-radius: 3px; min-height: 45px; line-height: 1; padding: 0 15px; appearance: none; background: url(../img/select_arrow.png) no-repeat right 10px center/15px auto;}
.vehicle_cont .form_select:focus { border-color: #8c2522;}

.vehicle_cont .form_input_box.chk { display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.vehicle_cont .form_input_box.chk .form_check { position: relative; display: flex;  align-items: center;  gap: 8px; width: calc((100% - 10px*4)/5);}
.veh_contwrap .form_input_box.chk.wid4 .form_check { width: calc((100% - 10px*3)/4);}
.vehicle_cont .form_input_box.chk .form_check > input { position: absolute; left: 10px; width: 14px; height: 14px; appearance: none; border: 1px solid #ddd; border-radius: 100%; transition: all 0.4s; cursor: pointer; display: none;}
.vehicle_cont .form_input_box.chk .form_check > input:checked { border-color: #8c2522;}
.vehicle_cont .form_input_box.chk .form_check > input::before { content: ""; position: absolute;  left: 50%; top: 50%; transform: translate(-50%,-50%);  width: 8px;  height: 8px; background-color: #8c2522; border-radius: 50%; transition: all 0.4s; opacity: 0;}
.vehicle_cont .form_input_box.chk .form_check > input:checked:before {opacity: 1;}
.vehicle_cont .form_input_box.chk .form_check > label { width: 100%; font-family: inherit; display: inline-flex; align-items: center; justify-content: center;  font-size: 16px; color: #333333; font-weight: 500; transition: all 0.4s; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 3px; min-height: 50px; line-height: 1; padding: 0 15px;
  text-overflow: ellipsis;
  padding: 16px 15%;
  height: 50px;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-align:center
}

/*.vehicle_cont .form_input_box.chk .form_check > label {
text-overflow: ellipsis;
  padding: 16px 15%;
  height: 50px;
  overflow: hidden;
  white-space: nowrap;
  display: block;}*/

.vehicle_cont .form_input_box.chk .form_check > input:checked + label { color: #fff; background: #8c2522;}
.vehicle_cont .form_input_box.chk .form_check > label:hover { border-color: #8c2522;}

.vehicle_cont .form_item .controls_box { display: flex; gap: 10px;}
.vehicle_cont .form_input_box.controls { display: flex; align-items: center; border: 1px solid #e5e5e5; border-radius: 3px;}
.vehicle_cont .form_input_box.controls .control_btn { width: 40px; aspect-ratio: 1/1; font-size: 18px; color: #8c2522;}
.vehicle_cont .form_input_box.controls .control_btn:hover { box-shadow: none;  background: #f9f9f9;}
.vehicle_cont .form_input_box.controls .control_btn .icon {display: flex; align-items: center; justify-content: center;}
.vehicle_cont .form_input_box.controls .form_input { min-height: 40px; max-width: 150px; border-top: 0; border-bottom: 0; border-radius: 0; text-align: center;}

.vehicle_cont .form_desc_box { display: flex; align-items: center; margin-left: 10px;}
.vehicle_cont .form_desc_box .desc_item { display: flex; align-items: center;}
.vehicle_cont .form_desc_box .desc_item + .desc_item { position: relative;}
.vehicle_cont .form_desc_box .desc_item + .desc_item::before { content: ""; display: inline-block; width: 1px; height: 16px; background: #e5e5e5; margin-left: 10px;}
.vehicle_cont .form_desc_box .desc_item .icon { display: flex; align-items: center; justify-content: center; width: 25px; aspect-ratio: 1/1; opacity: 0.75;}
.vehicle_cont .form_desc_box .desc_item .txt { font-size: 13px; line-height: 1; font-weight: 500; color: #7b7b7b;}

.vehicle_cont .form_info_txt {margin-top: 20px; font-size: 15px; color: #696969;}
.vehicle_cont .form_info_txt .icon { font-size: 18px; margin-top: -3px; vertical-align: middle; margin-right: 3px;}
.vehicle_cont .form_info_txt.color {color: #8c2522; font-weight: 500;}



/* table */
.vehicle_cont .tbl_wrap { position: relative; width: 100%; padding-bottom: 20px; overflow-x: auto;}
.vehicle_cont .tbl_wrap::-webkit-scrollbar { height: 12px;}
.vehicle_cont .tbl_wrap::-webkit-scrollbar-thumb {background-color: #3b3b3b; border-radius: 5px; border: 4px solid #f9f9f9;}
.vehicle_cont .tbl_wrap::-webkit-scrollbar-track {background: #f9f9f9; }
.vehicle_cont .tbl_wrap .tbl { width: 100%; border-collapse: collapse; font-size: 16px; color: #000000; overflow-x: auto; white-space: nowrap; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.vehicle_cont .tbl_wrap .tbl thead tr { background: #f9f9f9; border-bottom: 1px solid #e5e5e5;}
.vehicle_cont .tbl_wrap .tbl thead tr th { padding: 15px 10px; font-weight: 500;}
.vehicle_cont .tbl_wrap .tbl tbody tr { border-bottom: 1px solid #e5e5e5;}
.vehicle_cont .tbl_wrap .tbl tbody tr:last-child { border-bottom: 0;}
.vehicle_cont .tbl_wrap .tbl tbody tr td { font-size: 15px;  color: #333333;  padding: 15px 10px;  text-align: center; height: 50px;}
.vehicle_cont .tbl_wrap .tbl tbody tr td.date { display: flex; justify-content: center; gap: 5px;}


.vehicle_cont .tbl_wrap .tbl tbody tr td.date .division{display: none;}
.vehicle_cont .tbl_wrap .tbl tbody tr td.date .division.show{display: inline-block;}



/* page contents */
.vehicle_cont { position: relative;background-color: #fff; width: 100%; max-width: 1000px; margin: auto;padding:25px}
.vehicle_tit {position: relative; font-size: 18px; font-weight: 500; color: #000000; margin-bottom: 15px; padding-left: 10px;}
.vehicle_tit::before { content: ''; display: inline-block; position: absolute; top: 2.7px; left: 0; width: 2px; height: 18px; background-color: #8c2522;}
.veh_btnbox { display: flex; justify-content: center; margin-top: 100px; margin-bottom: 40px;}
.veh_btnbox .btn { font-size: 22px; padding: 15px 40px;}


/* faq */
.faq_box { padding: 15px 0; margin-bottom: 40px;}
.faq_box .faq_cont { display: flex; flex-direction: column; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.faq_box .faq_cont .faq_item { display: flex; align-items: flex-start; border-bottom: 1px solid #e7e7e7;}
.faq_box .faq_cont .faq_item .faq_tit { padding: 12px; display: flex; align-items: flex-start; gap: 8px; word-break: keep-all;}
.faq_box .faq_cont .faq_item .faq_Q { width: 40%;}
.faq_box .faq_cont .faq_item .faq_A {flex: 1;}
.faq_box .faq_cont .faq_item .faq_tit .sub { display: inline-flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 500; line-height: 1; color: #333; width: 20px; aspect-ratio: 1/1; border-radius: 100%;}
.faq_box .faq_cont .faq_item .faq_Q .sub{color: #8c2522;}
.faq_box .faq_cont .faq_item .faq_tit .txt { flex: 1; font-size: 15px;}


/* tab */
.vehicle_cont .tab_wrap {position: relative;}
.vehicle_cont .tab_nav { position: relative; width: 100%; display: flex; align-items: center; z-index: 10; border-bottom: 2px solid #ccc;}
.vehicle_cont .tab_nav .tab_link { position: relative; display: inline-flex; flex: 1; font-size: 18px; font-weight: 500; color: #333333; border: 1px solid #e5e5e5; padding: 0px 20px; height: 64px; background-color: #f9f9f9; cursor: pointer; align-items: center; justify-content: center;}
.vehicle_cont .tab_nav .tab_link + .tab_link { border-left: 0;}
.vehicle_cont .tab_nav .tab_link.on { color: #8c2522;}
.vehicle_cont .tab_nav .tab_link::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 100%; height: 3px; background: transparent; box-sizing: border-box;}
.vehicle_cont .tab_nav .tab_link.on::after { background: #8c2522;}
.vehicle_cont .tab_cont { display: none;}
.vehicle_cont .tab_cont.on {display: block;}


.veh_contwrap_wrap { position: relative; padding: 55px 0px; display: flex; flex-direction: column; gap: 40px; border-bottom: 1px solid #e7e7e7;}
.veh_contwrap {position: relative; width: 100%;}
.veh_contwrap .veh_titbox { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px;}
.veh_contwrap .veh_titbox .tit { position: relative; color: #000; font-size: 18px; font-weight: 500;}
.veh_contwrap .veh_titbox .tit.sub {color: #999999;}
.veh_contwrap .veh_titbox .tit::before { content: ""; position: absolute; left: -8px; top: -4px; width: 5px; height: 5px; background: #8c2522; border-radius: 100%;}
.veh_contwrap .veh_titbox .tit.sub::before {display: none;}


.veh_contwrap .veh_notice_pop { position: absolute; right: 0; top: calc(100% + 20px); background: #fff; max-width: 600px; height: 450px; overflow: auto; padding: 30px 25px; z-index: 100; border: 1px solid #ccc; transition: all 0.35s ease-in-out; opacity: 0; pointer-events: none;}
.veh_contwrap .veh_notice_pop.show { opacity: 1;  pointer-events: auto;}
.veh_contwrap .veh_notice_pop::-webkit-scrollbar { width: 12px;}
.veh_contwrap .veh_notice_pop::-webkit-scrollbar-thumb {background-color: #3b3b3b ; border-radius: 5px; border: 4px solid #f9f9f9;}
.veh_contwrap .veh_notice_pop::-webkit-scrollbar-track {background: #f9f9f9; }
.veh_contwrap .veh_notice_pop .close_btn { margin-left: auto; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #3b3b3b; transition: all 0.35s ease-in-out;}
.veh_contwrap .veh_notice_pop .close_btn:hover {transform: rotate(180deg); box-shadow: none;}
.veh_contwrap .veh_notice_pop .pop_titbox { margin-bottom: 20px;}
.veh_contwrap .veh_notice_pop .pop_titbox .tit { position: relative;padding-left: 10px;}
.veh_contwrap .veh_notice_pop .pop_titbox .tit::before { content: ''; display: inline-block; position: absolute; top: 2.7px; left: 0; width: 2px; height: 18px; background-color: #8c2522; border-radius: 0;}
.veh_contwrap .veh_notice_pop .pop_topbox { background: #f9f9f9; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 25px 20px; margin-bottom: 35px;}
.veh_contwrap .veh_notice_pop .pop_topbox .txt { font-size: 14px; font-weight: 500; color: #666; word-break: keep-all;}
.veh_contwrap .veh_notice_pop .pop_contents { position: relative; display: flex; flex-direction: column; gap: 15px;}
.veh_contwrap .veh_notice_pop .pop_contents > li { display: flex; align-items: flex-start; gap: 8px;}
.veh_contwrap .veh_notice_pop .pop_contents > li .num { aspect-ratio: 1/1; display: inline-flex; align-items: center; justify-content: center; width: 18px; background: #838383; color: #fff; font-size: 12px; line-height: 1; border-radius: 100%;}
.veh_contwrap .veh_notice_pop .pop_contents > li .txt { flex: 1; font-size: 14px; color: #333333;}


/* 24.03.11 수정 start */
.veh_contwrap .veh_contbox {position: relative;}
.veh_contwrap .veh_swiper_wrap {position: relative; width: 100%;}
.veh_contwrap .veh_swiper_wrap .veh_swiper {position: relative; width: 100%;}
.veh_contwrap .veh_swiper_wrap .veh_prev, 
.veh_contwrap .veh_swiper_wrap .veh_next {font-size: 50px;top: 178px;margin-top: 0; color: #000000;}
.veh_contwrap .veh_swiper_wrap .veh_prev { left: -65px;}
.veh_contwrap .veh_swiper_wrap .veh_next { right: -65px;}
.veh_contwrap .veh_car_selbox { display: flex; align-items: flex-start; gap: 0; margin: 45px 0 40px;}
/* 24.03.11 수정 end */
.veh_contwrap .veh_car_selbox .veh_car_item { width: 30%; display: flex; flex-direction: column;}
.veh_contwrap .veh_car_selbox .veh_car_item .tit { font-size: 20px; font-weight: 500; color: #000000; text-align: center;}
.veh_contwrap .veh_car_selbox .veh_car_item .tit .small { display: inline-block; font-size: 0.85em; color: #a7a7a7; font-weight: 500; margin-left: 3px;}
.veh_contwrap .veh_car_selbox .veh_car_item .thum { position: relative; display: flex; align-items: center; justify-content: center; background: #f9f9f9; border-radius: 20px; margin: 15px 0 20px; overflow: hidden; transition: all 0.35s ease-in-out; border: 3px solid #f9f9f9;}
.veh_contwrap .veh_car_selbox .veh_car_item.on .thum { border-color: #8c2522;}
.veh_contwrap .veh_car_selbox .veh_car_item .thum > img { transition: all 0.35s ease-in-out;}
.veh_contwrap .veh_car_selbox .veh_car_item:hover .thum > img { transform: scale(1.08);}
.veh_contwrap .veh_car_selbox .veh_car_item .thum .num { position: absolute; left: 20px; bottom: 20px; font-size: 14px; color: #fff; background: #8c2522; display: flex; align-items: center; justify-content: center; border-radius: 50px; padding: 3px 12px;}
.veh_contwrap .veh_car_selbox .veh_car_item .infobox { display: flex; flex-direction: column; gap: 8px; padding: 15px; border-top: 1px solid #e7e7e7;}
.veh_contwrap .veh_car_selbox .veh_car_item .infobox .infotxt { display: flex; align-items: flex-start; gap: 8px; font-size: 15px; color: #333333;}
.veh_contwrap .veh_car_selbox .veh_car_item .infobox .infotxt .sub { width: 4em; color: #000000; font-weight: 500;}
.veh_contwrap .veh_car_selbox .veh_car_item .infobox .infotxt .txt { flex: 1;}
.veh_contwrap .veh_car_selbox .veh_car_item .count_select { width: 100%; padding: 0 10px 20px; border-bottom: 1px solid #e7e7e7; margin-bottom: 15px;}
.veh_contwrap .veh_car_selbox .veh_car_item .count_select .form_select { max-width: 100%; min-height: 40px;}
.veh_contwrap .veh_car_selbox .veh_car_item .price { text-align: right; font-size: 20px; color: #333333; font-weight: 500; padding: 0 10px;}


.veh_contwrap .veh_togal_price { display: flex; align-items: baseline; justify-content: right; gap: 15px; padding: 25px 0 55px; font-size: 22px; border-bottom: 1px solid #ccc; margin-bottom: 100px;}
.veh_contwrap .veh_togal_price .sub { color: #333333; font-weight: 500;}
.veh_contwrap .veh_togal_price .price { color: #000000; font-weight: 700; font-size: 1.4em;}


.veh_contwrap .detail_contwrap { position: relative;}
.veh_contwrap .detail_contwrap + .detail_contwrap { margin-top: 60px;}
.veh_contwrap .detail_titbox { position: relative; margin-bottom: 15px;}
.veh_contwrap .detail_titbox .tit { position: relative; font-size: 20px; font-weight: 500; color: #8c2522;}
.veh_contwrap .detail_contbox { position: relative;}
.veh_contwrap .detail_contbox .descbox { display: flex; flex-direction: column; gap: 8px;}
.veh_contwrap .detail_contbox .descbox.ver2 { background: #f9f9f9; border: 1px solid #efefef; border-radius: 8px; padding: 25px 20px;  gap: 14px;
}
.veh_contwrap .detail_contbox .descbox .desc { display: flex; align-items: flex-start; gap: 8px; font-size: 15px; color: #333333;}
.veh_contwrap .detail_contbox .descbox .desc .num { position: relative; color: #000000; font-weight: 500;}
.veh_contwrap .detail_contbox .descbox.ver2 .desc .num {  aspect-ratio: 1/1; display: inline-flex; align-items: center; justify-content: center; width: 18px; font-weight: 400; background: #838383; color: #fff; font-size: 12px; line-height: 1; border-radius: 100%;}
.veh_contwrap .detail_contbox .descbox .desc .num::after { content: "."; display: inline-block;}
.veh_contwrap .detail_contbox .descbox.ver2 .desc .num::after { display: none;}
.veh_contwrap .detail_contbox .descbox .desc .txt { flex: 1;}
.veh_contwrap .detail_contbox .descbox.ver2 .desc .txt { color: #666666;}
.veh_contwrap .detail_form { width: 100%; position: relative; display: flex; flex-direction: column; gap: 25px; margin-top: 30px;}
.veh_contwrap .detail_form .det_form_item { display: flex; align-items: flex-start; gap: 20px;}
.veh_contwrap .detail_form .det_form_item .det_tit { width: 17%; font-size: 16px; font-weight: 500; color: #333333;}
.veh_contwrap .detail_form .det_form_item .det_tit .small { display: block; font-size: 0.85em; color: #9b9b9b;}
.veh_contwrap .detail_form .det_form_item .det_cont { flex: 1;}
.veh_contwrap .detail_form .det_form_item .form_input, 
.veh_contwrap .detail_form .det_form_item textarea.form_input { min-height: 40px;}



.driver_contwrap { display: flex; flex-wrap: wrap; gap: 45px 50px; margin: 55px 0 100px;}
.driver_contwrap .driver_contbox { width: calc((100% - 50px)/2); border: 1px solid #e7e7e7; border-radius: 20px; padding: 35px;}
.driver_contwrap .driver_contbox .thum_box { display: flex; align-items: flex-start; gap: 40px; padding: 0 20px;}
.driver_contwrap .driver_contbox .thum_box .thum_item { width: 50%; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.driver_contwrap .driver_contbox .thum_box .thum_item .tit { font-size: 18px; font-weight: 500; color: #000000;}
.driver_contwrap .driver_contbox .thum_box .thum_item .tit .name { font-weight: 700; color: #8c2522;}
.driver_contwrap .driver_contbox .thum_box .thum_item .tit .small { display: inline-block; font-size: 0.85em; color: #a7a7a7; font-weight: 500; margin-left: 3px;}
.driver_contwrap .driver_contbox .thum_box .thum_item .thum { position: relative; display: flex; width: 100%; aspect-ratio: 1/1; border-radius: 50%; overflow: hidden; background: #f7f7f7;}
.driver_contwrap .driver_contbox .thum_box .thum_item .thum > img { width: 100%; height: 100%; object-fit: cover; transition: all 0.35s ease-in-out;}
.driver_contwrap .driver_contbox .thum_box .thum_item:hover .thum > img { transform: scale(1.1);}
.driver_contwrap .driver_contbox .review_box { position: relative; margin-top: 30px; border-top: 1px solid #ccc;}
.driver_contwrap .driver_contbox .review_box .top { display: flex; align-items: center; gap: 25px; padding: 25px 20px;}
.driver_contwrap .driver_contbox .review_box .top .rate { font-size: 25px; font-weight: 500; color: #333333;}
.driver_contwrap .driver_contbox .review_box .top .rate .num {color: #8c2522; }
.driver_contwrap .driver_contbox .review_box .top .info_box { flex: 1; display: flex; justify-content: space-between;}
.driver_contwrap .driver_contbox .review_box .top .info_box .info_item { display: flex; flex-direction: column; align-items: center; gap: 5px; font-size: 14px;}
.driver_contwrap .driver_contbox .review_box .top .info_box .info_item .sub { font-weight: 700;}
.driver_contwrap .driver_contbox .review_box .top .info_box .info_item .txt { color: #333333; font-weight: 500;}
.driver_contwrap .driver_contbox .review_box .bottom { padding: 25px 20px;  background-color: #f9f9f9;}
.driver_contwrap .driver_contbox .review_box .bottom .titbox { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e7e7e7;}
.driver_contwrap .driver_contbox .review_box .bottom .titbox .tit { font-size: 18px; font-weight: 500; color: #333333;}
.driver_contwrap .driver_contbox .review_box .bottom .titbox .tit .count {color: #8c2522; font-weight: 500;}
.driver_contwrap .driver_contbox .review_box .bottom .titbox .more_btn { padding: 6px 12px; font-size: 12px; line-height: 1;}
.driver_contwrap .driver_contbox .review_box .bottom .descbox { display: flex; flex-direction: column; gap: 5px;}
.driver_contwrap .driver_contbox .review_box .bottom .descbox .desc { position: relative; font-size: 14px; color: #333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 15px;}
.driver_contwrap .driver_contbox .review_box .bottom .descbox .desc::before { content: ""; position: absolute; left: 5px; top: 0.45em; width: 3px; height: 3px; background: #666666; border-radius: 100%;}




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

  html {font-size: 16px !important;} 

  .pc {display: none !important;}
  .mob {display: block !important;}

  .vehicle_cont { padding: 0;}

  .faq_box { padding: 30px;}

  .faq_box .faq_cont .faq_item {display: block;}
  .faq_box .faq_cont .faq_item .faq_tit { position: relative; padding: 15px 10px 15px 30px;}
  .faq_box .faq_cont .faq_item .faq_tit .sub {position: absolute; left: 5px; }
  .faq_box .faq_cont .faq_item .faq_Q {width: 100%; align-items: center;}
  .faq_box .faq_cont .faq_item .faq_Q::after { content: "";  display: inline-block;  background: url(../img/arrow.png) no-repeat center / 100%; width: 14px; aspect-ratio: 1/1; transition: all 0.35s ease-in-out; opacity: 0.5;}
  .faq_box .faq_cont .faq_item.show .faq_Q::after { transform: rotate(180deg);}
  .faq_box .faq_cont .faq_item .faq_A { display: none; background: #f9f9f9;}

  .vehicle_cont .tab_nav .tab_link { font-size: 16px; height: 54px;}
  .veh_contwrap .veh_titbox { flex-direction: column; align-items: flex-start; gap: 20px;}
  .veh_contwrap .veh_titbox .tit { order: 2;}
  .veh_contwrap .veh_titbox .veh_notice { order: 1; margin: 0 auto 20px;}
  body.pop::before { opacity: 1;  pointer-events: auto;}
  .veh_contwrap .veh_notice_pop { position: fixed; right: auto; left: 50%; top: 50%;  transform: translate(-50%,-50%); width: 90%; max-width: 600px; height: 85%;  max-height: 500px; z-index: 100;}


  .vehicle_cont .form_item { flex-direction: column;}
  .vehicle_cont .form_tit_box { width: 100%;}  
  .vehicle_cont .form_tit_box .tit {line-height: 45px; font-size: 16px;}
  .vehicle_cont .form_input {padding: 0 10px; font-size: 14px;}
  .vehicle_cont .form_input_box.flex .txt { font-size: 14px;}
  .vehicle_cont .form_input_box.chk .form_check { width: calc((100% - 10px*2)/3);}
  .veh_contwrap .form_input_box.chk.wid4 .form_check {width: calc((100% - 10px*2)/3);}
  .vehicle_cont .form_input_box.chk .form_check > label { font-size: 14px; min-height: 45px; padding: 0 10px; word-break: keep-all; text-align: center;}
  .vehicle_cont .form_item.date { flex-direction: row;}
  .vehicle_cont .form_item.control {flex-direction: column; gap: 15px;}
  .vehicle_cont .form_input_box.controls .control_btn { height: 100%; aspect-ratio: initial;}
  .vehicle_cont .form_desc_box { margin-left: 0;}  

  
  .veh_contwrap_wrap { padding: 45px 30px;}
  .veh_contwrap .veh_car_selbox { gap: 0;}

  /* 24.03.11 수정 start */

  /* .veh_contwrap .veh_swiper .veh_prev { left: 0;}
  .veh_contwrap .veh_swiper .veh_next { right: 0;}
  .veh_contwrap .veh_swiper .veh_prev, 
  .veh_contwrap .veh_swiper .veh_prev, 
  .veh_contwrap .veh_swiper .veh_next { display: flex;  top: 8%;  font-size: 25px;   color: #000000;} */

  .veh_contwrap .veh_swiper_wrap .veh_prev, 
  .veh_contwrap .veh_swiper_wrap .veh_next { font-size: 25px;  top: 26px;}
  .veh_contwrap .veh_swiper_wrap .veh_prev { left: 0;}
  .veh_contwrap .veh_swiper_wrap .veh_next { right: 0;}
  
  /* 24.03.11 수정 end */

  .veh_contwrap .veh_togal_price { justify-content: center;}


  .driver_contwrap { gap: 30px 0; margin: 45px 0 80px; padding: 0 30px;}
  .driver_contwrap .driver_contbox { width: 100%;}

}




/* Mobile */
@media screen and (max-width: 599px) {

  .mob2 {display: block !important;}

  .faq_box { padding: 20px;}
  .faq_box .faq_cont .faq_item .faq_Q::after { width: 12px;}

  
  .vehicle_cont .tab_nav .tab_link { padding: 0px 10px;}


  .veh_contwrap_wrap { padding: 45px 20px;}
  .veh_contwrap .veh_titbox { margin-bottom: 15px;}


  .vehicle_cont .form_input_box.chk .form_check > label { min-height: 40px; font-size: 13px;}
  .vehicle_cont .form_input { min-height: 40px; font-size: 13px;}
  .vehicle_cont .form_item.date { gap: 8px;}
  .vehicle_cont .form_input.datepicker { padding: 0 10px; background: #fff;}
  .vehicle_cont .form_item.date .form_input_box.last { max-width: 100px;}
  .vehicle_cont .form_item.date .form_input_box.last .form_input { text-align: center;   min-width: 40px;}
  .vehicle_cont .form_input_box.flex .txt { font-size: 13px;}  
  .vehicle_cont .form_info_txt { font-size: 13px;}
  .vehicle_cont .form_info_txt .icon { font-size: 16px;}


  .vehicle_tbl th {display:none }    
  .vehicle_cont .tbl_wrap .tbl tbody tr { display: flex; flex-direction: column;  align-items: flex-start; gap: 12px; padding: 20px 10px;}
  .vehicle_cont .tbl_wrap .tbl tbody tr td { position: relative; display: block;  font-size: 14px; min-height: 1.3em; padding: 0;padding-left: 65px;text-align: left;  height: auto;}
  .vehicle_tbl td::before {content: attr(data-th); position: absolute; left: 0;  font-weight: 500; width: 55px;}

  
  .veh_contwrap .veh_car_selbox {margin: 35px 0 70px;}
  .veh_contwrap .veh_togal_price { gap: 12px;padding: 15px 0 40px; font-size: 18px;  margin-bottom: 80px;}
  .veh_contwrap .detail_contbox .descbox.ver2 {padding: 25px 15px;}
  .veh_contwrap .detail_contbox .descbox .desc { font-size: 14px;}
  .veh_contwrap .detail_titbox .tit { font-size: 18px;}
  .veh_contwrap .detail_form .det_form_item { flex-direction: column; gap: 10px;}
  .veh_contwrap .detail_form .det_form_item .det_tit { width: 100%; font-size: 15px;}
  .veh_contwrap .detail_form .det_form_item .det_tit .small { display: inline-block;}
  .veh_contwrap .detail_form .det_form_item .det_cont { width: 100%; }
  .veh_btnbox { margin-top: 75px;}
  .veh_btnbox .btn {font-size: 18px;padding: 12px 20px; min-width: 50%;}


  .driver_contwrap { padding: 0 20px;}
  .driver_contwrap .driver_contbox {padding: 35px 0 0;overflow: hidden;}
  .driver_contwrap .driver_contbox .thum_box { gap: 25px;}
  .driver_contwrap .driver_contbox .review_box .top { padding: 25px 15px;}
  .driver_contwrap .driver_contbox .review_box .top .rate {font-size: 22px;}
  .driver_contwrap .driver_contbox .review_box .top .info_box .info_item {font-size: 12px;}
  .driver_contwrap .driver_contbox .review_box .bottom { padding: 20px 15px;}
  .driver_contwrap .driver_contbox .review_box .bottom .titbox .tit {font-size: 16px;}
  .driver_contwrap .driver_contbox .review_box .bottom .titbox .more_btn { padding: 5px 8px;}
  .driver_contwrap .driver_contbox .review_box .bottom .descbox .desc { font-size: 12px; padding-left: 8px;}
  .driver_contwrap .driver_contbox .review_box .bottom .descbox .desc::before {left: 0; top: 0.4em; width: 2px; height: 2px;}


}


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

  .driver_contwrap .driver_contbox .review_box .top { gap: 15px;}
  .driver_contwrap .driver_contbox .review_box .top .rate { font-size: 20px;}
  .driver_contwrap .driver_contbox .review_box .top .info_box .info_item { font-size: 10px;}

}