@media (max-width: 768px) {

    .guide-bg-img {
        content: url("../img/mobile/guide/guide_section1_img.png");
        object-fit: contain; /* 모바일은 원본 비율 유지 */
        height: auto;
        position: static;
    }

    .guide-section1 {
        position: relative;
        height: auto;
    }

    .guide-section1::before {
        background-color: transparent; /* 모바일은 오버레이 제거 */
    }

    .guide-section1-inner {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        box-sizing: border-box;
        padding: 0 30px;
        width: 100%;
    }

    .guide-title {
        font-size: 20px;
    }

    .guide-subtitle {
        font-size: 14px;
    }

    .guide-section2,
    .guide-section4,
    .guide-section5 {
        padding: 30px 0 60px 0;
    }

    .guide-section2-title,
    .guide-section3-title,
    .guide-section4-title,
    .guide-section5-title {
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        margin-bottom: 6px;
    }

    .guide-section2-subtitle,
    .guide-section3-subtitle,
    .guide-section4-subtitle {
        font-size: 14px;
        text-align: center;
        color: #555;
    }

    .guide-section2-swiper {
        width: 100%;
        padding: 0 0 40px 0;
        margin-top: 20px;
    }

    .guide-section2-swiper .swiper-slide {
        height: 260px; /* 원하는 높이 설정 */
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
    }

    .guide-section2-swiper .swiper-slide img {
        width: auto;
        height: 100%;
        object-fit: cover;
        border-radius: 12px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        --swiper-navigation-size: 18px; /* 모바일에서 작게 */
    }
}

@media (max-width: 768px) {

    .guide-section3 {
        padding: 30px 20px;
    }

    /* 그리드 → block (세로 배치) */
    .guide-section3-grid {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: 0 10px;
    }

    /* 모든 화살표 숨김 */
    .guide-section3-arrow {
        display: none;
    }

    /* 스텝 카드 */
    .guide-step {
        flex-direction: row;
        height: auto;
        padding: 16px 18px;
        width: 100%;
        max-width: 100%;
        border-radius: 12px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    }

    .guide-step-number {
        width: 44px;
        height: 44px;
        font-size: 20px;
        margin-right: 16px;
    }

    .guide-step-content {
        align-items: flex-start;
    }

    .guide-step-title {
        font-size: 16px;
    }

    .guide-step-desc {
        font-size: 14px;
        margin-top: 6px;
    }

    .guide-step-reverse-group {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        gap: 16px;
    }

    .desktop-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .guide-section4-details {
        position: relative;
        padding: 20px 16px;

        background-image: none;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: cover;
        margin-top: 20px;
    }

    .guide-section4-details-title {
        margin-top: 24px;
        font-size: 14px;
        font-weight: 600;
        color: #222;
    }

    .guide-section4-table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        margin-top: 12px;
        padding: 5px;
        min-width: 200px;
        background-color: white;
        border-radius: 16px;
    }


    .guide-section4-table thead th {
        background-color: #444;
        color: #fff;
        padding: 12px;
        font-size: 14px;
        text-align: left;
        border-radius: 8px 8px 0 0;
    }

    .guide-section4-table thead .col-item {
        border-radius: 8px 0 0 0;
        width: 60%;
    }

    .guide-section4-table thead .col-amount {
        border-radius: 0 8px 0 0;
        width: 40%;
    }


    /*    .guide-section4-table tbody td {*/
    /*        border-bottom: none !important;*/
    /*        padding: 12px 8px;*/
    /*    }*/
    /*    .guide-section4-table tbody tr:not(:last-child) {*/
    /*        position: relative;*/
    /*    }*/
    /*.guide-section4-table tbody tr:not(:last-child)::after {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    left: 16px;   !* 양쪽 여백 *!*/
    /*    right: 16px;*/
    /*    bottom: 0;*/
    /*    height: 1px;*/
    /*    border-bottom: 1px dashed #ccc;*/
    /*    pointer-events: none;*/
    /*}*/
    .guide-section4-table tbody tr:last-child td {
        border-bottom: none;
    }

    .guide-section4-table .desc {
        display: block;
        font-size: 13px;
        color: #666;
        margin-top: 4px;
    }

    .guide-section4-table .note {
        color: #d32f2f;
        font-size: 12px;
        display: block;
        margin-bottom: 4px;
        text-align: right;
    }

    .guide-section4-table del {
        color: #333;
        font-size: 13px;
    }

    .guide-section4-table .text-right {
        text-align: right;
        font-weight: 500;
        font-size: 14px;
    }

    .guide-section4-table tfoot .total {
        font-weight: 700;
        font-size: 18px;
        padding: 15px;
        border-top: 1px solid #333;
        text-align: right;
    }
}

@media (max-width: 768px) {
    .guide-section5-inner {
        max-width: 1440px;
        margin: 0 auto;
    }

    .form-container {
        padding: 20px;
        margin: 10px auto;
    }

    .form-row {
        flex-direction: column;
        gap: 20px;
    }

    /* 연락처: select + input + input → 한 줄에 유지 (비율 균등) */
    .form-phone {
        display: flex;
        gap: 8px;
        flex-direction: row;
    }

    .form-phone select,
    .form-phone input {
        flex: 1 1 0;
    }

    /* 이메일: input + @ + select or input → 입력부:도메인 2:1 비율 */
    .form-email {
        display: flex;
        gap: 8px;
        flex-direction: row;
        align-items: center;
    }

    .form-email input[name="email_id"] {
        flex: 1.5 1 0;
    }

    .form-email span {
        flex: 0 0 auto;
    }

    .form-email select,
    .form-email input[name="email_custom"] {
        flex: 1 1 0;
    }

    /* 창업희망지역: select 2개 50:50 배치 */
    .form-region {
        display: flex;
        gap: 8px;
        flex-direction: row;
    }

    .form-region select {
        flex: 1 1 0;
    }

    /* 버튼 */
    .form-submit button[type="submit"] {
        width: 100%;
        padding: 16px;
        font-size: 16px;
        border-radius: 50px;
    }

    input[type="text"],
    select,
    textarea {
        background-color: #F3F6F8;
        border: none;
        padding: 12px;
        font-size: 15px;
        border-radius: 10px;
        width: 100%;
        box-sizing: border-box;
    }

    .form-phone select,
    .form-phone input,
    .form-region select,
    .form-email input,
    .form-email select {
        background-color: #F3F6F8;
        border: none;
    }
}