@media (max-width : 800px) {
    .pc {display: none !important;}
    .wrap {width: 90%; margin: 0 auto; max-width: none;}
    #wrapper, #container {width: 100% !important; min-width: 0 !important;max-width: 100% !important;}
    button#top_btn {display: none;}
    #container > div {width: 90%;}

    #header .logo img {height: 30px;}
    /*full_menu*/
    .go_menu {width: 40px;height: 40px;}
    .go_menu img {width: 100%;}
    
    .full_menu {display: block;width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 99999;overflow: hidden;pointer-events: none;background: rgba(0, 0, 0, 0); transition: background-color 0.3s;}
    .full_menu.on {pointer-events: auto;background: rgba(0, 0, 0, 0.5);}
    .full_menu .box {width: 100%; height: 100%;position: relative;background: #fff;transform: translateX(100%); transition: transform 0.4s ease;overflow-y: auto;padding: 0 5%;box-sizing: border-box;}
    .full_menu.on .box {transform: translateX(0);}

    .full_menu .logo {width: 100%;height: auto;border-bottom: 1px solid #000;padding: 20px 0;box-sizing: border-box;}
    .full_menu .logo > img {height: 30px;}
    .full_menu .close {display: block;width: 40px;height: 40px;position: absolute;top: 15px;right: 20px;z-index: 10;}
    .full_menu .close span {display: block;width: 100%;height: 2px;background: #666;position: absolute;top: 50%;left: 0;transition: 0.3s;}
    .full_menu .close span:first-child {transform: rotate(45deg);}
    .full_menu .close span:last-child {transform: rotate(-45deg);}

    .full_menu .gnb {width: 100%;height: auto;background: #fff;border-radius: 0;padding: 0;display: flex;flex-direction: column;justify-content: start;align-items: start;}
    .full_menu .box .gnb > li {width: 100%;}
    .full_menu .box .gnb > li > a {display: flex;justify-content: space-between;align-items: center;width: 100%;height: 52px;color: #333;background: #fff;font-size: 16px;font-weight: bold;border-radius: 0;border-bottom: 1px solid #ddd;}
    .full_menu .box .gnb > li > a.act i{color: #ffb648;transform: rotate(180deg);}


    /*header & footer*/
    #header {height: 80px;}
    #header .fast_call {display: none;}

    #cta {display: none; top: 50%; left: 50%;right: auto;transform: translate(-50%, -50%); width: 90%;max-width: 400px;margin: 0;transition: none;}
    #cta:hover {right: auto;}
    /* 검은색 배경 막 스타일 */
    #cta-overlay {display: none;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.7);z-index: 9998;}
    #cta.show, #cta-overlay.show {display: block;}


    #footer h3 {font-size: 20px;}
    #footer .vb {padding: 50px 0;}
    #footer .ft_contact {flex-direction: column; justify-content: center;align-items: center; gap: 40px;}
    #footer .ft_contact p {color: #BFC4CC; font-size: 16px; font-weight: bold;}
    #footer .ft_contact .title p {font-size: 20px; color: #fff;}
    #footer .ft_contact .cont {margin-top: 20px;}
    #footer .ft_contact .cont .call {gap: 10px;}
    #footer .ft_contact .cont .call p {font-size: 30px;}
    #footer .ft_contact .cont .call img {width: 20px;height: 20px;}
    #footer .ft_contact .part2 {width: 100%;max-width: 550px; display: flex; flex-direction: column; justify-content: start; gap: 30px;}
    #footer .ft_contact .part2 li {height: 100px;}
    #footer .ft_contact .part2 .img_circle {width: 30px;}
    #footer .ft_contact .part2 .img_circle img {width: 20px;height: 20px;}
    #footer .ft_info {flex-direction:column; gap: 20px; padding-bottom: 0;}


    /*index_lease.php*/
    #main_visual {padding: 120px 0 50px; background-position: center;}
    #main_visual h2 {font-size: 30px; margin: 20px 0;}
    #main_visual p {font-size: 16px; word-break: keep-all; line-height: 1.5;}
    #main_visual ul {flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 20px;}
    #main_visual ul li {width: calc((100% - 20px) / 3); height: 70px;}
    #main_visual ul li p {text-align: center;font-size: 14px;}
    #main_visual ul li p:last-of-type {font-size: 12px;}

    #best {padding: 50px 0;}
    #best .wrap h2 {font-size: 24px;}
    #best .wrap > p {font-size: 14px; margin-bottom: 30px; word-break: keep-all;}
    #best .best_Swiper {width: 100%; border-radius: 15px; box-shadow: none; border: 1px solid #eee;}
    #best ul li {flex-direction: column;}
    #best ul li > div {width: 100%; padding: 20px;}
    #best ul li .img_wrap {width: 100%; height: auto; aspect-ratio: 4/3;}
    #best ul li .img_wrap img {width: 80%; height: auto;}
    #best ul li .text_box {padding: 30px 20px; text-align: center;}
    #best ul li .text_box p {text-align: center;}
    #best ul li h3 {font-size: 20px; margin-top: 10px;}
    #best ul li .price span {font-size: 30px;}
    #best ul li a {margin: 0 auto;}
    #best .s_button {width: 40px; height: 40px;top: 23%; transform:none;}
    #best .best_swiper-button-prev {left: 0;}
    #best .best_swiper-button-next {right: 0;}

    #korea_car, #foreign_car {padding: 50px 0;}
    .car_head {padding-bottom: 20px; margin-bottom: 20px; align-items: end;}
    .car_head h2 {font-size: 24px;}
    .car_head h2 span {font-size: 16px;}
    .car_list ul {gap: 0;}
    .car_list ul li {max-width: 100%; height: auto;}
    .car_list .img_box {margin-bottom: 15px;}
    .car_list h3 {font-size: 18px;}
    .car_list .price_month p {font-size: 14px;}
    .car_list .price_month span {font-size: 18px;}

    #partner {padding: 50px 20px;}
    #partner h2 {font-size: 24px;}
    #partner p {font-size: 14px; margin-top: 10px; word-break: keep-all;}
    #partner ul {flex-direction: column; gap: 15px; margin-top: 30px;}
    #partner ul li {width: 100%; flex-direction: column; padding: 20px; text-align: center; gap: 15px;}
    #partner .img_wrap {width: 80px; height: 80px; margin: 0 auto;}
    #partner .text_box p {font-size: 14px; word-break: keep-all;}

    #sub_visual {background: url(../img/sub_visual.png) no-repeat center/cover; padding: 0;}
    #sub_visual .wrap {background: none; padding: 0;}
    #sub_visual h2 {font-size: 24px; margin-bottom: 10px;}
    #sub_visual h2 span {font-size: 18px;}
    #sub_visual p {font-size: 14px;}

    #reveiw {padding: 0;}
    #reveiw .wrap {padding: 0;}

    
    /*car_lease.php*/
    #lease_bnr {padding: 120px 0 50px;}
    #lease_bnr h2 {font-size: 30px;}
    #lease_bnr .wrap > p {font-size: 14px;word-break: keep-all;}
    #lease_bnr .bnr {flex-direction: column;padding: 40px 20px;text-align: center;margin-top: 50px;}
    #lease_bnr .bnr .txt {width: 100%;margin-bottom: 40px;}
    #lease_bnr .bnr h3 {font-size: 20px;line-height: 1.4;}
    #lease_bnr .bnr ul {margin: 40px 0;text-align: left; padding-left: 10px;}
    #lease_bnr .bnr ul li {font-size: 14px;align-items: flex-start;}
    #lease_bnr .bnr ul li img {margin-top: 3px;}
    #lease_bnr .bnr > img {width: 50%;max-width: 300px;height: auto;}
    #lease_bnr .go {flex-direction: column;gap: 10px;width: 100%;}
    #lease_bnr .go a {width: 100%;height: 50px;font-size: 16px;}
    #lease_bnr .card {flex-direction: column;margin: 50px 0;gap: 20px;}
    #lease_bnr .card li {width: 100%;box-sizing: border-box;font-size: 16px;}
    #lease_bnr .card .img_circle {width: 50px;height: 50px;}
    #lease_bnr .card .img_circle img {width: 25px;height: 25px;}

    #lease_detail h2 {font-size: 20px; padding-left: 20px;border-left-width: 4px;margin-bottom: 20px;}
    #lease_detail table {margin-bottom: 50px;}
    #lease_detail table tr {flex-direction: column;}
    #lease_detail table th {width: 100%;height: auto;padding: 20px;border-right: none;border-bottom: 1px solid #E5E7EB; background-color: #f3f4f6; font-size: 16px;}
    #lease_detail table td {width: 100%;height: auto;padding: 20px;}
    #lease_detail table td p {font-size: 14px;line-height: 1.5;}
    #lease_detail table td .gray {margin-top: 10px;width: 100%;box-sizing: border-box;border-radius: 10px;}
    #lease_detail table tr:first-child td { border-top-right-radius: 0; }
    #lease_detail table tr:last-child td { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }

    #lease_document h2 {font-size: 20px;padding-left: 20px;border-left-width: 4px;margin-bottom: 20px;}
    #lease_document thead {display: none;}
    #lease_document table tr {flex-direction: column;border-bottom: 2px solid #e5e7eb;}
    #lease_document tbody th {width: 100%;border-right: none;border-bottom: 1px solid #E5E7EB;padding: 20px;font-size: 16px;background-color: #f3f4f6;}
    #lease_document tbody td {width: 100%;padding: 0;}
    #lease_document table td ul {display: block;padding: 20px;}
    #lease_document table td ul li {width: 100%; margin-bottom: 8px;font-size: 14px; margin-left: 8px;}

    #lease_process {padding: 50px 0;}
    #lease_process h2 {font-size: 24px;margin-bottom: 30px;}
    #lease_process .step {gap: 20px;}
    #lease_process .step li {height: auto; padding: 20px;}
    #lease_process .step li p {font-size: 18px;display: flex;align-items: center;}
    #lease_process .step li p span {width: 30px;height: 30px;font-size: 14px;margin-right: 15px;flex-shrink: 0;}
    #lease_process .step li .img_circle {width: 60px;height: 60px;flex-shrink: 0;}
    #lease_process .step li .img_circle img {width: 30px;height: 30px;}
    #lease_process .info {margin-top: 40px;padding: 20px;}
    #lease_process .info .txt {font-size: 16px;align-items: center;}
    #lease_process .info .txt img {width: 20px;height: 20px;}
    #lease_process .info ul {padding-left: 20px;font-size: 14px;}

    /*car_rent.php*/
    #rent_bnr {padding: 120px 0 50px;}
    #rent_bnr h2 {font-size: 30px;}
    #rent_bnr .wrap > p {font-size: 14px; word-break: keep-all;}
    #rent_bnr .bnr {flex-direction: column; padding: 40px 20px; text-align: center; margin-top: 50px;}
    #rent_bnr .bnr .txt {width: 100%;}
    #rent_bnr .bnr h3 {font-size: 20px; line-height: 1.4;}
    #rent_bnr .bnr ul {margin: 40px 0; padding-left: 10px; text-align: left;}
    #rent_bnr .bnr ul li {font-size: 14px; align-items: flex-start;}
    #rent_bnr .bnr ul li img {margin-top: 3px;}
    #rent_bnr .go {flex-direction: column; gap: 10px; width: 100%;}
    #rent_bnr .go a {width: 100%; height: 50px; font-size: 16px;}
    #rent_bnr .sub {flex-direction: column; margin-top: 50px; gap: 40px;}
    #rent_bnr .sub .txt {width: 100%; text-align: center;}
    #rent_bnr .sub .txt h3 {font-size: 24px; margin-bottom: 20px;}
    #rent_bnr .sub .txt p {font-size: 16px; word-break: keep-all;}
    #rent_bnr .sub img {width: 50%; max-width: 300px; margin: 0 auto;}

    #rent_detail h2 {font-size: 20px; padding-left: 20px; border-left-width: 4px; margin-bottom: 20px;}
    #rent_detail table {margin-bottom: 50px;}
    #rent_detail table tr {flex-direction: column;}
    #rent_detail table th {width: 100%; height: auto; padding: 20px; border-right: none; border-bottom: 1px solid #E5E7EB; background-color: #f3f4f6; font-size: 16px;}
    #rent_detail table td {width: 100%; height: auto; padding: 20px;}
    #rent_detail table td p {font-size: 14px; line-height: 1.5;}
    #rent_detail table tr:first-child td {border-top-right-radius: 0;}
    #rent_detail table tr:last-child td {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
    #rent_vs h2 {font-size: 20px; padding-left: 20px; border-left-width: 4px; margin-bottom: 20px;}
    #rent_vs table thead {display: none;}
    #rent_vs table tr {flex-wrap: wrap;}
    #rent_vs tbody th {width: 100%; border-right: none; border-bottom: 1px solid #E5E7EB; padding: 20px; font-size: 16px; background-color: #f3f4f6;}
    #rent_vs tbody td {width: 50%; padding: 20px; font-size: 14px; justify-content: center; text-align: center;}
    #rent_vs tbody td:nth-child(2) {border-right: 1px solid #E5E7EB;}
    #rent_vs tbody td:last-child {border-right: none;}
    #rent_process {padding: 50px 0;}
    #rent_process h2 {font-size: 24px; margin-bottom: 30px;}
    #rent_process .step {gap: 20px;}
    #rent_process .step li {height: auto; padding: 20px;}
    #rent_process .step li p {font-size: 18px; display: flex; align-items: center;}
    #rent_process .step li p span {width: 30px; height: 30px; font-size: 14px; margin-right: 15px; flex-shrink: 0;}
    #rent_process .step li .img_circle {width: 60px; height: 60px; flex-shrink: 0;}
    #rent_process .step li .img_circle img {width: 30px; height: 30px;}
    #rent_process .info {margin-top: 40px; padding: 20px;}
    #rent_process .info .txt {font-size: 16px; align-items: center;}
    #rent_process .info .txt img {width: 20px; height: 20px;}
    #rent_process .info ul {padding-left: 20px; font-size: 14px;}
}

@media (min-width : 801px) {
    .mob {display: none !important;}
}