@charset "utf-8";

.m_br{display: none;}
#CONSTRUCTION-EQUIPMENT.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: -10%;left: 0;right: 0;bottom: -10%;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:nth-child(1) .slider_inner .bg_container .bg{background: url('../../img/business/construction-equipment/bg_img1.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/construction-equipment/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/construction-equipment/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/construction-equipment/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/construction-equipment/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/construction-equipment/bg_img6.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.slider_container .slider:nth-child(7) .slider_inner .bg_container .bg{background: url('../../img/business/construction-equipment/bg_img7.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.slider_container .slider:nth-child(8) .slider_inner .bg_container .bg{background: url('../../img/business/construction-equipment/bg_img8.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: #ffffff;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:rgba(255,255,255,0.5);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:#ffffff;margin:35px auto 75px;opacity: 0;transform: translateY(25px);}
.slider_container .slider .slider_inner .text_container p{font-size: 16px;line-height: 28px;color:#d2d2d2;max-width: 520px;opacity: 0;transform: translateY(40px);word-break: keep-all;}
.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);
    transform: translateY(-8%);
}

.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_container .slider.active .slider_inner .text_container .gu_btn_area.gu_btn_down {text-align:left;}
.slider_container .slider.active .slider_inner .text_container .gu_btn_area.gu_btn_down .gu_btn span:before {top:50%;}
.slider_container .slider.active .slider_inner .text_container .gu_btn_area.gu_btn_down .gu_btn:hover:before {width:101%;}
.slider_container .slider.active .slider_inner .text_container .gu_btn_area.gu_btn_down .gu_btn:hover span:before {background-image: url("../../img/common/ico_download_hov_w.png")}

.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:#ffffff;}
.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 #ffffff;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 #ffffff;background-color: rgba(255,255,255,0); }


#CONSTRUCTION-EQUIPMENT .gu_detail_top {text-align:left;background:#fafafa;border-top:2px solid #444;border-bottom:1px solid #e1e1e1;padding:50px 40px;}
#CONSTRUCTION-EQUIPMENT .gu_detail_top * {text-align:left;}
#CONSTRUCTION-EQUIPMENT .gu_detail_top span {color:#999;}
#CONSTRUCTION-EQUIPMENT .gu_detail_middle {padding:60px 40px 60px;}
#CONSTRUCTION-EQUIPMENT .gu_detail_file {padding:25px 40px 5px; border-top:1px solid #e5e5e5;font-size:0;}
#CONSTRUCTION-EQUIPMENT .gu_detail_file > * {display:inline-block; vertical-align:top;}
#CONSTRUCTION-EQUIPMENT .gu_detail_file > span {color:#999;margin-right:40px; line-height:1;}
#CONSTRUCTION-EQUIPMENT .gu_detail_file > .gu_btn_down {width:calc(100% - 100px);}
#CONSTRUCTION-EQUIPMENT .gu_detail_file > .gu_btn_down a {margin-right:20px;margin-bottom:20px;}
#CONSTRUCTION-EQUIPMENT .gu_detail_file > .gu_btn_down a:last-child {margin-right:0;}
#CONSTRUCTION-EQUIPMENT .gu_detail_file > .gu_btn_down a span {padding-right:0; padding-left:29px;}
#CONSTRUCTION-EQUIPMENT .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;}
    .scroll-down {left:36px;display: none}
    .slider_nav_container{right: 20px !important;}
    .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: 0;}
    .slider_container .slider:nth-child(1) .slider_inner .bg_container .bg{background: url('../../img/business/construction-equipment/m_bg_img1.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/construction-equipment/m_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/construction-equipment/m_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/construction-equipment/m_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/construction-equipment/m_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/construction-equipment/m_bg_img6.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
    .slider_container .slider:nth-child(7) .slider_inner .bg_container .bg{background: url('../../img/business/construction-equipment/m_bg_img7.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
    .slider_container .slider:nth-child(8) .slider_inner .bg_container .bg{background: url('../../img/business/construction-equipment/m_bg_img8.jpg') center center no-repeat;-webkit-background-size: cover;background-size: cover;}
    
    .slider_container .slider .slider_inner .text_container{left:20px;top:50%;transform: translate(0,-50%);margin-top: 28px;max-width:320px;}
    .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 #ffffff;background-color: rgba(255,255,255,0);}
    .slider_container .slider.active .slider_inner .text_container .gu_btn_area.gu_btn_down .gu_btn:hover span:before {background-image: url("../../img/common/ico_download.png")}
}


@-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%);}