@charset "utf-8";


#contents{overflow: hidden;position: relative;}
#contents .slide_section{position: relative;min-height: 800px;}
#contents .slide_section .bg{opacity: 0;z-index:0;position: absolute;top:0;right:0;bottom: 0;left:0;
    transform:scale(1.2) rotate(0.1deg);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);
    -webkit-transition:opacity 2s;-moz-transition:opacity 2s;-o-transition:opacity 2s;transition:opacity 2s;
}
#contents .slide_section .bg.active {opacity: 1;z-index: 2;}
#contents .slide_section .bg.motion{
    transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);
    -webkit-transition:all 14s cubic-bezier(0, 1, 0.34, 0.99), opacity 2s;
    -moz-transition:all 14s cubic-bezier(0, 1, 0.34, 0.99), opacity 2s;
    -o-transition:all 14s cubic-bezier(0, 1, 0.34, 0.99), opacity 2s;
    transition:all 14s cubic-bezier(0, 1, 0.34, 0.99), opacity 2s;
}
#contents .slide_section .bg video{width: 100%;position: absolute;display:none}
#contents .slide_section .bg img{width: 100%;max-width: none;}
#contents .slide_section .bg1{}
#contents .slide_section .bg1 img{position: absolute;}
#contents .slide_section .bg2{background:#000 url('../images/slide_bg22.jpg') no-repeat center;background-size: cover}
#contents .slide_section .bg3{background:#000 url('../images/slide_bg3.jpg') no-repeat center;background-size: cover}
#contents .slide_section .timer_circle{background: url('../images/ico_scroll.png') no-repeat center;position: absolute;bottom:40px;left:50%;margin-left:-25px;z-index: 2;font-size: 0;}
#contents .slide_section .title_wrap{position: absolute;top:50%;left:0;right:0;margin-top:-150px; z-index: 2;text-align: center;color: #fff;}
#contents .slide_section .title_wrap .text{position: relative;height: 250px;}
#contents .slide_section .title_wrap .text li{position: absolute;top:0;left:0;right:0;}
#contents .slide_section .title_wrap .text li h2{opacity: 0;visibility: hidden;font-size: 70px;line-height: 78px;font-weight: bold;letter-spacing:2px;padding: 0 0 50px;-webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);-ms-transform: translateX(-100px);-o-transform: translateX(-100px);transform: translateX(-100px);-webkit-transition: all 1.2s;-moz-transition: all 1.2s;-o-transition: all 1.2s;transition: all 1.2s}
#contents .slide_section .title_wrap .text li p{opacity: 0;visibility: hidden;-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-ms-transform: translateX(100px);-o-transform: translateX(100px);transform: translateX(100px);-webkit-transition: all 1.2s;-moz-transition: all 1.2s;-o-transition: all 1.2s;transition: all 1.2s;}
#contents .slide_section .carousel{  position: absolute;bottom:50%;right:40px;font-size: 0;letter-spacing: 0;word-spacing: 0;opacity: 0;visibility: hidden;}
#contents .slide_section .carousel li{display: block; border-radius:50px;width: 10px;height: 10px;background: #fff;margin: 10px 0px;opacity: .4;}
#contents .slide_section .carousel li.active{opacity: 1}
#contents .slide_section .title_wrap .text li.active h2{opacity: 1;visibility: visible;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}
#contents .slide_section .title_wrap .text li.active p{opacity: 1;visibility: visible;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);}
#contents .slide_section .title_wrap .text li.leave h2{opacity: 0;visibility: hidden;-webkit-transform: translateX(100px);-moz-transform: translateX(100px);-ms-transform: translateX(100px);-o-transform: translateX(100px);transform: translateX(100px);}
#contents .slide_section .title_wrap .text li.leave p{opacity: 0;visibility: hidden;-webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);-ms-transform: translateX(-100px);-o-transform: translateX(-100px);transform: translateX(-100px);}

#contents .slide_section .btn_view_more{opacity: 0;visibility: hidden;}
#contents .slide_section .btn_view_more span{display: inline-block}