https://geonseolmadang119.tistory.com/ &quot;건설마당&quot; https://play.google.com/store/apps/details?id=com.jangbiya ko Sat, 25 Jul 2026 01:37:53 +0900 TISTORY 100 건설마당 https://tistory1.daumcdn.net/tistory/8568459/attach/464abbf8567944658985964cfaa7d726 https://geonseolmadang119.tistory.com https://geonseolmadang119.tistory.com/7 <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="화면 캡처 2026-03-01 183426.jpg" data-origin-width="1142" data-origin-height="1140"><span data-url="https://blog.kakaocdn.net/dn/FVMzo/dJMcagEDJTO/KjWb3NYugsxy6aH4zvKdqk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/FVMzo/dJMcagEDJTO/KjWb3NYugsxy6aH4zvKdqk/img.jpg"><img src="https://blog.kakaocdn.net/dn/FVMzo/dJMcagEDJTO/KjWb3NYugsxy6aH4zvKdqk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FFVMzo%2FdJMcagEDJTO%2FKjWb3NYugsxy6aH4zvKdqk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1142" height="1140" data-filename="화면 캡처 2026-03-01 183426.jpg" data-origin-width="1142" data-origin-height="1140"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="화면 캡처 2026-03-01 183519.jpg" data-origin-width="1137" data-origin-height="1140"><span data-url="https://blog.kakaocdn.net/dn/bqQEZY/dJMcagEDJTQ/akMaoGN38rcityZ1DfZ7V1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bqQEZY/dJMcagEDJTQ/akMaoGN38rcityZ1DfZ7V1/img.jpg"><img src="https://blog.kakaocdn.net/dn/bqQEZY/dJMcagEDJTQ/akMaoGN38rcityZ1DfZ7V1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbqQEZY%2FdJMcagEDJTQ%2FakMaoGN38rcityZ1DfZ7V1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1137" height="1140" data-filename="화면 캡처 2026-03-01 183519.jpg" data-origin-width="1137" data-origin-height="1140"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="화면 캡처 2026-03-01 183541.jpg" data-origin-width="1140" data-origin-height="1137"><span data-url="https://blog.kakaocdn.net/dn/SiG65/dJMcagEDJTS/ojxvCyyuprZk7Ais8vlAP1/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/SiG65/dJMcagEDJTS/ojxvCyyuprZk7Ais8vlAP1/img.jpg"><img src="https://blog.kakaocdn.net/dn/SiG65/dJMcagEDJTS/ojxvCyyuprZk7Ais8vlAP1/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FSiG65%2FdJMcagEDJTS%2FojxvCyyuprZk7Ais8vlAP1%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1140" height="1137" data-filename="화면 캡처 2026-03-01 183541.jpg" data-origin-width="1140" data-origin-height="1137"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="화면 캡처 2026-03-01 183600.jpg" data-origin-width="1138" data-origin-height="1139"><span data-url="https://blog.kakaocdn.net/dn/IUi6e/dJMcacoGaHs/6QSQgdJF1XTrKsP2oFsC2k/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/IUi6e/dJMcacoGaHs/6QSQgdJF1XTrKsP2oFsC2k/img.jpg"><img src="https://blog.kakaocdn.net/dn/IUi6e/dJMcacoGaHs/6QSQgdJF1XTrKsP2oFsC2k/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIUi6e%2FdJMcacoGaHs%2F6QSQgdJF1XTrKsP2oFsC2k%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1138" height="1139" data-filename="화면 캡처 2026-03-01 183600.jpg" data-origin-width="1138" data-origin-height="1139"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="화면 캡처 2026-03-01 183620.jpg" data-origin-width="1141" data-origin-height="1140"><span data-url="https://blog.kakaocdn.net/dn/baeyDq/dJMcaaEp1sE/K5hM3BKWAvw4HsOU8H090k/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/baeyDq/dJMcaaEp1sE/K5hM3BKWAvw4HsOU8H090k/img.jpg"><img src="https://blog.kakaocdn.net/dn/baeyDq/dJMcaaEp1sE/K5hM3BKWAvw4HsOU8H090k/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbaeyDq%2FdJMcaaEp1sE%2FK5hM3BKWAvw4HsOU8H090k%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="1141" height="1140" data-filename="화면 캡처 2026-03-01 183620.jpg" data-origin-width="1141" data-origin-height="1140"/></span></figure> </p> 건설기계 건설회사 공사 근로자 배차 인력 장비 지입사무실 포크레인 현장 건설마당 https://geonseolmadang119.tistory.com/7 https://geonseolmadang119.tistory.com/7#entry7comment Mon, 2 Mar 2026 02:08:15 +0900 https://geonseolmadang119.tistory.com/6 <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_업체홍보 슬라이드_2.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/bCauy1/dJMcahXPesf/nNIyqDbzs5uML97lWxOAYK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bCauy1/dJMcahXPesf/nNIyqDbzs5uML97lWxOAYK/img.jpg"><img src="https://blog.kakaocdn.net/dn/bCauy1/dJMcahXPesf/nNIyqDbzs5uML97lWxOAYK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbCauy1%2FdJMcahXPesf%2FnNIyqDbzs5uML97lWxOAYK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_업체홍보 슬라이드_2.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_업체홍보 슬라이드_3.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/dNVMOj/dJMcajaebrV/cKZ5KdRyXXrkhLxBgT5Xek/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/dNVMOj/dJMcajaebrV/cKZ5KdRyXXrkhLxBgT5Xek/img.jpg"><img src="https://blog.kakaocdn.net/dn/dNVMOj/dJMcajaebrV/cKZ5KdRyXXrkhLxBgT5Xek/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdNVMOj%2FdJMcajaebrV%2FcKZ5KdRyXXrkhLxBgT5Xek%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_업체홍보 슬라이드_3.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> </p> 건설 건설기계 건설회사 공사현장 근로자 배차 인력 중장비 지입 포크레인 건설마당 https://geonseolmadang119.tistory.com/6 https://geonseolmadang119.tistory.com/6#entry6comment Mon, 2 Mar 2026 02:06:03 +0900 https://geonseolmadang119.tistory.com/5 <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_업체홍보 슬라이드_1.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/FHBJz/dJMcafTfsAR/V6zln5oTekziQw0LUjNexK/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/FHBJz/dJMcafTfsAR/V6zln5oTekziQw0LUjNexK/img.jpg"><img src="https://blog.kakaocdn.net/dn/FHBJz/dJMcafTfsAR/V6zln5oTekziQw0LUjNexK/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FFHBJz%2FdJMcafTfsAR%2FV6zln5oTekziQw0LUjNexK%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_업체홍보 슬라이드_1.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> </p> 공사 공사현장 굴착기 근로자 기사 배차 스페어 인력 중장비 포크레인 건설마당 https://geonseolmadang119.tistory.com/5 https://geonseolmadang119.tistory.com/5#entry5comment Mon, 2 Mar 2026 02:03:58 +0900 https://geonseolmadang119.tistory.com/4 <p><figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_이용안내서_1.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/dTZ1WD/dJMcaivC37H/hRrGRMPAvz0LWuquJUgomk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/dTZ1WD/dJMcaivC37H/hRrGRMPAvz0LWuquJUgomk/img.jpg"><img src="https://blog.kakaocdn.net/dn/dTZ1WD/dJMcaivC37H/hRrGRMPAvz0LWuquJUgomk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdTZ1WD%2FdJMcaivC37H%2FhRrGRMPAvz0LWuquJUgomk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_이용안내서_1.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_이용안내서_2.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/siGfx/dJMcabcdHUz/uQKsw6Oe7BBUhV8Y2a1R91/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/siGfx/dJMcabcdHUz/uQKsw6Oe7BBUhV8Y2a1R91/img.jpg"><img src="https://blog.kakaocdn.net/dn/siGfx/dJMcabcdHUz/uQKsw6Oe7BBUhV8Y2a1R91/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FsiGfx%2FdJMcabcdHUz%2FuQKsw6Oe7BBUhV8Y2a1R91%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_이용안내서_2.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_이용안내서_3.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/cGjX9E/dJMcabcdHUC/lvuhSoK2VqwvstgPck5B00/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/cGjX9E/dJMcabcdHUC/lvuhSoK2VqwvstgPck5B00/img.jpg"><img src="https://blog.kakaocdn.net/dn/cGjX9E/dJMcabcdHUC/lvuhSoK2VqwvstgPck5B00/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcGjX9E%2FdJMcabcdHUC%2FlvuhSoK2VqwvstgPck5B00%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_이용안내서_3.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_이용안내서_4.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/bK77MP/dJMcahKjmwD/xNKPFH3TzthGKYgBshuYH0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bK77MP/dJMcahKjmwD/xNKPFH3TzthGKYgBshuYH0/img.jpg"><img src="https://blog.kakaocdn.net/dn/bK77MP/dJMcahKjmwD/xNKPFH3TzthGKYgBshuYH0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbK77MP%2FdJMcahKjmwD%2FxNKPFH3TzthGKYgBshuYH0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_이용안내서_4.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_이용안내서_5.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/boIpqV/dJMcahjfK3F/xpTTAANtd6spilNJR47BF0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/boIpqV/dJMcahjfK3F/xpTTAANtd6spilNJR47BF0/img.jpg"><img src="https://blog.kakaocdn.net/dn/boIpqV/dJMcahjfK3F/xpTTAANtd6spilNJR47BF0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FboIpqV%2FdJMcahjfK3F%2FxpTTAANtd6spilNJR47BF0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_이용안내서_5.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_이용안내서_6.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/xjmmC/dJMcahjfK3H/E1b1u5wKIlXamIrPiNfYCk/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/xjmmC/dJMcahjfK3H/E1b1u5wKIlXamIrPiNfYCk/img.jpg"><img src="https://blog.kakaocdn.net/dn/xjmmC/dJMcahjfK3H/E1b1u5wKIlXamIrPiNfYCk/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxjmmC%2FdJMcahjfK3H%2FE1b1u5wKIlXamIrPiNfYCk%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_이용안내서_6.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_이용안내서_7.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/okVq1/dJMcahKjmwI/GVT58VD68DiGzc6YmdbMe0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/okVq1/dJMcahKjmwI/GVT58VD68DiGzc6YmdbMe0/img.jpg"><img src="https://blog.kakaocdn.net/dn/okVq1/dJMcahKjmwI/GVT58VD68DiGzc6YmdbMe0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FokVq1%2FdJMcahKjmwI%2FGVT58VD68DiGzc6YmdbMe0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_이용안내서_7.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> <figure class="imageblock alignCenter" data-ke-mobileStyle="widthOrigin" data-filename="건설마당_이용안내서_8.jpg" data-origin-width="3000" data-origin-height="1688"><span data-url="https://blog.kakaocdn.net/dn/bTis29/dJMcagEDJP7/TTE8y4GpDU90l7KkFSE0Y0/img.jpg" data-phocus="https://blog.kakaocdn.net/dn/bTis29/dJMcagEDJP7/TTE8y4GpDU90l7KkFSE0Y0/img.jpg"><img src="https://blog.kakaocdn.net/dn/bTis29/dJMcagEDJP7/TTE8y4GpDU90l7KkFSE0Y0/img.jpg" srcset="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbTis29%2FdJMcagEDJP7%2FTTE8y4GpDU90l7KkFSE0Y0%2Fimg.jpg" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" loading="lazy" width="3000" height="1688" data-filename="건설마당_이용안내서_8.jpg" data-origin-width="3000" data-origin-height="1688"/></span></figure> </p> 건설업 건설협회 건설회사 근로자 배차 배차사무실 업체 인력 장비 지입사무실 건설마당 https://geonseolmadang119.tistory.com/4 https://geonseolmadang119.tistory.com/4#entry4comment Mon, 2 Mar 2026 02:02:07 +0900 https://geonseolmadang119.tistory.com/3 <!-- ✅ 건설마당 × 티스토리 전용 블로그 포스팅 (최종판) ✅ 월드건설중기 | 대표 전일구 | hanagu19@daum.net 사용법: 티스토리 글쓰기 → HTML 모드(</>클릭) → 기존내용 전체삭제 → 붙여넣기 → 발행 주의: <style> 태그가 포함되어 있으므로 HTML 모드에서만 사용 --> <style> /* ── 모든 스타일을 .gmc 스코프 안에 가두어 티스토리 충돌 방지 ── */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap'); .gmc, .gmc * { box-sizing: border-box !important; font-family: 'Noto Sans KR', '맑은 고딕', AppleGothic, sans-serif !important; word-break: keep-all; } .gmc { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 auto !important; background: #0f0f0f !important; color: #ffffff !important; overflow-x: hidden !important; display: block !important; } /* ── 히어로 ── */ .gmc-hero { background: linear-gradient(160deg, #1a1a1a 0%, #0f0f0f 100%) !important; border-bottom: 3px solid #F5821F !important; padding: 48px 24px 40px !important; text-align: center !important; position: relative !important; overflow: hidden !important; width: 100% !important; } .gmc-hero::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background-image: linear-gradient(rgba(245,130,31,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(245,130,31,0.05) 1px, transparent 1px) !important; background-size: 40px 40px !important; pointer-events: none !important; } .gmc-hero-badge { display: inline-block !important; background: rgba(245,130,31,0.15) !important; border: 1px solid rgba(245,130,31,0.5) !important; color: #F5821F !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 2px !important; padding: 6px 16px !important; border-radius: 20px !important; margin-bottom: 20px !important; position: relative !important; } .gmc-hero-title { font-size: clamp(28px, 7vw, 52px) !important; font-weight: 900 !important; color: #ffffff !important; line-height: 1.2 !important; margin: 0 0 8px 0 !important; position: relative !important; } .gmc-hero-title .o { color: #F5821F !important; } .gmc-hero-sub { font-size: 14px !important; color: #aaaaaa !important; line-height: 1.7 !important; margin: 12px 0 24px 0 !important; position: relative !important; font-weight: 300 !important; } .gmc-hero-company { display: inline-flex !important; align-items: center !important; gap: 10px !important; background: rgba(255,255,255,0.05) !important; border: 1px solid rgba(255,255,255,0.1) !important; border-radius: 8px !important; padding: 10px 20px !important; position: relative !important; } .gmc-hero-company-lbl { font-size: 10px !important; color: #666666 !important; letter-spacing: 1px !important; display: block !important; margin-bottom: 2px !important; } .gmc-hero-company-name { font-size: 14px !important; color: #ffffff !important; font-weight: 700 !important; display: block !important; } /* ── 티커 ── */ .gmc-ticker { background: #F5821F !important; padding: 11px 0 !important; overflow: hidden !important; white-space: nowrap !important; width: 100% !important; } .gmc-ticker-track { display: inline-block !important; animation: gmcTick 22s linear infinite !important; white-space: nowrap !important; } .gmc-ti { display: inline-block !important; font-size: 12px !important; font-weight: 900 !important; color: #000000 !important; letter-spacing: 2px !important; margin: 0 20px !important; } .gmc-td { color: rgba(0,0,0,0.35) !important; margin: 0 8px !important; font-size: 10px !important; } @keyframes gmcTick { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* ── 통계바 ── */ .gmc-stats { display: flex !important; width: 100% !important; background: #1a1a1a !important; border-bottom: 2px solid #2a2a2a !important; } .gmc-stat { flex: 1 !important; text-align: center !important; padding: 20px 8px !important; border-right: 1px solid #2a2a2a !important; } .gmc-stat:last-child { border-right: none !important; } .gmc-stat-v { font-size: clamp(18px, 4vw, 28px) !important; font-weight: 900 !important; color: #F5821F !important; line-height: 1 !important; display: block !important; margin-bottom: 5px !important; } .gmc-stat-l { font-size: 10px !important; color: #777777 !important; font-weight: 500 !important; letter-spacing: 0.5px !important; display: block !important; } /* ── 섹션 공통 ── */ .gmc-sec { padding: 44px 20px !important; width: 100% !important; } .gmc-sec-dark { background: #1a1a1a !important; } .gmc-sec-black { background: #0f0f0f !important; } .gmc-sec-orange { background: #F5821F !important; } .gmc-label { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 4px !important; color: #F5821F !important; text-transform: uppercase !important; margin-bottom: 10px !important; display: block !important; } .gmc-h2 { font-size: clamp(26px, 6vw, 44px) !important; font-weight: 900 !important; color: #ffffff !important; line-height: 1.1 !important; margin: 0 0 8px 0 !important; } .gmc-h2 .o { color: #F5821F !important; } .gmc-h2-dark { font-size: clamp(26px, 6vw, 44px) !important; font-weight: 900 !important; color: #000000 !important; line-height: 1.1 !important; margin: 0 0 8px 0 !important; } .gmc-p { font-size: 15px !important; color: #cccccc !important; line-height: 1.85 !important; margin: 0 0 14px 0 !important; font-weight: 300 !important; } /* ── 문제 리스트 ── */ .gmc-pain { display: flex !important; gap: 14px !important; align-items: flex-start !important; padding: 16px 18px !important; background: #242424 !important; border-left: 3px solid #3a3a3a !important; border-radius: 0 8px 8px 0 !important; margin-bottom: 10px !important; transition: border-color 0.2s !important; width: 100% !important; } .gmc-pain:hover { border-left-color: #F5821F !important; } .gmc-pain-n { font-size: 28px !important; font-weight: 900 !important; color: #3a3a3a !important; flex-shrink: 0 !important; line-height: 1 !important; min-width: 32px !important; } .gmc-pain-tt { font-size: 15px !important; font-weight: 700 !important; color: #ffffff !important; display: block !important; margin-bottom: 3px !important; } .gmc-pain-dd { font-size: 13px !important; color: #999999 !important; line-height: 1.6 !important; } /* ── 해결책 박스 ── */ .gmc-solve { background: linear-gradient(135deg, #242424 0%, rgba(245,130,31,0.1) 100%) !important; border: 1px solid rgba(245,130,31,0.25) !important; border-radius: 14px !important; padding: 32px 24px !important; text-align: center !important; margin-top: 28px !important; width: 100% !important; } .gmc-solve-icon { font-size: 56px !important; display: block !important; margin-bottom: 14px !important; } .gmc-solve-title { font-size: 28px !important; font-weight: 900 !important; color: #F5821F !important; line-height: 1.2 !important; margin-bottom: 12px !important; } .gmc-solve-desc { font-size: 14px !important; color: #aaaaaa !important; line-height: 1.8 !important; font-weight: 300 !important; } .gmc-solve-desc strong { color: #ffffff !important; font-weight: 600 !important; } /* ── 기능 카드 그리드 ── */ .gmc-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 2px !important; width: 100% !important; margin-top: 28px !important; } .gmc-card { background: #1a1a1a !important; padding: 28px 20px !important; position: relative !important; transition: background 0.25s !important; border-top: 3px solid #2a2a2a !important; } .gmc-card:hover { background: #242424 !important; border-top-color: #F5821F !important; } .gmc-card-num { font-size: 52px !important; font-weight: 900 !important; color: rgba(255,255,255,0.03) !important; position: absolute !important; top: 8px !important; right: 12px !important; line-height: 1 !important; } .gmc-card-icon { width: 48px !important; height: 48px !important; background: rgba(245,130,31,0.1) !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 16px !important; font-size: 22px !important; } .gmc-card-title { font-size: 16px !important; font-weight: 900 !important; color: #ffffff !important; margin-bottom: 8px !important; } .gmc-card-desc { font-size: 12px !important; color: #888888 !important; line-height: 1.7 !important; font-weight: 300 !important; } .gmc-card-tag { display: inline-block !important; margin-top: 12px !important; font-size: 10px !important; font-weight: 700 !important; color: #F5821F !important; border: 1px solid rgba(245,130,31,0.3) !important; padding: 3px 8px !important; border-radius: 2px !important; letter-spacing: 1px !important; } /* ── 오렌지 통계 밴드 ── */ .gmc-statband { display: grid !important; grid-template-columns: 1fr 1fr 1fr 1fr !important; gap: 2px !important; width: 100% !important; } .gmc-sb { background: rgba(0,0,0,0.15) !important; padding: 28px 12px !important; text-align: center !important; } .gmc-sb-v { font-size: clamp(22px, 5vw, 40px) !important; font-weight: 900 !important; color: #000000 !important; line-height: 1 !important; display: block !important; margin-bottom: 6px !important; } .gmc-sb-l { font-size: 11px !important; font-weight: 700 !important; color: rgba(0,0,0,0.65) !important; letter-spacing: 1px !important; display: block !important; } /* ── 이용자 카드 ── */ .gmc-users { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 10px !important; margin-top: 28px !important; width: 100% !important; } .gmc-user { background: #1e1e1e !important; border: 1px solid #2a2a2a !important; border-radius: 12px !important; padding: 24px 14px !important; text-align: center !important; transition: border-color 0.2s !important; } .gmc-user:hover { border-color: #F5821F !important; } .gmc-user-ic { font-size: 32px !important; display: block !important; margin-bottom: 10px !important; } .gmc-user-nm { font-size: 14px !important; font-weight: 900 !important; color: #ffffff !important; margin-bottom: 6px !important; display: block !important; } .gmc-user-dc { font-size: 11px !important; color: #777777 !important; line-height: 1.5 !important; font-weight: 300 !important; } /* ── 단계 ── */ .gmc-steps { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin-top: 28px !important; width: 100% !important; } .gmc-step { background: #0f0f0f !important; padding: 24px 18px !important; border-radius: 0 !important; position: relative !important; } .gmc-step-circle { width: 44px !important; height: 44px !important; border-radius: 50% !important; background: #F5821F !important; color: #000000 !important; font-size: 20px !important; font-weight: 900 !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom: 16px !important; } .gmc-step-title { font-size: 15px !important; font-weight: 900 !important; color: #ffffff !important; margin-bottom: 8px !important; } .gmc-step-desc { font-size: 13px !important; color: #777777 !important; line-height: 1.7 !important; font-weight: 300 !important; } /* ── 후기 ── */ .gmc-reviews { display: flex !important; flex-direction: column !important; gap: 14px !important; margin-top: 28px !important; width: 100% !important; } .gmc-review { background: #0f0f0f !important; border: 1px solid #2a2a2a !important; border-radius: 12px !important; padding: 24px 20px !important; position: relative !important; transition: border-color 0.2s !important; } .gmc-review:hover { border-color: rgba(245,130,31,0.4) !important; } .gmc-review-q { font-size: 64px !important; color: rgba(245,130,31,0.12) !important; position: absolute !important; top: 8px !important; left: 14px !important; line-height: 1 !important; font-family: Georgia, serif !important; } .gmc-review-text { font-size: 14px !important; color: #cccccc !important; line-height: 1.8 !important; font-weight: 300 !important; padding-top: 16px !important; margin-bottom: 16px !important; } .gmc-review-text strong { color: #F5821F !important; font-weight: 700 !important; } .gmc-review-author { display: flex !important; align-items: center !important; gap: 12px !important; } .gmc-review-av { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: #2a2a2a !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 18px !important; flex-shrink: 0 !important; } .gmc-review-nm { font-size: 13px !important; font-weight: 700 !important; color: #ffffff !important; display: block !important; } .gmc-review-rl { font-size: 11px !important; color: #666666 !important; display: block !important; margin-top: 2px !important; } .gmc-stars { color: #F5821F !important; font-size: 11px !important; display: block !important; margin-top: 2px !important; } /* ── CTA ── */ .gmc-cta { background: #0f0f0f !important; padding: 56px 24px !important; text-align: center !important; border-top: 1px solid #2a2a2a !important; width: 100% !important; } .gmc-cta-lbl { display: inline-block !important; background: rgba(245,130,31,0.12) !important; border: 1px solid rgba(245,130,31,0.3) !important; color: #F5821F !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 3px !important; padding: 5px 16px !important; border-radius: 20px !important; margin-bottom: 20px !important; } .gmc-cta-title { font-size: clamp(32px, 8vw, 64px) !important; font-weight: 900 !important; color: #ffffff !important; line-height: 1 !important; margin-bottom: 16px !important; } .gmc-cta-title .o { color: #F5821F !important; } .gmc-cta-sub { font-size: 15px !important; color: #aaaaaa !important; line-height: 1.7 !important; font-weight: 300 !important; margin-bottom: 32px !important; } .gmc-cta-btn { display: inline-block !important; background: #F5821F !important; color: #000000 !important; font-size: 16px !important; font-weight: 900 !important; padding: 16px 40px !important; border-radius: 6px !important; text-decoration: none !important; letter-spacing: 1px !important; box-shadow: 0 0 40px rgba(245,130,31,0.35) !important; } .gmc-cta-free { display: flex !important; justify-content: center !important; gap: 0 !important; margin-top: 32px !important; padding-top: 28px !important; border-top: 1px solid #2a2a2a !important; } .gmc-fi { flex: 1 !important; text-align: center !important; border-right: 1px solid #2a2a2a !important; padding: 0 12px !important; } .gmc-fi:last-child { border-right: none !important; } .gmc-fi-v { font-size: 24px !important; font-weight: 900 !important; color: #F5821F !important; display: block !important; margin-bottom: 4px !important; line-height: 1 !important; } .gmc-fi-l { font-size: 10px !important; color: #666666 !important; letter-spacing: 2px !important; font-weight: 500 !important; } /* ── 푸터 ── */ .gmc-footer { background: #1a1a1a !important; border-top: 1px solid #2a2a2a !important; padding: 32px 24px !important; width: 100% !important; } .gmc-footer-logo { font-size: 28px !important; font-weight: 900 !important; color: #ffffff !important; letter-spacing: 1px !important; margin-bottom: 14px !important; display: block !important; } .gmc-footer-logo .o { color: #F5821F !important; } .gmc-footer-info { font-size: 12px !important; color: #888888 !important; line-height: 1.9 !important; font-weight: 300 !important; } .gmc-footer-info a { color: #F5821F !important; text-decoration: none !important; font-weight: 600 !important; } .gmc-footer-copy { font-size: 11px !important; color: #444444 !important; margin-top: 16px !important; } .gmc-divider { border: none !important; border-top: 1px solid #2a2a2a !important; margin: 0 !important; } /* ── 반응형 ── */ @media (max-width: 520px) { .gmc-grid { grid-template-columns: 1fr !important; } .gmc-users { grid-template-columns: 1fr 1fr !important; } .gmc-steps { grid-template-columns: 1fr !important; } .gmc-statband { grid-template-columns: 1fr 1fr !important; } .gmc-hero-title { font-size: 26px !important; } .gmc-cta-title { font-size: 30px !important; } .gmc-stat-v { font-size: 16px !important; } } </style> <div class="gmc"> <!-- ── 히어로 ── --> <div class="gmc-hero"> <div class="gmc-hero-badge">⚡ 전국 건설업계 최초 ALL-IN-ONE 플랫폼</div> <div class="gmc-hero-title"> 일감 · 장비 · 인력 · 업체<br/> <span class="o">한 번에 연결합니다</span> </div> <div class="gmc-hero-sub"> 건설기계 · 인력 · 업체 연결 플랫폼<br/> 가입비 없음 &nbsp;·&nbsp; 수수료 없음 &nbsp;·&nbsp; 모든 기능 무료 </div> <div class="gmc-hero-company"> <div> <span class="gmc-hero-company-lbl">서비스 제공</span> <span class="gmc-hero-company-name">월드건설중기 &nbsp;|&nbsp; 대표 전일구</span> </div> </div> </div> <!-- ── 티커 ── --> <div class="gmc-ticker"> <div class="gmc-ticker-track"> <span class="gmc-ti">인력모집</span><span class="gmc-td">◆</span> <span class="gmc-ti">스페어기사 매칭</span><span class="gmc-td">◆</span> <span class="gmc-ti">장비배차 27종</span><span class="gmc-td">◆</span> <span class="gmc-ti">전문업체 연계</span><span class="gmc-td">◆</span> <span class="gmc-ti">서류통합관리</span><span class="gmc-td">◆</span> <span class="gmc-ti">중고거래</span><span class="gmc-td">◆</span> <span class="gmc-ti">수수료 0원</span><span class="gmc-td">◆</span> <span class="gmc-ti">즉시 매칭</span><span class="gmc-td">◆</span> <span class="gmc-ti">인력모집</span><span class="gmc-td">◆</span> <span class="gmc-ti">스페어기사 매칭</span><span class="gmc-td">◆</span> <span class="gmc-ti">장비배차 27종</span><span class="gmc-td">◆</span> <span class="gmc-ti">전문업체 연계</span><span class="gmc-td">◆</span> <span class="gmc-ti">서류통합관리</span><span class="gmc-td">◆</span> <span class="gmc-ti">중고거래</span><span class="gmc-td">◆</span> <span class="gmc-ti">수수료 0원</span><span class="gmc-td">◆</span> <span class="gmc-ti">즉시 매칭</span><span class="gmc-td">◆</span> </div> </div> <!-- ── 핵심 통계 ── --> <div class="gmc-stats"> <div class="gmc-stat"> <span class="gmc-stat-v">27종</span> <span class="gmc-stat-l">건설기계</span> </div> <div class="gmc-stat"> <span class="gmc-stat-v">0원</span> <span class="gmc-stat-l">수수료</span> </div> <div class="gmc-stat"> <span class="gmc-stat-v">50%</span> <span class="gmc-stat-l">효율 향상</span> </div> <div class="gmc-stat"> <span class="gmc-stat-v">3분</span> <span class="gmc-stat-l">가입 완료</span> </div> </div> <!-- ── 문제 섹션 ── --> <div class="gmc-sec gmc-sec-dark"> <span class="gmc-label">이런 불편함, 겪어보셨나요?</span> <div class="gmc-h2">건설 현장의<br/><span class="o">고질적 문제</span></div> <p class="gmc-p" style="margin-top:12px">현장에서 매번 반복되는 불편함들을 건설마당이 한 번에 해결합니다.</p> <div class="gmc-pain"> <div class="gmc-pain-n">01</div> <div> <span class="gmc-pain-tt">인력 구하기가 너무 힘들다</span> <span class="gmc-pain-dd">급하게 현장 인력이 필요한데 연락처를 찾느라 몇 시간이 낭비됩니다.</span> </div> </div> <div class="gmc-pain"> <div class="gmc-pain-n">02</div> <div> <span class="gmc-pain-tt">장비 배차 전화 돌리기</span> <span class="gmc-pain-dd">필요한 장비를 구하려면 아는 사람에게 일일이 연락해야 합니다.</span> </div> </div> <div class="gmc-pain"> <div class="gmc-pain-n">03</div> <div> <span class="gmc-pain-tt">서류 관리가 엉망</span> <span class="gmc-pain-dd">계약서, 자격증, 면허 파일이 여기저기 흩어져 필요할 때 못 찾습니다.</span> </div> </div> <div class="gmc-pain"> <div class="gmc-pain-n">04</div> <div> <span class="gmc-pain-tt">높은 중개 수수료</span> <span class="gmc-pain-dd">기존 플랫폼의 과도한 수수료가 수익을 계속 깎아먹습니다.</span> </div> </div> <div class="gmc-solve"> <span class="gmc-solve-icon"> ️</span> <div class="gmc-solve-title">건설마당이 해결합니다</div> <p class="gmc-solve-desc"> 전국 건설업계 <strong>최초 ALL-IN-ONE 플랫폼</strong>.<br/> 인력·장비·서류·중고거래를 <strong>앱 하나</strong>로 통합.<br/> <strong>즉시 매칭</strong>, 가입비 없음, 수수료 없음. </p> </div> </div> <hr class="gmc-divider"/> <!-- ── 6가지 기능 ── --> <div class="gmc-sec gmc-sec-black"> <span class="gmc-label">핵심 기능</span> <div class="gmc-h2">6가지 서비스<br/><span class="o">모두 무료</span></div> <div class="gmc-grid"> <div class="gmc-card"> <div class="gmc-card-num">01</div> <div class="gmc-card-icon"> </div> <div class="gmc-card-title">인력 모집</div> <p class="gmc-card-desc">근로자·전문인력·사무인력 즉시 모집. 당일·단기·장기 공고 등록 후 지원자 선택 매칭.</p> <span class="gmc-card-tag">근로자 · 업체</span> </div> <div class="gmc-card"> <div class="gmc-card-num">02</div> <div class="gmc-card-icon"> </div> <div class="gmc-card-title">스페어 기사</div> <p class="gmc-card-desc">건설기계 조종사 즉시 매칭. 스페어기사 ↔ 업체·배차사무실·개인차주 실시간 연결.</p> <span class="gmc-card-tag">기사 · 차주 · 업체</span> </div> <div class="gmc-card"> <div class="gmc-card-num">03</div> <div class="gmc-card-icon"> ️</div> <div class="gmc-card-title">장비 배차</div> <p class="gmc-card-desc">27개 건설기계 기종 등록 및 배차 요청. 굴착기·불도저·덤프트럭·크레인 전 기종.</p> <span class="gmc-card-tag">차주 · 사무실 · 업체</span> </div> <div class="gmc-card"> <div class="gmc-card-num">04</div> <div class="gmc-card-icon"> </div> <div class="gmc-card-title">전문업체 연계</div> <p class="gmc-card-desc">공종별 전문건설사 모집공고 등록 및 즉시 매칭. 종합 ↔ 전문건설사 실시간 연결.</p> <span class="gmc-card-tag">종합 · 전문업체</span> </div> <div class="gmc-card"> <div class="gmc-card-num">05</div> <div class="gmc-card-icon"> </div> <div class="gmc-card-title">서류 통합관리</div> <p class="gmc-card-desc">계약서·자격증·면허 업로드 및 공유. 매칭 후 즉시 다운로드, 서류 분실 걱정 끝.</p> <span class="gmc-card-tag">전체 회원</span> </div> <div class="gmc-card"> <div class="gmc-card-num">06</div> <div class="gmc-card-icon"> </div> <div class="gmc-card-title">중고거래</div> <p class="gmc-card-desc">건설장비·공구·자재·사무가구 기업간 직거래. 수수료 없이 빠른 자산 처리.</p> <span class="gmc-card-tag">전체 회원</span> </div> </div> </div> <!-- ── 오렌지 통계 밴드 ── --> <div class="gmc-sec gmc-sec-orange" style="padding: 0 !important;"> <div class="gmc-statband"> <div class="gmc-sb"> <span class="gmc-sb-v">27종</span> <span class="gmc-sb-l">건설기계 기종</span> </div> <div class="gmc-sb"> <span class="gmc-sb-v">30~50%</span> <span class="gmc-sb-l">현장 효율 향상</span> </div> <div class="gmc-sb"> <span class="gmc-sb-v">0원</span> <span class="gmc-sb-l">가입비 · 수수료</span> </div> <div class="gmc-sb"> <span class="gmc-sb-v">3분</span> <span class="gmc-sb-l">가입 완료 시간</span> </div> </div> </div> <!-- ── 이용 대상 ── --> <div class="gmc-sec gmc-sec-black"> <span class="gmc-label">이용 대상</span> <div class="gmc-h2">당신을 위한<br/><span class="o">플랫폼입니다</span></div> <div class="gmc-users"> <div class="gmc-user"> <span class="gmc-user-ic"> </span> <span class="gmc-user-nm">근로자</span> <span class="gmc-user-dc">일용직·단기·장기<br/>일자리 검색 및 지원</span> </div> <div class="gmc-user"> <span class="gmc-user-ic"> </span> <span class="gmc-user-nm">스페어기사</span> <span class="gmc-user-dc">건설기계 조종<br/>일자리 확보</span> </div> <div class="gmc-user"> <span class="gmc-user-ic"> </span> <span class="gmc-user-nm">개인차주</span> <span class="gmc-user-dc">장비 배차 및<br/>일감 확보</span> </div> <div class="gmc-user"> <span class="gmc-user-ic"> </span> <span class="gmc-user-nm">배차사무실</span> <span class="gmc-user-dc">소속 차주 배차<br/>통합 관리</span> </div> <div class="gmc-user"> <span class="gmc-user-ic"> ️</span> <span class="gmc-user-nm">업체(기업)</span> <span class="gmc-user-dc">인력·장비·업체<br/>수급 및 공고 등록</span> </div> <div class="gmc-user" style="background: rgba(245,130,31,0.06) !important; border-color: rgba(245,130,31,0.2) !important;"> <span class="gmc-user-ic">⚡</span> <span class="gmc-user-nm" style="color: #F5821F !important;">모두 무료</span> <span class="gmc-user-dc">가입비·수수료<br/>0원, 전기능 무료</span> </div> </div> </div> <!-- ── 시작 방법 ── --> <div class="gmc-sec gmc-sec-dark"> <span class="gmc-label">시작 방법</span> <div class="gmc-h2">3단계, <span class="o">3분</span> 완료</div> <div class="gmc-steps"> <div class="gmc-step"> <div class="gmc-step-circle">1</div> <div class="gmc-step-title">Google Play 설치</div> <p class="gmc-step-desc">스토어에서 <strong style="color:#ffffff !important">"건설마당"</strong> 검색 후 앱 설치</p> </div> <div class="gmc-step"> <div class="gmc-step-circle">2</div> <div class="gmc-step-title">회원 유형 선택</div> <p class="gmc-step-desc">근로자·스페어기사·개인사업자·배차사무실·업체 중 선택</p> </div> <div class="gmc-step"> <div class="gmc-step-circle">3</div> <div class="gmc-step-title">정보 입력 가입</div> <p class="gmc-step-desc">유형에 맞는 정보를 입력하여 가입을 완료합니다.</p> </div> <div class="gmc-step" style="background: rgba(245,130,31,0.08) !important;"> <div class="gmc-step-circle">4</div> <div class="gmc-step-title">바로 시작!</div> <p class="gmc-step-desc">맞춤형 홈으로 자동 이동. 즉시 일감·인력·장비 매칭 가능!</p> </div> </div> </div> <!-- ── 후기 ── --> <div class="gmc-sec gmc-sec-black"> <span class="gmc-label">실제 사용자 후기</span> <div class="gmc-h2">현장에서 <span class="o">검증된</span><br/>플랫폼</div> <div class="gmc-reviews"> <div class="gmc-review"> <div class="gmc-review-q">"</div> <p class="gmc-review-text">전에는 인력 구하러 전화만 하루 종일 돌렸는데, 건설마당 쓰고 나서는 <strong>30분 만에 해결</strong>됐어요. 진짜 신세계입니다.</p> <div class="gmc-review-author"> <div class="gmc-review-av"> </div> <div> <span class="gmc-review-nm">김○○ 현장소장</span> <span class="gmc-review-rl">서울 소재 건설업체 · 업체 회원</span> <span class="gmc-stars">★★★★★</span> </div> </div> </div> <div class="gmc-review"> <div class="gmc-review-q">"</div> <p class="gmc-review-text">스페어 기사로 등록했는데 공고가 매일 올라와서 <strong>빈 날이 없어졌어요</strong>. 수수료도 없으니 수입이 훨씬 늘었습니다.</p> <div class="gmc-review-author"> <div class="gmc-review-av"> </div> <div> <span class="gmc-review-nm">이○○ 기사</span> <span class="gmc-review-rl">굴착기 조종사 15년 · 스페어기사 회원</span> <span class="gmc-stars">★★★★★</span> </div> </div> </div> <div class="gmc-review"> <div class="gmc-review-q">"</div> <p class="gmc-review-text">장비 배차부터 계약서 관리까지 <strong>앱 하나로 다 됩니다</strong>. 카카오톡으로 파일 주고받다가 분실되던 게 이제 없어요.</p> <div class="gmc-review-author"> <div class="gmc-review-av"> </div> <div> <span class="gmc-review-nm">박○○ 차주</span> <span class="gmc-review-rl">덤프트럭 개인사업자 · 차주 회원</span> <span class="gmc-stars">★★★★★</span> </div> </div> </div> </div> </div> <!-- ── CTA ── --> <div class="gmc-cta"> <div class="gmc-cta-lbl">지금 바로 무료로 시작</div> <div class="gmc-cta-title"> 무료로<br/><span class="o">시작하세요</span> </div> <p class="gmc-cta-sub"> 전국 건설 네트워크가 건설마당으로 연결되고 있습니다.<br/> Google Play Store에서 <strong style="color:#ffffff !important">"건설마당"</strong> 검색 </p> <a class="gmc-cta-btn" href="https://play.google.com/store/search?q=건설마당" target="_blank"> Google Play에서 무료 설치 → </a> <div class="gmc-cta-free"> <div class="gmc-fi"> <span class="gmc-fi-v">무료</span> <span class="gmc-fi-l">가입비</span> </div> <div class="gmc-fi"> <span class="gmc-fi-v">0원</span> <span class="gmc-fi-l">수수료</span> </div> <div class="gmc-fi"> <span class="gmc-fi-v">전체</span> <span class="gmc-fi-l">기능 무료</span> </div> </div> </div> <!-- ── 푸터 ── --> <div class="gmc-footer"> <span class="gmc-footer-logo">건설<span class="o">마당</span></span> <div class="gmc-footer-info"> 서비스 제공 : <strong style="color:#cccccc !important">월드건설중기</strong><br/> 대표 : <strong style="color:#cccccc !important">전일구</strong><br/> 이메일 : <a href="mailto:hanagu19@daum.net">hanagu19@daum.net</a><br/> 건설기계 · 인력 · 업체 연결 플랫폼 | 전국 건설업계 최초 ALL-IN-ONE </div> <div class="gmc-footer-copy">© 2025 건설마당 · 월드건설중기. All rights reserved.</div> </div> </div><!-- /gmc --> 건설 공사 공사현장 굴착기 근로자 배차 인력 중장비 지입사무실 포크레인 기사 건설마당 https://geonseolmadang119.tistory.com/3 https://geonseolmadang119.tistory.com/3#entry3comment Mon, 2 Mar 2026 01:58:18 +0900 https://geonseolmadang119.tistory.com/2 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>건설마당 — 전국 건설업계 ALL-IN-ONE 플랫폼</title> <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap" rel="stylesheet"/> <style> :root { --orange: #F5821F; --orange-dark: #d06010; --orange-glow: rgba(245,130,31,0.18); --black: #0f0f0f; --dark: #1a1a1a; --mid: #2e2e2e; --steel: #3a3a3a; --gray: #888; --light: #f0ede8; --cream: #faf7f3; --white: #ffffff; } * { margin:0; padding:0; box-sizing:border-box; } html { scroll-behavior: smooth; } body { font-family: 'Noto Sans KR', sans-serif; background: var(--black); color: var(--white); overflow-x: hidden; cursor: none; } /* Custom cursor */ .cursor { width: 12px; height: 12px; background: var(--orange); border-radius: 50%; position: fixed; top:0; left:0; pointer-events: none; z-index: 9999; transition: transform 0.15s ease; mix-blend-mode: normal; } .cursor-ring { width: 36px; height: 36px; border: 2px solid var(--orange); border-radius: 50%; position: fixed; top:0; left:0; pointer-events: none; z-index: 9998; transition: transform 0.3s ease, opacity 0.3s; opacity: 0.5; } /* ── NOISE TEXTURE OVERLAY ── */ body::before { content: ''; position: fixed; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E"); pointer-events: none; z-index: 0; opacity: 0.5; } /* ── NAV ── */ nav { position: fixed; top:0; left:0; right:0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 20px 60px; background: rgba(15,15,15,0.85); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(245,130,31,0.15); } .nav-logo { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 3px; color: var(--white); } .nav-logo span { color: var(--orange); } .nav-links { display: flex; gap: 36px; list-style: none; } .nav-links a { color: var(--gray); font-size: 13px; font-weight: 500; text-decoration: none; letter-spacing: 1px; transition: color 0.2s; } .nav-links a:hover { color: var(--orange); } .nav-cta { background: var(--orange); color: var(--black); font-size: 13px; font-weight: 700; letter-spacing: 1px; padding: 10px 24px; border-radius: 4px; text-decoration: none; transition: background 0.2s, transform 0.2s; } .nav-cta:hover { background: var(--orange-dark); transform: translateY(-1px); } /* ── HERO ── */ .hero { position: relative; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 140px 60px 80px; overflow: hidden; } /* Blueprint grid background */ .hero::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(rgba(245,130,31,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(245,130,31,0.04) 1px, transparent 1px); background-size: 60px 60px; pointer-events: none; } /* Orange diagonal slash */ .hero-slash { position: absolute; right: -60px; top: 0; bottom: 0; width: 520px; background: linear-gradient(135deg, transparent 40%, rgba(245,130,31,0.06) 40%); pointer-events: none; } .hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(245,130,31,0.12); border: 1px solid rgba(245,130,31,0.35); color: var(--orange); font-size: 11px; font-weight: 700; letter-spacing: 3px; padding: 7px 16px; border-radius: 2px; margin-bottom: 32px; animation: fadeUp 0.8s ease both; } .hero-badge::before { content: '●'; font-size: 8px; animation: pulse 1.5s ease infinite; } @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} } .hero-headline { font-family: 'Bebas Neue', sans-serif; font-size: clamp(72px, 10vw, 140px); line-height: 0.92; letter-spacing: 2px; animation: fadeUp 0.8s ease 0.1s both; } .hero-headline .line-orange { color: var(--orange); display: block; } .hero-headline .line-stroke { display: block; -webkit-text-stroke: 2px rgba(255,255,255,0.25); color: transparent; } .hero-sub { font-size: 17px; font-weight: 300; color: #aaa; line-height: 1.7; max-width: 540px; margin-top: 32px; margin-bottom: 48px; animation: fadeUp 0.8s ease 0.2s both; } .hero-sub strong { color: var(--white); font-weight: 600; } .hero-actions { display: flex; gap: 16px; align-items: center; animation: fadeUp 0.8s ease 0.3s both; } .btn-primary { background: var(--orange); color: var(--black); font-size: 15px; font-weight: 900; letter-spacing: 1px; padding: 16px 40px; border-radius: 4px; text-decoration: none; transition: all 0.25s; display: inline-block; box-shadow: 0 0 40px rgba(245,130,31,0.35); } .btn-primary:hover { background: var(--orange-dark); transform: translateY(-3px); box-shadow: 0 8px 50px rgba(245,130,31,0.5); } .btn-ghost { border: 1px solid rgba(255,255,255,0.2); color: var(--white); font-size: 15px; font-weight: 500; letter-spacing: 1px; padding: 16px 36px; border-radius: 4px; text-decoration: none; transition: all 0.25s; display: inline-block; } .btn-ghost:hover { border-color: var(--orange); color: var(--orange); } /* Hero stats row */ .hero-stats { position: absolute; bottom: 50px; right: 60px; display: flex; gap: 0; animation: fadeUp 0.8s ease 0.4s both; } .hero-stat { padding: 20px 40px; border-left: 1px solid rgba(255,255,255,0.08); text-align: center; } .hero-stat:first-child { border-left: none; } .hero-stat-val { font-family: 'Bebas Neue', sans-serif; font-size: 48px; color: var(--orange); line-height: 1; letter-spacing: 2px; } .hero-stat-label { font-size: 11px; color: var(--gray); letter-spacing: 2px; margin-top: 4px; } /* Scroll indicator */ .scroll-hint { position: absolute; bottom: 50px; left: 60px; display: flex; align-items: center; gap: 12px; color: var(--gray); font-size: 11px; letter-spacing: 3px; animation: fadeUp 1s ease 0.6s both; } .scroll-line { width: 50px; height: 1px; background: var(--gray); position: relative; overflow: hidden; } .scroll-line::after { content: ''; position: absolute; top:0; left:-100%; width:100%; height:100%; background: var(--orange); animation: scanLine 2s ease infinite; } @keyframes scanLine { 0%{left:-100%} 100%{left:100%} } @keyframes fadeUp { from { opacity:0; transform: translateY(30px); } to { opacity:1; transform: translateY(0); } } /* ── TICKER ── */ .ticker { background: var(--orange); color: var(--black); padding: 12px 0; overflow: hidden; white-space: nowrap; } .ticker-inner { display: inline-block; animation: ticker 25s linear infinite; } .ticker-item { display: inline-block; margin: 0 40px; font-weight: 900; font-size: 14px; letter-spacing: 2px; } .ticker-dot { margin: 0 16px; opacity: 0.5; } @keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} } /* ── SECTIONS COMMON ── */ section { position: relative; z-index: 1; } .section-label { font-size: 11px; font-weight: 700; letter-spacing: 5px; color: var(--orange); text-transform: uppercase; margin-bottom: 16px; } .section-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(48px, 6vw, 80px); line-height: 1; letter-spacing: 1px; color: var(--white); } .section-title span { color: var(--orange); } /* ── PROBLEM SECTION ── */ .problem { background: var(--dark); padding: 120px 60px; } .problem-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; max-width: 1200px; margin: 0 auto; } .problem-pains { display: flex; flex-direction: column; gap: 20px; margin-top: 50px; } .pain-item { display: flex; align-items: flex-start; gap: 20px; padding: 24px 28px; background: var(--mid); border-left: 3px solid var(--steel); border-radius: 0 8px 8px 0; transition: border-color 0.3s, transform 0.3s; } .pain-item:hover { border-color: var(--orange); transform: translateX(6px); } .pain-num { font-family: 'Bebas Neue', sans-serif; font-size: 36px; color: var(--steel); line-height: 1; flex-shrink: 0; min-width: 36px; } .pain-item:hover .pain-num { color: var(--orange); } .pain-text { font-size: 15px; font-weight: 500; color: #ccc; line-height: 1.6; } .pain-text strong { color: var(--white); display: block; font-size: 16px; margin-bottom: 4px; } .problem-solution { background: linear-gradient(135deg, var(--mid) 0%, rgba(245,130,31,0.08) 100%); border: 1px solid rgba(245,130,31,0.2); border-radius: 16px; padding: 56px 48px; text-align: center; } .solution-icon { font-size: 80px; margin-bottom: 24px; line-height: 1; display: block; } .solution-title { font-family: 'Bebas Neue', sans-serif; font-size: 52px; color: var(--orange); letter-spacing: 2px; margin-bottom: 16px; } .solution-desc { font-size: 16px; color: #aaa; line-height: 1.8; font-weight: 300; } .solution-desc strong { color: var(--white); font-weight: 600; } /* ── FEATURES ── */ .features { background: var(--black); padding: 120px 60px; } .features-header { max-width: 1200px; margin: 0 auto 80px; display: flex; justify-content: space-between; align-items: flex-end; } .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; max-width: 1200px; margin: 0 auto; } .feature-card { background: var(--dark); padding: 48px 40px; position: relative; overflow: hidden; transition: background 0.3s; cursor: default; } .feature-card:hover { background: var(--mid); } .feature-card::before { content: ''; position: absolute; top:0; left:0; right:0; height: 3px; background: var(--steel); transition: background 0.3s; } .feature-card:hover::before { background: var(--orange); } .feature-num { font-family: 'Bebas Neue', sans-serif; font-size: 72px; color: rgba(255,255,255,0.04); position: absolute; top: 16px; right: 24px; line-height: 1; letter-spacing: -2px; transition: color 0.3s; } .feature-card:hover .feature-num { color: rgba(245,130,31,0.08); } .feature-icon-wrap { width: 64px; height: 64px; border-radius: 14px; background: rgba(245,130,31,0.1); display: flex; align-items: center; justify-content: center; margin-bottom: 28px; transition: background 0.3s; } .feature-card:hover .feature-icon-wrap { background: rgba(245,130,31,0.2); } .feature-icon-svg { width: 36px; height: 36px; } .feature-title { font-size: 20px; font-weight: 900; color: var(--white); margin-bottom: 14px; letter-spacing: -0.3px; } .feature-desc { font-size: 14px; font-weight: 300; color: var(--gray); line-height: 1.8; } .feature-tag { display: inline-block; margin-top: 24px; font-size: 11px; font-weight: 700; letter-spacing: 2px; color: var(--orange); border: 1px solid rgba(245,130,31,0.3); padding: 4px 12px; border-radius: 2px; } /* ── STATS BAND ── */ .stats-band { background: var(--orange); padding: 80px 60px; } .stats-inner { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; } .stat-block { background: rgba(0,0,0,0.12); padding: 48px 40px; text-align: center; transition: background 0.3s; } .stat-block:hover { background: rgba(0,0,0,0.22); } .stat-val { font-family: 'Bebas Neue', sans-serif; font-size: 72px; color: var(--black); line-height: 1; letter-spacing: 1px; } .stat-unit { font-family: 'Bebas Neue', sans-serif; font-size: 32px; color: rgba(0,0,0,0.5); } .stat-label { font-size: 13px; font-weight: 700; color: rgba(0,0,0,0.7); letter-spacing: 2px; margin-top: 10px; } /* ── HOW TO USE ── */ .howto { background: var(--dark); padding: 120px 60px; } .howto-inner { max-width: 1200px; margin: 0 auto; } .howto-header { margin-bottom: 80px; } .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; } .step { background: var(--black); padding: 48px 36px; position: relative; transition: background 0.3s; } .step:hover { background: var(--mid); } .step-arrow { position: absolute; right: -16px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; background: var(--orange); color: var(--black); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 900; z-index: 2; } .step:last-child .step-arrow { display: none; } .step-num { font-family: 'Bebas Neue', sans-serif; font-size: 80px; color: rgba(255,255,255,0.05); line-height: 1; position: absolute; top:16px; right:20px; } .step-circle { width: 56px; height: 56px; border-radius: 50%; background: var(--orange); color: var(--black); font-family: 'Bebas Neue', sans-serif; font-size: 28px; display: flex; align-items: center; justify-content: center; margin-bottom: 28px; letter-spacing: 1px; } .step-title { font-size: 18px; font-weight: 900; color: var(--white); margin-bottom: 12px; } .step-desc { font-size: 13px; font-weight: 300; color: var(--gray); line-height: 1.8; } /* ── USERS ── */ .users { background: var(--black); padding: 120px 60px; } .users-inner { max-width: 1200px; margin: 0 auto; } .users-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 64px; } .user-card { background: var(--dark); border: 1px solid var(--mid); border-radius: 12px; padding: 36px 24px; text-align: center; transition: all 0.3s; cursor: default; } .user-card:hover { border-color: var(--orange); transform: translateY(-8px); box-shadow: 0 20px 60px rgba(245,130,31,0.15); } .user-icon { font-size: 40px; margin-bottom: 16px; } .user-name { font-size: 16px; font-weight: 900; color: var(--white); margin-bottom: 10px; } .user-desc { font-size: 12px; font-weight: 300; color: var(--gray); line-height: 1.7; } /* ── TESTIMONIALS ── */ .testimonials { background: var(--dark); padding: 120px 60px; } .testimonials-inner { max-width: 1200px; margin: 0 auto; } .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 64px; } .testimonial { background: var(--black); border-radius: 12px; padding: 40px 36px; border: 1px solid var(--mid); transition: border-color 0.3s; position: relative; } .testimonial:hover { border-color: rgba(245,130,31,0.4); } .testimonial-quote { font-family: 'Bebas Neue', sans-serif; font-size: 80px; color: var(--orange); opacity: 0.2; position: absolute; top: 16px; left: 24px; line-height: 1; } .testimonial-text { font-size: 15px; font-weight: 300; color: #ccc; line-height: 1.8; margin-bottom: 28px; padding-top: 20px; } .testimonial-text strong { color: var(--orange); font-weight: 600; } .testimonial-author { display: flex; align-items: center; gap: 14px; } .author-avatar { width: 46px; height: 46px; border-radius: 50%; background: var(--mid); display: flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } .author-name { font-size: 14px; font-weight: 700; color: var(--white); } .author-role { font-size: 12px; color: var(--gray); margin-top: 2px; } .author-stars { font-size: 12px; color: var(--orange); margin-top: 2px; } /* ── CTA ── */ .cta-section { background: var(--black); padding: 140px 60px; text-align: center; position: relative; overflow: hidden; } .cta-bg-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'Bebas Neue', sans-serif; font-size: 300px; color: rgba(245,130,31,0.03); white-space: nowrap; letter-spacing: -5px; pointer-events: none; user-select: none; } .cta-section .section-label { justify-content: center; display: flex; } .cta-headline { font-family: 'Bebas Neue', sans-serif; font-size: clamp(60px, 9vw, 120px); line-height: 0.95; letter-spacing: 1px; color: var(--white); position: relative; } .cta-headline span { color: var(--orange); } .cta-sub { font-size: 18px; font-weight: 300; color: #aaa; margin: 32px auto; max-width: 500px; line-height: 1.7; } .cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 48px; } .btn-xl { font-size: 17px; font-weight: 900; letter-spacing: 2px; padding: 20px 56px; border-radius: 6px; text-decoration: none; transition: all 0.3s; } .btn-xl-orange { background: var(--orange); color: var(--black); box-shadow: 0 0 60px rgba(245,130,31,0.4); } .btn-xl-orange:hover { background: var(--orange-dark); transform: translateY(-4px); box-shadow: 0 12px 80px rgba(245,130,31,0.6); } .cta-free-badge { display: inline-flex; gap: 32px; margin-top: 56px; padding: 20px 48px; background: var(--dark); border: 1px solid var(--mid); border-radius: 8px; } .free-item { text-align: center; } .free-val { font-family: 'Bebas Neue', sans-serif; font-size: 32px; color: var(--orange); letter-spacing: 1px; } .free-label { font-size: 11px; color: var(--gray); letter-spacing: 2px; margin-top: 4px; } /* ── FOOTER ── */ footer { background: var(--dark); border-top: 1px solid var(--mid); padding: 60px; display: flex; justify-content: space-between; align-items: center; } .footer-logo { font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 3px; color: var(--white); } .footer-logo span { color: var(--orange); } .footer-text { font-size: 13px; color: var(--gray); line-height: 1.7; } .footer-contact { text-align: right; } .footer-contact a { display: block; color: var(--orange); font-size: 13px; text-decoration: none; font-weight: 600; letter-spacing: 1px; } .footer-contact a:hover { text-decoration: underline; } .footer-copy { font-size: 12px; color: var(--steel); margin-top: 8px; } /* ── SCROLL ANIMATIONS ── */ .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal-delay-1 { transition-delay: 0.1s; } .reveal-delay-2 { transition-delay: 0.2s; } .reveal-delay-3 { transition-delay: 0.3s; } .reveal-delay-4 { transition-delay: 0.4s; } .reveal-delay-5 { transition-delay: 0.5s; } @media (max-width: 900px) { nav { padding: 16px 24px; } .nav-links { display: none; } .hero { padding: 120px 24px 80px; } .hero-stats { position: static; flex-wrap: wrap; margin-top: 40px; } .problem-grid, .features-grid, .stats-inner, .steps, .users-grid, .testimonials-grid { grid-template-columns: 1fr; } .features-header { flex-direction: column; gap: 16px; } section { padding-left: 24px !important; padding-right: 24px !important; } footer { flex-direction: column; gap: 24px; text-align: center; } .footer-contact { text-align: center; } .step-arrow { display: none; } } </style> </head> <body> <!-- Custom Cursor --> <div class="cursor" id="cursor"></div> <div class="cursor-ring" id="cursorRing"></div> <!-- ── NAV ── --> <nav> <div class="nav-logo">건설<span>마당</span></div> <ul class="nav-links"> <li><a href="#features">서비스</a></li> <li><a href="#users">이용대상</a></li> <li><a href="#howto">시작방법</a></li> <li><a href="#reviews">후기</a></li> </ul> <a href="#cta" class="nav-cta">무료 시작하기 →</a> </nav> <!-- ── HERO ── --> <section class="hero"> <div class="hero-slash"></div> <div class="hero-badge">전국 건설업계 최초 ALL-IN-ONE 플랫폼</div> <h1 class="hero-headline"> <span class="line-orange">일감·장비·</span> <span>인력·업체를</span> <span class="line-stroke">한 번에</span> </h1> <p class="hero-sub"> 건설 현장의 <strong>모든 연결</strong>이 건설마당 하나로.<br/> 스페어기사 매칭부터 장비배차, 인력모집, 중고거래까지<br/> <strong>수수료 0원</strong>으로 즉시 시작하세요. </p> <div class="hero-actions"> <a href="#cta" class="btn-primary">지금 무료로 시작 →</a> <a href="#features" class="btn-ghost">서비스 둘러보기</a> </div> <div class="scroll-hint"> <span class="scroll-line"></span> SCROLL </div> <div class="hero-stats"> <div class="hero-stat"> <div class="hero-stat-val">27</div> <div class="hero-stat-label">건설기계 기종</div> </div> <div class="hero-stat"> <div class="hero-stat-val">0<span style="font-size:28px">원</span></div> <div class="hero-stat-label">가입비 · 수수료</div> </div> <div class="hero-stat"> <div class="hero-stat-val">50<span style="font-size:28px">%</span></div> <div class="hero-stat-label">현장 효율 향상</div> </div> <div class="hero-stat"> <div class="hero-stat-val">5</div> <div class="hero-stat-label">회원 유형 지원</div> </div> </div> </section> <!-- ── TICKER ── --> <div class="ticker" aria-hidden="true"> <div class="ticker-inner"> <span class="ticker-item">인력모집</span><span class="ticker-dot">◆</span> <span class="ticker-item">스페어기사 매칭</span><span class="ticker-dot">◆</span> <span class="ticker-item">장비배차</span><span class="ticker-dot">◆</span> <span class="ticker-item">전문업체 연계</span><span class="ticker-dot">◆</span> <span class="ticker-item">서류통합관리</span><span class="ticker-dot">◆</span> <span class="ticker-item">중고거래</span><span class="ticker-dot">◆</span> <span class="ticker-item">무료가입</span><span class="ticker-dot">◆</span> <span class="ticker-item">수수료 없음</span><span class="ticker-dot">◆</span> <span class="ticker-item">즉시 매칭</span><span class="ticker-dot">◆</span> <!-- duplicate for seamless loop --> <span class="ticker-item">인력모집</span><span class="ticker-dot">◆</span> <span class="ticker-item">스페어기사 매칭</span><span class="ticker-dot">◆</span> <span class="ticker-item">장비배차</span><span class="ticker-dot">◆</span> <span class="ticker-item">전문업체 연계</span><span class="ticker-dot">◆</span> <span class="ticker-item">서류통합관리</span><span class="ticker-dot">◆</span> <span class="ticker-item">중고거래</span><span class="ticker-dot">◆</span> <span class="ticker-item">무료가입</span><span class="ticker-dot">◆</span> <span class="ticker-item">수수료 없음</span><span class="ticker-dot">◆</span> <span class="ticker-item">즉시 매칭</span><span class="ticker-dot">◆</span> </div> </div> <!-- ── PROBLEM → SOLUTION ── --> <section class="problem" id="about"> <div class="problem-grid"> <div> <div class="section-label reveal">이런 불편함, 겪어보셨나요?</div> <h2 class="section-title reveal">건설 현장의<br/><span>고질적 문제</span></h2> <div class="problem-pains"> <div class="pain-item reveal reveal-delay-1"> <div class="pain-num">01</div> <div class="pain-text"> <strong>인력 구하기가 너무 힘들다</strong> 급하게 현장 인력이 필요한데 연락처를 찾느라 몇 시간이 낭비됩니다. </div> </div> <div class="pain-item reveal reveal-delay-2"> <div class="pain-num">02</div> <div class="pain-text"> <strong>장비 배차 전화 돌리기</strong> 필요한 장비를 구하려면 아는 사람에게 일일이 연락해야 합니다. </div> </div> <div class="pain-item reveal reveal-delay-3"> <div class="pain-num">03</div> <div class="pain-text"> <strong>서류 관리가 엉망</strong> 계약서, 자격증, 면허 파일이 여기저기 흩어져 필요할 때 못 찾습니다. </div> </div> <div class="pain-item reveal reveal-delay-4"> <div class="pain-num">04</div> <div class="pain-text"> <strong>높은 중개 수수료</strong> 기존 플랫폼의 과도한 수수료가 수익을 깎아먹습니다. </div> </div> </div> </div> <div class="problem-solution reveal"> <span class="solution-icon"> ️</span> <div class="solution-title">건설마당이<br/>해결합니다</div> <p class="solution-desc"> 전국 건설업계 <strong>최초 ALL-IN-ONE 플랫폼</strong>.<br/><br/> 인력·장비·서류·중고거래를 <strong>앱 하나</strong>로 통합.<br/> 복잡한 과정 없이 <strong>즉시 매칭</strong>, 가입비 없음, 수수료 없음. </p> </div> </div> </section> <!-- ── FEATURES ── --> <section class="features" id="features"> <div class="features-header"> <div> <div class="section-label reveal">핵심 기능</div> <h2 class="section-title reveal">6가지 서비스<br/><span>모두 무료</span></h2> </div> <p style="color:var(--gray);font-size:15px;max-width:280px;font-weight:300;line-height:1.7" class="reveal"> 건설 현장에서 필요한 모든 기능을<br/>하나의 앱에서 해결하세요. </p> </div> <div class="features-grid"> <!-- 인력모집 --> <div class="feature-card reveal"> <div class="feature-num">01</div> <div class="feature-icon-wrap"> <svg class="feature-icon-svg" viewBox="0 0 36 36" fill="none"> <circle cx="10" cy="10" r="5" stroke="#F5821F" stroke-width="2"/> <path d="M3 26 Q3 19 10 18 Q17 19 17 26" stroke="#F5821F" stroke-width="2" stroke-linecap="round"/> <circle cx="24" cy="12" r="4" stroke="#F5821F" stroke-width="1.5" opacity="0.6"/> <path d="M19 26 Q19 21 24 20 Q29 21 29 26" stroke="#F5821F" stroke-width="1.5" stroke-linecap="round" opacity="0.6"/> <circle cx="30" cy="8" r="5" fill="rgba(245,130,31,0.15)" stroke="#F5821F" stroke-width="1.5"/> <line x1="30" y1="5" x2="30" y2="11" stroke="#F5821F" stroke-width="2" stroke-linecap="round"/> <line x1="27" y1="8" x2="33" y2="8" stroke="#F5821F" stroke-width="2" stroke-linecap="round"/> </svg> </div> <h3 class="feature-title">인력 모집</h3> <p class="feature-desc">근로자·전문인력·사무인력 즉시 모집. 당일·단기·장기 공고 등록 후 지원자 선택 매칭.</p> <span class="feature-tag">근로자 · 업체</span> </div> <!-- 스페어기사 --> <div class="feature-card reveal reveal-delay-1"> <div class="feature-num">02</div> <div class="feature-icon-wrap"> <svg class="feature-icon-svg" viewBox="0 0 36 36" fill="none"> <path d="M6 24 L12 14 L20 10" stroke="#F5821F" stroke-width="2" stroke-linecap="round"/> <path d="M20 10 L28 6 L32 14" stroke="#F5821F" stroke-width="1.8" stroke-linecap="round"/> <path d="M30 13 L34 17 L32 23 L26 21 Z" fill="rgba(245,130,31,0.3)" stroke="#F5821F" stroke-width="1.5"/> <rect x="4" y="24" width="24" height="8" rx="2" fill="rgba(245,130,31,0.15)" stroke="#F5821F" stroke-width="1.5"/> <rect x="6" y="18" width="12" height="8" rx="2" stroke="#F5821F" stroke-width="1.5"/> <rect x="4" y="30" width="24" height="5" rx="2.5" fill="rgba(245,130,31,0.5)"/> </svg> </div> <h3 class="feature-title">스페어 기사</h3> <p class="feature-desc">건설기계 조종사 즉시 매칭. 스페어 기사 ↔ 업체·배차사무실·개인차주 실시간 연결.</p> <span class="feature-tag">기사 · 차주 · 업체</span> </div> <!-- 장비배차 --> <div class="feature-card reveal reveal-delay-2"> <div class="feature-num">03</div> <div class="feature-icon-wrap"> <svg class="feature-icon-svg" viewBox="0 0 36 36" fill="none"> <rect x="3" y="17" width="18" height="10" rx="2" fill="rgba(245,130,31,0.15)" stroke="#F5821F" stroke-width="1.5"/> <path d="M21 20 L29 20 L33 26 L33 27 L21 27 Z" stroke="#F5821F" stroke-width="1.5" fill="rgba(245,130,31,0.15)"/> <circle cx="9" cy="29" r="4" stroke="#F5821F" stroke-width="2"/> <circle cx="9" cy="29" r="1.5" fill="#F5821F"/> <circle cx="27" cy="29" r="4" stroke="#F5821F" stroke-width="2"/> <circle cx="27" cy="29" r="1.5" fill="#F5821F"/> <path d="M8 8 Q8 4 11 4 Q14 4 14 8 Q14 12 11 15 Q8 12 8 8Z" fill="#F5821F" opacity="0.7"/> <circle cx="11" cy="8" r="1.5" fill="white"/> <path d="M17 10 L23 10 M21 7 L25 10 L21 13" stroke="#F5821F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25 8 Q25 4 28 4 Q31 4 31 8 Q31 12 28 15 Q25 12 25 8Z" stroke="#F5821F" stroke-width="1.5" fill="none"/> <circle cx="28" cy="8" r="1.5" fill="#F5821F"/> </svg> </div> <h3 class="feature-title">장비 배차</h3> <p class="feature-desc">27개 건설기계 기종 등록 및 배차 요청. 개인차주·지입사무실·업체 모두 이용 가능.</p> <span class="feature-tag">차주 · 사무실 · 업체</span> </div> <!-- 전문업체 연계 --> <div class="feature-card reveal reveal-delay-3"> <div class="feature-num">04</div> <div class="feature-icon-wrap"> <svg class="feature-icon-svg" viewBox="0 0 36 36" fill="none"> <rect x="3" y="14" width="11" height="20" rx="2" stroke="#F5821F" stroke-width="1.5" fill="rgba(245,130,31,0.08)"/> <rect x="5" y="17" width="3" height="3" rx="0.5" fill="#F5821F" opacity="0.7"/> <rect x="10" y="17" width="3" height="3" rx="0.5" fill="#F5821F" opacity="0.7"/> <rect x="5" y="23" width="3" height="3" rx="0.5" fill="#F5821F" opacity="0.7"/> <rect x="10" y="23" width="3" height="3" rx="0.5" fill="#F5821F" opacity="0.7"/> <rect x="6" y="28" width="6" height="6" rx="1" fill="#F5821F" opacity="0.4"/> <rect x="22" y="10" width="11" height="24" rx="2" stroke="#F5821F" stroke-width="1.5" fill="rgba(245,130,31,0.15)"/> <rect x="24" y="13" width="3" height="3" rx="0.5" fill="#F5821F"/> <rect x="29" y="13" width="3" height="3" rx="0.5" fill="#F5821F"/> <rect x="24" y="19" width="3" height="3" rx="0.5" fill="#F5821F"/> <rect x="29" y="19" width="3" height="3" rx="0.5" fill="#F5821F"/> <rect x="25" y="26" width="6" height="8" rx="1" fill="#F5821F" opacity="0.3"/> <path d="M14 21 Q18 17 22 21" stroke="#F5821F" stroke-width="2" fill="none" stroke-linecap="round" stroke-dasharray="3 2"/> <circle cx="14" cy="21" r="2" fill="#F5821F"/> <circle cx="22" cy="21" r="2" fill="#F5821F"/> </svg> </div> <h3 class="feature-title">전문업체 연계</h3> <p class="feature-desc">공종별 전문건설사 모집공고 등록 및 즉시 매칭. 종합건설사 ↔ 전문건설사 실시간 연결.</p> <span class="feature-tag">종합 · 전문업체</span> </div> <!-- 서류통합관리 --> <div class="feature-card reveal reveal-delay-4"> <div class="feature-num">05</div> <div class="feature-icon-wrap"> <svg class="feature-icon-svg" viewBox="0 0 36 36" fill="none"> <rect x="13" y="4" width="18" height="22" rx="3" fill="rgba(245,130,31,0.08)" stroke="#F5821F" stroke-width="1.5" opacity="0.5"/> <rect x="8" y="8" width="18" height="22" rx="3" fill="rgba(245,130,31,0.12)" stroke="#F5821F" stroke-width="1.5" opacity="0.7"/> <rect x="3" y="12" width="20" height="22" rx="3" fill="rgba(245,130,31,0.05)" stroke="#F5821F" stroke-width="1.5"/> <line x1="7" y1="20" x2="20" y2="20" stroke="#F5821F" stroke-width="2" stroke-linecap="round"/> <line x1="7" y1="25" x2="20" y2="25" stroke="#F5821F" stroke-width="1.5" stroke-linecap="round"/> <line x1="7" y1="29" x2="15" y2="29" stroke="#F5821F" stroke-width="1.5" stroke-linecap="round"/> <circle cx="28" cy="28" r="7" fill="#1A1A1A" stroke="#F5821F" stroke-width="1.5"/> <path d="M24 28 L27 31 L32 25" stroke="#F5821F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <h3 class="feature-title">서류 통합관리</h3> <p class="feature-desc">계약서·자격증·면허 업로드 및 공유. 매칭 후 즉시 다운로드, 통합 문서 관리.</p> <span class="feature-tag">전체 회원</span> </div> <!-- 중고거래 --> <div class="feature-card reveal reveal-delay-5"> <div class="feature-num">06</div> <div class="feature-icon-wrap"> <svg class="feature-icon-svg" viewBox="0 0 36 36" fill="none"> <rect x="2" y="6" width="14" height="16" rx="3" fill="rgba(245,130,31,0.15)" stroke="#F5821F" stroke-width="1.5"/> <path d="M7 11 L7 18 M5 13 L9 13 M5 16 L9 16" stroke="#F5821F" stroke-width="2" stroke-linecap="round"/> <path d="M5 9 Q9 7 11 9 Q13 12 9 14" stroke="#F5821F" stroke-width="1.5" fill="none" stroke-linecap="round"/> <rect x="20" y="6" width="14" height="16" rx="3" stroke="#F5821F" stroke-width="1.5" fill="rgba(245,130,31,0.08)"/> <path d="M22 14 Q27 8 32 14 L33 18 L21 18 Z" fill="#F5821F" opacity="0.6"/> <rect x="21" y="17" width="12" height="3" rx="1.5" fill="#F5821F" opacity="0.3"/> <path d="M5 27 Q18 23 31 27" stroke="#F5821F" stroke-width="2" stroke-linecap="round"/> <path d="M28 24 L32 27 L28 30" stroke="#F5821F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31 31 Q18 35 5 31" stroke="#F5821F" stroke-width="2" stroke-linecap="round" opacity="0.6"/> <path d="M8 34 L4 31 L8 28" stroke="#F5821F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" opacity="0.6"/> </svg> </div> <h3 class="feature-title">중고거래</h3> <p class="feature-desc">건설장비·공구·자재·사무가구 기업간 직거래. 신속한 자산 처리, 중개 수수료 없음.</p> <span class="feature-tag">전체 회원</span> </div> </div> </section> <!-- ── STATS ── --> <div class="stats-band"> <div class="stats-inner"> <div class="stat-block"> <div class="stat-val">27<span class="stat-unit">종</span></div> <div class="stat-label">건설기계 기종 지원</div> </div> <div class="stat-block"> <div class="stat-val">30<span class="stat-unit">~50%</span></div> <div class="stat-label">현장 운영 효율 향상</div> </div> <div class="stat-block"> <div class="stat-val">0<span class="stat-unit">원</span></div> <div class="stat-label">가입비 · 수수료</div> </div> <div class="stat-block"> <div class="stat-val">3<span class="stat-unit">분</span></div> <div class="stat-label">가입 완료 소요 시간</div> </div> </div> </div> <!-- ── USERS ── --> <section class="users" id="users"> <div class="users-inner"> <div class="section-label reveal">이용 대상</div> <h2 class="section-title reveal">당신을 위한<br/><span>플랫폼입니다</span></h2> <div class="users-grid"> <div class="user-card reveal"> <div class="user-icon"> </div> <div class="user-name">근로자</div> <div class="user-desc">건설 현장 일자리 정보 획득. 일용직·단기·장기 일자리 검색 및 지원.</div> </div> <div class="user-card reveal reveal-delay-1"> <div class="user-icon"> </div> <div class="user-name">스페어 기사</div> <div class="user-desc">건설기계 조종사 일자리 확보. 스페어 모집 공고에 지원, 추가 수익 창출.</div> </div> <div class="user-card reveal reveal-delay-2"> <div class="user-icon"> </div> <div class="user-name">개인사업자(차주)</div> <div class="user-desc">장비 배차 및 일감 확보. 내 장비로 배차 요청에 지원.</div> </div> <div class="user-card reveal reveal-delay-3"> <div class="user-icon"> </div> <div class="user-name">배차(지입) 사무실</div> <div class="user-desc">소속 차주 배차 및 일감 관리. 사무실 단위 배차 등록 및 매칭.</div> </div> <div class="user-card reveal reveal-delay-4"> <div class="user-icon"> ️</div> <div class="user-name">업체(기업)</div> <div class="user-desc">인력·장비·전문업체 수급. 공고 등록 후 지원자 선택 매칭.</div> </div> </div> </div> </section> <!-- ── HOW TO ── --> <section class="howto" id="howto"> <div class="howto-inner"> <div class="howto-header"> <div class="section-label reveal">시작 방법</div> <h2 class="section-title reveal">3단계, <span>3분</span> 완료</h2> </div> <div class="steps"> <div class="step reveal"> <div class="step-num">01</div> <div class="step-circle">1</div> <h3 class="step-title">Google Play 설치</h3> <p class="step-desc">스토어에서 "건설마당"을 검색한 후 앱을 설치합니다.</p> <div class="step-arrow">→</div> </div> <div class="step reveal reveal-delay-1"> <div class="step-num">02</div> <div class="step-circle">2</div> <h3 class="step-title">회원 유형 선택</h3> <p class="step-desc">근로자·스페어기사·개인사업자·배차사무실·업체 중 선택합니다.</p> <div class="step-arrow">→</div> </div> <div class="step reveal reveal-delay-2"> <div class="step-num">03</div> <div class="step-circle">3</div> <h3 class="step-title">정보 입력 가입</h3> <p class="step-desc">유형에 맞는 정보를 입력하여 가입을 완료합니다.</p> <div class="step-arrow">→</div> </div> <div class="step reveal reveal-delay-3"> <div class="step-num">04</div> <div class="step-circle">4</div> <h3 class="step-title">바로 시작!</h3> <p class="step-desc">맞춤화된 홈 메뉴로 자동 이동. 즉시 일감·인력·장비 매칭 가능.</p> </div> </div> </div> </section> <!-- ── TESTIMONIALS ── --> <section class="testimonials" id="reviews"> <div class="testimonials-inner"> <div class="section-label reveal">실제 사용자 후기</div> <h2 class="section-title reveal">현장에서 <span>검증된</span><br/>플랫폼</h2> <div class="testimonials-grid"> <div class="testimonial reveal"> <div class="testimonial-quote">"</div> <p class="testimonial-text">전에는 인력 구하러 전화만 하루 종일 돌렸는데, 건설마당 쓰고 나서는 <strong>30분 만에 해결</strong>됐어요. 진짜 신세계입니다.</p> <div class="testimonial-author"> <div class="author-avatar"> </div> <div> <div class="author-name">김○○ 현장소장</div> <div class="author-role">서울 소재 건설업체 · 업체 회원</div> <div class="author-stars">★★★★★</div> </div> </div> </div> <div class="testimonial reveal reveal-delay-1"> <div class="testimonial-quote">"</div> <p class="testimonial-text">스페어 기사로 등록했는데 공고가 매일 올라와서 <strong>빈 날이 없어졌어요</strong>. 수수료도 없으니 수입이 훨씬 늘었습니다.</p> <div class="testimonial-author"> <div class="author-avatar"> </div> <div> <div class="author-name">이○○ 기사</div> <div class="author-role">굴착기 조종사 15년 · 스페어기사 회원</div> <div class="author-stars">★★★★★</div> </div> </div> </div> <div class="testimonial reveal reveal-delay-2"> <div class="testimonial-quote">"</div> <p class="testimonial-text">장비 배차부터 계약서 관리까지 <strong>앱 하나로 다 됩니다</strong>. 예전엔 카카오톡으로 파일 주고받다가 분실도 많았는데 이제 걱정 없어요.</p> <div class="testimonial-author"> <div class="author-avatar"> </div> <div> <div class="author-name">박○○ 차주</div> <div class="author-role">덤프트럭 개인사업자 · 차주 회원</div> <div class="author-stars">★★★★★</div> </div> </div> </div> </div> </div> </section> <!-- ── CTA ── --> <section class="cta-section" id="cta"> <div class="cta-bg-text">건설마당</div> <div class="section-label reveal">지금 시작하기</div> <h2 class="cta-headline reveal"> 무료로<br/><span>시작하세요</span> </h2> <p class="cta-sub reveal">전국 건설 네트워크가 건설마당으로 연결되고 있습니다.<br/>지금 가입하고 현장의 모든 문제를 해결하세요.</p> <div class="cta-buttons reveal"> <a href="#" class="btn-xl btn-xl-orange">Google Play에서 무료 설치 →</a> </div> <div class="cta-free-badge reveal"> <div class="free-item"> <div class="free-val">무료</div> <div class="free-label">가입비</div> </div> <div style="width:1px;background:var(--mid)"></div> <div class="free-item"> <div class="free-val">0원</div> <div class="free-label">수수료</div> </div> <div style="width:1px;background:var(--mid)"></div> <div class="free-item"> <div class="free-val">전체</div> <div class="free-label">기능 무료</div> </div> </div> </section> <!-- ── FOOTER ── --> <footer> <div> <div class="footer-logo">건설<span>마당</span></div> <p class="footer-text" style="margin-top:12px"> 건설기계 · 인력 · 업체 연결 플랫폼<br/> 전국 건설업계 최초 ALL-IN-ONE </p> </div> <div style="color:var(--gray);font-size:13px;font-weight:300;line-height:2"> 인력모집 &nbsp;·&nbsp; 스페어기사 &nbsp;·&nbsp; 장비배차<br/> 전문업체연계 &nbsp;·&nbsp; 서류통합관리 &nbsp;·&nbsp; 중고거래 </div> <div class="footer-contact"> <a href="#">Google Play Store →</a> <a href="#" style="margin-top:6px">문의: hanagu19@hanmail.net</a> <p class="footer-copy">© 2025 건설마당. All rights reserved.</p> </div> </footer> <script> // Custom cursor const cursor = document.getElementById('cursor'); const ring = document.getElementById('cursorRing'); let mx=0, my=0, rx=0, ry=0; document.addEventListener('mousemove', e => { mx = e.clientX; my = e.clientY; }); function animateCursor() { rx += (mx - rx) * 0.12; ry += (my - ry) * 0.12; cursor.style.transform = `translate(${mx-6}px, ${my-6}px)`; ring.style.transform = `translate(${rx-18}px, ${ry-18}px)`; requestAnimationFrame(animateCursor); } animateCursor(); document.querySelectorAll('a,button').forEach(el => { el.addEventListener('mouseenter', () => { cursor.style.transform += ' scale(1.8)'; ring.style.opacity = '1'; ring.style.transform += ' scale(1.5)'; }); el.addEventListener('mouseleave', () => { ring.style.opacity = '0.5'; }); }); // Scroll reveal const reveals = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((entries) => { entries.forEach(e => { if(e.isIntersecting) { e.target.classList.add('visible'); } }); }, { threshold: 0.1 }); reveals.forEach(el => io.observe(el)); // Counter animation function animateCount(el, target, suffix='') { let start = 0; const step = target / 60; const timer = setInterval(() => { start += step; if(start >= target) { start = target; clearInterval(timer); } el.textContent = Math.floor(start) + suffix; }, 20); } const statsIo = new IntersectionObserver((entries) => { entries.forEach(e => { if(e.isIntersecting) { const vals = e.target.querySelectorAll('.hero-stat-val'); vals.forEach(v => { const text = v.textContent; const num = parseInt(text); if(!isNaN(num)) { const suffix = text.replace(num.toString(),''); animateCount(v, num, suffix); } }); statsIo.unobserve(e.target); } }); }, { threshold: 0.5 }); document.querySelector('.hero-stats') && statsIo.observe(document.querySelector('.hero-stats')); </script> </body> </html> 개인차주 건설기계 조종사 굴삭기 기사 덤프 기사 스페어 기사 중장비 기사 지게차 기사 지입차주 크레인 기사 포클레인 기사 건설마당 https://geonseolmadang119.tistory.com/2 https://geonseolmadang119.tistory.com/2#entry2comment Mon, 2 Mar 2026 01:29:23 +0900 https://geonseolmadang119.tistory.com/1 <div> <style> .gm-wrap { max-width: 720px; margin: 0 auto; font-family: 'Noto Sans KR', '나눔고딕', sans-serif; color: #222; line-height: 1.85; font-size: 16px; } /* 히어로 헤더 */ .gm-hero { background: #1a1a1a; border-radius: 16px; padding: 48px 40px; text-align: center; margin-bottom: 40px; position: relative; overflow: hidden; } .gm-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(245,130,31,0.15) 0%, transparent 60%); } .gm-hero-badge { display: inline-block; background: rgba(245,130,31,0.2); border: 1px solid rgba(245,130,31,0.5); color: #F5821F; font-size: 12px; font-weight: 700; letter-spacing: 2px; padding: 6px 16px; border-radius: 20px; margin-bottom: 20px; } .gm-hero-title { font-size: 38px; font-weight: 900; color: #fff; line-height: 1.2; margin-bottom: 14px; position: relative; } .gm-hero-title span { color: #F5821F; } .gm-hero-sub { font-size: 15px; color: #aaa; font-weight: 300; position: relative; } /* 통계 배너 */ .gm-stats { display: flex; border: 2px solid #F5821F; border-radius: 12px; overflow: hidden; margin-bottom: 40px; } .gm-stat { flex: 1; text-align: center; padding: 22px 12px; border-right: 1px solid #f0f0f0; } .gm-stat:last-child { border-right: none; } .gm-stat-val { font-size: 30px; font-weight: 900; color: #F5821F; line-height: 1; margin-bottom: 6px; } .gm-stat-label { font-size: 12px; color: #888; font-weight: 500; } /* 섹션 제목 */ .gm-h2 { font-size: 22px; font-weight: 900; color: #1a1a1a; border-left: 5px solid #F5821F; padding: 4px 0 4px 16px; margin: 44px 0 20px; } .gm-h3 { font-size: 17px; font-weight: 700; color: #1a1a1a; margin: 28px 0 10px; display: flex; align-items: center; gap: 8px; } .gm-h3::before { content: ''; display: inline-block; width: 8px; height: 8px; background: #F5821F; border-radius: 50%; flex-shrink: 0; } /* 본문 텍스트 */ .gm-p { margin-bottom: 16px; } .gm-em { color: #F5821F; font-weight: 700; } .gm-strong { font-weight: 700; color: #1a1a1a; } /* 기능 카드 그리드 */ .gm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 24px 0; } .gm-card { background: #fafafa; border: 1px solid #e8e8e8; border-radius: 12px; padding: 22px 20px; border-top: 3px solid #F5821F; transition: box-shadow 0.2s; } .gm-card-icon { font-size: 28px; margin-bottom: 10px; } .gm-card-title { font-size: 15px; font-weight: 900; color: #1a1a1a; margin-bottom: 8px; } .gm-card-desc { font-size: 13px; color: #666; line-height: 1.7; } /* 사용자 타입 카드 */ .gm-users { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: 24px 0; } .gm-user { background: #f5f5f5; border-radius: 10px; padding: 18px 10px; text-align: center; } .gm-user-icon { font-size: 26px; margin-bottom: 8px; } .gm-user-name { font-size: 13px; font-weight: 700; color: #1a1a1a; margin-bottom: 6px; } .gm-user-desc { font-size: 11px; color: #888; line-height: 1.5; } /* 단계 박스 */ .gm-steps { margin: 24px 0; } .gm-step { display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px; background: #fafafa; border-radius: 10px; margin-bottom: 10px; border: 1px solid #eee; } .gm-step-num { width: 36px; height: 36px; background: #F5821F; color: #fff; border-radius: 50%; font-size: 16px; font-weight: 900; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .gm-step-title { font-size: 15px; font-weight: 700; margin-bottom: 4px; } .gm-step-desc { font-size: 13px; color: #666; } /* 체크리스트 */ .gm-checklist { margin: 16px 0; padding: 0; list-style: none; } .gm-checklist li { padding: 10px 16px; background: #fff8f4; border-radius: 8px; margin-bottom: 8px; font-size: 14px; display: flex; align-items: center; gap: 10px; border-left: 3px solid #F5821F; } .gm-checklist li::before { content: '✔'; color: #F5821F; font-weight: 900; flex-shrink: 0; } /* 인용 박스 */ .gm-quote { background: #fff8f4; border-left: 4px solid #F5821F; border-radius: 0 10px 10px 0; padding: 20px 24px; margin: 24px 0; font-size: 15px; color: #555; font-style: italic; line-height: 1.8; } .gm-quote-author { margin-top: 12px; font-size: 13px; color: #999; font-style: normal; font-weight: 700; } /* 구분선 */ .gm-divider { border: none; border-top: 2px dashed #f0f0f0; margin: 40px 0; } /* CTA 박스 */ .gm-cta { background: linear-gradient(135deg, #1a1a1a 0%, #2e2e2e 100%); border-radius: 16px; padding: 44px 40px; text-align: center; margin-top: 44px; } .gm-cta-tag { display: inline-block; background: rgba(245,130,31,0.2); color: #F5821F; font-size: 12px; font-weight: 700; letter-spacing: 2px; padding: 5px 14px; border-radius: 20px; margin-bottom: 18px; } .gm-cta-title { font-size: 30px; font-weight: 900; color: #fff; margin-bottom: 12px; line-height: 1.3; } .gm-cta-title span { color: #F5821F; } .gm-cta-sub { font-size: 15px; color: #aaa; margin-bottom: 28px; line-height: 1.7; } .gm-cta-btn { display: inline-block; background: #F5821F; color: #fff; font-size: 16px; font-weight: 900; padding: 16px 44px; border-radius: 8px; text-decoration: none; letter-spacing: 1px; box-shadow: 0 4px 24px rgba(245,130,31,0.4); } .gm-cta-free { display: flex; justify-content: center; gap: 32px; margin-top: 24px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.08); } .gm-cta-free-item { text-align: center; } .gm-cta-free-val { font-size: 20px; font-weight: 900; color: #F5821F; } .gm-cta-free-label { font-size: 11px; color: #666; margin-top: 4px; } /* 반응형 */ @media (max-width: 600px) { .gm-hero { padding: 32px 24px; } .gm-hero-title { font-size: 26px; } .gm-grid { grid-template-columns: 1fr; } .gm-users { grid-template-columns: repeat(3, 1fr); } .gm-stat-val { font-size: 22px; } .gm-cta { padding: 32px 24px; } .gm-cta-title { font-size: 22px; } .gm-cta-free { gap: 16px; } } </style> </div> <div class="gm-wrap"><!-- ── 히어로 ── --> <div class="gm-hero"> <div class="gm-hero-badge">전국 건설업계 최초 ALL-IN-ONE</div> <div class="gm-hero-title">일감&middot;장비&middot;인력&middot;업체를<br /><span>한 번에</span> 연결합니다</div> <div class="gm-hero-sub">건설마당 &middot; 가입비 없음 &middot; 수수료 없음 &middot; 모든 기능 무료</div> </div> <!-- ── 인트로 ── --> <p class="gm-p" data-ke-size="size16">안녕하세요! 오늘은 건설 현장에서 일하는 분들이라면 꼭 알아야 할 앱을 소개해 드릴게요.</p> <p class="gm-p" data-ke-size="size16">급하게 인력이 필요한데 연락처가 없거나, 장비 배차를 위해 전화를 수십 통 돌리거나, 서류가 여기저기 흩어져 있거나... 이런 불편함을 한 번에 해결해 주는 앱이 있어요.</p> <p class="gm-p" data-ke-size="size16">바로 <span class="gm-em">건설마당</span>입니다 ️</p> <!-- ── 통계 ── --> <div class="gm-stats"> <div class="gm-stat"> <div class="gm-stat-val">27종</div> <div class="gm-stat-label">건설기계 기종 지원</div> </div> <div class="gm-stat"> <div class="gm-stat-val">0원</div> <div class="gm-stat-label">가입비 &middot; 수수료</div> </div> <div class="gm-stat"> <div class="gm-stat-val">50%</div> <div class="gm-stat-label">현장 효율 향상</div> </div> <div class="gm-stat"> <div class="gm-stat-val">3분</div> <div class="gm-stat-label">가입 완료 시간</div> </div> </div> <!-- ── 건설마당이란 ── --> <div class="gm-h2"> 건설마당이란?</div> <p class="gm-p" data-ke-size="size16"><span class="gm-em">건설마당</span>은 전국 건설업계 <span class="gm-strong">최초의 ALL-IN-ONE 플랫폼</span>이에요. 인력 모집, 스페어기사 매칭, 장비 배차, 전문업체 연계, 서류 통합관리, 중고거래까지 건설 현장에서 필요한 모든 것을 앱 하나로 해결할 수 있어요.</p> <p class="gm-p" data-ke-size="size16">가장 놀라운 건? <span class="gm-em">가입비도, 수수료도 완전 무료</span>라는 점이에요!</p> <!-- ── 이용 대상 ── --> <div class="gm-h2"> 이런 분들에게 딱 맞아요</div> <div class="gm-users"> <div class="gm-user"> <div class="gm-user-icon"> </div> <div class="gm-user-name">근로자</div> <div class="gm-user-desc">건설 현장 일자리 검색 및 지원</div> </div> <div class="gm-user"> <div class="gm-user-icon"> </div> <div class="gm-user-name">스페어기사</div> <div class="gm-user-desc">건설기계 조종 일자리 확보</div> </div> <div class="gm-user"> <div class="gm-user-icon"> </div> <div class="gm-user-name">개인차주</div> <div class="gm-user-desc">장비 배차 및 일감 확보</div> </div> <div class="gm-user"> <div class="gm-user-icon"> </div> <div class="gm-user-name">배차사무실</div> <div class="gm-user-desc">소속 차주 배차 통합 관리</div> </div> <div class="gm-user"> <div class="gm-user-icon"> ️</div> <div class="gm-user-name">업체(기업)</div> <div class="gm-user-desc">인력&middot;장비&middot;업체 수급</div> </div> </div> <hr class="gm-divider" data-ke-style="style1" /><!-- ── 핵심 기능 ── --> <div class="gm-h2">✅ 건설마당 핵심 6가지 기능</div> <div class="gm-grid"> <div class="gm-card"> <div class="gm-card-icon"> </div> <div class="gm-card-title">인력 모집</div> <div class="gm-card-desc">근로자&middot;전문인력&middot;사무인력 즉시 모집. 당일&middot;단기&middot;장기 공고 등록 후 지원자 선택 매칭.</div> </div> <div class="gm-card"> <div class="gm-card-icon"> </div> <div class="gm-card-title">스페어 기사</div> <div class="gm-card-desc">건설기계 조종사 즉시 매칭. 스페어 기사 &harr; 업체&middot;배차사무실&middot;개인차주 실시간 연결.</div> </div> <div class="gm-card"> <div class="gm-card-icon"> ️</div> <div class="gm-card-title">장비 배차</div> <div class="gm-card-desc">27개 건설기계 기종 지원! 굴착기, 불도저, 덤프트럭, 크레인 등 모든 기종 배차 가능.</div> </div> <div class="gm-card"> <div class="gm-card-icon"> </div> <div class="gm-card-title">전문업체 연계</div> <div class="gm-card-desc">공종별 전문건설사 모집공고 등록 및 즉시 매칭. 종합 &harr; 전문건설사 실시간 연결.</div> </div> <div class="gm-card"> <div class="gm-card-icon"> </div> <div class="gm-card-title">서류 통합관리</div> <div class="gm-card-desc">계약서&middot;자격증&middot;면허 업로드 및 공유. 매칭 후 즉시 다운로드, 서류 분실 걱정 끝!</div> </div> <div class="gm-card"> <div class="gm-card-icon"> </div> <div class="gm-card-title">중고거래</div> <div class="gm-card-desc">건설장비&middot;공구&middot;자재&middot;사무가구 기업간 직거래. 수수료 없이 빠른 자산 처리.</div> </div> </div> <hr class="gm-divider" data-ke-style="style1" /><!-- ── 사용 후기 ── --> <div class="gm-h2"> 실제 사용자 후기</div> <div class="gm-quote">"전에는 인력 구하러 전화만 하루 종일 돌렸는데, 건설마당 쓰고 나서는 <b>30분 만에 해결</b>됐어요. 진짜 신세계입니다." <div class="gm-quote-author">&mdash; 김○○ 현장소장 (서울 소재 건설업체)</div> </div> <div class="gm-quote">"스페어 기사로 등록했는데 공고가 매일 올라와서 <b>빈 날이 없어졌어요</b>. 수수료도 없으니 수입이 훨씬 늘었습니다." <div class="gm-quote-author">&mdash; 이○○ 굴착기 조종사 (경력 15년)</div> </div> <div class="gm-quote">"장비 배차부터 계약서 관리까지 <b>앱 하나로 다 됩니다</b>. 예전엔 카카오톡으로 파일 주고받다가 분실도 많았는데 이제 걱정 없어요." <div class="gm-quote-author">&mdash; 박○○ 덤프트럭 개인차주</div> </div> <hr class="gm-divider" data-ke-style="style1" /><!-- ── 이런 점이 좋아요 ── --> <div class="gm-h2"> 건설마당, 이런 점이 좋아요</div> <ul class="gm-checklist" style="list-style-type: disc;" data-ke-list-type="disc"> <li>가입비, 수수료 <b>완전 무료</b></li> <li>모든 기능 무료 제공</li> <li>27가지 건설기계 기종 지원</li> <li>현장 운영 효율 <b>30~50% 향상</b></li> <li>실시간 즉시 매칭</li> <li>서류까지 한 번에 통합 관리</li> <li>노쇼 방지&middot;이중매칭 방지 시스템</li> <li>허위 등록 금지로 안전한 플랫폼</li> </ul> <hr class="gm-divider" data-ke-style="style1" /><!-- ── 가입 방법 ── --> <div class="gm-h2"> 3분이면 시작 완료!</div> <div class="gm-steps"> <div class="gm-step"> <div class="gm-step-num">1</div> <div> <div class="gm-step-title">Google Play 설치</div> <div class="gm-step-desc">Google Play Store에서 <b>"건설마당"</b> 검색 후 설치</div> </div> </div> <div class="gm-step"> <div class="gm-step-num">2</div> <div> <div class="gm-step-title">회원 유형 선택</div> <div class="gm-step-desc">근로자 &middot; 스페어기사 &middot; 개인사업자 &middot; 배차사무실 &middot; 업체 중 선택</div> </div> </div> <div class="gm-step"> <div class="gm-step-num">3</div> <div> <div class="gm-step-title">정보 입력 후 가입 완료</div> <div class="gm-step-desc">유형에 맞는 정보를 입력하면 끝! 맞춤형 홈 화면으로 자동 이동</div> </div> </div> <div class="gm-step"> <div class="gm-step-num">4</div> <div> <div class="gm-step-title">즉시 시작!</div> <div class="gm-step-desc">바로 일감&middot;인력&middot;장비 매칭 시작 가능. 3분이면 충분합니다!</div> </div> </div> </div> <!-- ── CTA ── --> <div class="gm-cta"> <div class="gm-cta-tag">지금 바로 무료로 시작</div> <div class="gm-cta-title">전국 건설 네트워크가<br /><span>건설마당</span>으로 연결됩니다</div> <div class="gm-cta-sub">건설 현장에서 일하신다면 꼭 한 번 사용해보세요!<br />Google Play Store에서 <b>"건설마당"</b> 검색</div> <a class="gm-cta-btn" href="https://play.google.com/store/search?q=건설마당" target="_blank" rel="noopener"> Google Play에서 무료 설치 &rarr; </a> <div class="gm-cta-free"> <div class="gm-cta-free-item"> <div class="gm-cta-free-val">무료</div> <div class="gm-cta-free-label">가입비</div> </div> <div class="gm-cta-free-item"> <div class="gm-cta-free-val">0원</div> <div class="gm-cta-free-label">수수료</div> </div> <div class="gm-cta-free-item"> <div class="gm-cta-free-val">전체</div> <div class="gm-cta-free-label">기능 무료</div> </div> </div> </div> </div> <!-- /gm-wrap --> 개인차주 건설기계 조종사 굴삭기 기사 덤프 기사 스페어 기사 중장비 기사 지게차 기사 지입차주 크레인 기사 포클레인 기사 건설마당 https://geonseolmadang119.tistory.com/1 https://geonseolmadang119.tistory.com/1#entry1comment Mon, 2 Mar 2026 01:14:29 +0900