@media(min-width: 1025px){.col-1{flex:0 0 auto;flex-basis:8.3333333333%;width:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-1{margin-left:8.3333333333%;position:relative}.col-2{flex:0 0 auto;flex-basis:16.6666666667%;width:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-2{margin-left:16.6666666667%;position:relative}.col-3{flex:0 0 auto;flex-basis:25%;width:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-3{margin-left:25%;position:relative}.col-4{flex:0 0 auto;flex-basis:33.3333333333%;width:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-4{margin-left:33.3333333333%;position:relative}.col-5{flex:0 0 auto;flex-basis:41.6666666667%;width:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-5{margin-left:41.6666666667%;position:relative}.col-6{flex:0 0 auto;flex-basis:50%;width:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-6{margin-left:50%;position:relative}.col-7{flex:0 0 auto;flex-basis:58.3333333333%;width:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-7{margin-left:58.3333333333%;position:relative}.col-8{flex:0 0 auto;flex-basis:66.6666666667%;width:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-8{margin-left:66.6666666667%;position:relative}.col-9{flex:0 0 auto;flex-basis:75%;width:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-9{margin-left:75%;position:relative}.col-10{flex:0 0 auto;flex-basis:83.3333333333%;width:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{flex:0 0 auto;flex-basis:91.6666666667%;width:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{flex:0 0 auto;flex-basis:100%;width:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-12{margin-left:100%;position:relative}}#wrap.du-footsteps *::-webkit-scrollbar{display:none}#wrap.du-footsteps .tit_area{text-align:center;opacity:0;transform:translateY(max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))));transition:opacity .4s,transform .4s}#wrap.du-footsteps .tit_area strong{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.1875;letter-spacing:-0.03em;font-weight:700;color:#c3d0ce}#wrap.du-footsteps .tit_area .tit{font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1.1964285714;letter-spacing:-0.03em;font-weight:700;color:#fff}#wrap.du-footsteps .tit_area span{display:inline-block;margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));padding:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(99px * var(--base-ratio)), calc(calc(99 / var(--base-size)) * var(--base-percent)));background-color:#09443d;font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.2;letter-spacing:-0.03em;font-weight:500;color:#fff}#wrap.du-footsteps .tit_area span em{font-family:"KakaoBigSans",sans-serif}#wrap.du-footsteps .tit_area.active{opacity:1;transform:translateY(0)}@media(max-width: 1024px){#wrap.du-footsteps .tit_area{transform:translateY(max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))))}#wrap.du-footsteps .tit_area strong{margin-bottom:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.03em}#wrap.du-footsteps .tit_area .tit{margin-bottom:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.1875;letter-spacing:-0.03em}#wrap.du-footsteps .tit_area span{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.1875;letter-spacing:-0.03em}}#wrap.du-footsteps .sec_kv{position:relative;width:100%;height:100dvh;max-height:max(calc(1024px * var(--base-ratio)), calc(calc(1024 / var(--base-size)) * var(--base-percent)));background:linear-gradient(0deg, #AFB8B7 -26.94%, #124740 100%)}#wrap.du-footsteps .sec_kv .top_visual,#wrap.du-footsteps .sec_kv .bg_inner{width:100%;height:100%}#wrap.du-footsteps .sec_kv .row_wrap,#wrap.du-footsteps .sec_kv .row,#wrap.du-footsteps .sec_kv .col-12{height:100%}#wrap.du-footsteps .sec_kv .col-12{padding:0}#wrap.du-footsteps .sec_kv .bg_wrap{display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;position:relative;width:100%;height:100%}#wrap.du-footsteps .sec_kv .bg_wrap.active .bg_line::before{height:calc(100% - max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent))))}#wrap.du-footsteps .sec_kv .bg_wrap.active .bg_line:last-child::after{height:calc(100% - max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent))))}#wrap.du-footsteps .sec_kv .bg_wrap.active .bg_line:nth-child(n+4):nth-child(-n+7)::before{height:47%}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line{position:relative;width:11.11%;height:100%}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line::before{content:"";position:absolute;bottom:max(calc(53px * var(--base-ratio)), calc(calc(53 / var(--base-size)) * var(--base-percent)));left:0;width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:0;background-color:#fff;transition-duration:.4s;transition-delay:.4s;opacity:.2}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line:last-child::after{content:"";position:absolute;bottom:max(calc(53px * var(--base-ratio)), calc(calc(53 / var(--base-size)) * var(--base-percent)));right:0;width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:0;transition-duration:.4s;transition-delay:.4s;opacity:.2;background-color:#f0edcc}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line:nth-child(n+4):nth-child(-n+7)::before{height:0;transition-duration:.4s;transition-delay:.2s}#wrap.du-footsteps .sec_kv .line_top,#wrap.du-footsteps .sec_kv .line_bottom{position:absolute;left:50%;width:100%;height:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));transform:translate(-50%, 0);opacity:.2}#wrap.du-footsteps .sec_kv .line_top{top:max(calc(126px * var(--base-ratio)), calc(calc(126 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec01/kv_line_top.png") center no-repeat;background-size:100%}#wrap.du-footsteps .sec_kv .line_bottom{bottom:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec01/kv_line_bottom.png") center no-repeat;background-size:100%}#wrap.du-footsteps .sec_kv .img_box{position:absolute;top:0;left:0;width:100%;height:100%}#wrap.du-footsteps .sec_kv .img_box.active img:nth-child(1){transform:translateY(0);opacity:1}#wrap.du-footsteps .sec_kv .img_box.active img:nth-child(2){transform:translateY(0);opacity:1}#wrap.du-footsteps .sec_kv .img_box.active img:nth-child(3){transform:translate(-50%, 0);opacity:1}#wrap.du-footsteps .sec_kv .img_box.active img:nth-child(4){transform:translateY(0);opacity:1}#wrap.du-footsteps .sec_kv .img_box.active img:nth-child(5){transform:translateY(0);opacity:1}#wrap.du-footsteps .sec_kv .img_box img{position:absolute;filter:drop-shadow(max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent))) max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) rgba(0, 0, 0, 0.25));opacity:0}#wrap.du-footsteps .sec_kv .img_box img:nth-child(1){top:max(calc(273px * var(--base-ratio)), calc(calc(273 / var(--base-size)) * var(--base-percent)));left:max(calc(37px * var(--base-ratio)), calc(calc(37 / var(--base-size)) * var(--base-percent)));width:max(calc(250px * var(--base-ratio)), calc(calc(250 / var(--base-size)) * var(--base-percent)));transform:translateY(100%);opacity:0;transition:.6s .15s}#wrap.du-footsteps .sec_kv .img_box img:nth-child(2){top:max(calc(565px * var(--base-ratio)), calc(calc(565 / var(--base-size)) * var(--base-percent)));left:max(calc(295px * var(--base-ratio)), calc(calc(295 / var(--base-size)) * var(--base-percent)));width:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));transform:translateY(100%);opacity:0;transition:.6s .45s}#wrap.du-footsteps .sec_kv .img_box img:nth-child(3){top:max(calc(540px * var(--base-ratio)), calc(calc(540 / var(--base-size)) * var(--base-percent)));left:50%;width:max(calc(320px * var(--base-ratio)), calc(calc(320 / var(--base-size)) * var(--base-percent)));transform:translate(-50%, 50%);opacity:0;transition:.6s .35s}#wrap.du-footsteps .sec_kv .img_box img:nth-child(4){top:max(calc(650px * var(--base-ratio)), calc(calc(650 / var(--base-size)) * var(--base-percent)));left:max(calc(1230px * var(--base-ratio)), calc(calc(1230 / var(--base-size)) * var(--base-percent)));width:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));transform:translateY(100%);opacity:0;transition:.6s .45s}#wrap.du-footsteps .sec_kv .img_box img:nth-child(5){top:max(calc(242px * var(--base-ratio)), calc(calc(242 / var(--base-size)) * var(--base-percent)));left:max(calc(1396px * var(--base-ratio)), calc(calc(1396 / var(--base-size)) * var(--base-percent)));width:max(calc(260px * var(--base-ratio)), calc(calc(260 / var(--base-size)) * var(--base-percent)));transform:translateY(50%);opacity:0;transition:.6s .65s}#wrap.du-footsteps .sec_kv .tit_area{position:absolute;top:19.92vh;width:100%}#wrap.du-footsteps .sec_kv .tit_area .tit{padding-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));line-height:1.2;letter-spacing:-0.03em;font-weight:700;color:#fff}@media(max-width: 1024px){#wrap.du-footsteps .sec_kv .row_wrap{padding:0}#wrap.du-footsteps .sec_kv .bg_wrap{justify-content:center}#wrap.du-footsteps .sec_kv .bg_wrap.active .bg_line:nth-child(6)::after{height:60%}#wrap.du-footsteps .sec_kv .bg_wrap.active .bg_line:nth-child(n+4):nth-child(-n+6)::before{height:60%}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line{width:25%}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line:not(:nth-child(n+4):nth-child(-n+6)){display:none}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line:not(:nth-child(n+4):nth-child(-n+6))::before{display:none}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line:nth-child(6)::after{content:"";position:absolute;bottom:max(calc(53px * var(--base-ratio)), calc(calc(53 / var(--base-size)) * var(--base-percent)));right:0;width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:0;transition-duration:.4s;transition-delay:.2s;opacity:.2;background-color:#f0edcc}#wrap.du-footsteps .sec_kv .line_top,#wrap.du-footsteps .sec_kv .line_bottom{background-size:auto 100%}#wrap.du-footsteps .sec_kv .line_top{top:max(calc(95px * var(--base-ratio)), calc(calc(95 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec_kv .line_bottom{bottom:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec_kv .img_box img:nth-child(1){display:none}#wrap.du-footsteps .sec_kv .img_box img:nth-child(2){top:49%;left:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));width:max(calc(157px * var(--base-ratio)), calc(calc(157 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec_kv .img_box img:nth-child(3){top:63%;width:max(calc(343px * var(--base-ratio)), calc(calc(343 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec_kv .img_box img:nth-child(4){top:44%;right:max(calc(17px * var(--base-ratio)), calc(calc(17 / var(--base-size)) * var(--base-percent)));left:auto;width:max(calc(215px * var(--base-ratio)), calc(calc(215 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec_kv .img_box img:nth-child(5){display:none}#wrap.du-footsteps .sec_kv .tit_area{top:13.92vh}#wrap.du-footsteps .sec_kv .tit_area .tit{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.1875;letter-spacing:-0.03em}#wrap.du-footsteps .sec_kv .tit_area span{margin-top:0}}@media(max-width: 767px){#wrap.du-footsteps .sec_kv{max-height:max(calc(667px * var(--base-ratio)), calc(calc(667 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec_kv .row_wrap{padding:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec_kv .bg_wrap.active .bg_line:nth-child(6)::after{height:45%}#wrap.du-footsteps .sec_kv .bg_wrap.active .bg_line:nth-child(n+4):nth-child(-n+6)::before{height:45%}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line{width:33.333%}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line:not(:nth-child(n+4):nth-child(-n+6)){display:none}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line:not(:nth-child(n+4):nth-child(-n+6))::before{display:none}#wrap.du-footsteps .sec_kv .bg_wrap .bg_line:nth-child(6)::after{content:"";position:absolute;bottom:max(calc(53px * var(--base-ratio)), calc(calc(53 / var(--base-size)) * var(--base-percent)));right:0;width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:0;transition-duration:.4s;transition-delay:.2s;opacity:.2;background-color:#f0edcc}#wrap.du-footsteps .sec_kv .img_box img:nth-child(1){display:none}#wrap.du-footsteps .sec_kv .img_box img:nth-child(2){display:none}#wrap.du-footsteps .sec_kv .img_box img:nth-child(3){top:57%;width:max(calc(260px * var(--base-ratio)), calc(calc(260 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec_kv .img_box img:nth-child(4){display:none}#wrap.du-footsteps .sec_kv .img_box img:nth-child(5){display:none}#wrap.du-footsteps .sec_kv .tit_area{top:19.92vh}}#wrap.du-footsteps .history_lnb{z-index:9;position:fixed;top:max(calc(calc(calc(80 / var(--base-size)) * var(--base-percent)) * -1));left:0;width:100%;height:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));transition:top .4s}#wrap.du-footsteps .history_lnb.fixed{top:0}#wrap.du-footsteps .history_lnb ul{display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;background-color:#f2fae9}#wrap.du-footsteps .history_lnb ul li{position:relative;width:11.111%;padding:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));background-color:#f2fae9;text-align:center;cursor:pointer}#wrap.du-footsteps .history_lnb ul li span{position:relative;font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.2;letter-spacing:-0.03em;font-weight:400;color:#3e6c23}#wrap.du-footsteps .history_lnb ul li.active{background-color:#00b140}#wrap.du-footsteps .history_lnb ul li.active span{color:#fff}#wrap.du-footsteps .history_lnb ul li.active span::before{content:"";position:absolute;top:50%;left:max(calc(calc(calc(15 / var(--base-size)) * var(--base-percent)) * -1));width:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)));height:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)));border-radius:50%;transform:translateY(-50%);background-color:#fff}@media(max-width: 1024px){#wrap.du-footsteps .history_lnb.fixed{top:0}#wrap.du-footsteps .history_lnb ul{flex-wrap:nowrap;overflow-x:auto}#wrap.du-footsteps .history_lnb ul li{flex-shrink:0;width:max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));padding:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .history_lnb ul li span{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.3571428571;letter-spacing:-0.03em}#wrap.du-footsteps .history_lnb ul li.active span::before{left:max(calc(calc(calc(8 / var(--base-size)) * var(--base-percent)) * -1));width:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));height:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)))}}#wrap.du-footsteps .sec .top_txt p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;color:#1c1c1c;text-align:center}@media(max-width: 1024px){#wrap.du-footsteps .sec .top_txt{display:none}}#wrap.du-footsteps .sec:not(.sec01) .sec_bg{height:100%}#wrap.du-footsteps .sec:not(.sec01) .con01 .top_visual{overflow:hidden;position:relative;width:100%;height:max(calc(850px * var(--base-ratio)), calc(calc(850 / var(--base-size)) * var(--base-percent)));background:linear-gradient(0deg, #AFB8B7 -26.94%, #124740 100%)}#wrap.du-footsteps .sec:not(.sec01) .con01 .tit_area{z-index:2;position:absolute;width:100%;top:19.8vh}#wrap.du-footsteps .sec:not(.sec01) .con01 .top_txt{padding-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.du-footsteps .sec:not(.sec01) .con01 .top_visual{height:100dvh;max-height:max(calc(667px * var(--base-ratio)), calc(calc(667 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec:not(.sec01) .con01 .tit_area{top:11.8vh}#wrap.du-footsteps .sec:not(.sec01) .con01 .top_txt{display:none}}@media(max-width: 767px){#wrap.du-footsteps .sec:not(.sec01) .con01 .tit_area{top:18vh}}#wrap.du-footsteps .sec01 .top_txt{padding-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.du-footsteps .sec01 .top_txt{display:none}}#wrap.du-footsteps .sec02 .line_bg{width:100%;height:100%;background:url("/resources/history/images/footsteps/sec02/sec02_bg.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec02 .img_box{display:flex;flex-wrap:nowrap;justify-content:center;align-items:normal;position:absolute;bottom:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));left:50%;transform:translateX(-50%);width:max(calc(1606px * var(--base-ratio)), calc(calc(1606 / var(--base-size)) * var(--base-percent)));gap:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec02 .img_box.active .img_item{transform:translate(0, 0) rotate(360deg) !important}#wrap.du-footsteps .sec02 .img_box.active .img_item:nth-child(1){transform:translate(0, 0) rotate(0) !important}#wrap.du-footsteps .sec02 .img_box .img_item{width:100%;transition-duration:.8s;transition-delay:.4s}#wrap.du-footsteps .sec02 .img_box .img_item:nth-child(1){z-index:1;transform:translate(160%, 0)}#wrap.du-footsteps .sec02 .img_box .img_item:nth-child(2){transform:translate(56%, 0) rotate(347deg)}#wrap.du-footsteps .sec02 .img_box .img_item:nth-child(3){transform:translate(-45%, 0) rotate(372deg)}#wrap.du-footsteps .sec02 .img_box .img_item:nth-child(4){transform:translate(-154%, 0) rotate(360deg)}#wrap.du-footsteps .sec02 .img_box img{filter:drop-shadow(max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent))) max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) rgba(0, 0, 0, 0.25))}@media(max-width: 1024px){#wrap.du-footsteps .sec02 .line_bg{background:url("/resources/history/images/footsteps/sec02/sec02_bg_tablet.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec02 .img_box.opacity .img_item{opacity:1}#wrap.du-footsteps .sec02 .img_box .img_item{width:max(calc(270px * var(--base-ratio)), calc(calc(270 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec02 .img_box img{width:100%}}@media(max-width: 767px){#wrap.du-footsteps .sec02 .line_bg{background:url("/resources/history/images/footsteps/sec02/sec02_bg_m.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec02 .img_box{bottom:max(calc(157px * var(--base-ratio)), calc(calc(157 / var(--base-size)) * var(--base-percent)));width:100%;height:max(calc(183px * var(--base-ratio)), calc(calc(183 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec02 .img_box.opacity .img_item{opacity:1}#wrap.du-footsteps .sec02 .img_box .img_item{position:absolute;top:0;left:50%;width:max(calc(270px * var(--base-ratio)), calc(calc(270 / var(--base-size)) * var(--base-percent)));opacity:0}#wrap.du-footsteps .sec02 .img_box .img_item:nth-child(1){z-index:4;transform:translate(-50%, 0);transition-delay:1s}#wrap.du-footsteps .sec02 .img_box .img_item:nth-child(2){z-index:3;transform:translate(-50%, 0) rotate(347deg);transition-delay:.8s}#wrap.du-footsteps .sec02 .img_box .img_item:nth-child(3){z-index:2;transform:translate(-50%, 0) rotate(372deg);transition-delay:.5s}#wrap.du-footsteps .sec02 .img_box .img_item:nth-child(4){transform:translate(-50%, 0) rotate(360deg);transition-delay:.2s}#wrap.du-footsteps .sec02 .img_box img{width:100%}}#wrap.du-footsteps .sec03 .top_visual{overflow:hidden}#wrap.du-footsteps .sec03 .top_visual::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, #124740 0%, rgba(110, 138, 134, 0) 100%);opacity:.7}#wrap.du-footsteps .sec03 .bg_inner{height:100%}#wrap.du-footsteps .sec03 .bg_inner.active .line01{width:max(calc(1836px * var(--base-ratio)), calc(calc(1836 / var(--base-size)) * var(--base-percent)));height:max(calc(1836px * var(--base-ratio)), calc(calc(1836 / var(--base-size)) * var(--base-percent)));opacity:.5}#wrap.du-footsteps .sec03 .bg_inner.active .line02{width:max(calc(1472px * var(--base-ratio)), calc(calc(1472 / var(--base-size)) * var(--base-percent)));height:max(calc(1472px * var(--base-ratio)), calc(calc(1472 / var(--base-size)) * var(--base-percent)));opacity:.5}#wrap.du-footsteps .sec03 .bg_inner.active .line03{width:max(calc(1034px * var(--base-ratio)), calc(calc(1034 / var(--base-size)) * var(--base-percent)));height:max(calc(1034px * var(--base-ratio)), calc(calc(1034 / var(--base-size)) * var(--base-percent)));opacity:.25}#wrap.du-footsteps .sec03 .bg_line{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;margin:0 auto;transition-duration:.6s;opacity:0}#wrap.du-footsteps .sec03 .bg_line.line01{width:max(calc(1000px * var(--base-ratio)), calc(calc(1000 / var(--base-size)) * var(--base-percent)));height:max(calc(1000px * var(--base-ratio)), calc(calc(1000 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec03/sec03_circle01.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec03 .bg_line.line02{width:max(calc(700px * var(--base-ratio)), calc(calc(700 / var(--base-size)) * var(--base-percent)));height:max(calc(700px * var(--base-ratio)), calc(calc(700 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec03/sec03_circle02.png") center no-repeat;background-size:auto 100%;transition-delay:.2s}#wrap.du-footsteps .sec03 .bg_line.line03{width:max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent)));height:max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec03/sec03_circle03.png") center no-repeat;background-size:auto 100%;transition-delay:.4s}#wrap.du-footsteps .sec03 .rolling_area{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}#wrap.du-footsteps .sec03 .rolling_area ul{display:flex;flex-direction:column;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}#wrap.du-footsteps .sec03 .rolling_area ul li{overflow:hidden}#wrap.du-footsteps .sec03 .rolling_area ul li img{width:100%}#wrap.du-footsteps .sec03 .rolling_area .left{position:absolute;left:0;top:0;width:50%}#wrap.du-footsteps .sec03 .rolling_area .left ul li.img1{width:max(calc(212px * var(--base-ratio)), calc(calc(212 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(150px * var(--base-ratio)), calc(calc(150 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)));border-radius:0 50% 50% 0;box-shadow:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0 max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25)}#wrap.du-footsteps .sec03 .rolling_area .left ul li.img2{width:max(calc(151px * var(--base-ratio)), calc(calc(151 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(340px * var(--base-ratio)), calc(calc(340 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));border-radius:0 0 50% 50%;box-shadow:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0 max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(0.5);backdrop-filter:blur(0.5)}#wrap.du-footsteps .sec03 .rolling_area .left ul li.img3{width:max(calc(245px * var(--base-ratio)), calc(calc(245 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(560px * var(--base-ratio)), calc(calc(560 / var(--base-size)) * var(--base-percent)));box-shadow:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))) max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25)}#wrap.du-footsteps .sec03 .rolling_area .left ul li.img4{width:max(calc(185px * var(--base-ratio)), calc(calc(185 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(230px * var(--base-ratio)), calc(calc(230 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));border-radius:50%;box-shadow:max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent))) max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent))) max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25)}#wrap.du-footsteps .sec03 .rolling_area .right{position:absolute;right:0;top:0;width:50%}#wrap.du-footsteps .sec03 .rolling_area .right ul{align-items:flex-end}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img1{width:max(calc(151px * var(--base-ratio)), calc(calc(151 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(148px * var(--base-ratio)), calc(calc(148 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(164px * var(--base-ratio)), calc(calc(164 / var(--base-size)) * var(--base-percent)));border-radius:0 0 50% 50%;box-shadow:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0 max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img2{width:max(calc(264px * var(--base-ratio)), calc(calc(264 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(800px * var(--base-ratio)), calc(calc(800 / var(--base-size)) * var(--base-percent)));border-radius:50%;box-shadow:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0 max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25)}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img3{width:max(calc(245px * var(--base-ratio)), calc(calc(245 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(calc(calc(200 / var(--base-size)) * var(--base-percent)) * -1));margin-right:max(calc(285px * var(--base-ratio)), calc(calc(285 / var(--base-size)) * var(--base-percent)));box-shadow:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0 max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25)}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img4{width:max(calc(212px * var(--base-ratio)), calc(calc(212 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(270px * var(--base-ratio)), calc(calc(270 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(325px * var(--base-ratio)), calc(calc(325 / var(--base-size)) * var(--base-percent)));border-radius:0 50% 50% 0;box-shadow:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0 max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25)}@media(max-width: 1024px){#wrap.du-footsteps .sec03 .top_visual{overflow:hidden}#wrap.du-footsteps .sec03 .bg_inner.active .line01{width:max(calc(850px * var(--base-ratio)), calc(calc(850 / var(--base-size)) * var(--base-percent)));height:max(calc(850px * var(--base-ratio)), calc(calc(850 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .bg_inner.active .line02{width:max(calc(682px * var(--base-ratio)), calc(calc(682 / var(--base-size)) * var(--base-percent)));height:max(calc(682px * var(--base-ratio)), calc(calc(682 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .bg_inner.active .line03{width:max(calc(479px * var(--base-ratio)), calc(calc(479 / var(--base-size)) * var(--base-percent)));height:max(calc(479px * var(--base-ratio)), calc(calc(479 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .bg_line.line01{background:url("/resources/history/images/footsteps/sec03/sec03_circle01_m.png") center no-repeat;background-size:auto 100%;width:max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent)));height:max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .bg_line.line02{background:url("/resources/history/images/footsteps/sec03/sec03_circle02_m.png") center no-repeat;background-size:auto 100%;width:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)));height:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .bg_line.line03{background:url("/resources/history/images/footsteps/sec03/sec03_circle03_m.png") center no-repeat;background-size:auto 100%;width:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)));height:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .rolling_area .left ul li.img1{width:max(calc(106px * var(--base-ratio)), calc(calc(106 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(150px * var(--base-ratio)), calc(calc(150 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(calc(calc(10 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.du-footsteps .sec03 .rolling_area .left ul li.img2{width:max(calc(76px * var(--base-ratio)), calc(calc(76 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .rolling_area .left ul li.img3{width:max(calc(132px * var(--base-ratio)), calc(calc(132 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)));box-shadow:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) max(calc(34px * var(--base-ratio)), calc(calc(34 / var(--base-size)) * var(--base-percent))) max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25)}#wrap.du-footsteps .sec03 .rolling_area .left ul li.img4{width:max(calc(123px * var(--base-ratio)), calc(calc(123 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img1{width:max(calc(76px * var(--base-ratio)), calc(calc(76 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(148px * var(--base-ratio)), calc(calc(148 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(calc(calc(24 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img2{width:max(calc(132px * var(--base-ratio)), calc(calc(132 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img3{width:max(calc(106px * var(--base-ratio)), calc(calc(106 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(85px * var(--base-ratio)), calc(calc(85 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img4{width:max(calc(123px * var(--base-ratio)), calc(calc(123 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(calc(calc(40 / var(--base-size)) * var(--base-percent)) * -1))}}@media(max-width: 767px){#wrap.du-footsteps .sec03 .bg_line.line01{display:none}#wrap.du-footsteps .sec03 .bg_line.line02{width:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));height:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec03/sec03_circle02_m.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec03 .bg_line.line03{width:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));height:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec03/sec03_circle03_m.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec03 .rolling_area .left{display:none}#wrap.du-footsteps .sec03 .rolling_area .right{width:100%}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img1{margin-top:max(calc(148px * var(--base-ratio)), calc(calc(148 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img2{margin-top:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img3{margin-top:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(85px * var(--base-ratio)), calc(calc(85 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec03 .rolling_area .right ul li.img4{margin-top:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(170px * var(--base-ratio)), calc(calc(170 / var(--base-size)) * var(--base-percent)))}}#wrap.du-footsteps .sec04 .bg_inner{height:100%}#wrap.du-footsteps .sec04 .bg_inner.active .bg_line{opacity:1}#wrap.du-footsteps .sec04 .bg_inner.active .line01{bottom:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_inner.active .line02{bottom:max(calc(107px * var(--base-ratio)), calc(calc(107 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_inner.active .line03{bottom:max(calc(223px * var(--base-ratio)), calc(calc(223 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_inner.active .line04{bottom:max(calc(397px * var(--base-ratio)), calc(calc(397 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line{position:absolute;bottom:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));left:50%;width:max(calc(774px * var(--base-ratio)), calc(calc(774 / var(--base-size)) * var(--base-percent)));margin:0 auto;transform:translateX(-50%);transition-duration:.6s;opacity:0}#wrap.du-footsteps .sec04 .bg_line.line01{height:max(calc(94px * var(--base-ratio)), calc(calc(94 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec04/kv_img01.png") center no-repeat;background-size:100%}#wrap.du-footsteps .sec04 .bg_line.line02{height:max(calc(144px * var(--base-ratio)), calc(calc(144 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec04/kv_img02.png") center no-repeat;background-size:100%;transition-delay:.1s}#wrap.du-footsteps .sec04 .bg_line.line03{height:max(calc(204px * var(--base-ratio)), calc(calc(204 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec04/kv_img03.png") center no-repeat;background-size:100%;transition-delay:.2s}#wrap.du-footsteps .sec04 .bg_line.line04{height:max(calc(366px * var(--base-ratio)), calc(calc(366 / var(--base-size)) * var(--base-percent)));background:url("/resources/history/images/footsteps/sec04/kv_img04.png") center no-repeat;background-size:100%;transition-delay:.3s}#wrap.du-footsteps .sec04 .rolling_area{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}#wrap.du-footsteps .sec04 .rolling_area ul{display:flex;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}#wrap.du-footsteps .sec04 .rolling_area ul li{overflow:hidden;flex-shrink:0;width:max(calc(250px * var(--base-ratio)), calc(calc(250 / var(--base-size)) * var(--base-percent)));height:max(calc(250px * var(--base-ratio)), calc(calc(250 / var(--base-size)) * var(--base-percent)));border-radius:50%;box-shadow:max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0 max(calc(54px * var(--base-ratio)), calc(calc(54 / var(--base-size)) * var(--base-percent))) 0px rgba(0,0,0,.25)}#wrap.du-footsteps .sec04 .rolling_area ul li img{width:100%}#wrap.du-footsteps .sec04 .rolling_area .top{position:absolute;left:0;top:0;width:100%;height:50%}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img1{margin-top:max(calc(calc(calc(100 / var(--base-size)) * var(--base-percent)) * -1));margin-left:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img2{margin-top:max(calc(247px * var(--base-ratio)), calc(calc(247 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(127px * var(--base-ratio)), calc(calc(127 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img3{margin-top:max(calc(87px * var(--base-ratio)), calc(calc(87 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(1173px * var(--base-ratio)), calc(calc(1173 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img4{margin-top:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(306px * var(--base-ratio)), calc(calc(306 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img5{margin-top:max(calc(calc(calc(100 / var(--base-size)) * var(--base-percent)) * -1));margin-left:max(calc(262px * var(--base-ratio)), calc(calc(262 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom{position:absolute;left:0;bottom:0;width:100%;height:50%}#wrap.du-footsteps .sec04 .rolling_area .bottom ul{align-items:flex-end}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img1{margin-bottom:max(calc(calc(calc(100 / var(--base-size)) * var(--base-percent)) * -1));margin-left:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img2{margin-bottom:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(513px * var(--base-ratio)), calc(calc(513 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img3{margin-bottom:max(calc(calc(calc(60 / var(--base-size)) * var(--base-percent)) * -1));margin-left:max(calc(374px * var(--base-ratio)), calc(calc(374 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img4{margin-left:max(calc(787px * var(--base-ratio)), calc(calc(787 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img5{margin-bottom:max(calc(168px * var(--base-ratio)), calc(calc(168 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(372px * var(--base-ratio)), calc(calc(372 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.du-footsteps .sec04 .bg_inner{position:absolute;top:0;left:0;width:100%}#wrap.du-footsteps .sec04 .bg_inner.active .line01{bottom:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_inner.active .line02{bottom:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_inner.active .line03{bottom:max(calc(205px * var(--base-ratio)), calc(calc(205 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_inner.active .line04{bottom:max(calc(330px * var(--base-ratio)), calc(calc(330 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line{bottom:0;width:max(calc(561px * var(--base-ratio)), calc(calc(561 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line.line01{height:max(calc(68px * var(--base-ratio)), calc(calc(68 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line.line02{height:max(calc(104px * var(--base-ratio)), calc(calc(104 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line.line03{height:max(calc(148px * var(--base-ratio)), calc(calc(148 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line.line04{height:max(calc(265px * var(--base-ratio)), calc(calc(265 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area ul li{width:max(calc(125px * var(--base-ratio)), calc(calc(125 / var(--base-size)) * var(--base-percent)));height:max(calc(125px * var(--base-ratio)), calc(calc(125 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img1{margin-top:max(calc(calc(calc(30 / var(--base-size)) * var(--base-percent)) * -1));margin-left:max(calc(150px * var(--base-ratio)), calc(calc(150 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img2{margin-top:max(calc(247px * var(--base-ratio)), calc(calc(247 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(127px * var(--base-ratio)), calc(calc(127 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img3{margin-top:max(calc(87px * var(--base-ratio)), calc(calc(87 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(173px * var(--base-ratio)), calc(calc(173 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img4{margin-top:max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(136px * var(--base-ratio)), calc(calc(136 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .top ul li.img5{margin-top:max(calc(calc(calc(20 / var(--base-size)) * var(--base-percent)) * -1));margin-left:max(calc(262px * var(--base-ratio)), calc(calc(262 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img1{margin-bottom:max(calc(calc(calc(100 / var(--base-size)) * var(--base-percent)) * -1));margin-left:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img2{margin-bottom:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img3{margin-bottom:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(174px * var(--base-ratio)), calc(calc(174 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img4{margin-left:max(calc(207px * var(--base-ratio)), calc(calc(207 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .rolling_area .bottom ul li.img5{margin-bottom:max(calc(98px * var(--base-ratio)), calc(calc(98 / var(--base-size)) * var(--base-percent)));margin-left:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.du-footsteps .sec04 .bg_inner.active .line01{bottom:max(calc(204px * var(--base-ratio)), calc(calc(204 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_inner.active .line02{bottom:max(calc(239px * var(--base-ratio)), calc(calc(239 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_inner.active .line03{bottom:max(calc(297px * var(--base-ratio)), calc(calc(297 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_inner.active .line04{bottom:max(calc(384px * var(--base-ratio)), calc(calc(384 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line{width:max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line.line01{height:max(calc(47px * var(--base-ratio)), calc(calc(47 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line.line02{height:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line.line03{height:max(calc(102px * var(--base-ratio)), calc(calc(102 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec04 .bg_line.line04{height:max(calc(183px * var(--base-ratio)), calc(calc(183 / var(--base-size)) * var(--base-percent)))}}#wrap.du-footsteps .sec05 .top_visual{overflow:hidden}#wrap.du-footsteps .sec05 .bg_inner{height:100%}#wrap.du-footsteps .sec05 .line_bg{width:100%;height:100%;background:url("/resources/history/images/footsteps/sec05/kv_line.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec05 .rolling_area{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}#wrap.du-footsteps .sec05 .rolling_area ul{display:flex;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}#wrap.du-footsteps .sec05 .rolling_area ul li{overflow:hidden;flex-shrink:0;margin-left:max(calc(calc(calc(32 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.du-footsteps .sec05 .rolling_area ul li img{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}#wrap.du-footsteps .sec05 .rolling_area ul li img.pc_img{display:block}#wrap.du-footsteps .sec05 .rolling_area ul li img.m_img{display:none}#wrap.du-footsteps .sec05 .rolling_area .top{position:absolute;bottom:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));left:0;width:100%;transform:rotate(-14deg)}@media(max-width: 1024px){#wrap.du-footsteps .sec05 .line_bg{background:url("/resources/history/images/footsteps/sec05/kv_line_m.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec05 .rolling_area ul li img.pc_img{display:none}#wrap.du-footsteps .sec05 .rolling_area ul li img.m_img{display:block}#wrap.du-footsteps .sec05 .rolling_area .top{bottom:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}}#wrap.du-footsteps .sec06 .top_visual{overflow:hidden}#wrap.du-footsteps .sec06 .bg_inner{position:relative;height:100%}#wrap.du-footsteps .sec06 .bg_inner::before{content:"";z-index:1;position:absolute;top:0;left:50%;width:100%;height:calc(100% - max(calc(290px * var(--base-ratio)), calc(calc(290 / var(--base-size)) * var(--base-percent))));transform:translateX(-50%);background:linear-gradient(180deg, #124740 0%, rgba(99, 130, 126, 0.1) 100%)}#wrap.du-footsteps .sec06 .line_bg{position:relative;width:100%;height:100%;background:url("/resources/history/images/footsteps/sec06/kv_line.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec06 .rolling_area{position:absolute;left:0;top:0;width:100%;height:100%}#wrap.du-footsteps .sec06 .rolling_area .ticker_view{width:100%;height:100%;transform:perspective(350px) rotateX(40deg) translate3d(0, -10%, -60px);transform-style:preserve-3d}#wrap.du-footsteps .sec06 .rolling_area ul{display:flex;flex-direction:column;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}#wrap.du-footsteps .sec06 .rolling_area ul li{position:relative;margin:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))) auto 0 auto}#wrap.du-footsteps .sec06 .rolling_area ul li img{width:100%}#wrap.du-footsteps .sec06 .rolling_area ul li img.pc_img{display:block}#wrap.du-footsteps .sec06 .rolling_area ul li img.m_img{display:none}@media(max-width: 1024px){#wrap.du-footsteps .sec06 .line_bg{background:url("/resources/history/images/footsteps/sec06/kv_line.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec06 .rolling_area ul li img.pc_img{display:none}#wrap.du-footsteps .sec06 .rolling_area ul li img.m_img{display:block}}#wrap.du-footsteps .sec07 .top_visual{overflow:hidden}#wrap.du-footsteps .sec07 .bg_inner{height:100%}#wrap.du-footsteps .sec07 .line_bg{position:relative;z-index:2;width:100%;height:100%;background:url("/resources/history/images/footsteps/sec07/kv_img.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec07 .img_wrap{position:absolute;top:0;left:0;width:100%;height:100%}#wrap.du-footsteps .sec07 .img_wrap img{z-index:2;position:absolute;top:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));left:50%;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;transform:translateX(-50%);-webkit-animation:rotateCircle 100s linear infinite;animation:rotateCircle 100s linear infinite}#wrap.du-footsteps .sec07 .img_wrap img.pc_img{display:block}#wrap.du-footsteps .sec07 .img_wrap img.m_img{display:none}@-webkit-keyframes rotateCircle{from{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(360deg)}}@keyframes rotateCircle{from{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(360deg)}}@media(max-width: 1024px){#wrap.du-footsteps .sec07 .line_bg{background:url("/resources/history/images/footsteps/sec07/kv_img_m.png") center no-repeat;background-size:cover}#wrap.du-footsteps .sec07 .img_wrap img{top:max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec07 .img_wrap img.pc_img{display:none}#wrap.du-footsteps .sec07 .img_wrap img.m_img{display:block}}@media(max-width: 767px){#wrap.du-footsteps .sec07 .img_wrap img{top:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)))}}#wrap.du-footsteps .sec08 .top_visual{overflow:hidden}#wrap.du-footsteps .sec08 .bg_inner{height:100%}#wrap.du-footsteps .sec08 .line_bg{position:relative;width:100%;height:100%;background:url("/resources/history/images/footsteps/sec08/kv_bg.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec08 .img_wrap{position:absolute;top:0;left:0;width:100%;height:100%}#wrap.du-footsteps .sec08 .img_wrap .img_center{z-index:2;position:absolute;bottom:max(calc(83px * var(--base-ratio)), calc(calc(83 / var(--base-size)) * var(--base-percent)));left:50%;width:max(calc(480px * var(--base-ratio)), calc(calc(480 / var(--base-size)) * var(--base-percent)));transform:translate(-50%, 30%);opacity:0;transition-duration:.6s;transition-delay:.4s}#wrap.du-footsteps .sec08 .img_wrap .img_center.active{transform:translate(-50%, 0);opacity:1}#wrap.du-footsteps .sec08 .img_box{position:absolute;top:0;left:0;width:100%;height:100%}#wrap.du-footsteps .sec08 .img_box.active img{opacity:1}#wrap.du-footsteps .sec08 .img_box img{opacity:0;transition-duration:.6s}#wrap.du-footsteps .sec08 .img_box .lt_box{position:absolute;top:0;left:0;width:50%;height:100%}#wrap.du-footsteps .sec08 .img_box .lt_box img{position:absolute}#wrap.du-footsteps .sec08 .img_box .lt_box img:nth-child(1){top:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)));left:max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));transition-delay:.5s}#wrap.du-footsteps .sec08 .img_box .lt_box img:nth-child(2){top:max(calc(141px * var(--base-ratio)), calc(calc(141 / var(--base-size)) * var(--base-percent)));left:max(calc(255px * var(--base-ratio)), calc(calc(255 / var(--base-size)) * var(--base-percent)));transition-delay:1.15s}#wrap.du-footsteps .sec08 .img_box .lt_box img:nth-child(3){top:max(calc(489px * var(--base-ratio)), calc(calc(489 / var(--base-size)) * var(--base-percent)));left:max(calc(408px * var(--base-ratio)), calc(calc(408 / var(--base-size)) * var(--base-percent)));transition-delay:.8s}#wrap.du-footsteps .sec08 .img_box .rt_box{position:absolute;top:0;right:0;width:50%;height:100%}#wrap.du-footsteps .sec08 .img_box .rt_box img{position:absolute}#wrap.du-footsteps .sec08 .img_box .rt_box img:nth-child(1){top:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));left:max(calc(276px * var(--base-ratio)), calc(calc(276 / var(--base-size)) * var(--base-percent)));transition-delay:.95s}#wrap.du-footsteps .sec08 .img_box .rt_box img:nth-child(2){top:max(calc(489px * var(--base-ratio)), calc(calc(489 / var(--base-size)) * var(--base-percent)));left:max(calc(473px * var(--base-ratio)), calc(calc(473 / var(--base-size)) * var(--base-percent)));transition-delay:1.3s}#wrap.du-footsteps .sec08 .img_box .rt_box img:nth-child(3){top:max(calc(338px * var(--base-ratio)), calc(calc(338 / var(--base-size)) * var(--base-percent)));left:max(calc(629px * var(--base-ratio)), calc(calc(629 / var(--base-size)) * var(--base-percent)));transition-delay:.65s}@media(max-width: 1024px){#wrap.du-footsteps .sec08 .line_bg{background:url("/resources/history/images/footsteps/sec08/kv_bg_m.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec08 .img_wrap .img_center{bottom:40%;width:max(calc(335px * var(--base-ratio)), calc(calc(335 / var(--base-size)) * var(--base-percent)));transform:translate(-50%, 100%)}#wrap.du-footsteps .sec08 .img_wrap .img_center.active{transform:translate(-50%, 75%);opacity:1}#wrap.du-footsteps .sec08 .img_box .lt_box img:nth-child(1){width:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));top:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));left:max(calc(0px * var(--base-ratio)), calc(calc(0 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec08 .img_box .lt_box img:nth-child(2){width:max(calc(190px * var(--base-ratio)), calc(calc(190 / var(--base-size)) * var(--base-percent)));top:max(calc(calc(calc(30 / var(--base-size)) * var(--base-percent)) * -1));left:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec08 .img_box .lt_box img:nth-child(3){display:none}#wrap.du-footsteps .sec08 .img_box .rt_box img{position:absolute}#wrap.du-footsteps .sec08 .img_box .rt_box img:nth-child(1){top:auto;bottom:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));left:auto;right:0}#wrap.du-footsteps .sec08 .img_box .rt_box img:nth-child(2){display:none}#wrap.du-footsteps .sec08 .img_box .rt_box img:nth-child(3){width:max(calc(170px * var(--base-ratio)), calc(calc(170 / var(--base-size)) * var(--base-percent)));top:max(calc(calc(calc(30 / var(--base-size)) * var(--base-percent)) * -1));left:auto;right:max(calc(calc(calc(50 / var(--base-size)) * var(--base-percent)) * -1));transition-delay:.65s}}@media(max-width: 767px){#wrap.du-footsteps .sec08 .img_box{display:none}}#wrap.du-footsteps .sec09 .top_visual{overflow:hidden}#wrap.du-footsteps .sec09 .bg_inner{height:100%}#wrap.du-footsteps .sec09 .line_bg{position:relative;width:100%;height:100%;background:url("/resources/history/images/footsteps/sec09/kv_bg.png") center no-repeat;background-size:auto 100%}#wrap.du-footsteps .sec09 .img_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, 30%);opacity:0;transition-duration:.6s;transition-delay:.4s}#wrap.du-footsteps .sec09 .img_wrap.active{transform:translate(-50%, 5%);opacity:1}#wrap.du-footsteps .sec09 .rolling_area{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}#wrap.du-footsteps .sec09 .rolling_area ul{display:flex;flex-direction:column;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}#wrap.du-footsteps .sec09 .rolling_area ul li{position:relative;overflow:hidden;width:max(calc(324px * var(--base-ratio)), calc(calc(324 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec09 .rolling_area ul li img{width:100%}#wrap.du-footsteps .sec09 .rolling_area ul li img.pc_img{display:block}#wrap.du-footsteps .sec09 .rolling_area ul li img.m_img{display:none}#wrap.du-footsteps .sec09 .rolling_area .box01{position:absolute;left:0;top:0;width:50%}#wrap.du-footsteps .sec09 .rolling_area .box01 ul li::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.7;background:linear-gradient(180deg, rgba(18, 71, 64, 0.5) 0%, rgba(110, 138, 134, 0) 100%)}#wrap.du-footsteps .sec09 .rolling_area .box01 ul li.img1{margin-left:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec09 .rolling_area .box01 ul li.img2{margin-left:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec09 .rolling_area .box02{position:absolute;right:0;top:0;width:50%}#wrap.du-footsteps .sec09 .rolling_area .box02 ul{align-items:flex-end}#wrap.du-footsteps .sec09 .rolling_area .box02 ul li::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, rgba(141, 160, 158, 0.5) 0%, rgba(49, 93, 87, 0) 100%);opacity:.7}#wrap.du-footsteps .sec09 .rolling_area .box02 ul li.img1{margin-right:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec09 .rolling_area .box02 ul li.img2{margin-right:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.du-footsteps .sec09 .line_bg{background:url("/resources/history/images/footsteps/sec09/kv_bg_m.png") center no-repeat;background-size:100% 100%}#wrap.du-footsteps .sec09 .img_wrap{display:none}#wrap.du-footsteps .sec09 .rolling_area ul{flex-direction:row}#wrap.du-footsteps .sec09 .rolling_area ul li{flex-shrink:0;width:auto;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin:0 0 0 max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec09 .rolling_area ul li img{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}#wrap.du-footsteps .sec09 .rolling_area ul li img.pc_img{display:none}#wrap.du-footsteps .sec09 .rolling_area ul li img.m_img{display:block}#wrap.du-footsteps .sec09 .rolling_area .box01{width:100%;top:auto;bottom:max(calc(224px * var(--base-ratio)), calc(calc(224 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec09 .rolling_area .box01 ul li.img1{margin-left:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec09 .rolling_area .box01 ul li.img2{margin-left:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec09 .rolling_area .box02{right:auto;left:0;top:auto;bottom:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)));width:100%}#wrap.du-footsteps .sec09 .rolling_area .box02 ul li.img1{margin-right:0}#wrap.du-footsteps .sec09 .rolling_area .box02 ul li.img2{margin-right:0}}#wrap.du-footsteps .sec .con02{padding-bottom:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec .con02 .cont_wrap{position:relative;display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start}#wrap.du-footsteps .sec .con02 .cont_wrap .sticky{overflow:visible;width:46%;padding-top:max(calc(177px * var(--base-ratio)), calc(calc(177 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec .con02 .cont_wrap .tit_box{display:flex;flex-wrap:wrap;justify-content:start;align-items:normal;flex-direction:column}#wrap.du-footsteps .sec .con02 .cont_wrap .tit_box .tit_unit{display:flex;flex-wrap:wrap;justify-content:start;align-items:center}#wrap.du-footsteps .sec .con02 .cont_wrap .tit_box .tit_unit *{font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1.1964285714;letter-spacing:0em;font-weight:700;color:#00b140}#wrap.du-footsteps .sec .con02 .cont_wrap .tit_box .tit_unit>span{display:inline-block;width:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));height:max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));background-color:#00b140;margin:0 max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec .con02 .cont_wrap .tit_box>span{display:inline-block;padding-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.1875;letter-spacing:-0.02em;font-weight:700;color:#666}#wrap.du-footsteps .sec .con02 .cont_wrap .year_box{height:100%}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img{width:100%;height:100%}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list{position:relative;width:100%;height:min(60vh,max(calc(560px * var(--base-ratio)), calc(calc(560 / var(--base-size)) * var(--base-percent))));margin-top:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));box-sizing:border-box}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list li{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition-duration:.4s}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list li.active{opacity:1}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:left top;object-position:left top}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list img.pc_img{display:block}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list img.m_img{display:none}#wrap.du-footsteps .sec .con02 .cont_wrap .line{position:absolute;top:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)));right:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));width:max(calc(3px * var(--base-ratio)), calc(calc(3 / var(--base-size)) * var(--base-percent)));height:calc(100% - max(calc(196px * var(--base-ratio)), calc(calc(196 / var(--base-size)) * var(--base-percent))));background-color:#ddd}#wrap.du-footsteps .sec .con02 .cont_wrap .line .dot{position:absolute;top:0;right:max(calc(calc(calc(3 / var(--base-size)) * var(--base-percent)) * -1));width:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));height:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));border-radius:50%;background-color:#21745f;transform:translateY(0)}#wrap.du-footsteps .sec .con02 .cont_wrap .line .dot.active{background-color:#46ba73}#wrap.du-footsteps .sec .con02 .cont_wrap .line .dot.active::before{content:"";z-index:9;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%, -50%);-webkit-animation:dotWidth 1.5s infinite;animation:dotWidth 1.5s infinite;background-color:rgba(70,185,115,.3)}@-webkit-keyframes dotWidth{0%{width:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}50%{width:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));height:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)))}100%{width:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}}@keyframes dotWidth{0%{width:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}50%{width:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));height:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)))}100%{width:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}}#wrap.du-footsteps .sec .con02 .cont_wrap .line .progress{position:relative;height:0;background:linear-gradient(180deg, #1E6E5D 0%, #46BB73 100%)}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap{width:54%;padding:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent))) 0 0 max(calc(150px * var(--base-ratio)), calc(calc(150 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap li+li{padding-top:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap li strong{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;font-weight:700;color:#00b140}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap li p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em;font-weight:700;color:#1c1c1c}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap li p+p{padding-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.du-footsteps .sec .con02{padding-bottom:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec .con02 .cont_wrap{flex-direction:column}#wrap.du-footsteps .sec .con02 .cont_wrap .sticky{width:100%;height:calc(100% - max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent))));background-color:#fff;padding-top:0;transition:top .4s}#wrap.du-footsteps .sec .con02 .cont_wrap .sticky.fixed{top:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec .con02 .cont_wrap .tit_box{display:none}#wrap.du-footsteps .sec .con02 .cont_wrap .year_box{padding:0;border-bottom:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent))) solid #ddd}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img{padding:0 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) 0}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list{height:min(50vh,max(calc(405px * var(--base-ratio)), calc(calc(405 / var(--base-size)) * var(--base-percent))));margin-top:0;padding-left:0}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list img{-o-object-position:center;object-position:center}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list img.pc_img{display:none}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list img.m_img{display:block}#wrap.du-footsteps .sec .con02 .cont_wrap .line{display:none}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap{width:100%;padding:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) 0}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap li+li{padding-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap li strong{font-size:max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));line-height:1.5384615385;letter-spacing:-0.02em}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap li p{font-size:max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent)));line-height:1.5384615385;letter-spacing:-0.02em}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap li p+p{padding-top:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.du-footsteps .sec .con02 .row_wrap{padding:0}#wrap.du-footsteps .sec .con02 .cont_wrap .year_box{position:relative;border:0}#wrap.du-footsteps .sec .con02 .cont_wrap .year_box::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:calc(100% - max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));height:max(calc(1px * var(--base-ratio)), calc(calc(1 / var(--base-size)) * var(--base-percent)));background-color:#ddd}#wrap.du-footsteps .sec .con02 .cont_wrap .history_img .img_list{height:min(50vh,max(calc(270px * var(--base-ratio)), calc(calc(270 / var(--base-size)) * var(--base-percent))))}#wrap.du-footsteps .sec .con02 .cont_wrap .list_wrap{padding:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}