/* 페이지 전용 CSS */

.inquiry-wrapper {
    font-family: 'NanumSquare', sans-serif !important;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fc;
    margin: 0;
    padding: 0;
    max-width: 100vw;
    overflow-x: hidden;
}

.inquiry-wrapper * {
    box-sizing: border-box;
    font-family: 'NanumSquare', sans-serif !important;
}


.inquiry-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 0px;
}



/* 도입문의 섹션 */
.request-inquiry-section {
    background: #ffffff;
    padding: 60px;
}

.quest-header h3 {
    color: #333;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -2px;
    text-align: center;
    margin-bottom: 40px;
}

.request-inquiry-wrapper {
    display: flex;
    gap: 100px;
    max-width: 1200px;
    margin: 0 auto;
}

.quest-form,
.wpcf7 {
    flex: 1;
}

.label-flex {
    display: flex;
    align-items: start;
    margin-bottom: 10px;
}

.radio-flex {
    display: flex;
    cursor: pointer;
}

.radio-label-flex {
    align-items: center;
}

.quest-form p {
    margin: 0;
    color: #333;
    font-weight: 600;
    letter-spacing: -0.4px;
    width: 100%;
}

.quest-form .label {
    width: 200px;
}

.quest-form .label span {
    color: #ff0000;
}

.quest-form .quest-input {
    flex: 1;
    border: 1px solid #cfcfcf;
    letter-spacing: -0.4px;
    background: #fff;
    font-size: 16px;
    padding: 15px 25px;
}

.quest-form .quest-input:focus {
    border: 1px solid #3e5576;
    outline: none;
}

.quest-form .quest-input:placeholder {
    letter-spacing: -0.4px;
}

.quest-form p.radio-label {
    margin-right: 15px;
}

.quest-form .radio-input {
    margin-right: 5px;
    position: relative;
    appearance: none;
    padding-left: 24px;
}

.quest-form .radio-input::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.525 16.55L17.6 9.475L16.45 8.35L10.525 14.275L7.525 11.275L6.4 12.4L10.525 16.55ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.02917 5.825 4.9375 4.925C5.84583 4.025 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.975 18.1542 19.075 19.0625C18.175 19.9708 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20.5C14.3667 20.5 16.375 19.6708 18.025 18.0125C19.675 16.3542 20.5 14.35 20.5 12C20.5 9.63333 19.675 7.625 18.025 5.975C16.375 4.325 14.3667 3.5 12 3.5C9.65 3.5 7.64583 4.325 5.9875 5.975C4.32917 7.625 3.5 9.63333 3.5 12C3.5 14.35 4.32917 16.3542 5.9875 18.0125C7.64583 19.6708 9.65 20.5 12 20.5Z' fill='%237f7f7f'/%3E%3C/svg%3E");
}

.quest-form .radio-input:checked::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.525 16.55L17.6 9.475L16.45 8.35L10.525 14.275L7.525 11.275L6.4 12.4L10.525 16.55ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.02917 5.825 4.9375 4.925C5.84583 4.025 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.975 18.1542 19.075 19.0625C18.175 19.9708 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22Z' fill='%2354abe5'/%3E%3C/svg%3E");
}

input[type="radio"]:checked,
input[type=reset],
input[type="checkbox"]:checked,
input[type="checkbox"]:hover:checked,
input[type="checkbox"]:focus:checked,
input[type=range]::-webkit-slider-thumb {
    background-color: transparent !important;
    border-color: transparent !important;
}

.questBtn input {
    background: #3e5576;
    color: #fff;
    display: inline-block;
    margin-left: 200px;
    text-align: center;
    padding: 15px 60px;
    margin-top: 50px;
    border-radius: 30px;
    border: none;
    cursor: pointer;
    font-family: 'NanumSquare', sans-serif !important;
}

.questBtn input:hover {
    background: #2c3e50;
    color: #fff;
    border-radius: 30px;
}

.agreeAnchor {
    text-decoration: underline;
    color: #333;
}

/* 모바일 반응형 */
@media (max-width: 1024px) {
    .request-inquiry-wrapper {
        flex-direction: column !important;
        gap: 40px !important;
    }
}

@media (max-width: 768px) {
    /* 도입문의 섹션 모바일 수정 */
    .request-inquiry-section {
        padding: 40px 15px !important;
        overflow-x: hidden !important;
    }
    
    .request-inquiry-wrapper {
        flex-direction: column !important;
        gap: 0px !important;
        max-width: 100% !important;
    }
    
    .quest-header h3 {
        font-size: 1.8rem !important;
        margin-bottom: 30px !important;
    }
    
    .quest-form,
    .wpcf7 {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .label-flex {
        flex-direction: column !important;
        gap: 8px !important;
    }
    
    .quest-form .label {
        width: 100% !important;
        text-align: left !important;
    }
    
    .quest-form .quest-input {
        width: 100% !important;
        max-width: 100% !important;
        padding: 12px 15px !important;
        font-size: 14px !important;
    }
    
    .radio-flex {
        flex-wrap: wrap !important;
        gap: 15px !important;
    }
    
    .questBtn {
        text-align: center !important;
        margin-top: 30px !important;
    }
    
    .questBtn input {
        margin-left: 0 !important;
        width: 200px !important;
        max-width: 90% !important;
        padding: 12px 30px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 480px) {
    .request-inquiry-section {
        padding: 30px 10px !important;
    }
    
    .quest-header h3 {
        font-size: 1.5rem !important;
    }
    
    .quest-form .quest-input {
        padding: 10px 12px !important;
        font-size: 13px !important;
    }
    
    .questBtn input {
        width: 160px !important;
        padding: 10px 20px !important;
        font-size: 16px !important;
    }
}