{"id":6,"date":"2025-03-11T05:40:21","date_gmt":"2025-03-11T05:40:21","guid":{"rendered":"https:\/\/jsconsulting0.mycafe24.com\/?page_id=6"},"modified":"2025-03-27T23:51:44","modified_gmt":"2025-03-27T23:51:44","slug":"home","status":"publish","type":"page","link":"https:\/\/jscon.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<!-- Swiper JS -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n\n\n<style>\n\/* section1 *\/\n.scroll-box{width: fit-content; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);z-index: 100;}\n.scroll-box p{text-align: center; text-transform: uppercase; color: #fff; font-size: 18px !important; font-weight:400;}\n.scroll-box .scroll {width: 3px; background: rgb(219 219 219 \/ 40%); height: 50px; margin: 0 auto; position: relative; overflow: hidden;}\n.scroll-box .scroll .scr_bg {position: absolute; top: 0; width: 100%; height: 0%; background: white; animation: fillScroll 3s ease-in-out infinite;}\n\n@keyframes fillScroll {\n    from {\n        height: 0%;\n    }\n    to {\n        height: 100%;\n    }\n}\n\n.section.section1 {height:100vh; padding:0 !important; position: relative;}\n.section1 .main-inner .title {position: absolute; z-index: 100; top: 70%; left: 50%; transform: translate(-50%, -50%); text-align: center;}\n.section1 .main-inner .title h3 {color:#fff; margin: 0;}\n.section1 .main-inner .title h1 {color:#fff; font-weight:600; margin: 0;}\n\n.section1 .swiper {width: 100%;height: 100%;}\n.section1 .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}\n.section1 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}\n.swiper-button-next, .swiper-button-prev {display:none;}\n.swiper-slide img {width: 100%; transition: transform 5s ease-in-out;}\n.swiper-slide-active img {transform: scale(1.1);}\n\n.sec2 .main-inner {display: flex; justify-content: space-between; align-items: center;}\n.sec2-le {width: 50%; display: flex; justify-content: center;}\n.sec2-ri {width: 50%; overflow: hidden;}\n.sec2-ri:hover img {transform: scale(1.1);}\n.sec2-ri img {max-height: 800px; transition: transform 1s ease-in-out;}\n.le-inner h4 {font-size: 35px !important; font-weight: bold; color: #222;}\nspan.deco {color: #1797c7; font-size: 18px; font-weight: bold; text-transform: uppercase;}\na.btnBox {color: #1797c7; border: 2px solid; padding: 10px 20px; margin-top: 50px; display: block; width: fit-content; font-weight: 600; font-size: 16px; transition: all .5s;}\n\n.sec3 {background:#f9f9f9;}\n.sec3 .main-inner, .sec4 .main-inner {max-width:1600px; margin:0 auto; padding:150px 0;}\n.sec_ti {text-align: center;}\n.sec_ti h3 {color:#222; font-weight: bold; margin-bottom:50px;}\n.itemBox {display: flex; flex-direction: column; gap: 20px; align-items: center;}\n.itemBox-up {display: flex; gap: 20px;}\n.itemBox-down {display: flex; gap: 20px; justify-content: center;}\n.itemBox .item {border-top: 2px solid #222;}\n.itemBox .item h5 {color: #222; font-size: 25px !important; margin-bottom:0; margin-top:20px;}\np.en {font-size: 20px !important; color: #222; margin-bottom: 30px;}\n.sec3 .itemBox .item:hover .imgBox img {transform: scale(1.2);}\n.sec3 .itemBox .item .imgBox img {transition: transform 1s ease-in-out;}\n.sec3 .itemBox .item .imgBox {overflow: hidden;}\n.itemBox .item h5 {position: relative; width: fit-content; z-index: 1; overflow: hidden;}\n.itemBox .item h5::after {content: ''; background: #1797c7; width: 0; height: 10px; position: absolute; left: 0; bottom: 5px; z-index: -1; opacity: .6; transition: width 0.4s ease-in-out;}\n.itemBox .item:hover h5::after {width: 100%;}\n\n.sec4-le .item h5 {text-transform: uppercase; color:#222; margin:0;}\n.sec4-le .item h5.thin {font-weight: 400;}\n.sec4-le .item h5 img {width: 25px; margin-bottom:10px;}\n.sec4-le .item {border-top: 2px solid; padding: 25px 0;}\n.sec4 .sec-inner {display: flex; gap: 5%;}\n.sec4 .sec-inner .sec4-le {width:35%;}\n.sec4 .sec-inner .sec4-ri {width:60%;}\n.root_daum_roughmap .cont {display:none;}\n\na.btnBox:hover {background: #1797c7; color: #fff;}\n\n@media (max-width:768px){\n.section1 .main-inner .title {top: 75%;}\n.section1 .main-inner .title h3 {font-size:20px !important;}\n.section1 .main-inner .title h1 {font-size:35px !important;}\n.scroll-box p {font-size:15px !important;}\n\n.sec2 .main-inner {flex-direction: column;}\n.sec2 .le-inner h4 {font-size: 25px !important;}\n.sec2 .sec2-le {width:80%; padding: 80px 0;}\n.sec2 .sec2-ri {width:100%;}\n.pc_br {display:none;}\n\n.sec3 .main-inner, .sec4 .main-inner {padding: 80px 0;}\n.itemBox-up, .itemBox-down {flex-direction: column; width: 80%;}\n\n.sec4 .sec-inner {flex-direction: column; align-items: center;}\n.sec4 .sec-inner .sec4-le, .sec4 .sec-inner .sec4-ri {width:80%;}\n}\n\n<\/style>\n\n\n\n<div class=\"section section1\">\n\n<div class=\"scroll-box\">\n<p>scroll<\/p>\n<div class=\"scroll\">\n<div class=\"scr_bg\"><\/div>\n<\/div> <!-- scroll -->\n<\/div> <!-- scroll-box -->\n\n<div class=\"main-inner\">\n<div class=\"title\" data-aos=\"fade-up\" data-aos-duration=\"1000\">\n<h3>\ubbf8\ub798\uc0ac\ud68c\ub97c \uc120\ub3c4\ud558\ub294<\/h3>\n<h1>Engineering Partner<\/h1>\n<\/div> <!--title-->\n<\/div>\n\n<!-- Swiper -->\n<div class=\"swiper mySwiper\">\n<div class=\"swiper-wrapper\">\n\n<div class=\"swiper-slide\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/main-01.png\" alt=\"main\" class=\"deskImg\">\n<\/div>\n<div class=\"swiper-slide\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/main-02.png\" alt=\"main\" class=\"deskImg\">\n<\/div>\n<div class=\"swiper-slide\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/main-03.png\" alt=\"main\" class=\"deskImg\">\n<\/div>\n\n<\/div>\n<div class=\"swiper-button-next\"><\/div>\n<div class=\"swiper-button-prev\"><\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"section sec2\">\n<div class=\"main-inner\">\n<div class=\"sec2-le\">\n<div class=\"le-inner\" data-aos=\"fade-right\" data-aos-duration=\"1500\">\n<span class=\"deco\">ABOUT<\/span>\n<h4>\uc81c\uc774\uc5d0\uc2a4\ucee8\uc124\ud305\uc740 \uc218\uc790\uc6d0\uac1c\ubc1c \ubd84\uc57c\uc640<br class=\"pc_br\"> \ubc29\uc7ac \ubd84\uc57c\uc758 \uc5d4\uc9c0\ub2c8\uc5b4\ub9c1 \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud558\ub294<br class=\"pc_br\"> \uc804\ubb38 \ud1a0\ubaa9\uc5d4\uc9c0\ub2c8\uc5b4\ub9c1 \uae30\uc5c5\uc785\ub2c8\ub2e4.<\/h4>\n<a class=\"btnBox\" href=\"\/?page_id=8\">+ View More<\/a>\n<\/div>\n<\/div>\n<div class=\"sec2-ri\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/sec1_img01.png\">\n<\/div>\n<\/div><!--inner-->\n<\/div><!--sec2-->\n\n<div class=\"section sec3\">\n<div class=\"main-inner\">\n<div class=\"sec_ti\">\n<span class=\"deco\">Business field<\/span>\n<h3>\uc0ac\uc5c5\ubd84\uc57c<\/h3>\n<\/div>\n<div class=\"itemBox\">\n<div class=\"itemBox-up\" data-aos=\"fade-up\" data-aos-duration=\"1500\">\n<div class=\"item item01\">\n<h5>\ud558\ucc9c \ubd84\uc57c<\/h5>\n<p class=\"en\">River Improvement Sector<\/p>\n<div class=\"imgBox\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/busi-img14.png\" alt=\"\ud558\ucc9c \ubd84\uc57c\">\n<\/div>\n<\/div><!--item01-->\n<div class=\"item item02\">\n<h5>\ubc29\uc7ac\ubd84\uc57c<\/h5>\n<p class=\"en\">Disaster Provention<\/p>\n<div class=\"imgBox\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/busi-img13.png\" alt=\"\ubc29\uc7ac\ubd84\uc57c\">\n<\/div>\n<\/div><!--item02-->\n<div class=\"item item03\">\n<h5>\uc5f0\uad6c\uac1c\ubc1c\uc0ac\uc5c5 \ubc0f \uc2dc\uc2a4\ud15c \uac1c\ubc1c<\/h5>\n<p class=\"en\">R&#038;D Institute &#038; System Development Sector<\/p>\n<div class=\"imgBox\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/busi-img08.png\" alt=\"\uc5f0\uad6c\uac1c\ubc1c \ubc0f \uc7ac\ud574\uc608\ubc29 \ubd84\uc57c\">\n<\/div>\n<\/div><!--item03-->\n<\/div>\n<div class=\"itemBox-down\" data-aos=\"fade-up\" data-aos-duration=\"1500\">\n<div class=\"item item04\">\n<h5>\ub18d\ud1a0\ubaa9 \ubd84\uc57c<\/h5>\n<p class=\"en\">Agriculture Civil Sector<\/p>\n<div class=\"imgBox\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/busi-img07.png\" alt=\"\ub18d\ud1a0\ubaa9 \ubd84\uc57c\">\n<\/div>\n<\/div><!--item04-->\n<div class=\"item item05\">\n<h5>\ub310 &#038; \uc218\ub825 \ubd84\uc57c<\/h5>\n<p class=\"en\">Dam &#038; Hydropower Sector<\/p>\n<div class=\"imgBox\">\n<img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/busi-img15.png\" alt=\"\ub310&#038;\uc218\ub825 \ubd84\uc57c\">\n<\/div>\n<\/div><!--item05-->\n<\/div>\n<a class=\"btnBox\" href=\"\/?page_id=16\">+ View More<\/a>\n<\/div>\n<\/div><!--inner-->\n<\/div>\n\n<div class=\"section sec4\">\n<div class=\"main-inner\">\n<div class=\"sec_ti\">\n<span class=\"deco\">location<\/span>\n<h3>\uc624\uc2dc\ub294 \uae38<\/h3>\n<\/div>\n<div class=\"sec-inner\">\n<div class=\"sec4-le\" data-aos=\"fade-right\" data-aos-duration=\"1500\">\n<div class=\"item item01\">\n<h5><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/icon-map.png\">address<\/h5>\n<h5 class=\"thin\">\uacbd\uae30\ub3c4 \uc548\uc591\uc2dc \ub3d9\uc548\uad6c \ud765\uc548\ub300\ub85c 457-27, 6\uce35 609\ud638(\uad00\uc591\ub3d9)<\/h5>\n<\/div>\n<div class=\"item item02\">\n<h5><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/icon-phone.png\">tel<\/h5>\n<h5 class=\"thin\">031-426-7220<\/h5>\n<\/div>\n<div class=\"item item03\">\n<h5><img decoding=\"async\" src=\"\/wp-content\/uploads\/2025\/03\/icon-printer.png\">fax<\/h5>\n<h5 class=\"thin\">031-599-2565<\/h5>\n<\/div>\n<\/div>\n<div class=\"sec4-ri\" data-aos=\"fade-left\" data-aos-duration=\"1500\">\n<div id=\"daumRoughmapContainer1741765695547\" class=\"root_daum_roughmap root_daum_roughmap_landing\" style=\"width:100%;\"><\/div>\n\n<\/div>\n<\/div><!--sec-inner-->\n<\/div><!--inner-->\n<\/div>\n\n\n\n<!-- Initialize Swiper -->\n<script>\n    var swiper = new Swiper(\".section1 .mySwiper\", {\n      effect: \"fade\", \/\/ \ud398\uc774\ub4dc \ud6a8\uacfc \ucd94\uac00\n      fadeEffect: {\n        crossFade: true \/\/ \ubd80\ub4dc\ub7ec\uc6b4 \uc804\ud658 \ud6a8\uacfc \ud65c\uc131\ud654\n      },\n      navigation: {\n        nextEl: \".swiper-button-next\",\n        prevEl: \".swiper-button-prev\",\n      },\n      autoplay: {\n        delay: 3000, \n      },\n      speed: 2000, \/\/ \ud398\uc774\ub4dc \ud6a8\uacfc\uc5d0 \uc801\uc808\ud55c \uc18d\ub3c4 \uc124\uc815\n      loop: true,\n    });\n<\/script>\n\n<script>\n  AOS.init();\n<\/script>\n\n<script charset=\"UTF-8\" class=\"daum_roughmap_loader_script\" src=\"https:\/\/ssl.daumcdn.net\/dmaps\/map_js_init\/roughmapLoader.js\"><\/script>\n\n<script charset=\"UTF-8\">\n\tnew daum.roughmap.Lander({\n\t\t\"timestamp\" : \"1741765695547\",\n\t\t\"key\" : \"2nbmz\",\n\t\t\"mapHeight\" : \"400\"\n\t}).render();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>scroll \ubbf8\ub798\uc0ac\ud68c\ub97c \uc120\ub3c4\ud558\ub294 Engineering Partner ABOUT \uc81c\uc774\uc5d0\uc2a4\ucee8\uc124\ud305\uc740 \uc218\uc790\uc6d0\uac1c\ubc1c \ubd84\uc57c\uc640 \ubc29\uc7ac \ubd84\uc57c\uc758 \uc5d4\uc9c0\ub2c8\uc5b4\ub9c1 \uc11c\ube44\uc2a4\ub97c \uc81c\uacf5\ud558\ub294 \uc804\ubb38 \ud1a0\ubaa9\uc5d4\uc9c0\ub2c8\uc5b4\ub9c1 \uae30\uc5c5\uc785\ub2c8\ub2e4. + View More Business field \uc0ac\uc5c5\ubd84\uc57c \ud558\ucc9c \ubd84\uc57c River Improvement Sector \ubc29\uc7ac\ubd84\uc57c Disaster Provention \uc5f0\uad6c\uac1c\ubc1c\uc0ac\uc5c5 \ubc0f \uc2dc\uc2a4\ud15c \uac1c\ubc1c R&#038;D Institute &#038; System Development &hellip; <a href=\"https:\/\/jscon.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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jscon.kr\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jscon.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jscon.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jscon.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jscon.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":17,"href":"https:\/\/jscon.kr\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":938,"href":"https:\/\/jscon.kr\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/938"}],"wp:attachment":[{"href":"https:\/\/jscon.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}