<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> <!-- best기업 --> <section class="match-b-main"> <div class="mat-b-1"> <div class="w1400"> <div class="mat-b-grid"> <!-- best 기업 --> <h3>BEST 기업</h3> <div class="mat-b-g-g"> <div class="mat-b-g-1 g1"> <div> <h3>(주)지학사</h3> <img src="../../../resources/jpg/zigaksa.jpg" width="20px" alt=""> <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p> <div class="g1-1"> <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p> <p class="g-2">조회수 <span>120</span></p> </div> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> </div> </div> <div class="mat-b-g-2 g1"> <div> <h3>(주)지학사</h3> <img src="../../../resources/jpg/zigaksa.jpg" width="20px" alt=""> <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p> <div class="g1-1"> <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p> <p class="g-2">조회수 <span>120</span></p> </div> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> </div> </div> <div class="mat-b-g-3 g1"> <div> <h3>(주)지학사</h3> <img src="../../../resources/jpg/zigaksa.jpg" width="20px" alt=""> <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p> <div class="g1-1"> <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p> <p class="g-2">조회수 <span>120</span></p> </div> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> </div> </div> <div class="mat-b-g-3 g1"> <div> <h3>(주)지학사</h3> <img src="../../../resources/jpg/zigaksa.jpg" width="20px" alt=""> <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p> <div class="g1-1"> <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p> <p class="g-2">조회수 <span>120</span></p> </div> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> </div> </div> <div class="mat-b-g-3 g1"> <div> <h3>(주)지학사</h3> <img src="../../../resources/jpg/zigaksa.jpg" width="20px" alt=""> <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p> <div class="g1-1"> <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p> <p class="g-2">조회수 <span>120</span></p> </div> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> </div> </div> <div class="mat-b-g-3 g1"> <div> <h3>(주)지학사</h3> <img src="../../../resources/jpg/zigaksa.jpg" width="20px" alt=""> <p>기업은 고객,고객은 기업이라는 마인드로 항상 고객의 만족을 최우선의 가치로 실천한다.</p> <div class="g1-1"> <p><i class="fa-regular fa-heart fa-lg" style="color: #3f87f7;"></i> 3045</p> <p class="g-2">조회수 <span>120</span></p> </div> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> </div> </div> </div> </div> </div> </div> </section> <!-- 일반기업 --> <section class="mat-sec"> <div class="mat-sec-a"> <div class="w1400"> <div class="mat-sec-a-1"> <div class="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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="mat-sec-b"> <div> <h5>(주)금성출판사</h5> <div class="mat-span"> <span>#혁신기업</span> <span>#혁신기업</span> <span>#혁신기업</span> </div> <div class="mat-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: { }, watch: { }, computed: { }, mounted() { console.log('Matching mounted'); } } </script> <style scoped> @media all and (max-width:479px) { .mat-span span { padding: 1rem 1.5rem 1rem 1.5rem; } } </style>