.m_br{display: none;}
#ENGINE.container{position:relative; width: 100%;height:100vh;background-color: #ffffff;margin:0 auto;box-sizing: border-box;overflow:hidden;}
.scroll-down {position: absolute;left: 12vw;bottom: 0;z-index: 5;opacity: 1;
    transition: transform 750ms cubic-bezier(0.215, 0.610, 0.355, 1.000), opacity 750ms ease-out;
    transform: translateY(100%);
    transition-delay: 800ms;
}
.scroll-down .label {font-family: 'HDFont';display: block;letter-spacing:1.4px;font-size:14px;position: relative;padding-bottom: calc(100px + 1rem);color: #fff;}
.scroll-down .label .line {display: block;width: 3px;height: 100px;position: absolute;bottom: 0;left: 0;overflow: hidden;}
.scroll-down .label .line:before {height: 100%;background: #fff;opacity: .3;left: 0;top: 0;bottom: 0;content: '';position: absolute;width: 1px;}
.scroll-down .label .line:after {background: #fff;left: 0;top: 0;content: '';position: absolute;width: 2px;
    -webkit-animation: scroll-down-line 3s infinite;
    -o-animation: scroll-down-line 3s infinite;
    animation: scroll-down-line 3s infinite;
}


.slider_container {height: 100vh;width: 100%;}
.slider_container .slider{overflow: hidden;width: 100%;height: 100%;position: absolute;opacity: 0;visibility: hidden;z-index: 2;}


html.Safari .slider_container .slider.out, .slider_container .slider.out {-webkit-clip-path: none;clip-path: none;width: 0;
    transition: width 1200ms cubic-bezier(0.23, 1, 0.32, 1);
}

html.Safari .slider_container[data-swipe="swiperight"] .slider, .slider_container[data-swipe="swiperight"] .slider {left: auto;right: 0;}
html.Safari .slider_container[data-swipe="swipeleft"] .slider,.slider_container[data-swipe="swipeleft"] .slider {left: 0;right: auto;}
html.Safari .slider_container[data-swipe="swiperight"] .slider .slider_inner,.slider_container[data-swipe="swiperight"] .slider .slider_inner{left: auto;right: 0;}
html.Safari .slider_container[data-swipe="swipeleft"] .slider .slider_inner,.slider_container[data-swipe="swipeleft"] .slider .slider_inner {left: 0;right: auto;}

html.Safari .slider_container .slider .slider_inner-item, .slider_container .slider .slider_inner {width: 100vw;}


.cssclippathpolygon .slider_container .slider.out-start {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%);
    height: 100%;
    width: 100%;
}

.cssclippathpolygon .slider_container .slider.out {
    -webkit-clip-path: polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%);
    clip-path: polygon(0% -150%, 100% -150%, 100% -20%, 0% 0%);
    height: 100%;
    width: 100%;
    -webkit-transition: -webkit-clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: clip-path 1200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.cssclippathpolygon .slider_container .slider .slider_inner {
    width: 100%;
}

.slider_container .slider .slider_inner{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.slider_container .slider .slider_inner .bg_container{ position: absolute;top: 0%;left: 0;right: 0;bottom: 0%;transition-property: none;}
.slider_container .slider .slider_inner .bg_container .bg{position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;background: 50% 50% no-repeat;-webkit-background-size: cover;background-size: cover;}
.slider_container .slider .slider_inner .bg_container .bg{background: url('../../img/business/engine/engine_loop_poster.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.slider_container .slider:nth-child(2) .slider_inner .bg_container .bg{background: url('../../img/business/engine/bg_img2.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.slider_container .slider:nth-child(3) .slider_inner .bg_container .bg{background: url('../../img/business/engine/bg_img3.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.slider_container .slider:nth-child(4) .slider_inner .bg_container .bg{background: url('../../img/business/engine/bg_img4.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.slider_container .slider:nth-child(5) .slider_inner .bg_container .bg{background: url('../../img/business/engine/bg_img5.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.slider_container .slider:nth-child(6) .slider_inner .bg_container .bg{background: url('../../img/business/engine/bg_img6.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.slider_container .slider .slider_inner .text_container{position: absolute;top:50%;left:12vw;transform: translate(0,-50%);}
.slider_container .slider .slider_inner .text_container .sub_title{font-size:18px;font-weight: 500;color: #222222;opacity: 0;line-height:1.5;}
.slider_container .slider .slider_inner .text_container .sub_title:after{content: '';width:50px;height:1px;display: inline-block;background-color:#909090;vertical-align: top;margin:8px 0 0 20px;opacity: 0;}
.slider_container .slider .slider_inner .text_container h2{font-size: 56px;letter-spacing:2.8px;font-weight: 700;color:#ffffff;margin:35px auto 75px;opacity: 0;transform: translateY(25px);}
.slider_container .slider .slider_inner .text_container h3{font-size: 56px;letter-spacing:2.8px;font-weight: 700;color:#222222;margin:35px auto 75px;opacity: 0;transform: translateY(25px);}
.slider_container .slider .slider_inner .text_container p{font-size: 16px;line-height: 28px;color:#555555;max-width: 520px;opacity: 0;transform: translateY(40px);word-break: keep-all;}
.slider_container .slider:first-child .slider_inner .bg_container:before{content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);background: rgba(0,0,0,.35);z-index: 1}
.slider_container .slider:first-child .slider_inner .text_container{z-index: 1}
.slider_container .slider:first-child .slider_inner .text_container p{color: #d2d2d2;max-width: 580px;}
.slider_container .slider .slider_inner .text_container .gu_btn_area{overflow: hidden;padding-top: 55px;}
.slider_container .slider .slider_inner .text_container .gu_btn_area .gu_btn{
    transform:translate(-150%,0%);

}

.slider_container .slider.current{z-index: 1;}
.slider_container .slider.active{opacity: 1;visibility: visible;}
.slider_container .slider.active .bg_container{
    transition: transform 35s cubic-bezier(0.23, 1, 0.32, 1);
}

.slider_container .slider:first-child.active .bg_container {transition:none;transform: translateY(0);}
.slider_container .slider.current .slider_inner .scroll-down{transform: translateY(0%);}
.slider_container .slider.active .slider_inner .text_container .sub_title{opacity: 1;transition-delay: 200ms;}
.slider_container .slider.active .slider_inner .text_container .sub_title:after{opacity: 1;}
.slider_container .slider.active .slider_inner .text_container h2{opacity: 1;transform: translateY(0);}
.slider_container .slider.active .slider_inner .text_container h3{opacity: 1;transform: translateY(0);}
.slider_container .slider.active .slider_inner .text_container p{opacity: 1;transform: translateY(0);transition-delay: 300ms;}
.slider_container .slider.active .slider_inner .text_container .gu_btn_area .gu_btn{transform:translate(0%,0%);transition: transform 800ms cubic-bezier(0.23, 1, 0.32, 1);transition-delay: 500ms;border-color:#fff;}

.slider_nav_container{position: absolute;top:50%;right:-200px;margin-top: -120px;text-align: right;z-index: 3;}
.slider_nav_container.on{right:36px;}
.slider_nav_container ul li{margin-bottom: 25px;}
.slider_nav_container ul li a{vertical-align: top;font-size:14px;font-weight:500;color:#222222;}
.slider_nav_container ul li:first-child a{color:#fff;}
.slider_nav_container ul li a span.nav_title{opacity: 0;}
.slider_nav_container ul li a span.bullet{display:inline-block;width:7px;height:7px;border:1px solid #cccccc;background-color: #cccccc;margin-left:15px;}
.slider_nav_container ul li a:hover span.nav_title{opacity: 1;}
.slider_nav_container ul li a:hover span.bullet{border:1px solid #222222;background-color: #ffffff }
.slider_nav_container ul li.on a span.nav_title{opacity: 1;}
.slider_nav_container ul li.on a span.bullet{border:1px solid #222222;background-color: rgba(255,255,255,0);}

#ENGINE .gu_detail_top {text-align:left;background:#fafafa;border-top:2px solid #444;border-bottom:1px solid #e1e1e1;padding:50px 40px;}
#ENGINE .gu_detail_top * {text-align:left;}
#ENGINE .gu_detail_top span {color:#999;}
#ENGINE .gu_detail_middle {padding:60px 40px 60px;}
#ENGINE .gu_detail_file {padding:25px 40px 5px; border-top:1px solid #e5e5e5;font-size:0;}
#ENGINE .gu_detail_file > * {display:inline-block; vertical-align:top;}
#ENGINE .gu_detail_file > span {color:#999;margin-right:40px; line-height:1;}
#ENGINE .gu_detail_file > .gu_btn_down {width:calc(100% - 100px);}
#ENGINE .gu_detail_file > .gu_btn_down a {margin-right:20px;margin-bottom:20px;}
#ENGINE .gu_detail_file > .gu_btn_down a:last-child {margin-right:0;}
#ENGINE .gu_detail_file > .gu_btn_down a span {padding-right:0; padding-left:29px;}
#ENGINE .gu_detail_file > .gu_btn_down a span:before {right:auto;left:0;}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    .slider_container .slider .slider_inner .text_container{left:36px;top: 170px;transform: translate(0,0%)}
    .slider_container .slider:first-child .slider_inner .text_container{top: 50%;transform: translate(0,-50%)}
    .scroll-down {left:36px;display: none}
    .slider_nav_container{right: 20px !important;}
    .slider_container .slider:nth-child(2) .slider_inner .bg_container .bg{background: url('../../img/business/engine/t_bg_img2.jpg') no-repeat center bottom / cover;}
    .slider_container .slider:nth-child(3) .slider_inner .bg_container .bg{background: url('../../img/business/engine/t_bg_img3.jpg') no-repeat center bottom / cover;}
    .slider_container .slider:nth-child(4) .slider_inner .bg_container .bg{background: url('../../img/business/engine/t_bg_img4.jpg') no-repeat center bottom / cover;}
    .slider_container .slider:nth-child(5) .slider_inner .bg_container .bg{background: url('../../img/business/engine/t_bg_img5.jpg') no-repeat center bottom / cover;}
    .slider_container .slider:nth-child(6) .slider_inner .bg_container .bg{background: url('../../img/business/engine/t_bg_img6.jpg') no-repeat center bottom / cover;}
    .slider_nav_container ul li:first-child.on a span.bullet{border-color: #fff}
    .slider_nav_container ul li:first-child a span.nav_title{display:none;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    .m_br{display: block;}
    .container{min-height: 100%;}
    .scroll-down {left: 20px;}
    .scroll-down .label {letter-spacing:1.1px;font-size:11px;padding-bottom: 75px;color: #fff;}
    .scroll-down .label .line{height:60px;}
    .slider_container {height: 100vh;width: 100%;min-height: 100%;}
    .slider_container .slider{background-color: #fff}
    .slider_container .slider:nth-child(2) .slider_inner .bg_container .bg{background: url('../../img/business/engine/m_bg_img2.jpg') center bottom no-repeat;-webkit-background-size: contain;background-size: contain;}
    .slider_container .slider:nth-child(3) .slider_inner .bg_container .bg{background: url('../../img/business/engine/m_bg_img3.jpg') center bottom no-repeat;-webkit-background-size: contain;background-size: contain;}
    .slider_container .slider:nth-child(4) .slider_inner .bg_container .bg{background: url('../../img/business/engine/m_bg_img4.jpg') center bottom no-repeat;-webkit-background-size: contain;background-size: contain;}
    .slider_container .slider:nth-child(5) .slider_inner .bg_container .bg{background: url('../../img/business/engine/m_bg_img5.jpg') center bottom no-repeat;-webkit-background-size: contain;background-size: contain;}
    .slider_container .slider:nth-child(6) .slider_inner .bg_container .bg{background: url('../../img/business/engine/m_bg_img6.jpg') center bottom no-repeat;-webkit-background-size: contain;background-size: contain;}
    .slider_container .slider .slider_inner .text_container{left:20px;top: 100px;transform: translate(0,0%);max-width:300px;}
    .slider_container .slider:first-child .slider_inner .text_container{padding-top: 0;top: 50%;transform: translate(0,-50%);margin-top: 28px;}
    .slider_container .slider .slider_inner .text_container .sub_title{font-size:14px;line-height:24px;}
    .slider_container .slider .slider_inner .text_container .sub_title:after{content: '';width:33px;height:1px;display: inline-block;margin:12px 0 0 10px;}
    .slider_container .slider .slider_inner .text_container h2{font-size: 36px;letter-spacing:1.8px;font-weight: 700;margin:20px auto 34px;opacity: 0;transform: translateY(25px);}
    .slider_container .slider .slider_inner .text_container h3{font-size: 36px;letter-spacing:1.8px;font-weight: 700;margin:20px auto 34px;opacity: 0;transform: translateY(25px);}
    .slider_container .slider .slider_inner .text_container p{font-size: 14px;line-height: 24px;max-width: 260px;opacity: 0;transform: translateY(40px);}
    .slider_container .slider:first-child .slider_inner .text_container p{color: #d2d2d2;max-width: 275px;}
    .slider_container .slider .slider_inner .text_container .gu_btn_area{overflow: hidden;padding-top: 37px;}
    .slider_nav_container{position: absolute;top:50%;right:-100px;margin-top: -50px;text-align: right;z-index: 3;}
    .slider_nav_container.on{right:20px;}
    .slider_nav_container ul li{margin-bottom: 13px;}
    .slider_nav_container ul li a span.nav_title{display:none;}
    .slider_nav_container ul li a span.bullet{border:1px solid #cccccc;background-color: #cccccc;}
    .slider_nav_container ul li a:hover span.nav_title{display:none;}
    .slider_nav_container ul li a:hover span.bullet{border:1px solid #cccccc;background-color: #cccccc;}
    .slider_nav_container ul li.on a span.nav_title{display:none;}
    .slider_nav_container ul li.on a span.bullet{border:1px solid #222222;background-color: rgba(255,255,255,0);}

}



@-webkit-keyframes scroll-down-line {
    0%, 20% {height: 45%;top: -45%;}
    80%, 100% {height: 45%;top: 145%;}
}

@keyframes scroll-down-line {
    0%, 20% {height: 45%;top: -45%;}
    80%, 100% {height: 45%;top: 145%;}
}

.mot{-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
#header{z-index: 4;}
#WRAP{position: relative;}
#footer{visibility:hidden;opacity:0;position: absolute;width: 100%;z-index: 3;transform: translate(0px, -100%);}