농림축산물 수입액 TOP 10 (2025년 3분기 누적)
농림축산물 수입액 TOP10 (2025년 4분기 누적) /* 폰트 변경: Inter -> Noto Sans KR (가중치 400, 700, 900 로드) */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap</a>">https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap</a></a>'); body { /* 바디 배경색을 흰색으로 변경 */ font-family: 'Noto Sans KR', sans-serif; background-color: white; /* 변경 */ padding: 1rem; } .data-bar-wrapper { transition: width 0.8s ease-out; /* [수정] 텍스트가 잘리지 않도록 min-width 조정 */ min-width: fit-content; } /* Custom colors for trend visualization */ .color-increase { background-color: #22c55e; } /* Green-500 */ .color-decrease { background-color: #ef4444; } /* Red-500 */ .color-stable { background-color: #a3a3a3; } /* Gray-400 */ .color-main-bar { background-color: #3b82f6; } /* Blue-500 */ .color-main-bar-top { background-color: #1d4ed8; } /* Blue-700 (for Beef) */ .text-increase { color: #16a34a; } /* Green-600 */ .text-decrease { color: #dc2626; } /* Red-600 */ .text-stable { color: #737373; } /* Gray-600 */ .stat-box-increase { background-color: #dcfce7; /* Green-100 */ border-left: 5px solid #10b981; /* Green-500 */ } .stat-box-decrease { background-color: #fee2e2; /* Red-100 */ border-left: 5px solid #f87171; /* Red-400 */ } "TOP 10" --> 농림축산물 수입액 TOP 10 (2025년 3분기 누적) text-xl --> 출처: aT KATI text-xl --> 전체 수입액 (누계) text-4xl/text-5xl --> 32,737 text-xl / [수정] 상하 간격 조정을 위해 mt-1 추가 --> 백만불 text-xl --> 전년 대비 증감률 w-8 h-8 --> text-4xl/text-5xl --> 1.0% text-xl / [수정] 상하 간격 조정을 위해 mt-1 추가 --> 증가 수입액 및 물량 동향 (단위: 백만불 / 천 톤) text-lg --> 증가 감소 안정/유지 text-3xl --> 총괄 분석: 축산물 수입 동향 text-3xl / 줄 간격 space-y-3 -> space-y-5 --> ❍ 축산물은 전년 동기대비 수입액 7.5% 증가한 8,273백만불 포유가축육류: 쇠고기(9.2%↑), 면양고기(10.6%↑) 등의 수입액 증가로 전체 수입액 전년 대비 3.8% 증가 (수입량 0.6% 증가) 가금육류: 닭고기(0.4%↑) 등의 수입액 증가로 전체 수입액 전년 대비 1.0% 증가 (수입량 3.1% 감소) 주요 품목별 급증/급감 분석 w-10 h-10 --> text-3xl --> 커피 (Coffee) text-2xl --> 수입액 최고 증가 품목 text-5xl / 아이콘 크기 변경: w-6 h-6 -> w-8 h-8 --> 46.4% text-2xl --> 수입액 증가율 (물량은 2.8% 증가) w-10 h-10 --> text-3xl --> 사탕수수당 (Sugarcane Sugar) text-2xl --> 수입액 최대 감소 품목 text-5xl / 아이콘 크기 변경: w-6 h-6 -> w-8 h-8 --> -19.1% text-2xl --> 수입액 감소율 (물량은 3.2% 감소) text-xl --> 4분기 --> 데이터 출처: aT KATI (2025년 3분기 누계 기준) // PDF 자료를 통해 수입 물량(Volume)과 물량 증감률(VolumeChange)을 업데이트했습니다. const data = [ // { rank, item, amount (백만불), change (금액 증감률), icon, volume (천 톤), volumeUnit, volumeChange (물량 증감률) } { rank: 1, item: "쇠고기", amount: 3359, change: 9.2, icon: "beef", volume: 422, volumeUnit: "천 톤", volumeChange: 8.3 }, { rank: 2, item: "옥수수", amount: 2119, change: -1.3, icon: "leaf", volume: 8400, volumeUnit: "천 톤", volumeChange: 1.3 }, { rank: 3, item: "혼합조제식료품", amount: 1654, change: -5.3, icon: "cuboid", volume: 253, volumeUnit: "천 톤", volumeChange: -3.0 }, { rank: 4, item: "돼지고기", amount: 1624, change: -6.7, icon: "beef", volume: 446, volumeUnit: "천 톤", volumeChange: -6.2 }, { rank: 5, item: "커피", amount: 1327, change: 46.4, icon: "coffee", volume: 159, volumeUnit: "천 톤", volumeChange: 2.8 }, { rank: 6, item: "밀", amount: 992, change: -9.4, icon: "leaf", volume: 3436, volumeUnit: "천 톤", volumeChange: -3.1 }, { rank: 7, item: "펄프", amount: 910, change: -14.4, icon: "cuboid", volume: 1464, volumeUnit: "천 톤", volumeChange: -5.3 }, { rank: 8, item: "치즈", amount: 643, change: 37.7, icon: "cuboid", volume: 119, volumeUnit: "천 톤", volumeChange: 31.3 }, { rank: 9, item: "팜유", amount: 542, change: 9.7, icon: "leaf", volume: 496, volumeUnit: "천 톤", volumeChange: -6.9 }, { rank: 10, item: "사탕수수당", amount: 541, change: -19.1, icon: "grape", volume: 1095, volumeUnit: "천 톤", volumeChange: -3.2 }, ]; const maxAmount = data[0].amount; // 3359 // Helper function to determine color and icon for change const getChangeData = (changeValue) => { let colorClass = 'color-stable'; let icon = 'minus'; let textClass = 'text-stable'; let sign = ''; // [수정] 부호 로직 제거 if (changeValue > 0.0) { colorClass = 'color-increase'; icon = 'arrow-up'; textClass = 'text-increase'; sign = ''; // [수정] + 기호 제거 } else if (changeValue { const widthPercentage = (d.amount / maxAmount) * 100; // Get change data for Amount const amountChangeData = getChangeData(d.change); // Get change data for Volume const volumeChangeData = getChangeData(d.volumeChange); const mainBarColor = d.rank === 1 ? 'color-main-bar-top' : 'color-main-bar'; const itemHtml = ` gap-4 / py-3 -> py-4 --> space-x-4 --> text-3xl / w-7 -> w-8 --> ${d.rank} w-7 h-7 --> text-2xl --> ${d.item} h-20 --> px-5 --> text-xl --> ${d.amount.toLocaleString()} 백만불 text-lg --> ${d.volume.toLocaleString()} ${d.volumeUnit} ml-4 --> text-xl --> 금액: w-6 h-6 --> text-xl --> ${amountChangeData.text} text-xl --> 물량: w-6 h-6 --> text-xl --> ${volumeChangeData.text} `; // Append HTML content container.insertAdjacentHTML('beforeend', itemHtml); }); // Rerender all icons once after all dynamic content has been inserted. if (typeof lucide !== 'undefined') { lucide.createIcons(); }
2025.11.04
🌟“내가 먹는 식품이 이렇게 만들어진다구?” 하림 미식투어 시즌2 본격 개시
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a></a>">https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap</a></a></a></a></a></a>'); .hfk-article * { box-sizing: border-box; } .hfk-article { font-family: 'Nanum Gothic', Arial, sans-serif; font-size: 11pt; line-height: 1.8; color:#111827; } .hfk-article p { margin:0 0 14px; } .hfk-article ul { padding-left: 20px; margin: 8px 0 16px; } .hfk-article li { margin: 6px 0; } /* 소제목은 100, 나머지 95% 가로폭 */ .hfk-article > :not(.subhead):not(style):not(script) { width:95%; margin-left:auto; margin-right:auto; } /* 세 줄 요약 박스 */ .hfk-article .summary { background:#f5f6f7; border:1px solid #e5e7eb; border-radius:10px; padding:14px 16px; margin:18px 0 22px; font-size:10pt; color:#374151; } .hfk-article .summary-title { font-weight:800; margin:0 0 8px; color:#111827; font-size:10pt; letter-spacing:.2px; } /* 이미지 공통 인터랙션 */ .hfk-article .img-wrap { position:relative; overflow:hidden; border-radius:10px; border:1px solid #e5e7eb; } .hfk-article .img-wrap img { display:block; width:100%; height:100%; object-fit:cover; transition: transform .35s ease; } .hfk-article .img-wrap::after { content:""; position:absolute; inset:0; background:rgba(17,24,39,.0); transition: background .35s ease; } .hfk-article .img-wrap:hover img { transform: scale(1.03); } .hfk-article .img-wrap:hover::after { background: rgba(17,24,39,.06); } /* 사진 그리드 */ .hfk-article .gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:20px 0 10px; } .hfk-article .gallery .img-wrap { aspect-ratio:16/9; } /* 박스형 소제목 */ .hfk-article .subhead { display:block; font-weight:800; border-radius:12px; padding:10px 14px; margin:26px 0 12px; border:1px solid #ef4444; background:#ef4444; color:#ffffff; width:100%; } /* 하이라이트 카드 */ .hfk-article .hl-card { border:1px solid #e5e7eb; border-radius:12px; padding:14px; margin:12px 0; background:#ffffff; } .hfk-article .hl-1 { background:#f8fafc; border-color:#dbeafe; } .hfk-article .hl-2 { background:#f9fafb; border-color:#e5e7eb; } .hfk-article .hl-3 { background:#fefce8; border-color:#fde68a; } .hfk-article .hl-4 { background:#f7fee7; border-color:#d9f99d; } /* 인라인 사진들 */ .hfk-article .inline-photos { display:flex; gap:10px; margin:10px 0 16px; flex-wrap:wrap; } .hfk-article .inline-photos .img-wrap { flex:1 1 320px; aspect-ratio:16/9; } /* 슬라이더 */ .hfk-article .slider { position:relative; margin:12px 0 18px; border-radius:10px; overflow:hidden; border:1px solid #e5e7eb; aspect-ratio:16/9; } .hfk-article .slides { display:flex; width:300%; height:100%; transition: transform .4s ease; } .hfk-article .slide { width:33.3333%; position:relative; } .hfk-article .slide img { width:100%; height:100%; object-fit:cover; display:block; } .hfk-article .slider .nav { position:absolute; inset:auto 0 10px 0; display:flex; justify-content:center; gap:8px; } .hfk-article .slider .dot { width:10px; height:10px; border-radius:999px; background:#e5e7eb; border:1px solid #cbd5e1; cursor:pointer; transition: background .2s ease, transform .2s ease; } .hfk-article .slider .dot.active { background:#64748b; transform: scale(1.1); } .hfk-article .slider .ctrl { position:absolute; top:50%; transform: translateY(-50%); width:40px; height:40px; border-radius:999px; background:rgba(17,24,39,.55); color:#fff; border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; } .hfk-article .slider .prev { left:10px; } .hfk-article .slider .next { right:10px; } .hfk-article .slider .ctrl:hover { background:rgba(17,24,39,.7); } /* 버튼 */ .hfk-article .btn-wrap { text-align:center; margin: 6px 0 0; } .hfk-article .btn { display:inline-block; background:#FACC15; color:#111827; text-decoration:none; padding:12px 18px; border-radius:10px; font-weight:800; transition:transform .06s ease, opacity .2s ease, background .2s ease, box-shadow .2s ease; box-shadow: 0 2px 0 rgba(0,0,0,.06); } .hfk-article .btn:hover { opacity:.98; background:#EAB308; transform: translateY(-1px); } /* 영상 반응형 */ .hfk-article .video-wrap { position:relative; width:100%; aspect-ratio:16/9; border:1px solid #e5e7eb; border-radius:10px; overflow:hidden; margin:14px 0 6px; } .hfk-article .video-wrap iframe { position:absolute; inset:0; width:100%; height:100%; } .hfk-article .video-credit { text-align:center; font-size:10pt; color:#6b7280; margin-bottom:14px; } /* 반응형 */ @media (max-width: 900px){ .hfk-article .gallery { grid-template-columns:repeat(2,1fr); } } @media (max-width: 560px){ .hfk-article .gallery { grid-template-columns:1fr; } .hfk-article .summary { font-size:9.5pt; } } 세줄요약! 🍽 식품산업의 현장을 직접 보고 맛보는 하림 퍼스트키친 ‘미식 투어’ 리뉴얼 오픈 ✨ 도슨트와 함께 즐기는 생산공정 견학, 이색 체험이 있는 국내 대표 식품산업 투어 🗓 하림 푸트투어 홈페이지를 통해 일정 확인부터 예약까지 한 번에! 누구나 쉽게 참여 가능 ‘최고의 맛은 신선함에서 나온다’ 하림그룹의 식품철학을 실현하는 무대, 바로 하림 퍼스트 키친입니다. 이곳은 단순히 제품이 만들어지는 곳이 아니라, 국내 식품산업의 전 과정을 직접 볼 수 있는 현장이자 식품의 생산부터 유통까지 이어지는 국내 대표 식품 생산기지입니다. ‘미식 투어’에서는 밥·국·탕·찌개류 등 HMI(Home Meal Itself) 제품부터 라면·천연조미료까지 국민 식탁을 구성하는 다양한 식품이 어떻게 만들어지고 유통되는지 직접 확인할 수 있습니다. 이제는 남녀노소는 물론 외국인까지 즐기는 국내 대표 식품산업 견학 프로그램으로 자리 잡았습니다. 특히 전문 도슨트의 안내로 신선한 식재료로 만든 최고의 식품이 생산돼 물론 유통 물류까지 이어져 우리가 먹는 음식이 어떻게 만들어져서 우리의 식탁에 오르는지 그 전 과정을 한눈에 이해할 수 있습니다. 새롭게 리뉴얼된 미식투어, 어떤 것이 달라졌는지 알아봅니다! 1. 미식 투어, 어떤 것이 새로워졌을까? 이번 리뉴얼을 통해 투어 동선이 새롭게 재정비되고, 체험 콘텐츠가 한층 다채로워졌습니다. 키친 상영관에서는 하림의 철학과 퍼스트키친의 소개를 영상으로 만나볼 수 있고, LED 터널에서는 거대한 육수냄비 속에서 하림의 식품철학으로 만드는 장인라면이 만들어지는되는 과정을 생생하게 체험할 수 있습니다. 또한 라면 키친 중간에 조성된 ‘라면 정글’ 포토존은 방문객들의 인생샷 명소로 자리 잡았습니다. 이외에도 ‘The미식 마켓’에서는 하림의 다양한 제품을 한눈에 보고, 편안하게 휴식할 수 있는 공간이 마련되어 있습니다. 이번 리뉴얼로 하림 퍼스트키친은 단순한 견학을 넘어 오감으로 즐기는 식품 체험 공간으로 완성되었습니다. ‹ › 2. 🍴 리뉴얼된 미식투어, 오감으로 즐기는 4가지 Point 🌟 Point 1. 키친 상영관 & LED 터널 — 거대한 육수 냄비 속으로 투어의 시작은 ‘키친 상영관’에서 하림의 식품 철학과 하림 퍼스트키친의 이야기를 담은 영상을 관람하는 것으로 시작됩니다. 이어 뜨거운 증기(연출된 인공 증기)가 피어오르는 거대한 냄비 안으로 들어서면 본격적인 투어가 펼쳐집니다. 이 거대한 냄비는 실제 K1(메인키친)에서 국·탕·찌개·소스류를 만들기 위해 신선한 재료로 육수를 우려내는 대형 솥을 형상화한 공간입니다. 출처: EBS Documentary YouTube 안으로 들어가면 양파, 대파, 돈골, 사골, 생닭, 버섯 등 육수를 만드는 데 사용되는 신선한 식재료들이 LED 영상으로 쏟아지듯 연출되며, 실제 ‘장인라면’의 육수 제조 과정을 생생하게 감상할 수 있습니다. ‘장인라면’은 분말스프 대신 신선한 식재료를 20시간 동안 우려낸 진한 육수로 국물을 내는 것이 특징이며, 실제 그 공정이 LED 터널 안에 그대로 구현되어 있습니다. 마치 거대한 육수 냄비 속에 들어가는 듯한 이곳은 관람객들의 감탄이 가장 많이 터져 나오는 구간으로, 실제 육수 제조 공정을 냄비 속에서 체험하듯 생생하게 느낄 수 있는 투어의 하이라이트이자 가장 인기 있는 포인트입니다. 🌟 Point 2. 라면 키친 & 라면 정글 — 꼬불꼬불, 쫄깃한 면의 비밀 도슨트의 설명을 따라 이동하면, 라면 키친(K3)에서 하림 라면의 핵심인 쫄깃한 면의 식감 비밀을 직접 확인할 수 있습니다. 이곳에서는 건면과 유탕면의 공정, 반죽의 숙성과 절단 과정, 그리고 하림이 구현한 면의 탄력과 식감 기술력을 생생하게 살펴볼 수 있습니다. 한편, 한쪽 벽면가득 라면이 전시된 전시된 라면 라이브러리에서는 라면 키친에서 생산되는 다양한 라면 제품들을 한눈에 볼 수 있습니다. 공정을 따라가다 보면, 꼬불꼬불한 면발이 천장 가득 매달린 ‘라면 정글’이 모습을 드러냅니다.공중에 늘어선 면발 오브제가 만들어내는 이색적인 풍경은 마치 면의 세계 속을 거니는 듯한 기분을 선사하며, 관람객들에게 가장 인기 있는 포토존으로 꼽힙니다. 곳곳에 설치된 조명과 반사효과 덕분에 방문객들은 특별한 인생샷을 남길 수 있는 명소로 즐기고 있습니다. 🌟 Point 3. 시식 공간 — 현장에서 바로 맛보는 최고의 맛 이번 리뉴얼을 통해 하림 퍼스트키친 곳곳의 시식 공간도 확대됐습니다. 공간마다 하림의 대표 브랜드인 ‘The미식’과 ‘푸디버디’ 제품을 맛볼 수 있도록 구성되어 있습니다. 투어를 통해 살펴본 공정을 거쳐 나온 제품을 현장에서 맛보며 관람객들이 식품산업의 현장에서 생산된 식품이 식탁으로 이어지는 특별한 경험을 할 수 있습니다. K3(라면 키친)에서는 다양한 라면을 직접 시식할 수 있고, K2(밥 키친)에서는 비교 시식을 통해 물과 쌀로만 지은 ‘The미식 밥’의 깊은 풍미를 느껴볼 수 있습니다. 또한, K1(메인키친)에서는 국·탕·찌개류는 물론 튀김, 만두, 핫도그 등의 공정을 견학하고 일부 제품도 맛볼 수 있습니다. 🌟 Point 4. The미식 마켓 — 하림 제품을 한 눈에 ‘The미식 마켓’은 하림의 다양한 브랜드 제품이 한자리에 모여 전시·판매되는 공간입니다. 이곳에서는 투어를 통해 살펴본 ‘최고의 맛은 신선함에서 나온다’라는 하림의 식품철학이 반영된 제품들을 직접 구매할 수 있습니다. 한편 하림의 공식 온라인 플랫폼 ‘오드그로서(ODD GROCER)’에서도 스마트폰으로 바로 주문할 수 있습니다. 이처럼 하림은 누구나 식품산업의 가치사슬을 직접 보고, 맛보고, 소비로 연결할 수 있는 특별한 투어를 완성했습니다. 3. 미식 투어, 누구나 누릴 수 있는 산업현장 체험 하림 퍼스트키친 미식 투어는 기업의 생산라인을 일반에게 개방한 국내 대표 식품 산업관람형 프로그램입니다. 개인·가족·단체 누구나 예약 가능하며, 어린이 단체 대상 ‘띠용 투어’ 등 참여형 프로그램도 마련되어 있습니다. ‘미식 투어’는 홈페이지를 통해 간편하게 예약할 수 있습니다. 📍 예약 방법: 하림 푸드투어 공식 홈페이지(https://harimfoodtour.harim.com/) 📍 위치: 전북특별자치도 익산시 함열읍 다송리 882 (하림 퍼스트키친) 📞 문의: 063-723-7101 하림 미식투어 예약하러가기 (function(){ function initSlider(rootId){ const root = document.getElementById(rootId); if(!root) return; const slides = root.querySelector('.slides'); const dots = root.querySelectorAll('.dot'); let index = 0; function go(i){ index = (i + dots.length) % dots.length; slides.style.transform = 'translateX(' + (-100 / dots.length * index) + '%)'; dots.forEach((d, di)=> d.classList.toggle('active', di===index)); } const prev = root.querySelector('.prev'); const next = root.querySelector('.next'); if(prev) prev.addEventListener('click', ()=> go(index-1)); if(next) next.addEventListener('click', ()=> go(index+1)); dots.forEach(d => d.addEventListener('click', ()=> go(+d.dataset.index))); let timer = setInterval(()=> go(index+1), 5000); root.addEventListener('mouseenter', ()=> clearInterval(timer)); root.addEventListener('mouseleave', ()=> timer = setInterval(()=> go(index+1), 5000)); } initSlider('slider-hero'); })();
2025.10.27
.png)
