<!DOCTYPE html><htmllang="ko"><head><linkrel="stylesheet"href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"/><linkrel="stylesheet"href="css/reset.css"><linkrel="stylesheet"href="css/style.css"><linkrel="stylesheet"href="css/media.css"><style>#layer{display:block;}#layer{display:none;}</style><script src="https://code.jquery.com/jquery-1.12.0.min.js"></script><script src="js/script.js"></script></head><body><headerid="header"><divclass="header_cover cf"><h1class="logo fl"><ahref="#"><imgsrc="./images/logo.png"alt="두산그룹 로고"/></a></h1><ahref="#"class="mo"><spanclass="material-symbols-outlined"> menu </span></a><ulclass="nav fl"><li><ahref="#">회사소개 <divclass="line"></div></a></li><li><ahref="#">사회책임경영 <divclass="line"></div></a></li><li><ahref="#">투자정보 <divclass="line"></div></a></li><li><ahref="#">미디어센터 <divclass="line"></div></a></li><li><ahref="#">채용 <divclass="line"></div></a></li></ul><divclass="mo_menu"><ul><li><ahref="#">회사소개 <divclass="line"></div></a><ul><li><ahref="#">두산스토리</a></li><li><ahref="#">두산의 활약상</a></li><li><ahref="#">목표와 핵심가치</a></li><li><ahref="#">경영전략</a></li><li><ahref="#">리더쉽</a></li><li><ahref="#">기술과 혁신</a></li><li><ahref="#">계열사</a></li></ul></li><!-- //dep1 --><li><ahref="#">사회책임경영 <divclass="line"></div></a><ul><li><ahref="#">개요</a></li><li><ahref="#">윤리경영</a></li><li><ahref="#">상생협력</a></li><li><ahref="#">EHS</a></li><li><ahref="#">사회공헌</a></li></ul></li><!-- //dep1 --><li><ahref="#">투자정보 <divclass="line"></div></a><ul><li><ahref="#">IR자료</a></li><li><ahref="#">거버넌스</a></li><li><ahref="#">보고서</a></li><li><ahref="#">주가정보</a></li><li><ahref="#">공시</a></li><li><ahref="#">전자공고</a></li></ul></li><!-- //dep1 --><li><ahref="#">미디어센터 <divclass="line"></div></a><ul><li><ahref="#">두산뉴스룸</a></li><li><ahref="#">캠페인 & PR영상</a></li><li><ahref="#">메뉴얼 브로슈어</a></li></ul></li><!-- //dep1 --><li><ahref="#">채용 <divclass="line"></div></a><ul><li><ahref="#">두산의 인재,두산인</a></li><li><ahref="#">커리어두산</a></li></ul></li><!-- //dep1 --></ul></div><!-- //.mo_menu --><divclass="pc full_menu"><divclass="full_cover"><ul><li><ul><li><ahref="#">두산스토리</a></li><li><ahref="#">두산의 활약상</a></li><li><ahref="#">목표와 핵심가치</a></li><li><ahref="#">경영전략</a></li><li><ahref="#">리더쉽</a></li><li><ahref="#">기술과 혁신</a></li><li><ahref="#">계열사</a></li></ul></li><!-- //dep1 --><li><ul><li><ahref="#">개요</a></li><li><ahref="#">윤리경영</a></li><li><ahref="#">상생협력</a></li><li><ahref="#">EHS</a></li><li><ahref="#">사회공헌</a></li></ul></li><!-- //dep1 --><li><ul><li><ahref="#">IR자료</a></li><li><ahref="#">거버넌스</a></li><li><ahref="#">보고서</a></li><li><ahref="#">주가정보</a></li><li><ahref="#">공시</a></li><li><ahref="#">전자공고</a></li></ul></li><!-- //dep1 --><li><ul><li><ahref="#">두산뉴스룸</a></li><li><ahref="#">캠페인 & PR영상</a></li><li><ahref="#">메뉴얼 브로슈어</a></li></ul></li><!-- //dep1 --><li><ul><li><ahref="#">두산의 인재,두산인</a></li><li><ahref="#">커리어두산</a></li></ul></li><!-- //dep1 --></ul></div></div><ulclass="gnb fr"><li><ahref="#">한국어</a></li><li><ahref="#"><imgsrc="./images/ico_search.png"alt=""class="leave"><imgsrc="./images/ico_search_on.png"alt=""class="hover"></a></li><li><ahref="#"><imgsrc="./images/btn_gnb_right_menu.png"alt=""class="leave"/><imgsrc="./images/btn_gnb_right_menu_ov.png"alt=""class="hover"/></a></li></ul></div></header><sectionid="main_slide"><!-- .slide_cover>ul>li>a>img+p --><divclass="slide_cover"><ul><!-- 한장의 슬라이드그룹 --><li><ahref="#"><imgsrc="./images/main1.jpg"alt=""class="pc"><imgsrc="./images/main1_mo.jpg"alt=""class="mo"><h2class="img_logo">두산은 지금<br>내일을 준비합니다</h2><spanclass="box box1"></span><pclass="img_text">세계 곳곳에서 인류의 더 나은 삶을 위해 두산은 지금 미래를 준비합니다.</p><spanclass="white_box"></span></a></li><li><ahref="#"><imgsrc="./images/main2.jpg"alt=""class="pc"><imgsrc="./images/main2_mo.jpg"alt=""class="mo"><h2class="img_logo">두산은 지금<br>내일을 준비합니다</h2><spanclass="box box2"></span><pclass="img_text">세계 곳곳에서 인류의 더 나은 삶을 위해 두산은 지금 미래를 준비합니다.</p><spanclass="white_box"></span></a></li><li><ahref="#"><imgsrc="./images/main3.jpg"alt=""class="pc"><imgsrc="./images/main3_mo.jpg"alt=""class="mo"><h2class="img_logo">두산은 지금<br>내일을 준비합니다</h2><spanclass="box box3"></span><pclass="img_text">세계 곳곳에서 인류의 더 나은 삶을 위해 두산은 지금 미래를 준비합니다.</p><spanclass="white_box"></span></a></li></ul></div><!-- //.slide_cover --><divclass="slide_btn"><ul><li><ahref="#"><spanclass="color on"></span></a></li><li><ahref="#"><spanclass="color"></span></a></li><li><ahref="#"><spanclass="color"></span></a></li></ul><divclass="reset"><divclass="pause_btn off"><imgsrc="./images/ico_kv_pause.png"alt=""></div><divclass="start_btn on"><imgsrc="./images/ico_kv_play.png"alt=""></div></div></div><divclass="main_cursor cf"><divclass="cursor_left"></div><divclass="cursor_right"></div><divclass="cursor"></div></div></section><!-- //#main_slide --><sectionid="content"></section><!-- //#content --><sectionid="media_center"></section><!-- //#media_center --><sectionid="find"></section><!-- //#find --><footerid="footer"></footer></body></html>
$(function(){gnb();functiongnb(){$(".full_menu, .nav li").mouseover(function(){$(".full_menu").stop().slideDown(600);});$(".full_menu, .nav li").mouseleave(function(){$(".full_menu").stop().slideUp(600);});$(".full_cover>ul>li").mouseover(function(){vari=$(this).index();$(".nav li").eq(i).find(".line").css("width","100%");});$(".full_cover>ul>li").mouseleave(function(){vari=$(this).index();$(".nav li").eq(i).find(".line").css("width","0%");});$(".nav li").mouseover(function(){$(this).find(".line").css("width","100%");});$(".nav li").mouseleave(function(){$(this).find(".line").css("width","0%");});$("#header .mo").click(function(){$(".mo_menu").stop().slideToggle("fast");$("#header .mo").css("color","red");});}vari=0;//currentvark=null;//prevvarn=null;//nextvarmainInterval;//setIntervalIDvarspeed=2000;//반복시간/**
* 시간마다 인덱스 계산, slide함수 호출함
* * */timer();functiontimer(){mainInterval=setInterval(function(){i++;k=i-1;if(i==3){i=0;}slide();},speed);}functionslide(){$(".slide_btn ul li").off("click");$(".cursor_left, .cursor_right").off("click");$(".reset").off("click",reset);clearInterval(mainInterval);$(".slide_cover ul li").find(".white_box").css("left","-100%").stop().animate({left:"0%"},1000,function(){$(".white_box").stop().animate({left:"100%"},1000);$(".slide_cover ul li").eq(i).addClass("on");$(".slide_cover ul li").eq(k).removeClass("on");/* 추가 */$(".color, .img_logo, .img_text, .box").removeClass("on");$(".slide_btn ul li").eq(i).find(".color").addClass("on");$(".slide_cover ul li").eq(i).find(".img_logo").addClass("on");$(".slide_cover ul li").eq(i).find(".img_text").addClass("on");$(".slide_cover ul li").eq(i).find(".box").addClass("on");$(".slide_cover ul li a img").removeClass("on");$(".slide_cover ul li").eq(i).find("a img").addClass("on");});$(".slide_cover ul li").eq(k).animate({left:0},2000,function(){setTimeout(function(){//trigger$(".slide_cover ul li").on("click",click_slide);$(".cursor_left").on("click",left_click);$(".cursor_right").on("click",right_click);varpause_css=$(".pause_css").css("display");if(pause_css=="none"){clearInterval(mainInterval);$(".color").removeClass("on");}else{timer();$(".slide_btn ul li").eq(i).find(".color").addClass("on");}},1000);});n=i;}/**
* click_slide
* pager 함수
*
* **/functionclick_slide(){i=$(this).index();if(i==n)return;k=n;console.log(i,n,k);slide();$(".color").removeClass("on");}/**
* left_click
* left 커서함수
*
* **/functionleft_click(){i--;if(i==-1)i=2;if(i==n)return;k=n;slide();$(".color").removeClass("on");}/**
* right_click
* right 커서함수
*
* ***/functionright_click(){i++;if(i==3)i=0;if(i==n)return;k=n;slide();$(".color").removeClass("on");}/**
* reset
* play,stop
*
* ***//* 비동기 함수 */functionreset(){varpause_css=$(".pause_btn").css("display");varstart_css=$(".start_btn").css("display");if(pause_css=="none"){clearInterval(mainInterval);$(".color").removeClass("on");}else{timer();$(".slide_btn ul li").eq(i).find(".color").addClass("on");}}/**이벤트 핸들러 */$(".reset").click(function(){reset();});$(".reset .pause_btn").click(function(){$(".pause_btn").css("display","none");$(".start_btn").css("display","block");});$(".reset .start_btn").click(function(){$(".pause_btn").css("display","block");$(".start_btn").css("display","none");});$(".slide_btn ul li").on("click",click_slide);$(".cursor_left").on("click",left_click);$(".cursor_right").on("click",right_click);$(".main_cursor").mousemove(function(e){varx=e.clientX;vary=e.clientY;$(".cursor").css({left:x,top:y,});});/***
* Resize
* * */$(window).resize(function(){varw_width=$(window).width();varimg_height=$(".slide_cover ul li img.pc").height();varimg_height_mo=$(".slide_cover ul li img.mo").height();if(w_width>1330){$("#main_slide .slide_cover").height(img_height);}else{$("#main_slide .slide_cover").height(img_height_mo);$(".slide_cover ul li img.pc").css("display","none");$(".slide_cover ul li img.mo").css("display","block");}});$(window).trigger("resize");});//jQuery