{"id":12,"date":"2025-05-07T13:46:02","date_gmt":"2025-05-07T04:46:02","guid":{"rendered":"https:\/\/hyj8015.mycafe24.com\/?page_id=12"},"modified":"2025-05-23T13:21:00","modified_gmt":"2025-05-23T04:21:00","slug":"home","status":"publish","type":"page","link":"https:\/\/wgroup.kr\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<!-- Link Swiper's CSS -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n\n\n\n<style>\n.sec-inner {max-width: 1600px; margin: 0 auto; min-height:300px;}\n\n\/* sec1 *\/\n.sec1 {position: relative; margin-top:140px;}\n.sec1 .sec-inner {height:80vh;}\n.sec1 .sec1-title {padding:0; position: absolute; z-index: 100; top: 50%; left: 45%; transform: translate(-50%, -50%); width: max-content;}\n.sec1 .sec1-title h1 {font-family: 'S-CoreDream-7ExtraBold' !important; font-size:4rem !important; line-height:1.3;}\n.sec1 .sec1-title h3 {font-family: 'S-CoreDream-5Medium' !important;}\n.sec1 .swiper {width: 100%;height: 100%;}\n.sec1 .swiper-slide {font-size: 18px;background: #fff; display: flex;justify-content: center; align-items: center; overflow: hidden;}\n.sec1 .swiper-slide img {display: block;width: 100%; height: 100%; object-fit: cover; transform: scale(1.2);}\n.swiper-button-next, .swiper-button-prev {display:none;}\n\n\/* \ud65c\uc131 \uc2ac\ub77c\uc774\ub4dc\uc5d0\ub9cc \uc560\ub2c8\uba54\uc774\uc158 \uc801\uc6a9 *\/\n.sec1 .swiper-slide.swiper-slide-active img {\n  animation: zoomIn 5s ease forwards;\n}\n\n\/* \uc560\ub2c8\uba54\uc774\uc158 \ud6a8\uacfc *\/\n@keyframes zoomIn {\n  0% {\n    transform: scale(1.2);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n\n\/*sec2*\/\n.sec2 .sec-inner {position: relative; margin-top: 100px; margin-bottom: 100px;}\n.sec2-title-box {position: absolute; z-index:1; top:-30px;}\n.sec2-title-box .sec2-title {font-family: 'S-CoreDream-5Medium' !important; font-size:5rem !important; margin:0;}\n.sec2-title-box .sec2-title.on {color:#2d8dcd !important; transition: all .3s;}\n.sec2-img-box {position: relative; left: 50%; transform: translateX(-50%); width: 60%; height: 543px;}\n.sec2-desc-box {position: absolute; bottom: -15px; right: 0; text-align: end;}\n.sec2-desc-box h5 {margin:0}\n.sec2-img-box ul li {margin: 0; position: absolute; top:20px; left:0;}\n.h-logo-box {position: absolute; right: 0; width: 5%;}\n\n\/*\ud6a8\uacfc*\/\n.sec2-img-box ul li {transform: scale(1.1); opacity: 0; filter: blur(5px); transition: transform 1s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1s cubic-bezier(0.25, 0.1, 0.25, 1), filter 1s cubic-bezier(0.25, 0.1, 0.25, 1);}\n.sec2-img-box ul li.show {transform: scale(1); opacity: 1; filter: blur(0);}\n\n\/*sec3*\/\n.sec3 {background: url(\/wp-content\/uploads\/2025\/05\/sec3-bg.png) no-repeat 50% 70%;}\n.sec3 .sec-inner {display: flex; max-width:none;}\n.sec3 .sec-inner .sec3-row:nth-child(1) {width: 40%; border-right: 1px solid; border-color:rgba(255, 255, 255, .5); padding-left:8.5vw;}\n.sec3 .sec-inner .sec3-row:nth-child(2) {width: 40%; border-right: 1px solid; border-color:rgba(255, 255, 255, .5); display: flex; flex-direction: column; align-items: center; text-align: center; gap:5vh;}\n.sec3 .sec-inner .sec3-row:nth-child(3) {width: 20%; display: flex; flex-direction: column; padding:0;}\n.sec3 .sec-inner .sec3-row {padding-top:8vh; padding-bottom:8vh;}\n.sec3 .sec-inner .sec3-row:nth-child(2) .img-box img {width: 60%;}\n.sec3 .sec-inner .sec3-row:nth-child(2) .img-box02 img {width: 90%;}\n.sec3 .sec-inner .sec3-row:nth-child(1) h3 {font-size: 2rem !important; margin-bottom: 20px !important}\n.sec3 .sec-inner .sec3-row:nth-child(1) img {width: 20%;}\n.sec3 .sec-inner .sec3-row .sec3-col {flex: 1; display: flex; align-items: center; padding-right:8.5vw; border-bottom: 1px solid #fff;}\n.sec3 .sec-inner .sec3-row .sec3-col:last-child {border:none;}\n.sec3 .sec-inner .sec3-row .sec3-col h5 {flex: 1; color:#fff; text-align: center;}\n.sec3 .sec-inner .sec3-row .sec3-col h5.ar {display: flex; justify-content: flex-end; transition: transform .3s;}\n\n\/*hover\ud6a8\uacfc*\/\n.sec3 .sec-inner .sec3-row .sec3-col:hover {background:#fff;}\n.sec3 .sec-inner .sec3-row .sec3-col:hover h5 {color:#001d38;}\n.sec3 .sec-inner .sec3-row .sec3-col:hover h5.ar {transform: translateX(20px);}\n<\/style>\n\n\n\n<style>\n\/* \ud0dc\ube14\ub9bf \uc0ac\uc774\uc988 *\/\n@media (max-width: 1024px) and (min-width: 768px) {\n .sec-inner {width:90%;}\n\n .sec1 .sec1-title h1 {font-size: 2rem !important;}\n .sec1 .sec1-title h3 {font-size: 1rem !important;}\n .sec1 .sec1-title {left:50%;}\n .sec1 .sec-inner {height: 75vh;}\n\n .sec2-title-box .sec2-title {font-size: 3rem !important;}\n .sec2-img-box {height: auto;}\n .sec2-desc-box {bottom: 28px;}\n\n .sec3 .sec-inner {flex-direction: column; gap: 5vh; padding:5vh 0;}\n .sec3 .sec-inner .sec3-row {padding:0 !important; width:100% !important; border:none !important; text-align: center;}\n .sec3 .sec-inner .sec3-row:nth-child(2) .img-box02 img {width: 60%;}\n .sec3 .sec-inner .sec3-row:nth-child(1) img {width:10%;}\n .sec3 .sec-inner .sec3-row:nth-child(1) h3 {font-size:1.4rem !important;}\n .sec3 .sec-inner .sec3-row:nth-child(2) .img-box img {display:none;}\n .sec3 .sec-inner .sec3-row:nth-child(2) {gap:0;}\n .sec3 .sec-inner .sec3-row .sec3-col {min-height: 70px;}\n .sec3 {background-position-x: 90%;}\n}\n\n\/* \ubaa8\ubc14\uc77c \uc0ac\uc774\uc988 *\/\n@media (max-width: 767px) {\n .sec-inner {width:90%;}\n\n .sec1 .sec1-title h1 {font-size: 1.4rem !important;}\n .sec1 .sec1-title h3 {font-size: 1rem !important;}\n .sec1 .sec1-title {left:50%; width: 75%;}\n .sec1 .sec-inner {height: 75vh;}\n\n .sec2-title-box .sec2-title {font-size: 1.5rem !important;}\n .sec2-img-box {height: auto; width: 90%;}\n .sec2-desc-box {bottom: 5px;}\n .sec2 .sec-inner {min-height: 195px; margin-top:70px; margin-bottom:50px;}\n .sec2-desc-box h5 {font-size:10px !important;}\n .h-logo-box {width: 15%; z-index: 1;}\n\n .sec3 .sec-inner {flex-direction: column; gap: 5vh; padding:5vh 0;}\n .sec3 .sec-inner .sec3-row {padding:0 !important; width:100% !important; border:none !important; text-align: center;}\n .sec3 .sec-inner .sec3-row:nth-child(2) .img-box02 img {width: 75%;}\n .sec3 .sec-inner .sec3-row:nth-child(1) img {width:20%;}\n .sec3 .sec-inner .sec3-row:nth-child(1) h3 {font-size:1.4rem !important;}\n .sec3 .sec-inner .sec3-row:nth-child(2) .img-box img {display:none;}\n .sec3 .sec-inner .sec3-row:nth-child(2) {gap:0;}\n .sec3 .sec-inner .sec3-row .sec3-col {min-height: 70px;}\n .sec3 {background-position-x: 90%;}\n}\n<\/style>\n\n\n\n<div class=\"section sec1\">\n<div class=\"sec-inner\">\n<div class=\"sec1-title\">\n<h1 class=\"white\">MAKE YOUR LIFE BETTER THAN BEFORE<\/h1>\n<h3 class=\"white\">W\uadf8\ub8f9\uc740 \ube60\ub974\uac8c \ubcc0\ud654\ud558\ub294 \uc2dc\ub300\uc5d0 \uc804\ubb38\uc131, \uc815\uc9c1\ud568, \ucc45\uc784\uac10\uc73c\ub85c <br>\uace0\uac1d\ub2d8\uacfc\uc758 \uc18c\ud1b5\uc744 \uc18c\uc911\ud558\uac8c \uc0dd\uac01\ud569\ub2c8\ub2e4.<\/h3>\n<\/div>\n<!-- Swiper -->\n<div class=\"swiper mySwiper\">\n<div class=\"swiper-wrapper\">\n<div class=\"swiper-slide\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/main-02.png\" alt=\"main slide01\">\n<\/div>\n<div class=\"swiper-slide\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/main-03.png\" alt=\"main slide02\">\n<\/div>\n<div class=\"swiper-slide\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/main-01.png\" alt=\"main slide03\">\n<\/div>\n<\/div>\n\n<\/div>\n\n<\/div><!--sec-inner-->\n<\/div><!--sec1-->\n\n\n\n<div class=\"section sec2\">\n<div class=\"sec-inner\">\n<div class=\"h-logo-box\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/h-logo.png\" alt=\"\ud558\uc6b0\uc9d5\ub85c\uace0\"><\/div>\n<div class=\"sec2-title-box\">\n<h1 class=\"sec2-title on\" data-filter=\"con\">CONSTRUCTION<\/h1>\n<h1 class=\"sec2-title\" data-filter=\"med\">MEDIA<\/h1>\n<h1 class=\"sec2-title\" data-filter=\"edu\">EDUCATION<\/h1>\n<\/div>\n<div class=\"sec2-img-box\">\n<ul>\n<li data-category=\"con\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/sec2-img01.png\" alt=\"construction img\"><\/li>\n<li data-category=\"med\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/sec2-img02.png\" alt=\"media img\"><\/li>\n<li data-category=\"edu\"><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/sec2-img03.png\" alt=\"education img\"><\/li>\n<\/ul>\n<\/div>\n<div class=\"sec2-desc-box\">\n<h5 class=\"black\"><span class=\"white\">\ud604 \uc2dc\ub300\uc5d0\uc11c<\/span> \uc6b0\ub9ac\ub294 \u201c\ud328\uc2a4\ud2b8 \ud314\ub85c\uc5b4 (Fast Follower)\u201d\uac00<br><span class=\"white\">\uc544\ub2cc<\/span> <span class=\"navy f-medium\">\u201c\ud37c\uc2a4\ud2b8 \ubb34\ubc84(First Mover)\u201d<\/span> \uac00 \ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/h5>\n<\/div>\n<\/div><!--sec-inner-->\n<\/div><!--sec2-->\n\n\n\n<div class=\"section sec3\">\n<div class=\"sec-inner\">\n<div class=\"sec3-row\" data-aos=\"fade-up\" data-aos-duration=\"1500\">\n<h3 class=\"white\">\uace0\uac1d\uacfc\uc758 \uc2e0\ub8b0\ub97c<br> \ucd5c\uace0\uc758 \uac00\uce58\ub85c \uc0dd\uac01\ud558\ub294<\/h3>\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/logo-w.png\" alt=\"W\uadf8\ub8f9 \ub85c\uace0\">\n<\/div>\n<div class=\"sec3-row\">\n<div class=\"img-box\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/logo-w.png\" alt=\"W\uadf8\ub8f9 \ub85c\uace0\">\n<\/div>\n<div class=\"img-box02\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/05\/sec3-img01-1.png\" alt=\"W\uadf8\ub8f9 \uacc4\uc5f4\uc0ac \uc870\uc9c1\ub3c4\" data-aos=\"zoom-in\" data-aos-duration=\"1000\">\n<\/div>\n<\/div>\n<div class=\"sec3-row\">\n<a class=\"sec3-col\" href=\"\/?page_id=15\">\n<h5 class=\"ti\">\ud68c\uc0ac\uc18c\uac1c<\/h5>\n<h5 class=\"ar\">\u2192<\/h5>\n<\/a>\n<a class=\"sec3-col\" href=\"\/?page_id=21\">\n<h5 class=\"ti\">\uacc4\uc5f4\uc0ac\uc18c\uac1c<\/h5>\n<h5 class=\"ar\">\u2192<\/h5>\n<\/a>\n<a class=\"sec3-col\" href=\"\/?page_id=25\">\n<h5 class=\"ti\">\ud64d\ubcf4\uc13c\ud130<\/h5>\n<h5 class=\"ar\">\u2192<\/h5>\n<\/a>\n<a class=\"sec3-col\" href=\"\/?page_id=27\">\n<h5 class=\"ti\">\uc778\uc7ac\ucc44\uc6a9<\/h5>\n<h5 class=\"ar\">\u2192<\/h5>\n<\/a>\n<\/div>\n<\/div><!--sec-inner-->\n<\/div><!--sec3-->\n\n\n\n<!-- Swiper JS -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<!-- Initialize Swiper -->\n<script>\n    var swiper = new Swiper(\".sec1 .mySwiper\", {\n      navigation: {\n        nextEl: \".swiper-button-next\",\n        prevEl: \".swiper-button-prev\",\n      },\n      autoplay: {\n            delay: 3000, \n            \/\/ \uc2ac\ub77c\uc774\ub4dc\uac00 \uc790\ub3d9\uc73c\ub85c \uc804\ud658\ub418\uae30\uae4c\uc9c0\uc758 \uc2dc\uac04 \uac04\uaca9\n      },\n      speed: 3000,\n      \/\/ \uc2ac\ub77c\uc774\ub4dc\uac00 \uc790\ub3d9\uc73c\ub85c \uc804\ud658\ub418\ub294 \uc18d\ub3c4\ub97c \uc124\uc815\n      loop: true,\n      \/\/ \uc2ac\ub77c\uc774\ub4dc\uac00 \ubb34\ud55c \uc21c\ud658\n    });\n\n$(document).ready(function () {\n  \/\/ \ucd08\uae30: 'con'\ub9cc \ubcf4\uc774\uae30 + \uc560\ub2c8\uba54\uc774\uc158 \uc801\uc6a9\n  $('.sec2-img-box ul li').hide().removeClass('show');\n  const $initial = $('.sec2-img-box ul li[data-category=\"con\"]');\n  $initial.show();\n  setTimeout(() => {\n    $initial.addClass('show');\n  }, 10);\n\n  \/\/ \ud638\ubc84 \uc2dc \ud544\ud130\ub9c1 \uc560\ub2c8\uba54\uc774\uc158\n  $('.sec2-title-box .sec2-title').on('mouseenter', function () {\n    const filter = $(this).data('filter');\n\n    $('.sec2-title-box .sec2-title').removeClass('on');\n    $(this).addClass('on');\n\n    $('.sec2-img-box ul li').hide().removeClass('show');\n    const $target = $(`.sec2-img-box ul li[data-category=\"${filter}\"]`);\n    $target.show();\n    setTimeout(() => {\n      $target.addClass('show');\n    }, 10);\n  });\n});\n\n$( document ).ready( function() {\n   AOS.init();\n});\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>MAKE YOUR LIFE BETTER THAN BEFORE W\uadf8\ub8f9\uc740 \ube60\ub974\uac8c \ubcc0\ud654\ud558\ub294 \uc2dc\ub300\uc5d0 \uc804\ubb38\uc131, \uc815\uc9c1\ud568, \ucc45\uc784\uac10\uc73c\ub85c \uace0\uac1d\ub2d8\uacfc\uc758 \uc18c\ud1b5\uc744 \uc18c\uc911\ud558\uac8c \uc0dd\uac01\ud569\ub2c8\ub2e4. CONSTRUCTION MEDIA EDUCATION \ud604 \uc2dc\ub300\uc5d0\uc11c \uc6b0\ub9ac\ub294 \u201c\ud328\uc2a4\ud2b8 \ud314\ub85c\uc5b4 (Fast Follower)\u201d\uac00\uc544\ub2cc \u201c\ud37c\uc2a4\ud2b8 \ubb34\ubc84(First Mover)\u201d \uac00 \ub418\uc5b4\uc57c \ud569\ub2c8\ub2e4. \uace0\uac1d\uacfc\uc758 \uc2e0\ub8b0\ub97c \ucd5c\uace0\uc758 \uac00\uce58\ub85c \uc0dd\uac01\ud558\ub294 \ud68c\uc0ac\uc18c\uac1c \u2192 &hellip; <a href=\"https:\/\/wgroup.kr\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wgroup.kr\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wgroup.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wgroup.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wgroup.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wgroup.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":154,"href":"https:\/\/wgroup.kr\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":648,"href":"https:\/\/wgroup.kr\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/648"}],"wp:attachment":[{"href":"https:\/\/wgroup.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}