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

                        </div>

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

        <!-- best기업 -->
        <section class="matching-box-main">
            <div class="matching-box-wrap-one">
                <div class="w1400">
                    <div class="matching-box-grid">
                        <!-- best 기업 -->
                        <h3>BEST 기업</h3>
                        <div class="matching-box-bos">


                            <div class="matching-box  matchingbox" @click="goToPage1">
                                <div>

                                    <h3>(주)지학사</h3>
                                    <img src="../../../../resources/jpg/zigaksa.jpg" width="20px" alt="">
                                    <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p>
                                    <div class="matchingbox-1">
                                        <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                        <p class="matchingbox-text">조회수 <span>120</span></p>

                                    </div>

                                    <div class="matching-span">

                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                    </div>
                                </div>
                            </div>
                            <div class="matching-box  matchingbox">
                                <div>
                                    <h3>(주)지학사</h3>
                                    <img src="../../../../resources/jpg/zigaksa.jpg" width="20px" alt="">
                                    <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p>
                                    <div class="matchingbox-1">
                                        <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                        <p class="matchingbox-text">조회수 <span>120</span></p>

                                    </div>
                                    <div class="matching-span">

                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                    </div>
                                </div>
                            </div>
                            <div class="matching-box  matchingbox">
                                <div>
                                    <h3>(주)지학사</h3>
                                    <img src="../../../../resources/jpg/zigaksa.jpg" width="20px" alt="">
                                    <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p>
                                    <div class="matchingbox-1">
                                        <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                        <p class="matchingbox-text">조회수 <span>120</span></p>

                                    </div>
                                    <div class="matching-span">

                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                    </div>
                                </div>
                            </div>
                            <div class="matching-box  matchingbox">
                                <div>
                                    <h3>(주)지학사</h3>
                                    <img src="../../../../resources/jpg/zigaksa.jpg" width="20px" alt="">
                                    <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p>
                                    <div class="matchingbox-1">
                                        <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                        <p class="matchingbox-text">조회수 <span>120</span></p>

                                    </div>
                                    <div class="matching-span">

                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                    </div>
                                </div>
                            </div>
                            <div class="matching-box  matchingbox">
                                <div>
                                    <h3>(주)지학사</h3>
                                    <img src="../../../../resources/jpg/zigaksa.jpg" width="20px" alt="">
                                    <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p>
                                    <div class="matchingbox-1">
                                        <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                        <p class="matchingbox-text">조회수 <span>120</span></p>

                                    </div>
                                    <div class="matching-span">

                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                    </div>
                                </div>
                            </div>
                            <div class="matching-box matchingbox">
                                <div>
                                    <h3>(주)지학사</h3>
                                    <img src="../../../../resources/jpg/zigaksa.jpg" width="20px" alt="">
                                    <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p>
                                    <div class="matchingbox-1">
                                        <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                        <p class="matchingbox-text">조회수 <span>120</span></p>

                                    </div>
                                    <div class="matching-span">

                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                        <span>#혁신기업</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </section>
        <!-- 일반기업 -->
        <section class="matching-box-main">
            <div class="matching-box-main-two">
                <div class="w1400">
                    <div class="matching-box-grid-two">
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>

                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>
                        <div class="matching-box-2">
                            <div>
                                <h5>(주)금성출판사</h5>
                                <div class="matching-span">

                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                    <span>#혁신기업</span>
                                </div>
                                <div class="matchingbox-2">
                                    <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p>
                                    <p>조회수 <span>110</span> </p>
                                </div>
                            </div>
                        </div>

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

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

    },
    computed: {

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

