#HEADER #GNB .gnb_inner .depth2_container .depth1_open { display:block; }
#HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul { padding-left:70px; }

#FOOTER .btn_top {display:none;}

.container {position:relative; overflow:hidden;}
.container.last_min_height {min-height:950px;}
.section {position:fixed; top:0; left:0; width:100%; height:100vh; padding:0; max-width:100%; transform:translate(0, 100%); opacity:0; }
.section .section_inner {position:relative; width:100%; height:100%;}
.section .bg_box {position:absolute; bottom:0; left:0; width:100vw; height:100vh; transform:scale(0.8) rotate(.0001deg); box-sizing:border-box;}
.section .bg_box .bg_box_inner {position:relative; width:100%; height:100%; overflow:hidden;}
.section .bg_box .bg_box_inner:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); opacity:0;}
.section .bg_box .bg_box_inner video {position:absolute; width:auto; height:auto; min-width:100%; min-height:100%; top:50%; left:50%; transform:translate(-50%, -50%); }
.section .bg_box .bg_box_inner li {position:absolute; bottom:0; left:0; width:100%; height:0; overflow:hidden;}
.section .bg_box .bg_box_inner li:first-child {height:100%;}
.section .bg_box .bg_box_inner li > div {position:absolute; bottom:0; left:0; width:100%; height:100vh;}
.section .bg_box .bg_box_inner li:first-child > div {height:100%;}
.section .bg_box .bg_box_inner li.on .bg {transform:scale(1.2) rotate(.0001deg); transition:transform 20s;}
.section.active .bg_box .bg_box_inner li > div {height:100vh;}
.section .copy_box {position:absolute; top:0; left:0; width:100%; height:100%; display:table; text-align:center;}
.section .copy_box .copy_box_inner {display:table-cell; vertical-align:middle; padding-top:64px;}
.section .copy_box .copy_box_inner .title {font-size:64px; color:#fff; line-height:1; padding-bottom:80px;}
.section .copy_box .copy_box_inner .title span {display:block;}
.section .copy_box .copy_box_inner .desc {font-size:20px; color:#fff; line-height:40px;}
.section .copy_box .copy_box_inner .desc div > span {display:block;}
.section .copy_box .copy_box_inner .desc .underline {position:relative; display:inline-block;}
.section .copy_box .copy_box_inner .desc .underline span {position:relative; z-index:1;}
.section .copy_box .copy_box_inner .desc .underline .line {position:absolute; bottom:4px; left:0; width:100%; height:10px; z-index:0;}
.section .copy_box .copy_box_inner .desc .underline1 .line {background-color:#1634db;}
.section .copy_box .copy_box_inner .desc .underline2 .line {background-color:#0078bc;}
.section .copy_box .copy_box_inner .desc .underline3 .line {background-color:#008765;}


/*=== STEP1 ================================================================*/
#STORY_NAVI {position:fixed; top:0; left:42px; width:20px; height:100vh; display:table; z-index:2; color:#fff; text-align:center;}
#STORY_NAVI.off {opacity:0; visibility:hidden; transition:all 0.3s;}
#STORY_NAVI .navi_container {display:table-cell; vertical-align:middle;}
#STORY_NAVI .navi_container .navi_inner .title_box {position:relative; width:20px; height:200px; font-size:14px;}
#STORY_NAVI .navi_container .navi_inner .title_box .titles {position:absolute; bottom:0; left:0; width:166px; height:20px; white-space:nowrap; transform:rotate(-90deg); transform-origin:top left;}
#STORY_NAVI .navi_container .navi_inner .title_box .titles li {position:absolute; top:0; left:0; height:20px; line-height:20px; opacity:0; transition:opacity 0.3s;}
#STORY_NAVI .navi_container .navi_inner .title_box .titles li.on {opacity:1;}
#STORY_NAVI .navi_container .navi_inner .btns {margin-top:12px;}
#STORY_NAVI .navi_container .navi_inner .btns a {position:relative; display:block; font-size:14px;}
#STORY_NAVI .navi_container .navi_inner .btns a:after {content:""; position:relative; left:50%; display:block; width:1px; height:10px; background-color:rgba(255,255,255,0.2); margin:12px 0;}
#STORY_NAVI .navi_container .navi_inner .btns a span {position:relative; display:block; height:14px; line-height:14px;}
#STORY_NAVI .navi_container .navi_inner .btns a > span:before {content:""; position:absolute; top:50%; left:50%; width:3px; height:3px; background-color:#fff; transform:translate(-50%); margin-top:-1px; transition:opacity 0.3s;}
#STORY_NAVI .navi_container .navi_inner .btns a > span > span {position:relative; opacity:0; transition:opacity 0.3s;}
#STORY_NAVI .navi_container .navi_inner .btns a.on > span > span {opacity:1;}
#STORY_NAVI .navi_container .navi_inner .btns a.on > span:before {opacity:0;}
#STORY_NAVI .navi_container .navi_inner .btns a:last-child:after {content:none;}
/*=== STEP1 ================================================================*/


/*=== STEP1 ================================================================*/
#STORY_STEP1 .title {position:absolute; top:50%; width:100%; text-align:center; font-size:64px; color:#000; transform:translate(0, -50%);}
#STORY_STEP1 .title div {display:inline-block;}
#STORY_STEP1 .title span {display:inline-block;}
#STORY_STEP1 .mask_box {position:absolute; bottom:0; left:0; width:100%; height:100%; overflow:hidden;}
#STORY_STEP1 .mask_box ul .fixed_copy {position:absolute; bottom:0; left:0; width:100%; height:100vh; display:table; text-align:center;}
#STORY_STEP1 .mask_box ul .fixed_copy .fixed_copy_inner {display:table-cell; vertical-align:middle;}
#STORY_STEP1 .mask_box ul .fixed_copy .fixed_copy_inner .copy1 {font-size:64px; color:#fff; padding-bottom:88px;}
#STORY_STEP1 .mask_box ul .fixed_copy .fixed_copy_inner .copy1 span {display:block;}
#STORY_STEP1 .mask_box ul .fixed_copy .fixed_copy_inner .copy2 {font-size:18px; color:#fff; line-height:36px;}
#STORY_STEP1 .mask_box ul .fixed_copy .fixed_copy_inner .copy2 span {display:block;}
/*=== STEP1 ================================================================*/


/*=== STEP2 ================================================================*/
/*#STORY_STEP2 {transform:translate(0, 0);}*/
#STORY_STEP2 .bg_box .bg_box_inner li.bg1 .bg {background:url("../../images/intro/doosan-story/new/step2_bg1.jpg") no-repeat center/cover;}
#STORY_STEP2 .bg_box .bg_box_inner li.bg2 .bg {background:url("../../images/intro/doosan-story/new/step2_bg2.jpg") no-repeat center/cover;}
#STORY_STEP2 .bg_box .bg_box_inner li.bg3 .bg {background:url("../../images/intro/doosan-story/new/step2_bg3.jpg") no-repeat center/cover;}
#STORY_STEP2 .bg_box .bg_box_inner li.bg4 .bg {background:url("../../images/intro/doosan-story/new/step2_bg1.jpg") no-repeat center/cover;}
/*=== STEP2 ================================================================*/

/*=== STEP3 ================================================================*/
#STORY_STEP3 .bg_box .bg_box_inner li.bg1 .bg {background:url("../../images/intro/doosan-story/new/step3_bg2.jpg") no-repeat center/cover;}
#STORY_STEP3 .bg_box .bg_box_inner li.bg2 .bg {background:url("../../images/intro/doosan-story/new/step3_bg3.jpg") no-repeat center/cover;}
#STORY_STEP3 .bg_box .bg_box_inner li.bg3 .bg {background:url("../../images/intro/doosan-story/new/step3_bg4.jpg") no-repeat center/cover;}
#STORY_STEP3 .bg_box .bg_box_inner li.bg4 .bg {background:url("../../images/intro/doosan-story/new/step3_bg2.jpg") no-repeat center/cover;}
/*=== STEP3 ================================================================*/

/*=== STEP4 ================================================================*/
#STORY_STEP4 .bg_box .bg_box_inner li.bg1 .bg {background:url("../../images/intro/doosan-story/new/step4_bg1.jpg") no-repeat center/cover;}
#STORY_STEP4 .bg_box .bg_box_inner li.bg2 .bg {background:url("../../images/intro/doosan-story/new/step4_bg2.jpg") no-repeat center/cover;}
#STORY_STEP4 .bg_box .bg_box_inner li.bg3 .bg {background:url("../../images/intro/doosan-story/new/step4_bg3.jpg") no-repeat center/cover;}
#STORY_STEP4 .bg_box .bg_box_inner li.bg4 .bg {background:url("../../images/intro/doosan-story/new/step4_bg1.jpg") no-repeat center/cover;}
/*=== STEP4 ================================================================*/


/*=== ENDING ================================================================*/

#STORY_ENDING {background-color:#fff; display:table; text-align:center; min-height:950px;}
#STORY_ENDING .section_inner {display:table-cell; vertical-align:middle;}
#STORY_ENDING .logo {margin-top:-50px;}
#STORY_ENDING .logo > div:nth-of-type(2) {margin:36px 0 0 150px;}
#STORY_ENDING .thumb_box {position:relative; width:100%; font-size:0; max-width:1920px; margin:0 auto; padding:0 36px; box-sizing:border-box;}
#STORY_ENDING .thumb_box a {position:relative; display:inline-block; width:33.33%; height:320px; margin-top:160px; overflow:hidden;}
#STORY_ENDING .thumb_box a span {position:absolute; bottom:40px; left:40px; display:block; font-size:28px; line-height:1; color:#fff;}
#STORY_ENDING .thumb_box a .bg {width:100%; height:100%; transition:transform 0.7s;}
#STORY_ENDING .thumb_box a:hover .bg {transform:scale(1.1) rotate(.0001deg);}
#STORY_ENDING .thumb_box a:nth-of-type(1) .bg {background:url("../../images/intro/doosan-story/new/ending_thumb1.jpg") no-repeat center/cover;}
#STORY_ENDING .thumb_box a:nth-of-type(2) .bg {background:url("../../images/intro/doosan-story/new/ending_thumb2.jpg") no-repeat center/cover;}
#STORY_ENDING .thumb_box a:nth-of-type(3) .bg {background:url("../../images/intro/doosan-story/new/ending_thumb3.jpg") no-repeat center/cover;}
/*=== ENDING ================================================================*/

/*=== SCROLL_DOWN ================================================================*/
#SCROLL_DOWN {position:fixed; bottom:24px; left:0; width:100%; text-align:center; opacity:0; transition:opacity 0.3s;}
#SCROLL_DOWN.on {opacity:1;}
#SCROLL_DOWN .line {position:relative; width:2px; height:56px; margin:0 auto; display:inline-block; background-color:#e5e5e5; overflow:hidden;}
#SCROLL_DOWN .line:after {content:""; position:absolute; top:-16px; left:0; width:2px; height:16px; background-color:#1634db; animation:scroll-animate 2s infinite;}

@keyframes scroll-animate {
    0% {top:-16px}
    100% {top:72px;}
}
/*=== SCROLL_DOWN ================================================================*/

/*=== STEP1 - ANIMATIONS ================================================================*/
/* SET */
#STORY_STEP1.on {transform:translate(0, 0); opacity:1; }
#STORY_STEP1.on .bg_box {transform:scale(1) rotate(.0001deg);}
#STORY_STEP1.on .bg_box .bg_box_inner:after {opacity:1; transition:opacity 1s 2.5s;}
#STORY_STEP1 .title .left_copy span {transform:translate(0, 50px); opacity:0;}
#STORY_STEP1 .title .right_copy span {transform:translate(0, 0) scale(1.7); opacity:0;}
#STORY_STEP1 .mask_box {height:0;}
#STORY_STEP1 .mask_box ul .fixed_copy .copy2 div {transform:translate(0, 150px); opacity:0;}

/* STEP1 */
#STORY_STEP1.intro .title {opacity:0; transition:opacity 0s 3s;}
#STORY_STEP1.intro .title span {transform:translate(0, 0) scale(1); opacity:1; transition:transform 0.5s, opacity 0.5s;}
#STORY_STEP1.intro .title .left_copy span:nth-of-type(1) {transition-delay:0s;}
#STORY_STEP1.intro .title .left_copy span:nth-of-type(2) {transition-delay:0.1s;}
#STORY_STEP1.intro .title .left_copy span:nth-of-type(3) {transition-delay:0.2s;}
#STORY_STEP1.intro .title .left_copy span:nth-of-type(4) {transition-delay:0.3s;}
#STORY_STEP1.intro .title .left_copy span:nth-of-type(5) {transition-delay:0.4s;}
#STORY_STEP1.intro .title .left_copy span:nth-of-type(6) {transition-delay:0.5s;}
#STORY_STEP1.intro .title .left_copy span:nth-of-type(7) {transition-delay:0.6s;}
#STORY_STEP1.intro .title .right_copy span:nth-of-type(1) {transition-delay:1.5s;}
#STORY_STEP1.intro .title .right_copy span:nth-of-type(2) {transition-delay:1.7s;}
#STORY_STEP1.intro .mask_box {height:100%; transition:height 1.5s 1.3s cubic-bezier(.66,0,.34,1);}
#STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div {transform:translate(0,0); opacity:1; transition:transform 1s, opacity 1s;}
#STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(1) {transition-delay:2.3s;}
#STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(2) {transition-delay:2.4s;}
#STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(3) {transition-delay:2.5s;}
#STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(4) {transition-delay:2.6s;}
#STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(5) {transition-delay:2.7s;}
#STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(6) {transition-delay:2.8s;}
#STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(7) {transition-delay:2.9s;}
#STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(8) {transition-delay:3s;}

/* en */
#DOOSAN_STORY.en #STORY_STEP1.intro .title .left_copy span:nth-of-type(8) {transition-delay:0.7s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .title .left_copy span:nth-of-type(9) {transition-delay:0.8s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .title .left_copy span:nth-of-type(10) {transition-delay:0.9s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .title .right_copy span:nth-of-type(1) {transition-delay:1.5s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .title .right_copy span:nth-of-type(2) {transition-delay:1.6s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .title .right_copy span:nth-of-type(3) {transition-delay:1.7s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .title .right_copy span:nth-of-type(4) {transition-delay:1.8s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .title .right_copy span:nth-of-type(5) {transition-delay:1.9s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .title .right_copy span:nth-of-type(6) {transition-delay:2s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .mask_box {height:100%; transition:height 1.5s 1.8s cubic-bezier(.66,0,.34,1);}
#DOOSAN_STORY.en #STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(1) {transition-delay:2.8s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(2) {transition-delay:2.9s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(3) {transition-delay:3s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(4) {transition-delay:3.1s;}
#DOOSAN_STORY.en #STORY_STEP1.intro .mask_box ul .fixed_copy .copy2 div:nth-of-type(5) {transition-delay:3.2s;}

/*=== STEP1 - ANIMATIONS ================================================================*/


/*=== ENDING - ANIMATIONS ================================================================*/
/* SET */
#STORY_ENDING .logo > div:nth-of-type(1) {opacity:0; transform:translate(0, 100px);}
#STORY_ENDING .logo > div:nth-of-type(2) {opacity:0; transform:translate(0, 100px);}
#STORY_ENDING .thumb_box {max-height:0;}
#STORY_ENDING .thumb_box a {opacity:0; transform:translate(0, 100px);}

/* IN */
#STORY_ENDING.in .section_inner {opacity:1; transition:none;}

/* READY */
#STORY_ENDING.ready .logo > div:nth-of-type(1) {opacity:1; transform:translate(0, 0); transition:all 1s;}
#STORY_ENDING.ready .logo > div:nth-of-type(2) {opacity:1; transform:translate(0, 0); transition:all 1s 0.1s;}
#STORY_ENDING.ready .thumb_box { max-height:480px; transition:max-height 1.5s 1.5s cubic-bezier(.66,0,.34,1);}
#STORY_ENDING.ready .thumb_box a {opacity:1; transform:translate(0,0); transition:all 1s cubic-bezier(.66,0,.34,1);}
#STORY_ENDING.ready .thumb_box a:nth-of-type(1) {transition-delay:1.6s;}
#STORY_ENDING.ready .thumb_box a:nth-of-type(2) {transition-delay:1.7s;}
#STORY_ENDING.ready .thumb_box a:nth-of-type(3) {transition-delay:1.8s;}

/* OUT */
#STORY_ENDING.out .section_inner {opacity:0; transition:opacity 1s;}
#STORY_ENDING.out .logo > div:nth-of-type(1) {opacity:1; transform:translate(0,0); transition:none;}
#STORY_ENDING.out .logo > div:nth-of-type(2) {opacity:1; transform:translate(0,0); transition:none;}
#STORY_ENDING.out .thumb_box {max-height:480px; transition:none;}
#STORY_ENDING.out .thumb_box a {opacity:1; transform:translate(0,0); transition:none;}
/*=== ENDING - ANIMATIONS ================================================================*/


/*=== SECTION GROUP ANIMATIONS ================================================================*/
/* IN */
.section.prev.in {animation:prev-in-animate 1.3s 0.9s cubic-bezier(.66,0,.34,1) forwards; opacity:1; }
.section.next.in {animation:next-in-animate 1.3s 0.9s cubic-bezier(.66,0,.34,1) forwards; opacity:1; }
.section.in .bg_box {transform:scale(1) rotate(.0001deg); transition:transform 1s 2.1s cubic-bezier(.66,0,.34,1);}
.section.in .bg_box .bg_box_inner:after {opacity:1; transition:opacity 1s 2.5s;}
.section.in .section_title > span {opacity:0; transform:translate(0, 100px);}
.section.in .section_desc {opacity:1;}
.section.in .section_desc div > span {opacity:0; transform:translate(0, 50px);}

/* OUT */
.section.out {transform:translate(0,0);}
.section.prev.out {animation:prev-out-animate 1.3s 0.9s cubic-bezier(.66,0,.34,1) forwards; opacity:1; }
.section.next.out {animation:next-out-animate 1.3s 0.9s cubic-bezier(.66,0,.34,1) forwards; opacity:1; }
.section.out .bg_box {transform:scale(0.8) rotate(.0001deg); transition:transform 1s cubic-bezier(.66,0,.34,1);}
.section.out .bg_box .bg_box_inner:after {opacity:0; transition:opacity 0.3s;}
.section.out .bg_box .bg_box_inner li .bg {height:100%;}
.section.out .section_title {opacity:0; transition:opacity 1s !important;}
.section.out .section_desc {opacity:0; transition:opacity 1s !important;}
.section.out .section_desc div > span {transition:none;}

/* READY */
.section.ready .section_title > span {opacity:1; transform:translate(0, 0); transition:opacity 1s, transform 1s 0.5s cubic-bezier(.66,0,.34,1);}
.section.ready .section_desc div > span {opacity:1; transform:translate(0,0); transition:opacity 1s, transform 1s;}
.section.ready .section_desc div:nth-of-type(1) > span {transition-delay:1s;}
.section.ready .section_desc div:nth-of-type(2) > span {transition-delay:1.1s;}
.section.ready .section_desc div:nth-of-type(3) > span {transition-delay:1.2s;}
.section.ready .section_desc div:nth-of-type(4) > span {transition-delay:1.3s;}
.section.ready .section_desc div:nth-of-type(5) > span {transition-delay:1.4s;}
.section.ready .section_desc div:nth-of-type(6) > span {transition-delay:1.5s;}
.section.ready .section_desc div:nth-of-type(7) > span {transition-delay:1.6s;}
.section.ready .section_desc div:nth-of-type(8) > span {transition-delay:1.7s;}
.section.ready .section_desc div:nth-of-type(9) > span {transition-delay:1.8s;}
.section.ready .section_desc div:nth-of-type(10) > span {transition-delay:1.9s;}
.section.ready .section_desc div:nth-of-type(11) > span {transition-delay:2s;}


@keyframes prev-in-animate {
    0% {transform:translate(0,-100%)}
    100% {transform:translate(0,0)}
}

@keyframes prev-out-animate {
    0% {transform:translate(0,0)}
    100% {transform:translate(0,100%)}
}

@keyframes next-in-animate {
    0% {transform:translate(0,100%)}
    100% {transform:translate(0,0)}
}

@keyframes next-out-animate {
    0% {transform:translate(0,0)}
    100% {transform:translate(0,-100%)}
}
/*=== SECTION GROUP ANIMATIONS ================================================================*/

#FOOTER {position:fixed; left:0; bottom:0; right:0; transform:translate(0, 186px); transition:transform 1.5s cubic-bezier(.66,0,.34,1);}
#FOOTER.on {transform:translate(0, 0); transition-delay:4s;}


/* Media */
@media (min-width:1025px) {
    .DWD { display:block !important; }
    .DMD { display:none !important; }
}

@media (max-width:1024px) {
  /* * 1.3333333 */
  html { font-size:18px; }

  .DWD { display:none !important; }
  .DMD { display:block !important; }

  #STORY_NAVI { left:.8333rem; width:1.166rem; }
  #STORY_NAVI .navi_container .navi_inner .title_box { display:none; }
  #STORY_NAVI .navi_container .navi_inner .title_box .titles li { font-size:0.9166rem; }
  #STORY_NAVI .navi_container .navi_inner .btns { margin:0; }
  #STORY_NAVI .navi_container .navi_inner .btns a { font-size:1.12rem; }
  #STORY_NAVI .navi_container .navi_inner .btns a span { font-size:0.9166rem; }

  #SCROLL_DOWN { bottom:2.5rem; }

  #STORY_STEP1 .title { font-size:3rem; }
  #STORY_STEP1 .mask_box ul .fixed_copy .fixed_copy_inner .copy1 { font-size:2.88rem; padding:0 0 4.333rem; }
  #STORY_STEP1 .mask_box ul .fixed_copy .fixed_copy_inner .copy2 { font-size:1.125rem; line-height:2.1rem; }

  .section .copy_box .copy_box_inner { padding:0; }
  .section .copy_box .copy_box_inner .title { font-size:2.56rem; padding:0 0 4.333rem; line-height:4rem;}
  .section .copy_box .copy_box_inner .desc { font-size:1.125rem; line-height:2.1rem; }

  #STORY_ENDING .thumb_box a span { left:20px; bottom:25px; font-size:18px; }

  .resize .section .fixed_copy .fixed_copy_inner .copy2 div,
  .resize .section .copy_box .copy_box_inner .desc div { transition-delay:0s !important; }
  .resize #STORY_ENDING .thumb_box a { transition:none !important; transition-delay:0s !important; }
}

@media all and (max-width:767px) {
  html { font-size:12.5px; }

  .DWD { display:none !important; }
  .DMD { display:block !important; }

  .container { min-height:unset; }
  .container.last_min_height { min-height:unset; }

  .section { height:100%; }
  .section .section_inner { height:100%; }
  .section .bg_box { height:100%; transform:scale(0.75) rotate(.0001deg);}
  .section .bg_box .bg_box_inner li > div { height:100%; }
  .section.out .bg_box { transform:scale(0.75) rotate(.0001deg); }
  .section.active .bg_box .bg_box_inner li > div { height:100%; }

  #DOOSAN_STORY { margin:0; }

  #HEADER #GNB .gnb_inner .depth2_container .depth1_open { position:absolute; left:14px; top:50%; z-index:9; transform:translateY(-50%); }
  #HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div > ul { padding:0 26px 0 48px; }
  #HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div:before,
  #HEADER #GNB .gnb_inner .depth2_container .depth2_container_inner > div:after { width:15px; }

  #STORY_ENDING .logo { padding:120px 0; margin:0; transition:all 1s 2.1s ease; }
  #STORY_ENDING .logo > div:nth-of-type(1) { width:166px; margin:0 auto 33px; transform:translate(0, 50px); }
  #STORY_ENDING .logo > div:nth-of-type(2) { width:320px; margin:0 auto; padding:0 20px; transform:translate(0, 50px); }

  #STORY_ENDING.ready .logo { margin:-312px 0 0; opacity:0; }

  #STORY_ENDING { position:relative; min-height:unset; }
  #STORY_ENDING.ready {height: 500px !important;transition: 2.1s ease-in-out;transition-delay: 2.1s;}
  #STORY_ENDING .thumb_box { padding:0 20px; }
  #STORY_ENDING .thumb_box a { display:block; width:100%; height:180px; margin:0; transform:translate(0, 50px);}
  #STORY_ENDING .thumb_box a span { left:20px; bottom:25px; font-size:18px; }

  #STORY_ENDING.ready .thumb_box { max-height:720px; }

  /* OUT */
  #STORY_ENDING.out .thumb_box {max-height:720px; }

  #SCROLL_DOWN .line { height:37px; }

  #FOOTER { transform:translate(0, 215px); }
  #FOOTER.on { position:relative; bottom:0; }
  #FOOTER.out { transition:none !important; transition-delay:0s !important; }

  #STORY_NAVI { padding:22px 0 0; }

  /*=== STEP2 ================================================================*/
  #STORY_STEP2 .bg_box .bg_box_inner li.bg1 .bg {background:url("../../images/intro/doosan-story/m/step2_bg1.jpg") no-repeat center/cover;}
  #STORY_STEP2 .bg_box .bg_box_inner li.bg2 .bg {background:url("../../images/intro/doosan-story/m/step2_bg2.jpg") no-repeat center/cover;}
  #STORY_STEP2 .bg_box .bg_box_inner li.bg3 .bg {background:url("../../images/intro/doosan-story/m/step2_bg3.jpg") no-repeat center/cover;}
  #STORY_STEP2 .bg_box .bg_box_inner li.bg4 .bg {background:url("../../images/intro/doosan-story/m/step2_bg1.jpg") no-repeat center/cover;}
  /*=== STEP2 ================================================================*/

  /*=== STEP3 ================================================================*/
  #STORY_STEP3 .bg_box .bg_box_inner li.bg1 .bg {background:url("../../images/intro/doosan-story/m/step3_bg2.jpg") no-repeat center/cover;}
  #STORY_STEP3 .bg_box .bg_box_inner li.bg2 .bg {background:url("../../images/intro/doosan-story/m/step3_bg3.jpg") no-repeat center/cover;}
  #STORY_STEP3 .bg_box .bg_box_inner li.bg3 .bg {background:url("../../images/intro/doosan-story/m/step3_bg4.jpg") no-repeat center/cover;}
  #STORY_STEP3 .bg_box .bg_box_inner li.bg4 .bg {background:url("../../images/intro/doosan-story/m/step3_bg2.jpg") no-repeat center/cover;}
  /*=== STEP3 ================================================================*/

  /*=== STEP4 ================================================================*/
  #STORY_STEP4 .bg_box .bg_box_inner li.bg1 .bg {background:url("../../images/intro/doosan-story/m/step4_bg1.jpg") no-repeat center/cover;}
  #STORY_STEP4 .bg_box .bg_box_inner li.bg2 .bg {background:url("../../images/intro/doosan-story/m/step4_bg2.jpg") no-repeat center/cover;}
  #STORY_STEP4 .bg_box .bg_box_inner li.bg3 .bg {background:url("../../images/intro/doosan-story/m/step4_bg3.jpg") no-repeat center/cover;}
  #STORY_STEP4 .bg_box .bg_box_inner li.bg4 .bg {background:url("../../images/intro/doosan-story/m/step4_bg1.jpg") no-repeat center/cover;}
  /*=== STEP4 ================================================================*/
}