<template>
    <div class="mat-main">
        <section class="main-sec sec1">
            <!-- <div class="main-content"> -->
            <div class="flex">
                <!-- 매칭비주얼 -->
                <div class="mat-b">
                    <div class="w1400">
                        <div class="mat-b-b">
                            <div class="mat-img">
                                <img src="../../../../resources/jpg/mat-img.png" alt="">
                            </div>
                            <!-- 매칭 텍스트 -->
                            <div class="mat-text">
                                <i class="fa-regular fa-handshake fa-lg" style="color: #ffffff;"></i>
                                <p>기업 홍보관</p>
                            </div>
                            <div class="mat-img">
                                <img src="../../../../resources/jpg/mat-img1.png" alt="">
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </section>


        <div class="w1400">
            <div class="mat-bos">
                <h1><img src="../../../../resources/jpg/mat-img-d.png" alt="">회사소개</h1>

            </div>
            <div class="matDtail-sec">
                <section class="mat-sec1">
                    <h2>(주)지학사 <span>(1등급)</span></h2>
                    <div>
                        <input type="file" id="dtaildown" style="display: none;">
                        <label for="dtaildown">회사소개서 다운로드</label>
                        <i class="fa-solid fa-download" style="color: #ffffff;"></i>
                    </div>
                </section>

                <!-- /상세내용 -->
                <section class="mat-sec2">
                    <div>
                        <img src="../../../../resources/jpg/matching-img.png" alt="">
                    </div>
                    <div>
                        <p>교과서
                            지학사는 1956년 창립이후 공교육의 핵심인 교과용 도서 개발을 근간으로 초중고 학생들을 위한 국정,검정,인정 전 과목 교과서를 발행하고 있습니다.
                        </p>
                    </div>
                    <div class="mat-sec2-end">
                        <p>

                            <i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i>
                            366666
                        </p>
                        <p><span>조회수</span>45454</p>

                    </div>
                </section>

                <section class="mat-sec2-bt">
                    <button @click="goToPage2">목록</button>
                </section>
            </div>
        </div>

    </div>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    methods: {
        goToPage2() {
            this.$router.push('/Matching.page')
        }
    },
    watch: {

    },
    computed: {

    },
    mounted() {
        console.log('Matching mounted');
    }
}
</script>

<style scoped>
@media all and (min-width: 1023px) and (max-width: 1268px) {
    .mat-sec1 {
        grid-template-columns: 80% 20%;

    }
}
</style>