@charset "utf-8";
.main_html , .main_html body{width:100%; height:100%; overflow:hidden}
.main{width:100%; height:100%; min-height:100vh; min-width:100vw; }
.main_slider{width:100%; height:100%}
.main_slider ul{width:100%; height:100%; margin:0;}
.main_slider ul li{width:100%; height:100%; position:relative;}
.main_slider .slick-list{height:100%}
.main_slider .slick-track{height:100%}
.main_bg{width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0;}

/* prev , next */
.main_slider .slick-prev{left:28%; z-index:2; width:36px; height:67px;}
.main_slider .slick-prev img{width:100%}
.main_slider .slick-next{right:28%; z-index:2; width:36px; height:67px;}
.main_slider .slick-next img{width:100%}
/* text */
.main_slider ul li .text{position:absolute; z-index:9; max-width:1200px; width:93.5%; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.main_slider ul li .text h2{word-break:keep-all; font-size:50px; line-height:1.1; font-weight:bold; text-align:center; color:#fff; margin-bottom:20px; }
.main_slider ul li .text p{word-break:keep-all; font-size:26px; line-height:1.1; font-weight:200; text-align:center; color:#fff;}

/* slider img */
.main_slider ul li.slider01{width:100%; height:100%;background:url('/img/main_slider01.jpg')no-repeat center; background-size:cover}
.main_slider ul li.slider02{width:100%; height:100%;background:url('/img/main_slider01.jpg')no-repeat center; background-size:cover;}
.main_slider ul li.slider03{width:100%; height:100%;background:url('/img/main_slider01.jpg')no-repeat center; background-size:cover;}

/* main_bot */
.main_bot{max-width:1920px; width:100%; padding-bottom:0; margin:0 auto; position:absolute; left:50%; transform:translate(-50%); -ms-transform:translate(-50%); -webkit-transform:translate(-50%); -o-transform:translate(-50%); -moz-transform:translate(-50%); transition:all 0.4s; -ms-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s;}
.main_bot .btn{text-align:center; display:block; margin:0 auto; margin-bottom:10px}
.main_bot .btn img{max-width:100%; -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s;}
.main_bot > p{font-size:26px; color:#e5e5e5;text-align:center; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.3)}
.main_bot .basic{margin:0;}

.main_bot.on{bottom:0px; transition:all 0.4s; -ms-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; padding-bottom: 30px;}
.main_bot.on .basic{padding-top:30px;}
.main_bot.on .btn img{transform:rotate(-180deg); -ms-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -ms-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s;}

.main_bot .item a{display:block; position:relative; }
.main_bot .item a .bg{display:none; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(16,25,60,0.6)}
.main_bot .item a .bg > span{text-align:left; z-index:1; display:block; width:100%; padding:15px; box-sizing:border-box; word-break:keep-all; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:absolute;  font-size:14px; color:#fff; letter-spacing:-0.05em;}
.main_bot .item a .text{position:absolute; z-index:1; left:15px; bottom:15px; width:100%;}
.main_bot .item a .text h2{font-size:18px; font-weight:bold; color:#fff; letter-spacing:-0.05em;}
.main_bot .item a .text p{font-size:14px; color:#8e8e8e;}

@media all and (min-width:1920px){
	.main_bot.on{padding-bottom:50px;}
}

@media all and (max-width:1920px){
	.main_slider .slick-prev{left:15%}
	.main_slider .slick-next{right:15%;}
}
@media all and (max-width:1600px){
	.main_slider .slick-prev{left:20%}
	.main_slider .slick-next{right:20%;}
}
@media all and (max-width:1400px){
	.main_slider .slick-prev{left:15%}
	.main_slider .slick-next{right:15%;}
}
@media all and (max-width:1200px){
	.main_slider .slick-prev{left:10%}
	.main_slider .slick-next{right:10%;}
}
@media all and (max-width:1200px){
	.main_slider .slick-prev{left:2%}
	.main_slider .slick-next{right:2%;}
}

@media all and (max-width:640px){
	.main_slider .slick-prev{width:5.625vw; height:10.46875vw;}
	.main_slider .slick-next{width:5.625vw; height:10.46875vw;}
	.main_slider ul li .text h2{font-size:7.8125vw;margin-bottom:3.125vw; }
	.main_slider ul li .text p{font-size:4.0625vw;}
	.main_bot .btn{margin-bottom:1.5625vw; width:10.9375vw; height:10.9375vw;}
	.main_bot > p{font-size:4.0625vw; padding-bottom:3.125vw}

	.main_bot.on{padding-bottom:4.6875vw}
	.main_bot.on .basic{padding-top:4.6875vw;}

	.main_bot .item a .bg > span{padding:2.34375vw; font-size:2.1875vw; }
	.main_bot .item a .text{ left:2.34375vw; bottom:2.34375vw;}
	.main_bot .item a .text h2{font-size:2.8125vw; }
	.main_bot .item a .text p{font-size:2.1875vw;}
}