#container_wr {width: 100% !important;}
#container {width: 100% !important;}
#container > div {width: 1200px;}

#header {width: 100%; height: 130px; background: #fff; position: fixed; z-index: 9999; transition: all 0.3s; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);}
#header .wrap {height: 100%;}
#header .logo img {height: 50px;}
#header .gnb {gap: 50px; font-size: 16px; font-weight: bold;}
#header .gnb a {transition: 0.3s;}
#header .gnb a:hover {color: #234EBD;}
#header .gnb a.active {color: #234EBD;}
#header .fast_call {font-size: 20px; font-weight: bold; padding: 10px 20px; background: #234EBD; color: #fff; border-radius: 50px;}
#header .wrap > button {background: none; border: none;}

#cta {position: fixed; top: 200px;right: 0; transform: translateX(calc(100% - 14vw)); z-index: 9999; background: #fff; padding: 20px; border-radius: 20px; width: 400px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); transition: 0.3s;}
#cta:hover {transform: translateX(0);}
#cta h3 {font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px}
#cta > p {font-size: 16px; color: #888; font-weight: bold; text-align: center; margin-bottom: 30px;}
#cta form {width: 100%;}
#cta form input {width: 100%; height: 50px; border: #eee; background: #F9FAFB; border-radius: 10px; padding: 10px 20px; margin-bottom: 20px;}
#cta form input::placeholder {font-size: 16px; font-weight: bold;color: #888; font-family: 'Pretendard';}
#cta .agree_box {display: flex; gap: 10px; margin-bottom: 20px; margin-left: 10px;}
#cta .agree_box #privacy_agree {width: 20px;height: 20px; border: 2px solid #888; margin-bottom: 0;}
#cta button {width: 100%; height: 60px; border-radius: 10px; border: none; background: #1E4EBB; display: flex;justify-content: center;align-items: center;color: #fff;font-size: 24px; font-weight: bold; margin-bottom: 20px;}
#cta .tab {display: flex;justify-content: space-between;align-items: center;}
#cta .tab a {width: calc((100% - 20px) / 2); display: flex; justify-content: center;align-items: center; gap: 10px; padding: 10px; height: 50px; border-radius: 10px; font-size: 18px;}
#cta .tab a:first-of-type {background: #FAE100; color: #3C1E1E;}
#cta .tab a:last-of-type {background: #3B92E5; color: #fff;}
#cta .tab img {width: 20px;height: 20px;}
#mob_cta {position: fixed; bottom: 20px;right: 20px;z-index: 999; background: #1E4EBB; padding: 10px 20px; color: #fff; border: none; border-radius: 20px; font-size: 14px; font-weight: bold; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);}


#footer {padding: 50px 0;}
#footer h3 {font-size: 40px; font-weight: bold;}
#footer .vb {width: 100%; padding: 100px 0; background: url(../img/bg_footer.png) no-repeat center/cover;}

#footer .ft_contact {color: #fff; width: 100%; align-items: stretch;}
#footer .ft_contact p {color: #BFC4CC; font-size: 16px; font-weight: bold;}
#footer .ft_contact .title p {font-size: 30px; color: #fff;}
#footer .ft_contact .cont .call {display: flex;align-items: center;gap: 20px;}
#footer .ft_contact .cont .call p {font-size: 60px; color: #fff; font-weight: 900;}
#footer .ft_contact .cont .call img {width: 60px;height: 60px;}
#footer .ft_contact .part1 {display: flex; flex-direction: column; justify-content: space-between;}
#footer .ft_contact .part2 {width: 100%;max-width: 550px; display: flex; flex-direction: column; justify-content: start; gap: 30px;}
#footer .ft_contact .part2 li {width: 100%;max-width: 400px; height: 140px;}
#footer .ft_contact .part2 li a {background: #fff; width: 100%;height: 100%;display: flex;align-items: center;gap: 20px; padding: 20px; border-radius: 20px;}
#footer .ft_contact .part2 .img_circle {width: 50px; aspect-ratio: 1; border-radius: 100%; background: #DBEAFE; display: flex;justify-content: center;align-items: center;}
#footer .ft_contact .part2 .img_circle img {width: 30px;height: 30px;}
#footer .ft_contact .part2 li .txt p:first-of-type {font-size: 20px; color: #000; margin-bottom: 5px; font-weight: bold;}
#footer .ft_contact .part2 li .txt p:last-of-type {font-size: 16px; color: #888;}
#footer .ft_contact .part2 li:last-child a {background: #3C1E1E;}
#footer .ft_contact .part2 li:last-child .txt p:first-of-type {color: #fff;}
#footer .ft_contact .part2 li:last-child .img_circle {background: #FAE100;}

