Help
RSS
API
Feed
Maltego
Contact
Domain > childsl.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-09-22
3.5.184.88
(
ClassC
)
2025-11-08
3.5.186.159
(
ClassC
)
2025-11-25
52.219.146.68
(
ClassC
)
Port 80
HTTP/1.1 200 OKx-amz-id-2: pbO91WcUzqd10ONHpAWbvuKHgTcjthWUJhu5rW5kd+Yq8ktgKNe9BLXZKOy8Shw8kUGaNRKU/H8Of3mkEt2U79dwaokEBkbhx-amz-request-id: ERYE4WNRHVKZW769Date: Tue, 25 Nov 2025 12:02:57 GMTLast-Modified: Tue, 04 Nov 2025 05:18:23 GMTETag: 4fd537622ee7b284e66e9cbe2bb1c04bContent-Type: text/htmlContent-Length: 93300Server: AmazonS3 !DOCTYPE html>html langko>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>C3L CHILD SMARTLAB/title> link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyNoto+Sans+KR:wght@300;400;500;600;700;800&displayswap relstylesheet> script srchttps://cdn.tailwindcss.com>/script> link relstylesheet hrefcss/style.css> script> document.addEventListener(DOMContentLoaded, function() { // 이미지 및 비디오 다운로드 방지 // 모든 이미지에 draggablefalse 추가 document.querySelectorAll(img).forEach(img > { img.setAttribute(draggable, false); img.style.pointerEvents auto; }); // 모든 비디오에 다운로드 방지 설정 document.querySelectorAll(video).forEach(video > { video.setAttribute(controlsList, nodownload); video.setAttribute(disablePictureInPicture, true); video.setAttribute(draggable, false); }); // 오른쪽 클릭 메뉴 방지 (이미지와 비디오에만) document.addEventListener(contextmenu, function(e) { if (e.target.tagName IMG || e.target.tagName VIDEO) { e.preventDefault(); return false; } }, false); // F12, Ctrl+Shift+I 등 개발자 도구 단축키 방지 document.addEventListener(keydown, function(e) { if (e.key F12 || (e.ctrlKey && e.shiftKey && (e.key I || e.key J || e.key C)) || (e.ctrlKey && e.key U) || (e.ctrlKey && e.key S)) { e.preventDefault(); return false; } }); // 드래그 방지 document.addEventListener(dragstart, function(e) { if (e.target.tagName IMG || e.target.tagName VIDEO) { e.preventDefault(); return false; } }, false); // 선택 방지 (이미지, 비디오) document.addEventListener(selectstart, function(e) { if (e.target.tagName IMG || e.target.tagName VIDEO) { e.preventDefault(); return false; } }, false); // 드롭다운 메뉴 기능 const dropdown document.querySelector(.dropdown); const dropdownMenu document.querySelector(.dropdown-menu); const dropdownLink dropdown?.querySelector(a); let hoverTimeout; let isHovering false; if (!dropdown || !dropdownMenu || !dropdownLink) { console.log(드롭다운 요소를 찾을 수 없습니다.); return; } // 드롭다운 호버 이벤트 dropdown.addEventListener(mouseenter, function() { clearTimeout(hoverTimeout); isHovering true; dropdownMenu.classList.add(show); }); dropdown.addEventListener(mouseleave, function(e) { const relatedTarget e.relatedTarget; if (relatedTarget && (dropdownMenu.contains(relatedTarget) || dropdownMenu relatedTarget)) { return; } isHovering false; hoverTimeout setTimeout(() > { if (!isHovering) dropdownMenu.classList.remove(show); }, 300); }); dropdownMenu.addEventListener(mouseenter, function() { clearTimeout(hoverTimeout); isHovering true; dropdownMenu.classList.add(show); }); dropdownMenu.addEventListener(mouseleave, function(e) { const relatedTarget e.relatedTarget; if (relatedTarget && (dropdown.contains(relatedTarget) || dropdown relatedTarget)) { return; } isHovering false; hoverTimeout setTimeout(() > { if (!isHovering) dropdownMenu.classList.remove(show); }, 300); }); // 메뉴 항목 클릭 시 드롭다운 닫기 dropdownMenu.querySelectorAll(a).forEach(item > { item.addEventListener(click, () > dropdownMenu.classList.remove(show)); }); // Programs 링크 클릭 시 드롭다운 토글 dropdownLink.addEventListener(click, function(e) { e.preventDefault(); dropdownMenu.classList.toggle(show); }); // 준비중 팝업 기능 window.showComingSoonPopup function() { // 기존 팝업 제거 document.querySelectorAll(.coming-soon-popup, .popup-overlay).forEach(el > el.remove()); // 오버레이 생성 const overlay document.createElement(div); overlay.className popup-overlay; document.body.appendChild(overlay); // 팝업 생성 const popup document.createElement(div); popup.className coming-soon-popup; popup.innerHTML ` h3>준비중입니다/h3> p>곧 서비스를 제공할 예정입니다.br>조금만 기다려주세요!/p> button classpopup-close>확인/button> `; document.body.appendChild(popup); // 이벤트 리스너 const closePopup () > { popup.remove(); overlay.remove(); }; popup.querySelector(.popup-close).addEventListener(click, closePopup); overlay.addEventListener(click, closePopup); document.addEventListener(keydown, function(e) { if (e.key Escape) closePopup(); }); }; // 준비중 팝업 적용 const comingSoonElements .btn-subscribe ; comingSoonElements.forEach(selector > { const element document.querySelector(selector); if (element) { element.addEventListener(click, function(e) { e.preventDefault(); showComingSoonPopup(); }); } }); // 체험영어 섹션 랜덤 비디오 로딩 const englishVideoFiles videos/KakaoTalk_20251006_165732625.mp4, videos/KakaoTalk_20251006_165739793.mp4, videos/KakaoTalk_20251006_165747529.mp4, videos/KakaoTalk_20251006_165756786.mp4 ; const englishVideo document.getElementById(english-video); const englishVideoContainer document.querySelector(.english-video-container); if (englishVideo && englishVideoContainer) { // 랜덤으로 영상 선택 const randomVideo englishVideoFilesMath.floor(Math.random() * englishVideoFiles.length); const videoSource englishVideo.querySelector(source); if (videoSource) { videoSource.src randomVideo; englishVideo.preload metadata; // 비디오 메타데이터 로드 후 썸네일 표시 englishVideo.addEventListener(loadedmetadata, function() { if (englishVideo.duration > 0) { englishVideo.currentTime Math.min(1, englishVideo.duration * 0.05); // 1초 또는 5% 지점 } }); // Intersection Observer로 화면에 보이면 자동 재생 const observerOptions { root: null, rootMargin: 0px, threshold: 0.3 // 30% 이상 보이면 재생 }; const videoObserver new IntersectionObserver(function(entries) { entries.forEach(entry > { if (entry.isIntersecting) { // 화면에 보이면 재생 englishVideo.play().catch(function(error) { console.log(비디오 자동 재생 실패:, error); }); } else { // 화면에서 벗어나면 일시정지 englishVideo.pause(); } }); }, observerOptions); // 비디오 컨테이너 관찰 시작 videoObserver.observe(englishVideoContainer); // 초기 로드 englishVideo.load(); } } // 식자재유통 섹션 스무스 스크롤 document.querySelectorAll(ahref^#materials).forEach(anchor > { anchor.addEventListener(click, function (e) { e.preventDefault(); const target document.querySelector(this.getAttribute(href)); if (target) { target.scrollIntoView({ behavior: smooth, block: start }); } }); }); }); /script>/head>body> !-- Header Section --> header classheader> div classcontainer> div classlogo> img srcimages/c3l-logo-transparent.png altC3L CHILD SMARTLAB Logo classlogo-img> /div> nav classnav> ul classnav-menu> li>a href#home>Home/a>/li> li>a href#about>About Us/a>/li> li classdropdown> a href#programs>Programs/a> ul classdropdown-menu> li>a href#programs-section>체험프로그램/a>/li> li>a href#english-subscription>체험영어구독/a>/li> /ul> /li> li>a href#materials>식자재유통/a>/li> li>a href#contact>Contact/a>/li> /ul> /nav> div classheader-buttons> a hrefhttps://www.instagram.com/childhouseworld?igshMTU4enZ2MmpvZGhiZA target_blank relnoopener noreferrer classsocial-btn instagram-btn title인스타그램> i classfab fa-instagram>/i> /a> a hrefhttps://youtube.com/@floraedu?sik_AxQjhbraGdjsl0 target_blank relnoopener noreferrer classsocial-btn youtube-btn title유튜브> i classfab fa-youtube>/i> /a> /div> /div> /header> !-- Home Section --> section idhome classhome-section> !-- Hero Area --> main classhero-section> !-- Organic Curve Background --> div classorganic-background> svg classcurve-svg viewBox0 0 1200 1080 preserveAspectRationone xmlnshttp://www.w3.org/2000/svg> defs> !-- Main vertical gradient --> linearGradient idmainGradient x10% y10% x20% y2100%> stop offset0% stop-color#b3d9ea /> stop offset35% stop-color#c5e8f0 /> stop offset45% stop-color#e5d8c8 /> stop offset65% stop-color#f5e5d0 /> stop offset100% stop-color#fedaab /> /linearGradient> !-- Edge softening filter --> filter idsoften> feGaussianBlur inSourceGraphic stdDeviation1.5 /> /filter> /defs> !-- Smooth rounded S-curve path --> path dM 680 0 C 650 80, 620 160, 600 240 C 580 320, 590 400, 620 480 C 650 560, 680 640, 660 720 C 640 800, 600 880, 580 960 C 560 1040, 570 1080, 580 1080 L 1200 1080 L 1200 0 Z fillurl(#mainGradient) opacity1/> /svg> /div> div classcontainer> div classhero-content> div classhero-left> div classhero-text> h1>키즈 체험 프로그램 전문 업체/h1> p>어린이집 · 유치원 · 교회 맞춤 프로그램/p> /div> div classhero-buttons> a hrefprogram.html classbtn-program>프로그램예약/a> button classbtn-subscribe>체험영어구독/button> /div> /div> div classhero-right> div classhero-illustration> img srcimages/hero-illustration.png alt키즈 체험 프로그램 일러스트레이션 classhero-img> /div> /div> /div> /div> /main> !-- What We Do Section --> section classservices-section> div classcontainer> div classservices-grid> div classservice-card> div classservice-icon> img srcimages/service-experience.png alt체험프로그램 classservice-img> /div> h3>체험프로그램/h3> /div> div classservice-card> div classservice-icon> img srcimages/service-english.png alt체험영어 classservice-img> /div> h3>체험영어/h3> /div> div classservice-card> div classservice-icon> img srcimages/service-rental.png alt장비렌탈 classservice-img> /div> h3>장비렌탈/h3> /div> div classservice-card> div classservice-icon> img srcimages/service-banner.png alt현수막제작 classservice-img> /div> h3>현수막제작/h3> /div> div classservice-card> div classservice-icon> img srcimages/service-materials.png alt교구/교재 classservice-img> /div> h3>교구/교재/h3> /div> /div> /div> /section> /section> !-- About Us Section --> section idabout classabout-section> !-- Background Circular Shapes --> div classblue-circle-1>/div> div classblue-circle-2>/div> div classblue-circle-3>/div> div classblue-circle-4>/div> div classblue-circle-5>/div> div classblue-circle-6>/div> div classcontainer> div classabout-content> div classabout-text> div classabout-dots-pattern>/div> h2 classabout-title>About Us/h2> p classabout-description> span classhighlight-text>상상력으로 미래를 그리다/span>br> span classemphasis-text>놀이가 곧 배움이 되는 순간/span>br> span classprofessional-text>창의적 DNA 깨우는 공간/span> /p> /div> div classabout-illustration> div classchild-illustration child-1> img srcimages/about-child-blocks-circle.png alt블록 놀이하는 아이 classchild-img> /div> div classchild-illustration child-2> img srcimages/about-child-painting-circle.png alt그림 그리는 아이 classchild-img> /div> /div> /div> /div> /section> !-- Programs Section --> section idprograms-section classprograms-section> style> .programs-section { background: linear-gradient(180deg, #2a3155 0%, #1f2645 50%, #1a1f3a 100%); padding: 80px 20px 60px; position: relative; overflow: visible; min-height: calc(100vh - 80px); display: flex; align-items: center; } .programs-section .programs-container { max-width: 1400px; width: 100%; margin: 0 auto; position: relative; display: flex; flex-direction: column; justify-content: center; } /* Header Section */ .programs-section .programs-header { text-align: center; margin-bottom: 30px; } .programs-section .programs-title { font-size: 48px; font-weight: 900; background: linear-gradient(135deg, #FFB84D 0%, #FFA726 50%, #FFD93D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 12px; letter-spacing: 2px; } .programs-section .programs-subtitle { font-size: 16px; color: #c8ccd8; font-weight: 400; letter-spacing: 1px; } /* Stats Section */ .programs-section .programs-stats { display: flex; justify-content: center; gap: 60px; margin-bottom: 35px; flex-wrap: wrap; } .programs-section .stat-item { text-align: center; } .programs-section .stat-number { font-size: 40px; font-weight: 800; margin-bottom: 6px; text-shadow: 0 4px 20px rgba(255, 184, 77, 0.3); } .programs-section .stat-number.orange { color: #FFB84D; } .programs-section .stat-number.yellow { color: #FFD93D; } .programs-section .stat-number.cyan { color: #64D2FF; } .programs-section .stat-number.blue { color: #6495ED; } .programs-section .stat-label { font-size: 14px; color: #b0b5c4; font-weight: 500; } /* Visual Section with Circles */ .programs-section .programs-visual { position: relative; height: 500px; margin-bottom: 0; width: 100%; } .programs-section .circle-container { position: absolute; border-radius: 50%; overflow: hidden; border: 5px solid; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4); } .programs-section .circle-container img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Fully random mixed positions - Natural scattered layout */ .programs-section .circle-1 { width: 220px; height: 220px; top: 45px; left: 8%; border-color: #64D2FF; z-index: 5; } .programs-section .circle-2 { width: 170px; height: 170px; top: 280px; left: 3%; border-color: #FFB84D; z-index: 3; } .programs-section .circle-3 { width: 240px; height: 240px; top: 120px; left: 25%; border-color: #FFD93D; z-index: 2; } .programs-section .circle-4 { width: 180px; height: 180px; top: 15px; left: 42%; border-color: #80CBC4; z-index: 6; } .programs-section .circle-5 { width: 195px; height: 195px; top: 310px; left: 38%; border-color: #EF9A9A; z-index: 4; } .programs-section .circle-6 { width: 210px; height: 210px; top: 200px; left: 58%; border-color: #B3E5FC; z-index: 1; } .programs-section .circle-7 { width: 165px; height: 165px; top: 80px; left: 68%; border-color: #FFE082; z-index: 7; } .programs-section .circle-8 { width: 185px; height: 185px; top: 340px; left: 65%; border-color: #FFCCBC; z-index: 2; } .programs-section .circle-9 { width: 200px; height: 200px; top: 25px; right: 5%; border-color: #CE93D8; z-index: 4; } .programs-section .circle-10 { width: 175px; height: 175px; top: 260px; right: 3%; border-color: #A5D6A7; z-index: 6; } /* Responsive Design */ @media (max-width: 1024px) { .programs-section { min-height: calc(100vh - 60px); padding: 70px 20px 50px; } .programs-section .programs-title { font-size: 42px; } .programs-section .programs-stats { gap: 50px; margin-bottom: 30px; } .programs-section .programs-visual { height: 450px; } .programs-section .circle-1 { width: 175px; height: 175px; top: 40px; left: 7%; } .programs-section .circle-2 { width: 135px; height: 135px; top: 240px; left: 3%; } .programs-section .circle-3 { width: 190px; height: 190px; top: 100px; left: 23%; } .programs-section .circle-4 { width: 145px; height: 145px; top: 15px; left: 40%; } .programs-section .circle-5 { width: 155px; height: 155px; top: 260px; left: 36%; } .programs-section .circle-6 { width: 165px; height: 165px; top: 170px; left: 56%; } .programs-section .circle-7 { width: 130px; height: 130px; top: 70px; left: 66%; } .programs-section .circle-8 { width: 148px; height: 148px; top: 285px; left: 63%; } .programs-section .circle-9 { width: 160px; height: 160px; top: 22px; right: 4%; } .programs-section .circle-10 { width: 140px; height: 140px; top: 220px; right: 3%; } } @media (max-width: 768px) { .programs-section { min-height: calc(100vh - 50px); padding: 60px 20px 40px; } .programs-section .programs-title { font-size: 36px; } .programs-section .programs-subtitle { font-size: 16px; } .programs-section .programs-stats { gap: 30px; margin-bottom: 25px; } .programs-section .stat-number { font-size: 36px; } .programs-section .stat-label { font-size: 13px; } .programs-section .programs-visual { height: 400px; } .programs-section .circle-1 { width: 125px; height: 125px; top: 35px; left: 6%; } .programs-section .circle-2 { width: 98px; height: 98px; top: 220px; left: 3%; } .programs-section .circle-3 { width: 135px; height: 135px; top: 85px; left: 21%; } .programs-section .circle-4 { width: 105px; height: 105px; top: 12px; left: 38%; } .programs-section .circle-5 { width: 112px; height: 112px; top: 235px; left: 34%; } .programs-section .circle-6 { width: 120px; height: 120px; top: 155px; left: 54%; } .programs-section .circle-7 { width: 95px; height: 95px; top: 60px; left: 64%; } .programs-section .circle-8 { width: 108px; height: 108px; top: 255px; left: 61%; } .programs-section .circle-9 { width: 115px; height: 115px; top: 18px; right: 4%; } .programs-section .circle-10 { width: 102px; height: 102px; top: 200px; right: 3%; } } @media (max-width: 480px) { .programs-section { min-height: calc(100vh - 40px); padding: 50px 20px 30px; } .programs-section .programs-title { font-size: 28px; } .programs-section .programs-subtitle { font-size: 14px; } .programs-section .programs-stats { gap: 20px; margin-bottom: 20px; } .programs-section .stat-number { font-size: 28px; } .programs-section .programs-visual { height: 350px; } .programs-section .circle-1 { width: 100px; height: 100px; top: 30px; left: 5%; } .programs-section .circle-2 { width: 78px; height: 78px; top: 200px; left: 3%; } .programs-section .circle-3 { width: 108px; height: 108px; top: 75px; left: 24%; } .programs-section .circle-4 { width: 85px; height: 85px; top: 12px; left: 45%; } .programs-section .circle-5 { width: 90px; height: 90px; top: 215px; left: 40%; } .programs-section .circle-6 { width: 95px; height: 95px; top: 140px; left: 60%; } .programs-section .circle-7 { width: 75px; height: 75px; top: 55px; right: 22%; } .programs-section .circle-8 { width: 88px; height: 88px; top: 240px; right: 25%; } .programs-section .circle-9 { width: 92px; height: 92px; top: 18px; right: 5%; } .programs-section .circle-10 { width: 82px; height: 82px; top: 185px; right: 4%; } } /style> div classprograms-container> !-- Header --> div classprograms-header> h1 classprograms-title>체험프로그램/h1> p classprograms-subtitle>기획부터 진행까지, 150개 협력기관 200회 이상 행사 경험의 키즈 체험 전문 기업/p> /div> !-- Stats --> div classprograms-stats> div classstat-item> div classstat-number orange>100+/div> div classstat-label>다양한 프로그램/div> /div> div classstat-item> div classstat-number yellow>1,000+/div> div classstat-label>확보한 아이템/div> /div> div classstat-item> div classstat-number cyan>200+/div> div classstat-label>진행한 행사/div> /div> div classstat-item> div classstat-number blue>150+/div> div classstat-label>협력기관/div> /div> /div> !-- Visual Section with Circles and Cards Mixed --> div classprograms-visual> !-- Circle 1 --> div classcircle-container circle-1> img srchttps://page.gensparksite.com/v1/base64_upload/6efccb79addedfb11c03f36d9d6d549d alt스마트랩 - 과학 실험> /div> !-- Circle 2 --> div classcircle-container circle-2> img srchttps://page.gensparksite.com/v1/base64_upload/5d6a0c189c1d58724a52fc3c9e6cd223 alt전통 문화 체험> /div> !-- Circle 3 --> div classcircle-container circle-3> img srchttps://page.gensparksite.com/v1/base64_upload/f7deb37d7f8b72917485739163f89c66 alt로봇 코딩 교육> /div> !-- Circle 4 --> div classcircle-container circle-4> img srchttps://page.gensparksite.com/v1/base64_upload/ae7e397eb8579d5a34d8da867d245384 alt요리 체험> /div> !-- Circle 5 --> div classcircle-container circle-5> img srchttps://page.gensparksite.com/v1/base64_upload/252f6a7042406c3f0d6cd587c96597fa alt창의력 개발> /div> !-- Circle 6 --> div classcircle-container circle-6> img srchttps://page.gensparksite.com/v1/base64_upload/cc7cb60858a0e69174e7a1a2c679c22c alt실내 캠핑 체험> /div> !-- Circle 7 --> div classcircle-container circle-7> img srchttps://page.gensparksite.com/v1/base64_upload/9dd0c1e006434a73fcf3da7608de5e6a alt해양 생물 체험> /div> !-- Circle 8 --> div classcircle-container circle-8> img srchttps://page.gensparksite.com/v1/base64_upload/478820479dc5ebb6d8814d5e5cebe094 alt야외 체험 활동> /div> !-- Circle 9 --> div classcircle-container circle-9> img srchttps://page.gensparksite.com/v1/base64_upload/90de96d8972360cf3276984ae65b3575 alt소방관 역할 체험> /div> !-- Circle 10 --> div classcircle-container circle-10> img srchttps://page.gensparksite.com/v1/base64_upload/195c96800b668ed41737fd67cc162357 alt태블릿 코딩 교육> /div> /div> /div> /section> !-- English Subscription Section --> section idenglish-subscription classenglish-subscription-section> style> .english-subscription-section { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Malgun Gothic, sans-serif; background: linear-gradient(180deg, #B8E8F5 0%, #8DD8ED 100%); padding: 80px 30px; position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .english-subscription-section .english-container { width: 100%; max-width: 1600px; display: grid; grid-template-columns: 260px 1fr 380px; gap: 30px; align-items: center; position: relative; } /* Header */ .english-subscription-section .english-header { position: absolute; top: -60px; left: 0; display: flex; align-items: center; gap: 12px; } .english-subscription-section .english-logo { width: 45px; height: 45px; background: linear-gradient(135deg, #4FC3F7 0%, #29B6F6 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; } .english-subscription-section .english-header-text h1 { font-size: 24px; font-weight: 700; color: #212121; margin-bottom: 2px; } .english-subscription-section .english-header-text p { font-size: 13px; color: #424242; } /* Left Section - Buttons */ .english-subscription-section .english-left-buttons { display: flex; flex-direction: column; gap: 15px; padding-top: 40px; } .english-subscription-section .english-circle-button { width: 180px; height: 180px; border-radius: 50%; border: none; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; line-height: 1.5; color: white; text-align: center; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); transition: transform 0.3s, box-shadow 0.3s; } .english-subscription-section .english-circle-button:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25); } .english-subscription-section .english-circle-button.blue { background: linear-gradient(135deg, #42A5F5 0%, #1E88E5 100%); } .english-subscription-section .english-circle-button.purple { background: linear-gradient(135deg, #AB47BC 0%, #8E24AA 100%); } .english-subscription-section .english-circle-button.orange { background: linear-gradient(135deg, #FF7043 0%, #F4511E 100%); width: 200px; height: 200px; font-size: 22px; } /* Center Section - Video Player */ .english-subscription-section .english-center-section { display: flex; flex-direction: column; align-items: center; gap: 20px; } .english-subscription-section .english-video-title { font-size: 38px; font-weight: 900; color: white; text-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); text-align: center; margin-bottom: 10px; } .english-subscription-section .english-video-container { background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%); border-radius: 28px; padding: 20px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25); width: 100%; } .english-subscription-section .english-video-player { background: #000; border-radius: 20px; overflow: hidden; position: relative; width: 100%; aspect-ratio: 16 / 10; } .english-subscription-section .english-video-element { width: 100%; height: 100%; object-fit: cover; display: block; position: relative; z-index: 1; } .english-subscription-section .english-play-button { width: 80px; height: 80px; background: rgba(255, 255, 255, 0.95); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); margin-bottom: 20px; } .english-subscription-section .english-play-button::after { content: ; width: 0; height: 0; border-left: 25px solid #1E88E5; border-top: 16px solid transparent; border-bottom: 16px solid transparent; margin-left: 6px; } .english-subscription-section .english-video-label { background: rgba(0, 0, 0, 0.7); padding: 12px 24px; border-radius: 30px; color: white; font-size: 18px; font-weight: 600; } .english-subscription-section .english-control-icons { display: flex; gap: 15px; color: white; font-size: 18px; } /* Right Section - Pricing Card */ .english-subscription-section .english-right-section { position: relative; } .english-subscription-section .english-character { position: absolute; top: -80px; left: -100px; width: 180px; height: 180px; z-index: 10; } .english-subscription-section .english-mobile-mockup { background: linear-gradient(180deg, #9C27B0 0%, #7B1FA2 100%); border-radius: 32px; padding: 22px; box-shadow: 0 15px 50px rgba(156, 39, 176, 0.4); position: relative; max-width: 380px; } .english-subscription-section .english-mockup-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; color: white; font-size: 11px; } .english-subscription-section .english-mockup-content { background: rgba(255, 255, 255, 0.1); border-radius: 25px; padding: 30px 25px; text-align: center; position: relative; min-height: 300px; display: flex; align-items: center; justify-content: center; } .english-subscription-section .english-coin-icon { width: 140px; height: 140px; background: linear-gradient(135deg, #FFD54F 0%, #FFC107 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 60px; box-shadow: 0 8px 30px rgba(255, 193, 7, 0.4); position: relative; margin: 0 auto 30px; } .english-subscription-section .english-coin-icon::after { content: ✓; color: white; font-weight: bold; } .english-subscription-section .english-pricing-card { background: white; border-radius: 22px; padding: 28px 22px; margin-top: 18px; } .english-subscription-section .english-pricing-title { font-size: 17px; font-weight: 700; color: #424242; margin-bottom: 12px; text-align: center; } .english-subscription-section .english-price { font-size: 44px; font-weight: 900; color: #9C27B0; text-align: center; margin-bottom: 5px; line-height: 1; } .english-subscription-section .english-price-unit { font-size: 18px; margin-left: 3px; } .english-subscription-section .english-original-price { font-size: 24px; font-weight: 500; color: #9E9E9E; text-align: center; margin-bottom: 8px; text-decoration: line-through; } .english-subscription-section .english-original-price-unit { font-size: 14px; margin-left: 3px; } .english-subscription-section .english-price-subtitle { font-size: 12px; color: #757575; text-align: center; margin-bottom: 18px; } .english-subscription-section .english-cta-button { width: 100%; padding: 16px; background: linear-gradient(135deg, #FF7043 0%, #F4511E 100%); border: none; border-radius: 50px; color: white; font-size: 16px; font-weight: 700; cursor: pointer; box-shadow: 0 4px 15px rgba(244, 81, 30, 0.3); transition: transform 0.2s, box-shadow 0.2s; } .english-subscription-section .english-cta-button:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(244, 81, 30, 0.4); } /* Decorative Icons */ .english-subscription-section .english-deco-icon { position: absolute; font-size: 30px; } .english-subscription-section .english-icon-1 { top: 100px; left: 20px; } .english-subscription-section .english-icon-2 { top: 80px; right: 20px; } .english-subscription-section .english-icon-3 { bottom: 180px; left: 15px; } .english-subscription-section .english-icon-4 { bottom: 200px; right: 15px; } /* Responsive */ @media (max-width: 1600px) { .english-subscription-section .english-container { max-width: 1400px; grid-template-columns: 220px 1fr 340px; gap: 20px; } .english-subscription-section .english-circle-button { width: 150px; height: 150px; font-size: 15px; } .english-subscription-section .english-circle-button.orange { width: 170px; height: 170px; font-size: 19px; } .english-subscription-section .english-video-title { font-size: 32px; } .english-subscription-section .english-video-container { padding: 18px; border-radius: 26px; } .english-subscription-section .english-video-player { border-radius: 18px; } .english-subscription-section .english-play-button { width: 70px; height: 70px; } .english-subscription-section .english-play-button::after { border-left: 22px solid #1E88E5; border-top: 14px solid transparent; border-bottom: 14px solid transparent; } .english-subscription-section .english-video-label { font-size: 16px; padding: 10px 20px; } .english-subscription-section .english-video-footer { font-size: 18px; padding: 15px 35px; } .english-subscription-section .english-mobile-mockup { max-width: 340px; padding: 20px; border-radius: 30px; } .english-subscription-section .english-mockup-content { min-height: 260px; padding: 25px 20px; } .english-subscription-section .english-coin-icon { width: 120px; height: 120px; font-size: 52px; } .english-subscription-section .english-pricing-card { padding: 24px 20px; } .english-subscription-section .english-pricing-title { font-size: 16px; } .english-subscription-section .english-price { font-size: 40px; } .english-subscription-section .english-price-unit { font-size: 17px; } .english-subscription-section .english-cta-button { font-size: 15px; padding: 14px; } .english-subscription-section .english-deco-icon { font-size: 26px; } } @media (max-width: 1400px) { .english-subscription-section .english-container { max-width: 1200px; grid-template-columns: 200px 1fr 310px; gap: 18px; } .english-subscription-section .english-header { top: -50px; } .english-subscription-section .english-logo { width: 38px; height: 38px; font-size: 19px; } .english-subscription-section .english-header-text h1 { font-size: 19px; } .english-subscription-section .english-header-text p { font-size: 11px; } .english-subscription-section .english-left-buttons { gap: 12px; } .english-subscription-section .english-circle-button { width: 130px; height: 130px; font-size: 14px; } .english-subscription-section .english-circle-button.orange { width: 150px; height: 150px; font-size: 17px; } .english-subscription-section .english-video-title { font-size: 28px; } .english-subscription-section .english-video-container { padding: 16px; border-radius: 24px; } .english-subscription-section .english-video-player { border-radius: 16px; } .english-subscription-section .english-play-button { width: 65px; height: 65px; } .english-subscription-section .english-play-button::after { border-left: 20px solid #1E88E5; border-top: 13px solid transparent; border-bottom: 13px solid transparent; } .english-subscription-section .english-video-label { font-size: 15px; padding: 9px 18px; } .english-subscription-section .english-video-footer { font-size: 16px; padding: 14px 30px; margin-top: 12px; } .english-subscription-section .english-mobile-mockup { max-width: 310px; padding: 18px; border-radius: 28px; } .english-subscription-section .english-mockup-content { min-height: 230px; padding: 22px 18px; } .english-subscription-section .english-coin-icon { width: 105px; height: 105px; font-size: 46px; margin-bottom: 20px; } .english-subscription-section .english-pricing-card { padding: 22px 18px; margin-top: 15px; } .english-subscription-section .english-pricing-title { font-size: 15px; margin-bottom: 10px; } .english-subscription-section .english-price { font-size: 36px; } .english-subscription-section .english-price-unit { font-size: 15px; } .english-subscription-section .english-cta-button { font-size: 14px; padding: 13px; } .english-subscription-section .english-deco-icon { font-size: 24px; } } @media (max-width: 1200px) { .english-subscription-section .english-container { grid-template-columns: 180px 1fr 280px; gap: 15px; } .english-subscription-section .english-left-buttons { gap: 10px; } .english-subscription-section .english-circle-button { width: 115px; height: 115px; font-size: 12px; } .english-subscription-section .english-circle-button.orange { width: 135px; height: 135px; font-size: 15px; } .english-subscription-section .english-video-title { font-size: 24px; } .english-subscription-section .english-video-container { padding: 14px; border-radius: 22px; } .english-subscription-section .english-video-player { border-radius: 14px; } .english-subscription-section .english-play-button { width: 55px; height: 55px; } .english-subscription-section .english-play-button::after { border-left: 16px solid #1E88E5; border-top: 11px solid transparent; border-bottom: 11px solid transparent; } .english-subscription-section .english-video-label { font-size: 13px; padding: 8px 16px; } .english-subscription-section .english-video-footer { font-size: 14px; padding: 12px 25px; margin-top: 10px; } .english-subscription-section .english-mobile-mockup { max-width: 280px; padding: 16px; border-radius: 26px; } .english-subscription-section .english-mockup-header { font-size: 9px; margin-bottom: 12px; } .english-subscription-section .english-mockup-content { min-height: 200px; padding: 20px 15px; border-radius: 20px; } .english-subscription-section .english-coin-icon { width: 90px; height: 90px; font-size: 38px; margin-bottom: 18px; } .english-subscription-section .english-pricing-card { padding: 20px 15px; margin-top: 12px; border-radius: 18px; } .english-subscription-section .english-pricing-title { font-size: 14px; margin-bottom: 8px; } .english-subscription-section .english-price { font-size: 32px; } .english-subscription-section .english-price-unit { font-size: 14px; } .english-subscription-section .english-price-subtitle { font-size: 11px; margin-bottom: 14px; } .english-subscription-section .english-cta-button { font-size: 13px; padding: 12px; } .english-subscription-section .english-deco-icon { font-size: 22px; } } @media (max-width: 1024px) { .english-subscription-section { padding: 80px 30px 30px; min-height: auto; } .english-subscription-section .english-container { grid-template-columns: 1fr; gap: 30px; } .english-subscription-section .english-header { position: relative; top: 0; left: 0; background: transparent; padding: 0; border-radius: 0; box-shadow: none; margin-bottom: 20px; } .english-subscription-section .english-left-buttons { flex-direction: row; justify-content: center; flex-wrap: wrap; padding-top: 0; gap: 15px; } .english-subscription-section .english-circle-button { width: 140px; height: 140px; font-size: 15px; } .english-subscription-section .english-circle-button.orange { width: 160px; height: 160px; font-size: 18px; } .english-subscription-section .english-video-title { font-size: 32px; } .english-subscription-section .english-video-container { max-width: 650px; margin: 0 auto; } .english-subscription-section .english-character { display: none; } .english-subscription-section .english-mobile-mockup { max-width: 200px; margin: 0 auto; padding: 11px; border-radius: 16px; } .english-subscription-section .english-coin-icon { width: 65px; height: 65px; font-size: 28px; margin-bottom: 15px; } .english-subscription-section .english-mockup-content { min-height: 120px; padding: 15px; border-radius: 12px; } .english-subscription-section .english-pricing-card { padding: 14px 11px; margin-top: 10px; border-radius: 11px; } .english-subscription-section .english-pricing-title { font-size: 9px; margin-bottom: 6px; } .english-subscription-section .english-original-price { font-size: 12px; margin-bottom: 4px; } .english-subscription-section .english-original-price-unit { font-size: 7px; } .english-subscription-section .english-price { font-size: 21px; } .english-subscription-section .english-price-unit { font-size: 9px; } .english-subscription-section .english-price-subtitle { font-size: 7px; margin-bottom: 9px; } .english-subscription-section .english-cta-button { font-size: 8px; padding: 8px; } } @media (max-width: 768px) { .english-subscription-section { padding: 80px 20px 20px; } .english-subscription-section .english-video-title { font-size: 28px; } .english-subscription-section .english-circle-button { width: 130px; height: 130px; font-size: 14px; } .english-subscription-section .english-circle-button.orange { width: 150px; height: 150px; font-size: 17px; } .english-subscription-section .english-video-container { padding: 12px; } .english-subscription-section .english-play-button { width: 60px; height: 60px; } .english-subscription-section .english-video-label { font-size: 14px; padding: 10px 18px; } .english-subscription-section .english-video-footer { font-size: 15px; padding: 12px 25px; } .english-subscription-section .english-mobile-mockup { max-width: 200px; padding: 11px; border-radius: 16px; } .english-subscription-section .english-coin-icon { width: 65px; height: 65px; font-size: 28px; margin-bottom: 15px; } .english-subscription-section .english-mockup-content { min-height: 120px; padding: 15px; border-radius: 12px; } .english-subscription-section .english-pricing-card { padding: 14px 11px; margin-top: 10px; border-radius: 11px; } .english-subscription-section .english-pricing-title { font-size: 9px; margin-bottom: 6px; } .english-subscription-section .english-original-price { font-size: 12px; margin-bottom: 4px; } .english-subscription-section .english-original-price-unit { font-size: 7px; } .english-subscription-section .english-price { font-size: 21px; } .english-subscription-section .english-price-unit { font-size: 9px; } .english-subscription-section .english-price-subtitle { font-size: 7px; margin-bottom: 9px; } .english-subscription-section .english-cta-button { font-size: 8px; padding: 8px; } } @media (max-width: 480px) { .english-subscription-section .english-header-text h1 { font-size: 16px; } .english-subscription-section .english-header-text p { font-size: 10px; } .english-subscription-section .english-circle-button { width: 110px; height: 110px; font-size: 12px; } .english-subscription-section .english-circle-button.orange { width: 130px; height: 130px; font-size: 15px; } .english-subscription-section .english-video-title { font-size: 24px; } .english-subscription-section .english-video-container { padding: 10px; } .english-subscription-section .english-mobile-mockup { max-width: 180px; padding: 10px; border-radius: 14px; } .english-subscription-section .english-coin-icon { width: 55px; height: 55px; font-size: 24px; margin-bottom: 12px; } .english-subscription-section .english-mockup-content { min-height: 100px; padding: 12px; border-radius: 10px; } .english-subscription-section .english-pricing-card { padding: 12px 10px; margin-top: 8px; border-radius: 9px; } .english-subscription-section .english-pricing-title { font-size: 8px; margin-bottom: 5px; } .english-subscription-section .english-original-price { font-size: 10px; margin-bottom: 3px; } .english-subscription-section .english-original-price-unit { font-size: 6px; } .english-subscription-section .english-price { font-size: 18px; } .english-subscription-section .english-price-unit { font-size: 8px; } .english-subscription-section .english-price-subtitle { font-size: 6px; margin-bottom: 8px; } .english-subscription-section .english-cta-button { font-size: 7px; padding: 7px; } } /style> div classenglish-container> !-- Left Section --> div classenglish-left-buttons> button classenglish-circle-button blue> 체계적 1년br>커리큘럼 /button> button classenglish-circle-button purple> 전문 교육진br>제작 콘텐츠 /button> button classenglish-circle-button orange> 전체적br>커리큘럼 /button> /div> !-- Center Section --> div classenglish-center-section> h2 classenglish-video-title>영상 체험해보세요/h2> div classenglish-video-container> div classenglish-video-player> video idenglish-video classenglish-video-element muted loop> source src typevideo/mp4> /video> /div> /div> /div> !-- Right Section --> div classenglish-right-section> !-- Character (placeholder) --> div classenglish-character> !-- 캐릭터 이미지 영역 --> /div> div classenglish-mobile-mockup> div classenglish-mockup-content> div classenglish-coin-icon>/div> /div> div classenglish-pricing-card> div classenglish-pricing-title>1년 구독 특가/div> div classenglish-original-price> 120span classenglish-original-price-unit>만원/span> /div> div classenglish-price> 100span classenglish-price-unit>만원/span> /div> div classenglish-price-subtitle>지금 시작하기!/div> button classenglish-cta-button onclickshowComingSoonPopup()>지금 시작하기/button> /div> /div> /div> /div> /section> !-- Materials Section (식자재유통) --> section idmaterials classmaterials-section stylebackground: linear-gradient(to bottom, #f0fdf4 0%, #ffffff 100%); font-family: Noto Sans KR, sans-serif;> div classmin-h-screen text-gray-800> !-- Hero --> section classrelative overflow-hidden> div classmx-auto max-w-7xl px-4 py-16 md:py-24 grid md:grid-cols-2 items-center gap-10> div> h1 classtext-3xl md:text-5xl font-extrabold leading-tight tracking-tight text-gray-900> 아이들의 내일을 연구하는 span classblock text-green-700>친환경 스마트푸드/span> /h1> p classmt-5 text-base md:text-lg text-gray-600> Child SmartLab Food는 아이들이 매일 접하는 먹거리가 안전하고 투명하며 자연과 공존하도록 연구하고 제공합니다. /p> div classmt-6 flex items-center gap-3 flex-wrap> a href#materials-safety classrounded-xl bg-green-600 px-5 py-3 text-white font-semibold hover:bg-green-700 transition>안전성 기준 보기/a> a href#materials-category classrounded-xl border px-5 py-3 font-semibold hover:bg-gray-50 transition>상품 살펴보기/a> /div> div classmt-6 flex items-center gap-2 text-sm text-gray-500> i classfas fa-shield-check text-base>/i> span>전문가와 함께하는 10단계 안전성 관리/span> /div> /div> div classrelative> div classabsolute -top-6 -left-6 h-40 w-40 rounded-full bg-green-100>/div> div classabsolute -bottom-8 -right-10 h-56 w-56 rounded-full bg-emerald-100>/div> div classrelative rounded-3xl border bg-white p-6 shadow-sm> div classgrid grid-cols-2 gap-4> div classflex items-center gap-3 rounded-2xl border p-4 hover:shadow transition> div classh-10 w-10 rounded-xl bg-green-600 grid place-items-center flex-shrink-0> i classfas fa-seedling text-white>/i> /div> div classtext-sm font-semibold>친환경 농산물/div> /div> div classflex items-center gap-3 rounded-2xl border p-4 hover:shadow transition> div classh-10 w-10 rounded-xl bg-green-600 grid place-items-center flex-shrink-0> i classfas fa-drumstick-bite text-white>/i> /div> div classtext-sm font-semibold>무항생제 축산물/div> /div> div classflex items-center gap-3 rounded-2xl border p-4 hover:shadow transition> div classh-10 w-10 rounded-xl bg-green-600 grid place-items-center flex-shrink-0> i classfas fa-fish text-white>/i> /div> div classtext-sm font-semibold>방사능 검사 수산물/div> /div> div classflex items-center gap-3 rounded-2xl border p-4 hover:shadow transition> div classh-10 w-10 rounded-xl bg-green-600 grid place-items-center flex-shrink-0> i classfas fa-cookie text-white>/i> /div> div classtext-sm font-semibold>프리미엄 간식/div> /div> /div> /div> /div> /div> /section> !-- Promise --> section idmaterials-promise classmx-auto max-w-7xl px-4 py-16> div classmb-8> h2 classtext-2xl md:text-3xl font-extrabold tracking-tight>브랜드 3대 약속/h2> p classmt-2 text-gray-600>자연·신뢰·지속가능성을 기준으로 아이들의 건강한 식문화를 만듭니다./p> /div> div classgrid md:grid-cols-3 gap-6> div classrounded-3xl border p-6 hover:shadow-sm transition bg-white> i classfas fa-shield-check text-3xl text-green-700>/i> h3 classmt-4 text-lg font-bold>안심할 수 있는 친환경 먹거리/h3> p classmt-2 text-sm text-gray-600>전 카테고리 식자재를 자체 엄격 기준으로 선별·관리합니다./p> /div> div classrounded-3xl border p-6 hover:shadow-sm transition bg-white> i classfas fa-recycle text-3xl text-green-700>/i> h3 classmt-4 text-lg font-bold>자연을 생각한 포장재/h3> p classmt-2 text-sm text-gray-600>지속 가능한 소재와 재활용 가능성을 고려해 환경을 보호합니다./p> /div> div classrounded-3xl border p-6 hover:shadow-sm transition bg-white> i classfas fa-leaf text-3xl text-green-700>/i> h3 classmt-4 text-lg font-bold>지속 생산과 지역 상생/h3> p classmt-2 text-sm text-gray-600>산지 직거래와 생산지 지원으로 친환경 생태계를 조성합니다./p> /div> /div> /section> !-- Categories --> section idmaterials-category classbg-green-50/60 py-16> div classmx-auto max-w-7xl px-4> div classmb-8> h2 classtext-2xl md:text-3xl font-extrabold tracking-tight>주요 상품 카테고리/h2> p classmt-2 text-gray-600>원료부터 까다롭게 선별하고 관리합니다./p> /div> div classgrid md:grid-cols-4 gap-6> div classrounded-3xl border bg-white p-6 hover:shadow-sm transition> div classh-12 w-12 rounded-2xl bg-green-600 grid place-items-center> i classfas fa-seedling text-white text-xl>/i> /div> h3 classmt-4 text-base font-bold>친환경 농산물/h3> p classmt-1 text-sm text-gray-600>화학농약 없이 재배된 인증 농산물/p> /div> div classrounded-3xl border bg-white p-6 hover:shadow-sm transition> div classh-12 w-12 rounded-2xl bg-green-600 grid place-items-center> i classfas fa-drumstick-bite text-white text-xl>/i> /div> h3 classmt-4 text-base font-bold>무항생제 축산물/h3> p classmt-1 text-sm text-gray-600>항생제·호르몬제 무첨가 사료로 사육/p> /div> div classrounded-3xl border bg-white p-6 hover:shadow-sm transition> div classh-12 w-12 rounded-2xl bg-green-600 grid place-items-center> i classfas fa-fish text-white text-xl>/i> /div> h3 classmt-4 text-base font-bold>방사능 검사 수산물/h3> p classmt-1 text-sm text-gray-600>정기 검사로 안전성 검증 완료/p> /div> div classrounded-3xl border bg-white p-6 hover:shadow-sm transition> div classh-12 w-12 rounded-2xl bg-green-600 grid place-items-center> i classfas fa-cookie text-white text-xl>/i> /div> h3 classmt-4 text-base font-bold>프리미엄 간식/h3> p classmt-1 text-sm text-gray-600>국내산 원료 중심, 어린이 기준 충족/p> /div> /div> /div> /section> !-- Safety Check 10 --> section idmaterials-safety classmx-auto max-w-7xl px-4 py-16> div classmb-8 flex items-start justify-between gap-6 flex-wrap> div> h2 classtext-2xl md:text-3xl font-extrabold tracking-tight>안전성 관리체계 – Smart Safety Check 10/h2> p classmt-2 text-gray-600>전문가와 협력한 10단계 검사 프로세스로 안전한 제품만 유통합니다./p> /div> div classhidden md:flex items-center gap-2 text-sm text-green-700 font-semibold> i classfas fa-atom>/i> 과학적·체계적 검증 /div> /div> div classgrid md:grid-cols-2 gap-4> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>잔류농약검사 (560성분 이상)/span> /div> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>중금속검사 (납, 카드뮴, 수은 등)/span> /div> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>항생물질검사 (축·수·란 전용)/span> /div> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>미생물검사 (대장균, 살모넬라, 리스테리아 등)/span> /div> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>방사능검사 (수산물/건어포/버섯류 등)/span> /div> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>바이러스검사 (노로바이러스 등 6종)/span> /div> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>GMO 검사 (Non-GMO 원칙)/span> /div> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>유해물질검사 (벤조피렌, 아크릴아마이드 등)/span> /div> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>공정점검 (제조 중 위해요소 사전 차단)/span> /div> div classrounded-2xl border bg-white p-4 flex items-start gap-3> i classfas fa-check-circle text-green-700 text-xl flex-shrink-0 mt-1>/i> span classtext-sm md:text-base text-gray-700>협력업체 품질관리 (정기 Audit)/span> /div> /div> /section> !-- Education --> section idmaterials-education classbg-emerald-50/60 py-16> div classmx-auto max-w-7xl px-4 grid md:grid-cols-2 gap-10 items-center> div> h2 classtext-2xl md:text-3xl font-extrabold tracking-tight>교육/컨설팅 프로그램/h2> p classmt-3 text-gray-600> 아이들이 자연스럽게 건강한 식문화를 배우고 실천하도록 식품안전·영양·환경교육을 결합한 체험형 프로그램을 운영합니다. /p> ul classmt-6 space-y-3 text-sm text-gray-700> li classflex gap-2 items-center> i classfas fa-graduation-cap text-green-700 text-lg>/i> 유치원/어린이집 맞춤형 커리큘럼 /li> li classflex gap-2 items-center> i classfas fa-graduation-cap text-green-700 text-lg>/i> 먹거리 안전 워크숍 & 부모 교육 /li> li classflex gap-2 items-center> i classfas fa-graduation-cap text-green-700 text-lg>/i> 환경보호 습관 형성 프로그램 /li> /ul> div classmt-6> a href#contact classinline-block rounded-xl bg-green-600 px-5 py-3 text-white font-semibold hover:bg-green-700 transition>교육 문의/a> /div> /div> div classrelative> div classabsolute -top-6 -right-6 h-40 w-40 rounded-full bg-emerald-100>/div> div classabsolute -bottom-8 -left-10 h-56 w-56 rounded-full bg-green-100>/div> div classrelative rounded-3xl border bg-white p-6 shadow-sm> div classgrid grid-cols-3 gap-4 text-center text-sm> div classrounded-xl border py-3 bg-white hover:shadow-sm transition>식품안전/div> div classrounded-xl border py-3 bg-white hover:shadow-sm transition>영양/div> div classrounded-xl border py-3 bg-white hover:shadow-sm transition>환경/div> div classrounded-xl border py-3 bg-white hover:shadow-sm transition>체험/div> div classrounded-xl border py-3 bg-white hover:shadow-sm transition>놀이/div> div classrounded-xl border py-3 bg-white hover:shadow-sm transition>습관/div> div classrounded-xl border py-3 bg-white hover:shadow-sm transition>지역/div> div classrounded-xl border py-3 bg-white hover:shadow-sm transition>상생/div> div classrounded-xl border py-3 bg-white hover:shadow-sm transition>참여/div> /div> /div> /div> /div> /section> !-- Contact / CTA --> section idmaterials-contact classmx-auto max-w-7xl px-4 py-16> div classrounded-3xl border bg-white p-8 md:p-12 grid md:grid-cols-2 gap-8 items-center> div> h2 classtext-2xl md:text-3xl font-extrabold tracking-tight>지속 가능한 식문화를 함께 만들어요/h2> p classmt-3 text-gray-600>납품/제휴/교육 문의를 남겨주시면 빠르게 연락드리겠습니다./p> ul classmt-4 text-sm text-gray-700 space-y-2> li>· 인증 친환경 원료 중심의 제품 구성/li> li>· Check 10 기반 안전성 데이터 제공/li> li>· 기관(어린이집/유치원/관내기관) 맞춤 솔루션/li> /ul> /div> form classgrid grid-cols-1 gap-4 onsubmitevent.preventDefault(); showComingSoonPopup(); return false;> input typetext placeholder기관명 classrounded-xl border p-3 focus:outline-none focus:ring-2 focus:ring-green-600 /> div classgrid md:grid-cols-2 gap-4> input typetext placeholder담당자명 classrounded-xl border p-3 focus:outline-none focus:ring-2 focus:ring-green-600 /> input typetel placeholder연락처 classrounded-xl border p-3 focus:outline-none focus:ring-2 focus:ring-green-600 /> /div> textarea placeholder문의 내용 rows4 classrounded-xl border p-3 focus:outline-none focus:ring-2 focus:ring-green-600>/textarea> button typesubmit classrounded-xl bg-green-600 px-5 py-3 text-white font-semibold hover:bg-green-700 transition>문의 보내기/button> /form> /div> /section> /div> /section> !-- Contact Section --> section idcontact classcontact-section> !-- Background Decorative Elements --> div classcontact-circle-1>/div> div classcontact-circle-2>/div> div classcontact-circle-3>/div> div classcontact-circle-4>/div> div classcontact-circle-5>/div> div classcontact-circle-6>/div> div classcontainer> div classcontact-content> h2 classcontact-title>Contact/h2> p classcontact-subtitle>Child SmartLab/p> !-- Decorative Images --> div classcontact-decorations> div classbook-decoration> img srcimages/book.png alt책 classbook-img> /div> div classpencil-decoration> img srcimages/pencil.png alt연필 classpencil-img> /div> /div> div classcontact-cards> a hreftel:031-982-9030 classcontact-card contact-card-link> div classcontact-icon> i classfas fa-phone>/i> /div> h3>전화번호/h3> p>031-982-9030/p> /a> a hrefmailto:wj1023time@naver.com classcontact-card contact-card-link> div classcontact-icon> i classfas fa-envelope>/i> /div> h3>이메일/h3> p>wj1023time@naver.com/p> /a> div classcontact-card> div classcontact-icon> i classfas fa-map-marker-alt>/i> /div> h3>주소/h3> p>추후기재/p> /div> /div> /div> /div> /section> !-- Footer Section --> footer classfooter> div classcontainer> div classfooter-content> div classfooter-menu> a hrefabout-company.html>회사소개/a> span classfooter-divider>|/span> a hrefterms.html>이용약관/a> span classfooter-divider>|/span> a hrefprivacy.html>개인정보처리방침/a> span classfooter-divider>|/span> a hrefguide.html>이용안내/a> /div> p>© 2025 Child SmartLAB · All rights reserved./p> /div> /div> /footer>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]