@charset "utf-8";

#main_l_banner{display:inline-block;position:absolute;bottom:-20px;float:left;width:22%;padding-left:73px;opacity:0}
#main_l_banner li{position:relative;width:92%;height:27vh;margin-bottom:35px;text-align:center;box-sizing:border-box;overflow:hidden}
#main_l_banner li:last-child{margin-bottom:0}
#main_l_banner li:hover .img_bg{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
#main_l_banner li:hover .img_bg:after{opacity:0.2}
#main_l_banner li a p{position:relative;padding-top:100px;font-size:16px;line-height:27px;color:#fff;z-index:1;text-transform:uppercase;font-family:'arita-semibold'}
#main_l_banner li a p span{font-size:18px;font-weight:600;font-family:'raleway'}
#main_l_banner li .img_bg{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;transition:all 0.3s}
#main_l_banner li .img_bg:after{display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:0.4;content:'';transition:all 0.3s}
#main_l_banner li .img_bg img{width:100%;height:100%}

#slideshow {overflow:hidden;float:right;position:relative;width:100%;height:100vh;top: 393px;}
/*  #slideshow {overflow:hidden;float:right;position:relative;min-width:1166px;width:100%;height:100vh;top: 393px;}    */


#slides {position:relative;width:100%;height:100%;list-style:none;overflow:auto;margin:0 auto}
#slides ul {margin:0 auto}
#slides li {width:100%;height:100%;background-repeat:no-repeat;background-size:cover}
#slides .img01 {background-image:url(/images/1.jpg)}
#slides .img02 {background-image:url(/images/2.jpg)}
#slides .img03 {background-image:url(/images/3.jpg)}

#slideshow .txt_area{position:absolute;top:31vh;left:148px;width:547px;z-index:1000;font-family:'raleway'}
#slideshow .txt_area .txt01{position:absolute;left:0;top:20px;font-size:17px;color:rgba(255, 255, 255, 0.8);letter-spacing:1px;opacity:0}
#slideshow .txt_area .txt02{position:absolute;left:0;top:20px;font-size:55px;line-height:79px;font-weight:200;color:#fff;letter-spacing:0;opacity:0}
#slideshow .txt_area .txt02 span.up{font-size:87px;text-transform:uppercase}
#slideshow .txt_area .txt02 span.color{font-weight:700;color:#ff9619}
#slideshow .txt_area .txt03{position:absolute;left:0;top:240px;font-size:13px;line-height:22px;color:rgba(255, 255, 255, 0.52);letter-spacing:0;opacity:0}

#slideshow .right_about{position:absolute;top:50vh;right:-19px;font-size:13px;font-weight:500;color:rgba(255, 255, 255, 0.61);letter-spacing:2px;z-index:1000;opacity:0;transform:rotate(-90deg);transition:all 0.2s;font-family:'raleway'}
#slideshow .right_about:after{display:block;width:100%;height:2px;margin-top:7px;content:'';background-color:rgba(255, 255, 255, 0.61);transition:all 0.2s}
#slideshow .right_about:hover{color:#fff}
#slideshow .right_about:hover:after{background-color:#fff}

#slideshow .main_sns_logo{position:absolute;right:73px;bottom:79px;overflow:hidden;z-index:1000;opacity:0}
#slideshow .main_sns_logo li{float:left;margin-right:15px}
#slideshow .main_sns_logo li:last-child{margin-right:0}
	
#pagination{position:absolute;top:65vh;left:138px;padding-left:10px;overflow:hidden;z-index:1000;opacity:0}
#pagination li{float:left;width:4px;height:16px;margin-right:16px;background-color:rgba(255, 255, 255, 0.64);cursor:pointer;transition:all 0.3s}
#pagination li.current{transform:rotate(-30deg);background-color:#0a2f87}

#scroll{position:absolute;left:138px;bottom:0;height:120px;color:#fff;z-index:999;opacity:0}
#scroll .scroll_down{padding:24px 0 0 20px;font-size:12px;font-weight:500;letter-spacing:1px;transform-origin: bottom left;font-family:'raleway'}
#scroll .down_wrap{position:absolute;width:10px;height:95px;top:25px;left:-1px;overflow:hidden}
#scroll .bg_line{position:absolute;left:1px;bottom:0;width:1px;height:120px;background-color:rgba(255, 255, 255, 0.28)}
#scroll .down_arr{position:absolute;width:5px;height:5px;border-radius:50%;background-color:#ff9e2a;overflow:hidden;
-webkit-animation:arr 4s infinite linear;-ms-animation:arr 4s infinite linear;animation:arr 4s infinite linear}
@-webkit-keyframes arr{from{top:-5px}100%{top:95px}}
@keyframes arr{from{top:-5px}100%{top:95px}}

@media(max-width:1400px){

}
