About Us
-
-
Production plants measuring
25 ha in total area
-
2009
-
Established Jiangsu After-Sales Service Training Center
-
Launched the 9 series of excavators on the market
-
2008
-
Built a factory in India
-
Established the Moscow branch in Russia
-
150,000-unit-mark reached for production of construction equipment
-
Established the Panama branch in Latin America
-
Established the Dubai branch in the UAE
-
2007
-
Established the India subsidiary
-
Established a hydraulic equipment corporation in China
-
-
2006
-
Established the Istanbul Branch in Turkey (present day Türkiye)
-
Established a technology training center at Eumseong, Chungbuk
-
Awarded the Grand Prize in the Construction Equipment & Materials category at the Korea Construction Culture Awards
-
2005
-
HD HCE's electric reach forklift selected for Best Design at the Hong Kong Design Exhibition
-
100,000-unit-mark reached for production of construction equipment
-
Relocated the Parts Center to Eumseong, Chungbuk
-
2004
-
Completed the construction of the Hyundai Cummins engine plant
-
2003
-
Established a joint venture (Hyundai Jiangsu) in China
-
The 7 series of excavators selected as World-Class Product
-
-
2002
-
Established a joint venture in Beijing, China
-
2000
-
50,000-unit-mark reached for production of construction equipment (in the shortest time ever in Korea)
-
Unification of production and sales of Hyundai Heavy Industries Co., Ltd.
-
gsap.to($("html, body"), {duration: 0, scrollTop: 0, ease: Power3.easeOut});
console.log($(window).scrollTop())
var _thisScroll = 0;
var _isScrollTop;
if ($(window).scrollTop() > $(".intro .con2").offset().top) {
$("#subBody").removeClass("wide");
}
$(window).on("scroll", function () {
_isScrollTop = $(window).scrollTop();
if (_isScrollTop > _thisScroll) { // down
if (_isScrollTop > 0) {
if ($(window).scrollTop() > $(".intro .con2").offset().top) {
$(".intro .con1").addClass("scroll");
}
}
}
if (_isScrollTop < _thisScroll) { // up
if ($(window).scrollTop() < $(".intro .con2").offset().top) {
$(".intro .con1").removeClass("scroll");
$("#subBody").addClass("wide");
$("#subBody h2 p").css("opacity" , "0").css("transform" , "translate(0px, -500px)");
}
}
_thisScroll = _isScrollTop;
}); $(window).scroll();
gsap.fromTo("#subBody h2 p",{ transform: 'translate(0, 100px)', opacity: 0, ease: Power3.easeOut }, { duration: 0.8, 'transform': 'translate(0, 0)', opacity: 1, ease: Power3.easeOut});
gsap.fromTo("#subBody h2 p",
{
duration: 0.8,
transform: 'translate(0, 0)',
opacity: 1,
ease: Power3.easeOut
},
{
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=95%",
scrub: 1,
},
y: -500,
opacity: 0,
}
);
gsap.to(".intro .con1 .bg", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=150%",
// markers: true,
scrub : 1,
},
y : -500,
// width: "100%",
// height: "1600rem"
});
gsap.to(".intro .con1 .inner", {
scrollTrigger: {
trigger: ".intro .con1",
start: "top top",
end: "+=150%",
// markers: true,
scrub : 1,
},
y : -1000,
opacity: 0,
});
gsap.to(".intro .con2 .deco", {
scrollTrigger: {
trigger: ".intro .con1",
start: "120% top",
end: "+=50%",
// markers: true,
scrub : 1,
},
'transform': 'skew(0, 0deg)'
});
ScrollTrigger.matchMedia({
"(min-width: 1025px)": function() {
gsap.to(".history-con", {
scrollTrigger: {
trigger: ".history-con",
start: "top top",
end: "+=100%",
scrub: 0,
},
top: 0
});
gsap.to(".history-con .his-area li:nth-child(1) .tit-img", {
scrollTrigger: {
trigger: ".history-con",
start: "100% top",
end: "+=50%",
scrub: 1,
},
width: "510rem",
height: "640rem"
});
gsap.to(".history-con .his-area li:nth-child(1) .tit-img img", {
scrollTrigger: {
trigger: ".history-con",
start: "100% top",
end: "+=50%",
scrub: 1,
},
width: "510rem",
height: "640rem"
});
gsap.to(".history-con .his-area li:nth-child(1) .tit-txt", {
scrollTrigger: {
trigger: ".history-con",
start: "100% top",
end: "+=50%",
scrub: 1,
},
opacity: 1,
});
gsap.to(".history-con .his-area li:nth-child(1) .units", {
scrollTrigger: {
trigger: ".history-con",
start: "150% top",
end: "+=50%",
scrub: 1,
},
left: "calc(50% + 400rem)",
});
$(".history-con .his-area .unit").each(function(){
if($(this).find(".img").length > 0){
$(this).css('width', $(this).find(".img").innerWidth());
}
});
gsap.to(".history-con .his-tab > a:nth-child(1) .progress > span",
{
scrollTrigger: {
trigger: ".history-con",
start: "200% top",
end: "+=300%",
scrub: 1,
},
width: "100%",
});
gsap.to(".history-con .his-area li:nth-child(1) .move-pack .pack2",
{
scrollTrigger: {
trigger: ".history-con",
start: "200% top",
end: "+=300%",
scrub: 1,
onEnterBack: function(){
$(".history-con .his-tab > a").removeClass("on");
$(".history-con .his-tab > a").eq(0).addClass("on");
},
},
left: -($(".history-con .his-area li").eq(0).find(".units").innerWidth()),
});
gsap.to(".history-con .his-area li:nth-child(1)",
{
scrollTrigger: {
trigger: ".history-con",
start: "500% top",
end: "+=100%",
scrub: 1,
},
left: "-100%",
});
gsap.to(".history-con .his-area li:nth-child(1) .tit-txt",
{
scrollTrigger: {
trigger: ".history-con",
start: "500% top",
end: "+=100%",
scrub: 1,
},
left: "-1000rem",
});
gsap.fromTo(".history-con .his-area li:nth-child(2) .move-pack",
{
left: "100%",
},
{
scrollTrigger: {
trigger: ".history-con",
start: "500% top",
end: "+=100%",
scrub: 1,
},
left: 0,
});
gsap.to(".history-con .his-area li:nth-child(2) .tit-img", {
scrollTrigger: {
trigger: ".history-con",
start: "550% top",
end: "+=50%",
scrub: 1,
},
width: "510rem",
height: "640rem"
});
gsap.to(".history-con .his-area li:nth-child(2) .tit-img img", {
scrollTrigger: {
trigger: ".history-con",
start: "550% top",
end: "+=50%",
scrub: 1,
},
width: "510rem",
height: "640rem"
});
gsap.to(".history-con .his-area li:nth-child(2) .tit-txt", {
scrollTrigger: {
trigger: ".history-con",
start: "550% top",
end: "+=50%",
scrub: 1,
},
opacity: 1,
});
gsap.to(".history-con .his-area li:nth-child(2) .move-pack .pack2",
{
scrollTrigger: {
trigger: ".history-con",
start: "600% top",
end: "+=300%",
scrub: 1,
onEnter: function(){
$(".history-con .his-tab > a").removeClass("on");
$(".history-con .his-tab > a").eq(1).addClass("on");
},
onEnterBack: function(){
$(".history-con .his-tab > a").removeClass("on");
$(".history-con .his-tab > a").eq(1).addClass("on");
},
},
left: -($(".history-con .his-area li").eq(1).find(".units").innerWidth()),
});
gsap.to(".history-con .his-tab > a:nth-child(2) .progress > span",
{
scrollTrigger: {
trigger: ".history-con",
start: "600% top",
end: "+=300%",
scrub: 1,
},
width: "100%",
});
gsap.to(".history-con .his-area li:nth-child(2)",
{
scrollTrigger: {
trigger: ".history-con",
start: "900% top",
end: "+=100%",
scrub: 1,
},
left: "-100%",
});
gsap.to(".history-con .his-area li:nth-child(2) .tit-txt",
{
scrollTrigger: {
trigger: ".history-con",
start: "900% top",
end: "+=100%",
scrub: 1,
},
left: "-1000rem",
});
gsap.fromTo(".history-con .his-area li:nth-child(3) .move-pack",
{
left: "100%",
},
{
scrollTrigger: {
trigger: ".history-con",
start: "900% top",
end: "+=100%",
scrub: 1,
},
left: 0,
});
gsap.to(".history-con .his-area li:nth-child(3) .tit-img", {
scrollTrigger: {
trigger: ".history-con",
start: "950% top",
end: "+=50%",
scrub: 1,
},
width: "510rem",
height: "640rem"
});
gsap.to(".history-con .his-area li:nth-child(3) .tit-img img", {
scrollTrigger: {
trigger: ".history-con",
start: "950% top",
end: "+=50%",
scrub: 1,
},
width: "510rem",
height: "640rem"
});
gsap.to(".history-con .his-area li:nth-child(3) .tit-txt", {
scrollTrigger: {
trigger: ".history-con",
start: "950% top",
end: "+=50%",
scrub: 1,
},
opacity: 1,
});
gsap.to(".history-con .his-area li:nth-child(3) .move-pack .pack2",
{
scrollTrigger: {
trigger: ".history-con",
start: "1000% top",
end: "+=300%",
scrub: 1,
onEnter: function(){
$(".history-con .his-tab > a").removeClass("on");
$(".history-con .his-tab > a").eq(2).addClass("on");
},
},
left: -($(".history-con .his-area li").eq(2).find(".units").innerWidth()),
});
gsap.to(".history-con .his-tab > a:nth-child(3) .progress > span",
{
scrollTrigger: {
trigger: ".history-con",
start: "1000% top",
end: "+=300%",
scrub: 1,
},
width: "100%",
});
gsap.to(".history-con",
{
scrollTrigger: {
trigger: ".history-con",
start: "1300% top",
end: "+=30%",
scrub: 0,
},
'transform': "translate(0, -240rem)",
});
},
"(max-width: 1024px)": function() {
gsap.to(".history-con .his-tab",
{
scrollTrigger: {
trigger: ".history-con .his-tab",
start: "top top",
end: "+=" + $(".history-con").innerHeight(),
pin: true,
pinSpacing: false,
},
});
gsap.to(".history-con .his-tab > a:nth-child(1) .progress > span",
{
scrollTrigger: {
trigger: ".history-con .his-area li:nth-child(1)",
start: "top top",
end: "bottom bottom",
scrub: 1,
onEnterBack: function(){
$(".history-con .his-tab > a").removeClass("on");
$(".history-con .his-tab > a").eq(0).addClass("on");
},
},
width: "100%"
});
gsap.to(".history-con .his-tab > a:nth-child(2) .progress > span",
{
scrollTrigger: {
trigger: ".history-con .his-area li:nth-child(2)",
start: "top top",
end: "bottom bottom",
scrub: 1,
onEnter: function(){
$(".history-con .his-tab > a").removeClass("on");
$(".history-con .his-tab > a").eq(1).addClass("on");
},
onEnterBack: function(){
$(".history-con .his-tab > a").removeClass("on");
$(".history-con .his-tab > a").eq(1).addClass("on");
},
},
width: "100%"
});
gsap.to(".history-con .his-tab > a:nth-child(3) .progress > span",
{
scrollTrigger: {
trigger: ".history-con .his-area li:nth-child(3)",
start: "top top",
end: "bottom bottom",
scrub: 1,
onEnter: function(){
$(".history-con .his-tab > a").removeClass("on");
$(".history-con .his-tab > a").eq(2).addClass("on");
},
},
width: "100%"
});
},
});
$(window).on('scroll', function(){
console.log($(".history-con .his-area li").eq(2).find(".tit-img").offset().top)
})
// 2024-04-22 수정
$(".history-con .his-tab > a").each(function(index){
$(this).on('click', function(){
if($(window).innerWidth() > 1023){
if(index == 0){
gsap.to($("html, body"), {duration: 0.8, scrollTop: ($(window).innerHeight()*3.001), ease: Power3.easeOut});
}else if(index == 1){
gsap.to($("html, body"), {duration: 0.8, scrollTop: ($(window).innerHeight()*7.001), ease: Power3.easeOut});
}else{
gsap.to($("html, body"), {duration: 0.8, scrollTop: ($(window).innerHeight()*11.001), ease: Power3.easeOut});
}
}else{
gsap.to($("html, body"), {duration: 0.8, scrollTop: ($(".history-con .his-area li").eq(index).find(".tit-img").offset().top) + 10, ease: Power3.easeOut});
}
})
})
