/* main_wrap */
.main_wrap { background-color: #f4f5f9; overflow: hidden;}


  /* main_visual */
.main_wrap .main_visual {padding-top: 3rem;}
.main_wrap .main_visual .vis_area { height: 48rem; padding: 7rem; background: url(../../img/main_img_01.png) center / cover; border-radius: var(--border-radius); display: flex; align-items: center; flex-direction: column; justify-content: end;}
.main_wrap .main_visual .vis_area .text_wrap {display: flex; align-items: center; flex-direction: column;}
.main_wrap .main_visual .vis_area .text_wrap h2 { color: #fff; font-weight: 500; font-size: 5.6rem; letter-spacing: -0.24rem;}
.main_wrap .main_visual .vis_area .text_wrap p { color: #fff; font-size: 2.8rem; letter-spacing: -0.19rem; margin-top: 2.5rem;}
.main_wrap .main_visual .vis_area a { display: inline-block; padding: 2.8rem 10rem; border-radius: 100px; background-color:var(--main-color);   color: #fff; font-size: 2.8rem; font-weight: 500; letter-spacing: -0.056rem; margin-top: 9rem;}

  /* section */
section { margin-top: 8rem;}
section:last-of-type { padding-bottom: 5rem;}
section .title_area { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3.5rem;}
section .title_area h2 { font-size: 3.8rem; font-weight: 600; letter-spacing: -0.23rem; padding-left: 1rem;}
section .title_area .go_view { color: #8894a2; font-size: 2.8rem; letter-spacing: -0.1rem;}
  
  /* main_sc_con1 */
.main_sc_con1 .rent_company_wrap {overflow: visible;}
.main_sc_con1 .rent_company_list {height: auto;}
.main_sc_con1 .rent_company_list .swiper-slide { opacity: 0; transition: opacity .2s;}
.main_sc_con1 .rent_company_list .swiper-slide-next,
.main_sc_con1 .rent_company_list .swiper-slide-active { opacity: 1;}

.main_sc_con1 .rent_company_list .rent_company_item a{ background-color: #fff; padding: 1.6rem 2rem 4.2rem 3rem; border-radius: var(--border-radius); display: flex; flex-direction: column; box-shadow: var(--box-shadow); gap: 2.2rem;}
.main_sc_con1 .rent_company_list .rent_company_item .text_box { display: flex; align-items: center; justify-content: space-between;}
.main_sc_con1 .rent_company_list .rent_company_item .text_box p {  font-size: 3rem;  flex: 1; min-width: 0; padding-right: 1rem; font-weight: 500;}
.main_sc_con1 .rent_company_list .rent_company_item .text_box img { flex-shrink: 0;}

  /* main_sc_con2 */
.main_sc_con2 .rent_checklist_item a { padding: 3rem 3.3rem 3rem 4rem; border-radius: var(--border-radius); box-shadow: var(--box-shadow); background-color: #fff; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.main_sc_con2 .rent_checklist_item .text_wrap { padding: 2.2rem 0;}
.main_sc_con2 .rent_checklist_item .text_wrap p{ font-size: 2.6rem; color: #8894a2; margin-bottom: 0.9rem; letter-spacing: -0.26rem;}
.main_sc_con2 .rent_checklist_item .text_wrap h3{ font-size: 4rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.3rem;}

  /* main_sc_con3 */
.main_sc_con3 .con_area {background-color: #fff; border-radius: var(--border-radius); box-shadow: var(--box-shadow); padding: 40px 30px;}
.main_sc_con3 .rent_faq_wrap { display: flex; flex-direction: column; gap: 30px;}
.main_sc_con3 .rent_faq_wrap a { display: flex; align-items: stretch; gap: 30px;}
.main_sc_con3 .rent_faq_wrap a .img_box { width: 100px; aspect-ratio: 1/1; flex-shrink: 0;}
.main_sc_con3 .rent_faq_wrap a .text_box { display: flex; align-items: center; width: 100%;}
.main_sc_con3 .rent_faq_wrap a .text_box .box_inner { flex: 1; min-width: 0; padding-right: 1rem;}
.main_sc_con3 .rent_faq_wrap a .text_box p { font-size: 28px; color: #8894a2; margin-bottom: 6px; letter-spacing: -2.4px;}
.main_sc_con3 .rent_faq_wrap a .text_box h4 { font-size: 32px; font-weight: 500; letter-spacing: -1.3px; line-height: 1.3;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.main_sc_con3 .rent_faq_wrap a .text_box img { flex-grow: 0;}
.main_sc_con3 .go_more { border-radius: var(--border-radius); width: 100%; padding: 3.5rem 0; font-size: 3.2rem;text-align: center; background-color: #f4f5f9; margin-top: 3.2rem; letter-spacing: -0.3rem; color: #5b5b5b;}

  /* main_sc_con4 */
.main_sc_con4 .con_area {background-color: #fff; border-radius: var(--border-radius); box-shadow: var(--box-shadow); padding: 4rem 3rem;}
.main_sc_con4 .fuel_ranking_tabs { display: flex; align-items: center; gap: 1.9rem;}
.main_sc_con4 .fuel_ranking_tab {border-radius: 100px; padding: 1.6rem 2.7rem; background-color: #f4f5f9; font-size: 2.8rem; color: #8894a2; font-weight: 500; letter-spacing: -0.1rem;}
.main_sc_con4 .fuel_ranking_tab.active { background-color: #24274a; color: #fff;}

.main_sc_con4 .fuel_ranking_panels { margin-top: 4.3rem;}
.main_sc_con4 .fuel_ranking_panel { display: none;}
.main_sc_con4 .fuel_ranking_panel.active { display: block;}
.main_sc_con4 .fuel_ranking_panel .fuel_ranking_list { display: flex; flex-direction: column; gap: 4rem;}
.main_sc_con4 .fuel_ranking_panel .fuel_ranking_item { display: flex;  align-items: center; font-size: 2.8rem;}
.main_sc_con4 .fuel_ranking_panel .fuel_ranking_item .car { display: flex; align-items: center; flex: 1; min-width: 0; gap: 2.8rem;}
.main_sc_con4 .fuel_ranking_panel .fuel_ranking_item .rank { font-weight: 500; color: var(--main-color);}
.main_sc_con4 .fuel_ranking_panel .fuel_ranking_item .model { flex: 1; min-width: 0; font-weight: 500;  letter-spacing: -0.18rem;}
.main_sc_con4 .fuel_ranking_panel .fuel_ranking_item .fuel { color: #939393;  letter-spacing: -0.1rem; font-size: 2.6rem;}