
.main_contents {
    width: 100%;
}
.search_area {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 40px;
    margin-bottom: 20px;
}

#searchKey {
    width: 139px;
    height: 60px;
    padding: 0 25px;
    border-radius: 600px;
    border: 1px solid #B3B3B3;
    background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 20px center;
    appearance: none;
    -webkit-appearance: none;
    font-size: 18px;
    cursor: pointer;
}

#searchValue {
    width: 333px;
    height: 60px;
    padding: 0 32px;
    border-radius: 600px;
    border: 1px solid #B3B3B3;
    font-size: 18px;
    outline: none;
}

.search_btn {
    height: 60px;
    padding: 0 40px;
    display: flex;
    align-items: center;
    background: #008CCF;
    color: #FFF;
    border-radius: 600px;
    font-size: 18px;
    cursor: pointer;
}

.notice_table {
    width: 100%;
    border-collapse: collapse;
    border-top: 2px solid #333;
}
.notice_table th {
    height: 60px;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #B3B3B3;
}
.notice_table td {
    height: 70px;
    border-bottom: 1px solid #E6E6E6;
    font-size: 18px;
    color: #333;
    text-align: center;
}
.notice_table tr:hover td {
    background-color: #fcfcfc;
    cursor: pointer;
}
.notice_table td.subject {
    text-align: left;
    padding-left: 30px;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 50px;
}
.pagination a {
    text-decoration: none;
    color: #B3B3B3;
    font-size: 18px;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}
.pagination a.active {
    color: #008CCF;
    font-weight: bold;
}
.pagination a:hover {
    color: #333;
}
.pagination a.next,
.pagination a.prev {
    margin: 0 10px;
}

.faq_category {
    margin: 30px 0;
}
.category_list {
    display: flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    padding: 5px;
    list-style: none;
    margin: 0;
    background-color: #fff;
}
.category_list li {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    color: #555;
    cursor: pointer;
    border-radius: 50px;
    transition: all 0.2s ease-in-out;
}
.category_list li:hover {
    color: #008cd6;
}
.category_list li.active {
    background-color: #008cd6;
    color: #fff;
    font-weight: 600;
}
.faq_answer td {
    background-color: #f9f9f9;
    padding: 30px 20px !important;
    border-bottom: 1px solid #ddd;
    color: #444;
    line-height: 1.6;
}


 .inquiry_form {
            margin-top: 20px;
        }
        
        .form_row {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
        }

        .form_row.align_top {
            align-items: flex-start;
        }

        .form_label {
            width: 120px;
            font-weight: 600;
            font-size: 15px;
            color: #333;
            padding-top: 10px;
        }

        .form_input {
            flex: 1;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .form_input input[type="text"],
        .form_input select,
        .form_input textarea {
            border: 1px solid #ccc;
            border-radius: 8px;
            padding: 10px 14px;
            font-size: 16px;
            color: #333;
            outline: none;
            box-sizing: border-box;
            background-color: #fff;
            transition: border-color 0.2s;
        }

        .form_input input[type="text"]:focus,
        .form_input select:focus,
        .form_input textarea:focus {
            border-color: #008cd6;
        }

        .input_name { width: 320px; }
        .input_phone { width: 90px; text-align: center; }
        .input_email { width: 144px; }
        .input_select { width: 322px; }
        .input_full { width: 100%; }

        .file_btn {
            display: inline-block;
            border: 1px solid #ccc;
            background-color: #fff;
            padding: 10px 20px;
            border-radius: 8px;
            font-size: 16px;
            color: #333;
            cursor: pointer;
            text-align: center;
        }
        .file_name_display {
            flex: 1;
            background-color: #f9f9f9 !important; 
            color: #777 !important;
        }

        .form_input textarea {
            width: 100%;
            height: 200px;
            resize: none;
            padding: 15px;
            line-height: 1.5;
        }

        .form_submit {
            text-align: center;
            margin-top: 24px;
            margin-bottom: 50px;
        }

        .submit_btn {
            background-color: #008cd6;
            color: #fff;
            border: none;
            padding: 14px 45px;
            border-radius: 30px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .submit_btn:hover {
            background-color: #007bb5;
        }