#footer .ft_info {padding: 50px 0; display: flex; justify-content: space-between;}
#footer .ft_info {display: flex; justify-content: space-between;}
#footer .ft_info .ft_link a:first-of-type {font-weight: bold; color: #000; margin-right: 20px;}
#footer .ft_info h3 {color: #234EBD; font-weight: bold;}
#footer .ft_info h4 {margin-top: 10px;}


.btn_next img {transform: rotateY(180deg);}

/*--------------------------------------------------------------------------------*/
/*index*/
#main_visual {background: url(../img/main_visual.png) no-repeat center/cover; padding: 230px 0 100px; font-weight: bold;}
#main_visual strong {padding: 5px 15px; font-size: 16px; font-weight: 700; color: #fff;border-radius: 30px; border: 1px solid #fff; background: #4D6FC7;}
#main_visual h2 {font-size: 60px; font-weight: 800; line-height: 1.4; color: #fff; margin: 30px 0;}
#main_visual h2 span {color: #FDE047;}
#main_visual p {font-size: 20px; color: #fff;}
#main_visual ul {display: flex; gap: 20px; margin-top: 30px;}
#main_visual ul li {display: flex;flex-direction: column;justify-content: center;align-items: center; border-radius: 10px; background: #385EC2; width: 160px;height: 80px;}
#main_visual ul li p:first-of-type {font-size: 16px; font-weight: bold; color: #fff;}
#main_visual ul li p:last-of-type {font-size: 14px; font-weight: bold; color: #A3B1D4;}


#best {background: #F9FAFB; padding: 100px 0;}
#best .wrap h2 {font-size: 40px; font-weight: bold; text-align: center;}
#best .wrap > p {font-size: 18px; color: #888; margin-bottom: 50px; text-align: center;}
#best .best_Swiper {width: 940px;margin: 0 auto; overflow: hidden;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); border-radius: 30px; position: relative;}
#best ul {width: 100%; margin: 0;}
#best ul li {width: 100%; display: flex;}
#best ul li > div {width: 50%; padding: 30px;}
#best ul li .img_box {background: #F3F4F6;}
#best ul li .img_wrap {display: flex; justify-content: center;align-items: center;background: #FFF; border-radius: 20px; width: 410px;height: 400px;}
#best ul li .img_wrap img {width: 400px;height: 200px;}
#best ul li .text_box {padding: 70px 30px;}
#best ul li .text_box p {text-align: start;}
#best ul li strong {padding: 4px 12px; border-radius: 30px; background: #FEE2E2; color: #DE3131;}
#best ul li h3 {margin-top: 15px; font-size: 30px; font-weight: bold;}
#best ul li p {font-size: 16px; font-weight: 400; color: #888;}
#best ul li .price {margin: 20px 0;}
#best ul li .price span {font-size: 40px; font-weight: bold; color: #234EBD;}
#best a {display: flex; justify-content: center; align-items: center; color: #fff; width: 180px;height: 45px; border-radius: 10px; background: #234EBD; font-size: 16px; font-weight: bold;}
#best .s_button {display: flex;justify-content: center;align-items: center; width: 50px;height: 50px;background: #fff;border-radius: 50%;box-shadow: 0 4px 10px rgba(0,0,0,0.15);color: #333; position: absolute;top: 50%;transform: translateY(-50%); z-index: 1; cursor: pointer;}
#best .best_swiper-button-prev {left: 15px;}
#best .best_swiper-button-next {right: 15px;}
#best .best_swiper-button-next img {transform: rotateY(180deg);}


