{"id":11,"date":"2026-04-22T16:56:53","date_gmt":"2026-04-22T07:56:53","guid":{"rendered":"https:\/\/semincokr.mycafe24.com\/?page_id=11"},"modified":"2026-04-23T17:01:09","modified_gmt":"2026-04-23T08:01:09","slug":"home","status":"publish","type":"page","link":"https:\/\/semincon.co.kr\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/gh\/orioncactus\/pretendard\/dist\/web\/static\/pretendard.css');\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@800;900&display=swap');\n\n:root {\n--primary: #1d2088;\n--white: #ffffff;\n--black: #050505;\n--gray: #f5f5f7;\n}\n.contentclass{background:none;}\n* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }\nbody { font-family: 'Pretendard', sans-serif; color: var(--black); line-height: 1.6;overflow-x: hidden;transition: background-color 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.8s ease;}\n\nbody.dark-mode {background-color: var(--black);color: var(--white);}\n\n\/* --- Hero Slider (Updated) --- *\/\n.hero { height: 100vh; width: 100%; position: relative; }\n.swiper { width: 100%; height: 100%; }\n.swiper-slide {display: flex; align-items: center; justify-content: center;text-align: center; position: relative; overflow: hidden;background-color: #000;}\n.slide-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;background-size: cover; background-position: center;filter: brightness(0.7);transform: scale(1.1);transition: transform 8s ease;}\n.swiper-slide-active .slide-bg { transform: scale(1); }\n        \n.hero-content { position: relative; z-index: 10; color: #fff; }\n.hero-content p { font-size: 1.8rem; margin-bottom: 20px; letter-spacing: 2px; opacity: 0; transform: translateY(20px); transition: 1s 0.5s; opacity:0.6;}\n.hero-content h1 { font-size: 11.0rem; font-weight: 900; letter-spacing: -4px; line-height: 1; opacity: 0; transform: translateY(30px); transition: 1s 0.8s; color:#fff;}\n        \n\/* \uc2ac\ub77c\uc774\ub4dc \ud65c\uc131\ud654 \uc2dc \ud14d\uc2a4\ud2b8 \uc560\ub2c8\uba54\uc774\uc158 *\/\n.swiper-slide-active .hero-content p,\n.swiper-slide-active .hero-content h1 { opacity: 1; transform: translateY(0); }\n\n\/* --- About Section --- *\/\n.about-section { padding: 200px 0; position: relative;max-width: 1600px;margin: 0 auto;}\n.container { margin: 0 auto;}\n\n.about-header { margin-bottom: 120px; }\n.about-header h2 { font-size: 10.0rem; font-weight: 900; line-height: 1.0 !important; letter-spacing: -5px; color:#eee; }\n.about-header h2 span { color: var(--primary); display: block; }\n\n.about-grid { display: flex; gap: 100px; align-items: flex-start; }\n.about-sticky { flex: 1; position: sticky; top: 200px; }\n.about-sticky p { font-size: 2.5rem !important; font-weight: 300; line-height: 1.6; margin-bottom: 40px; word-break: keep-all; }\n\n.about-visual { flex: 1.5; position: relative; }\n.img-box { width: 100%; height: 80vh; overflow: hidden; border-radius: 4px; }\n.img-box img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: filter 1s ease; }\nbody.dark-mode .img-box img { filter: grayscale(0%); }\n\n.floating-card {position: absolute; bottom: -60px; left: -100px; background: var(--primary); color: #fff; padding: 50px; width: 450px; z-index: 10;}\n.floating-card h4 { font-family: 'Montserrat' !important; font-size: 1.5rem; letter-spacing: 4px; margin-bottom: 20px; opacity: 0.6; color:#fff;}\n.floating-card p { font-size: 2.2rem; font-weight: 600; line-height: 1.5; }\n\n\/* --- Services --- *\/\n.services { padding: 150px 0;  max-width: 1600px;margin: 0 auto; width:100%;}\n.section-top-title { font-family: 'Montserrat'; font-size: 14px; color: var(--primary); letter-spacing: 5px; font-weight: 800; margin-bottom: 15px; display: block; }\n.section-main-title { font-size: 6.0rem; font-weight: 900; margin-bottom: 80px !important; letter-spacing: -2px; }\n.service-list { border-top: 1px solid rgba(0,0,0,0.1); }\nbody.dark-mode .service-list { border-top-color: rgba(255,255,255,0.1); }\n        \n.service-item { padding: 60px 0; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: all 0.4s ease; }\nbody.dark-mode .service-item { border-bottom-color: rgba(255,255,255,0.1); }\n.service-item:hover { padding-left: 20px; }\n        \n.service-info { display: flex; align-items: center; gap: 40px; flex: 1; }\n.service-item h3 { font-size: 2.8rem; font-weight: 700; min-width: 250px; margin-top:0; }\n.entry-content h3{margin-bottom:0;}\n.service-desc { font-size: 1.8rem !important; font-weight: 400; opacity: 0.5; transition: opacity 0.4s; }\n.service-item:hover .service-desc { opacity: 1; color: var(--primary); }\n.arrow { font-size: 3rem; color: #ccc; transition: 0.4s; }\n.service-item:hover .arrow { transform: translateX(10px); color: var(--primary); }\n\n\/*\ubc18\uc751\ud615*\/\n@media (max-width: 1024px) {\n    \/* Hero Section *\/\n    .hero-content h1 { font-size: 8rem; letter-spacing: -2px; }\n    .hero-content p { font-size: 1.4rem; }\n\n    \/* About Section *\/\n    .about-section { padding: 120px 0; }\n    .about-header h2 { font-size: 7rem; }\n    .about-grid { flex-direction: column; gap: 60px; padding: 0 40px; }\n    .about-sticky { position: static; width: 100%; }\n    .about-sticky p { font-size: 2rem !important; }\n    \n    .about-visual { width: 100%; }\n    .img-box { height: 50vh; }\n    .floating-card { position: relative; bottom: 0; left: 0; width: 100%; margin-top: -40px; padding: 40px; }\n    \n    \/* Services Section *\/\n    .services { padding: 100px 40px; }\n    .section-main-title { font-size: 4.5rem; margin-bottom: 50px !important; }\n}\n\n\/* 768px *\/\n@media (max-width: 768px) {\n    \/* Hero Section *\/\n    .hero-content h1 { font-size: 5rem; letter-spacing: -1px; }\n    .hero-content p { font-size: 1.1rem; letter-spacing: 1px; }\n\n    \/* About Section *\/\n    .about-section { padding: 80px 0; }\n    .about-header { margin-bottom: 60px; padding: 0 30px; }\n    .about-header h2 { font-size: 4.5rem; letter-spacing: -2px; }\n    .about-grid { gap: 40px; padding: 0 30px; }\n    .about-sticky p { font-size: 1.6rem !important; }\n    \n    .img-box { height: 40vh; }\n    .floating-card { padding: 30px; }\n    .floating-card p { font-size: 1.6rem; }\n    \n    \/* Services Section *\/\n    .services { padding: 50px 30px; }\n    .section-main-title { font-size: 3.2rem; }\n    \n    .service-item { padding: 40px 0; flex-direction: row; align-items: flex-start; }\n    .service-info { gap: 10px; }\n    .service-item h3 { font-size: 1.8rem; min-width: 130px; margin-bottom: 5px; }\n    .service-desc { font-size: 1.4rem !important; line-height: 1.4; }\n    .arrow { font-size: 2rem; margin-top: 5px; }\n}\n\n<\/style>\n\n\n\n<section class=\"hero\">\n        <div class=\"swiper mySwiper\">\n            <div class=\"swiper-wrapper\">\n                <div class=\"swiper-slide\">\n                    <div class=\"slide-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&#038;w=2070');\"><\/div>\n                    <div class=\"hero-content\">\n                        <p>High-End Construction Consulting<\/p>\n                        <h1>SEMIN GROUP<\/h1>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-slide\">\n                    <div class=\"slide-bg\" style=\"background-image: url('\/wp-content\/uploads\/2026\/04\/dan-schiumarini-dcL8ESbsGis-unsplash-scaled.jpg');\"><\/div>\n                    <div class=\"hero-content\">\n                        <p>Proven Technical Expertise<\/p>\n                        <h1>TRUSTED PARTNER<\/h1>\n                    <\/div>\n                <\/div>\n                <div class=\"swiper-slide\">\n                    <div class=\"slide-bg\" style=\"background-image: url('\/wp-content\/uploads\/2026\/04\/wu-yi-PdH0H4S6FTM-unsplash-scaled.jpg');\"><\/div>\n                    <div class=\"hero-content\">\n                        <p>Defining New Standards<\/p>\n                        <h1>PRECISION FIRST<\/h1>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"about-section\">\n        <div class=\"container\">\n            <div class=\"about-header\">\n                <h2 class=\"reveal-text\">\n                    WE PROVE<br>\n                    <span>PRECISION.<\/span>\n                <\/h2>\n            <\/div>\n\n            <div class=\"about-grid\">\n                <div class=\"about-sticky\">\n                    <p class=\"reveal-fade\">\n                        \uc138\ubbfc\uc740 \uac74\uc124 \ud604\uc7a5\uc758 \ub370\uc774\ud130\ub97c<br>\n                        \uac00\uc7a5 \uc815\uad50\ud55c \ubc95\uc801 \uadfc\uac70\ub85c \ud574\uc11d\ud558\ub294<br>\n                        <strong>\ub3c5\ubcf4\uc801\uc778 \uc804\ubb38\uac00 \uadf8\ub8f9<\/strong>\uc785\ub2c8\ub2e4.\n                    <\/p>\n                    <p class=\"reveal-fade\" style=\"font-size: 1.1rem; opacity: 0.6;\">\n                        \ubcf4\uc774\uc9c0 \uc54a\ub294 \ub514\ud14c\uc77c\uc774 \uac00\uce58\uc758 \ucc28\uc774\ub97c \ub9cc\ub4ed\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n\n                <div class=\"about-visual\">\n                    <div class=\"img-box\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?q=80&#038;w=2000\" class=\"parallax-zoom\" alt=\"building\">\n                    <\/div>\n                    <div class=\"floating-card reveal-up\">\n                        <h4>OUR MISSION<\/h4>\n                        <p>\uace0\uac1d\uc758 \uc790\uc0b0 \uac00\uce58\ub97c<br>\ubc95\uaddc\uc640 \ub370\uc774\ud130\ub85c \ubcf4\ud638\ud569\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"services\">\n        <div class=\"container\">\n            <span class=\"section-top-title reveal-up\">BUSINESS AREA<\/span>\n            <h2 class=\"section-main-title reveal-up\">Core Services<\/h2>\n            \n            <div class=\"service-list\">\n                <a href=\"\/?page_id=13\"><div class=\"service-item reveal-up\">\n                    <div class=\"service-info\">\n                        <h3>\uacc4\uc57d\uae08\uc561\uc870\uc815<\/h3>\n                        <p class=\"service-desc\">\ubb3c\uac00\ubcc0\ub3d9 \ubc0f \uc124\uacc4\ubcc0\uacbd\uc5d0 \ub530\ub978 \uc815\ubc00\ud55c \ube44\uc6a9 \ubd84\uc11d\uacfc \uc870\uc815\uc548 \ub3c4\ucd9c<\/p>\n                    <\/div>\n                    <div class=\"arrow\">\u2192<\/div>\n                <\/div><\/a>\n\n                <a href=\"\/?page_id=15\"><div class=\"service-item reveal-up\">\n                    <div class=\"service-info\">\n                        <h3>\uc778\uc99d \ucee8\uc124\ud305<\/h3>\n                        <p class=\"service-desc\">\ub179\uc0c9\uac74\ucd95, \uc81c\ub85c\uc5d0\ub108\uc9c0 \ub4f1 \uac74\ucd95\ubb3c \uac00\uce58\ub97c \ub192\uc774\ub294 \ud544\uc218 \uc778\uc99d \ud1b5\ud569 \uc9c0\uc6d0<\/p>\n                    <\/div>\n                    <div class=\"arrow\">\u2192<\/div>\n                <\/div><\/a>\n\n<a href=\"\/?page_id=17\">\n                <div class=\"service-item reveal-up\">\n                    <div class=\"service-info\">\n                        <h3>\uacf5\uc815 \ub9ac\uc2a4\ud06c \uad00\ub9ac<\/h3>\n                        <p class=\"service-desc\">\ucca0\uc800\ud55c \uacf5\uc815 \ubd84\uc11d\uc744 \ud1b5\ud55c \uc7a0\uc7ac\uc801 \ub9ac\uc2a4\ud06c \uc608\ubc29 \ubc0f \ud504\ub85c\uc81d\ud2b8 \uc548\uc815\uc131 \ud655\ubcf4<\/p>\n                    <\/div>\n                    <div class=\"arrow\">\u2192<\/div>\n                <\/div><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n<script>\n\n        var swiper = new Swiper(\".mySwiper\", {\n            effect: \"fade\",\n            fadeEffect: { crossFade: true },\n            loop: true,\n            autoplay: {\n                delay: 5000,\n                disableOnInteraction: false,\n            },\n            speed: 1500,\n        });\n\n        \/\/ 2. GSAP & ScrollTrigger\n        gsap.registerPlugin(ScrollTrigger);\n\n        ScrollTrigger.create({\n            trigger: \".about-section\",\n            start: \"top 30%\",\n            end: \"bottom 70%\",\n            onEnter: () => document.body.classList.add('dark-mode'),\n            onLeaveBack: () => document.body.classList.remove('dark-mode'),\n            onLeave: () => document.body.classList.remove('dark-mode'),\n            onEnterBack: () => document.body.classList.add('dark-mode'),\n        });\n\n        gsap.from(\".reveal-text\", {\n            scrollTrigger: { trigger: \".reveal-text\", start: \"top 85%\" },\n            y: 150, opacity: 0, skewY: 10, duration: 1.5, ease: \"power4.out\"\n        });\n\n        gsap.to(\".parallax-zoom\", {\n            scrollTrigger: { trigger: \".about-visual\", start: \"top bottom\", end: \"bottom top\", scrub: true },\n            scale: 1.3\n        });\n\n        gsap.utils.toArray(\".reveal-up\").forEach((el, i) => {\n            gsap.from(el, {\n                scrollTrigger: { trigger: el, start: \"top 90%\" },\n                y: 60, opacity: 0, duration: 1.2, delay: i * 0.1, ease: \"power3.out\"\n            });\n        });\n\n        gsap.utils.toArray(\".reveal-fade\").forEach((el) => {\n            gsap.from(el, {\n                scrollTrigger: { trigger: el, start: \"top 85%\" },\n                opacity: 0, x: -30, duration: 1.5, ease: \"power2.out\"\n            });\n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>High-End Construction Consulting SEMIN GROUP Proven Technical Expertise TRUSTED PARTNER Defining New Standards PRECISION FIRST WE PROVE PRECISION. \uc138\ubbfc\uc740 \uac74\uc124 \ud604\uc7a5\uc758 \ub370\uc774\ud130\ub97c \uac00\uc7a5 \uc815\uad50\ud55c \ubc95\uc801 \uadfc\uac70\ub85c \ud574\uc11d\ud558\ub294 \ub3c5\ubcf4\uc801\uc778 \uc804\ubb38\uac00 \uadf8\ub8f9\uc785\ub2c8\ub2e4. \ubcf4\uc774\uc9c0 \uc54a\ub294 \ub514\ud14c\uc77c\uc774 \uac00\uce58\uc758 \ucc28\uc774\ub97c \ub9cc\ub4ed\ub2c8\ub2e4. OUR MISSION \uace0\uac1d\uc758 \uc790\uc0b0 &hellip; <a href=\"https:\/\/semincon.co.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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/semincon.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/semincon.co.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/semincon.co.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/semincon.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/semincon.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":51,"href":"https:\/\/semincon.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/semincon.co.kr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/semincon.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}