.buttons {display: flex; justify-content: center;align-items: center;gap: 10px;}
.buttons div {width: 30px; height: 30px; display: flex; justify-content: center;align-items: center;border-radius: 5px; border: 1px solid #F9FAFB; cursor: pointer; background: #fff;}


.car_head {padding-bottom: 30px;margin-bottom: 30px; border-bottom: 1px solid #F9FAFB;}
.car_head h2 {font-size: 30px; font-weight: bold;}
.car_head h2 span {font-size: 18px;color: #BFC4CC;}

.car_list {width: 100%;}
.car_list ul {display: flex; width: 100%;gap: 20px;}
.car_list ul li {width: 100%; max-width: 370px; height: 440px; border-radius: 20px; background: #F9FAFB; padding: 20px;} 
.car_list .img_box {width: 100%;aspect-ratio: 11/7; border-radius: 10px; background: #fff; margin-bottom: 20px;}
.car_list strong {padding: 4px 12px; border-radius: 30px; background: #323232; color: #fff;}
.car_list h3 {font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.car_list p {font-size: 14px; font-weight: bold; color: #BFC4CC;}
.car_list .option {padding: 10px 0; border-bottom: 1px solid #BFC4CC; }
.car_list .price_month span {font-size: 20px; font-weight: bold; color: #234EBD;}

#korea_car {padding: 100px 0; background: #fff;}
#foreign_car {padding: 100px 0; background: #F9FAFB;}
#foreign_car .car_list ul li {background: #fff;}


#partner {padding: 100px; background: #fff;}
#partner h2 {font-size: 30px; font-weight: bold;}
#partner h2 span {color: #234EBD;}
#partner p {font-size: 16px; font-weight: bold; color: #888;}
#partner ul {width: 100%;display: flex;flex-wrap: wrap; gap: 20px; margin-top: 50px;}
#partner ul li {width: calc((100% - 20px) / 2); background: #F9FAFB; padding: 30px; border-radius: 10px; display: flex;align-items: center;gap: 30px;}
#partner .img_wrap {width: 100px;height: 100px; background: #fff; border-radius: 100%; display: flex;justify-content: center;align-items: center;overflow: hidden;}
#partner .img_wrap img {height: 110%;}
#partner .text_box strong {padding: 4px 12px; border-radius: 30px; background: #234EBD; color: #fff; font-size: 16px;}
#partner .text_box p {font-size: 16px;font-weight: bold;color: #888; margin-top: 10px;}

#sub_visual {padding: 50px; background: #F9FAFB;}
#sub_visual .wrap {height: 320px;display: flex;flex-direction: column;justify-content: center;padding: 30px;background: url(../img/sub_visual.png) no-repeat center/cover;}
#sub_visual h2 {font-size: 40px; color: #fff; font-weight: bold;}
#sub_visual h2 span{font-size: 30px;}
#sub_visual p {font-size: 16px; color: #BFC4CC; font-weight: bold;}

#review {background: #fff; padding: 100px 0;}
#review h2 {font-size: 30px; font-weight: bold; margin-bottom: 50px;}
#review h2 span {color: #234EBD;}

/*------------------------------------------------------------------------------------*/
/*car_lease.php*/
#lease_bnr {padding: 230px 0 100px;}
#lease_bnr h2 {font-size: 60px;font-weight: bold; text-align: center;}
#lease_bnr .wrap > p {font-size: 18px; font-weight: 400; color: #888; text-align: center;}
#lease_bnr .bnr {display: flex; align-items: center; justify-content: space-between; padding: 100px; border-radius: 20px; background: #2b69ec; box-shadow: 8px 16px 16px rgba(0, 0, 0, 0.25); margin-top: 50px; color: #fff;}
#lease_bnr .bnr h3 {font-size: 40px; font-weight: bold;}
#lease_bnr .bnr ul {margin: 30px 0;}
#lease_bnr .bnr ul li {display: flex;align-items: center; gap: 10px; margin-bottom: 10px;font-size: 20px;font-weight: bold;}
#lease_bnr .bnr ul li img {width: 20px;height: 20px;}
#lease_bnr .go {display: flex; align-items: center; gap: 30px;}
#lease_bnr .go a {display: flex; justify-content: center; align-items: center; width: 200px;height: 60px;font-size: 20px;font-weight: bold; border-radius: 10px;}
#lease_bnr .go a:first-of-type {background: #fff; color: #234EBD;}
#lease_bnr .go a:last-of-type {background: #2b69ec;border: 3px solid #fff;color: #fff;}
#lease_bnr .card {display: flex; justify-content: space-between;align-items: center; margin: 100px 0;}
#lease_bnr .card li {display: flex; align-items: center;gap: 20px; padding: 20px; width: calc((100% - 30px) / 2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); border-radius: 10px; background: #fff;font-size: 20px;font-weight: bold;}
#lease_bnr .card .img_circle {display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;border-radius: 100%; background: #EFF6FF;}
#lease_bnr .card .img_circle img {width: 30px;height: 30px;}

#lease_detail h2 {font-size: 30px; border-spacing: 0; border-collapse: separate; overflow: hidden; font-weight: bold; padding-left: 30px;border-left: 5px solid #234EBD; margin-bottom: 50px;}
#lease_detail table {width: 100%; border-radius: 10px; border: 2px solid #E5E7EB;box-sizing: border-box; margin-bottom: 100px;border-spacing: 0;}
#lease_detail table tr {display: flex;}
#lease_detail table th, #lease_detail table td {display: flex;align-items: center; padding: 20px; height: 120px; border-bottom: 1px solid #E5E7EB; box-sizing: border-box;}
#lease_detail table tr:last-child th, #lease_detail table tr:last-child td {border-bottom: none;}
#lease_detail table th {border-right:1px solid #E5E7EB; width: 250px;font-size: 20px;font-weight: bold; text-align: center; justify-content: center;}
#lease_detail table td {flex-direction: column; justify-content: center; align-items: start; gap: 10px; background: #fff; flex: 1;}
#lease_detail table td p {font-size: 16px;font-weight: bold;color: #888; text-align: start;}
#lease_detail table td p span {color: #000;}
#lease_detail table td .gray {font-size: 14px; padding: 10px; border-radius: 5px; background: #F9FAFB;}
#lease_detail table td .blue {color: #234EBD;}
#lease_detail table tr:first-child td {border-top-right-radius: 10px;}
#lease_detail table tr:last-child td {border-bottom-right-radius: 10px;}

#lease_document h2 {font-size: 30px; border-spacing: 0; border-collapse: separate; overflow: hidden; font-weight: bold; padding-left: 30px;border-left: 5px solid #234EBD; margin-bottom: 50px;}
#lease_document table {width: 100%;border-radius: 10px;border: 2px solid #E5E7EB;box-sizing: border-box;border-spacing: 0;border-collapse: separate; overflow: hidden; }
#lease_document table tr {display: flex;width: 100%;}
#lease_document table th, 
#lease_document table td {display: flex;align-items: center; padding: 20px;border-bottom: 1px solid #E5E7EB;box-sizing: border-box;font-size: 15px;}
#lease_document thead tr {background-color :#F9FAFB; border-bottom: 1px solid #E5E7EB;}
#lease_document .top_head {color: #000;font-weight: bold;justify-content: center;border-right: 1px solid #E5E7EB;border-bottom: none;height: 60px;}
#lease_document .top_head:first-child {width: 250px; }
#lease_document .top_head:last-child {flex: 1;border-right: none;}
#lease_document tbody th {background-color: #F9FAFB; border-right: 1px solid #E5E7EB;width: 250px; font-size: 18px;font-weight: bold;color: #333;justify-content: center;}
#lease_document tbody td {background-color: #fff;flex: 1;flex-direction: column;align-items: flex-start;justify-content: center;}
#lease_document table td ul {width: 100%; padding: 20px; display: flex; flex-wrap: wrap;}
#lease_document table td ul li {list-style: disc;margin-bottom: 5px;color: #888; width: 40%; font-size: 16px;}
#lease_document table td ul li:last-child {margin-bottom: 0;}
#lease_document table td ul li::marker {color: #234EBD;}
#lease_document table td p span {color: #234EBD; }
#lease_document tbody tr:last-child th, #lease_document tbody tr:last-child td {border-bottom: none;}

#lease_process {padding: 100px 0;}
#lease_process h2 {font-size: 30px;font-weight: bold; text-align: center;margin-bottom: 50px; text-align: center;}
#lease_process .step {display: flex; flex-direction: column; justify-content: center;align-items: center; gap: 30px; width: 100%;max-width: 800px;margin: 0 auto;}
#lease_process .step li {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 120px;background: #fff; border-radius: 10px; border: 1px solid #BFC4CC; padding: 30px;}
#lease_process .step li p {font-size: 30px; font-weight: bold;}
#lease_process .step li p span {display: inline-flex; justify-content: center;align-items: center; width: 50px;height: 50px;border-radius: 100%; color: #fff; margin-right: 30px; background: #000;}
#lease_process .step li .img_circle {display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;background: #EFF6FF; border-radius: 100%;}
#lease_process .step li .img_circle img {width: 40px;height: 40px;}
#lease_process .info {margin-top: 100px;padding: 50px;background: #fff; border-radius: 10px; border: 1px solid #BFC4CC;}
#lease_process .info .txt {display: flex; gap: 10px; font-size: 20px; font-weight: bold;margin-bottom: 20px;}
#lease_process .info .txt img {display: inline-block; width: 30px;height: 30px;}
#lease_process .info ul {font-size: 16px; color: #888; padding-left: 30px;}
#lease_process .info ul li {list-style: disc; margin-bottom: 5px;}
#lease_process .info ul li.black {color: #000;}
 

/*------------------------------------------------------------------------------------*/
/*car_rent.php*/
#rent_bnr {padding: 230px 0 100px;}
#rent_bnr h2 {font-size: 60px;font-weight: bold; text-align: center;}
#rent_bnr .wrap > p {font-size: 18px; font-weight: 400; color: #888; text-align: center;}
#rent_bnr .bnr {display: flex; align-items: center; justify-content: space-between; padding: 100px; border-radius: 20px; background: #2b69ec; box-shadow: 8px 16px 16px rgba(0, 0, 0, 0.25); margin-top: 50px; color: #fff;}
#rent_bnr .bnr h3 {font-size: 40px; font-weight: bold;}
#rent_bnr .bnr ul {margin: 30px 0;}
#rent_bnr .bnr ul li {display: flex;align-items: center; gap: 10px; margin-bottom: 10px;font-size: 20px;font-weight: bold;}
#rent_bnr .bnr ul li img {width: 20px;height: 20px;}
#rent_bnr .go {display: flex; align-items: center; gap: 30px;}
#rent_bnr .go a {display: flex; justify-content: center; align-items: center; width: 200px;height: 60px;font-size: 20px;font-weight: bold; border-radius: 10px;}
#rent_bnr .go a:first-of-type {background: #fff; color: #234EBD;}
#rent_bnr .go a:last-of-type {background: #2b69ec;border: 3px solid #fff;color: #fff;}
#rent_bnr .sub {display: flex;align-items: center;justify-content: space-between; margin-top: 100px;}
#rent_bnr .sub .txt h3 {font-size: 40px; font-weight: bold; margin-bottom: 30px; line-height: 1.4;}
#rent_bnr .sub .txt h3 span {color: #234EBD;}
#rent_bnr .sub .txt p {font-size: 20px; color: #888;}

#rent_detail h2 {font-size: 30px; border-spacing: 0; border-collapse: separate; overflow: hidden; font-weight: bold; padding-left: 30px;border-left: 5px solid #234EBD; margin-bottom: 50px;}
#rent_detail table {width: 100%; border-radius: 10px; border: 2px solid #E5E7EB;box-sizing: border-box; margin-bottom: 100px;border-spacing: 0;}
#rent_detail table tr {display: flex;}
#rent_detail table th, #rent_detail table td {display: flex;align-items: center; padding: 20px; height: 120px; border-bottom: 1px solid #E5E7EB; box-sizing: border-box;}
#rent_detail table tr:last-child th, #rent_detail table tr:last-child td {border-bottom: none;}
#rent_detail table th {border-right:1px solid #E5E7EB; width: 250px;font-size: 20px;font-weight: bold; text-align: center; justify-content: center;}
#rent_detail table td {flex-direction: column; justify-content: center; align-items: start; gap: 10px; background: #fff; flex: 1;}
#rent_detail table td p {font-size: 16px;font-weight: bold;color: #888; text-align: start;}
#rent_detail table td p span {color: #000;}
#rent_detail table td .gray {font-size: 14px; padding: 10px; border-radius: 5px; background: #F9FAFB;}
#rent_detail table td .blue {color: #234EBD;}
#rent_detail table tr:first-child td {border-top-right-radius: 10px;}
#rent_detail table tr:last-child td {border-bottom-right-radius: 10px;}

#rent_vs h2 {font-size: 30px; font-weight: bold; padding-left: 30px;border-left: 5px solid #234EBD; margin-bottom: 50px;}
#rent_vs table {width: 100%;border-radius: 10px;border: 2px solid #E5E7EB;box-sizing: border-box;border-spacing: 0;border-collapse: separate; overflow: hidden; }
#rent_vs table tr {display: flex;width: 100%;}
#rent_vs table th, #rent_vs table td {display: flex;align-items: center; justify-content: center; padding: 20px;border-bottom: 1px solid #E5E7EB;box-sizing: border-box;font-size: 16px;word-break: keep-all;}
#rent_vs thead tr {background-color: #F9FAFB; }
#rent_vs .top_head {color: #000;font-weight: bold;height: 60px;border-right: 1px solid #E5E7EB;}
#rent_vs tbody th {background-color: #F9FAFB; border-right: 1px solid #E5E7EB;color: #333;font-weight: bold;}
#rent_vs tbody td {background-color: #fff;color: #555;border-right: 1px solid #E5E7EB;  font-weight: bold}
#rent_vs .top_head:nth-child(1), #rent_vs tbody th {width: 250px;}
#rent_vs .top_head:nth-child(2), #rent_vs tbody td:nth-child(2), #rent_vs .top_head:nth-child(3), #rent_vs tbody td:nth-child(3) {flex: 1;}
#rent_vs .top_head:last-child, #rent_vs tbody td:last-child {border-right: none;}
#rent_vs .blue {color: #234EBD !important;font-weight: bold;}
#rent_vs tbody tr:last-child th, #rent_vs tbody tr:last-child td {border-bottom: none;}

#rent_process {padding: 100px 0;}
#rent_process h2 {font-size: 30px;font-weight: bold; text-align: center;margin-bottom: 50px; text-align: center;}
#rent_process .step {display: flex; flex-direction: column; justify-content: center;align-items: center; gap: 30px; width: 100%;max-width: 800px;margin: 0 auto;}
#rent_process .step li {display: flex; justify-content: space-between; align-items: center; width: 100%; height: 120px;background: #fff; border-radius: 10px; border: 1px solid #BFC4CC; padding: 30px;}
#rent_process .step li p {font-size: 30px; font-weight: bold;}
#rent_process .step li p span {display: inline-flex; justify-content: center;align-items: center; width: 50px;height: 50px;border-radius: 100%; color: #fff; margin-right: 30px; background: #000;}
#rent_process .step li .img_circle {display: flex;justify-content: center;align-items: center;width: 80px;height: 80px;background: #EFF6FF; border-radius: 100%;}
#rent_process .step li .img_circle img {width: 40px;height: 40px;}
#rent_process .info {margin-top: 100px;padding: 50px;background: #fff; border-radius: 10px; border: 1px solid #BFC4CC;}
#rent_process .info .txt {display: flex; gap: 10px; font-size: 20px; font-weight: bold;margin-bottom: 20px;}
#rent_process .info .txt img {display: inline-block; width: 30px;height: 30px;}
#rent_process .info ul {font-size: 16px; color: #888; padding-left: 30px;}
#rent_process .info ul li {list-style: disc; margin-bottom: 5px;}
#rent_process .info ul li.black {color: #000;}