@charset "utf-8";

*{ margin : 0; padding : 0; }
li{list-style : none;}
a{ text-decoration : none; }

html,body{height:100%;}

#sec{width:100%; height:100%; background-color:#000;overflow:hidden;}
#sec .bg{text-align:center;}
#sec .bg > img{width:2000px;}

.bg > img{width:100%; transform :scale(1.5); animation: ani1 30s infinite;}

@keyframes ani1{
	50%{transform : scale(1);}}
	100%{transform :scale(1.5);}
	}

#sec .bg{position:relative;}
#sec .bg .innerbox{width:600px; background-color:rgba(0,0,0,0.5);position:absolute; top:100px; left:50%; margin-left:-320px;text-align:center; padding:20px; }

#sec .bg .innerbox .box1{color:#fff; margin-bottom:50px;}
#sec .bg .innerbox .box1 .box1_txt p{font-size:90px; font-weight: bold;}
#sec .bg .innerbox .box1 .box1_txt p.txt1{font-size:30px;color:#00b7ff; font-weight:normal;}
#sec .bg .innerbox .box1 .box1_txt p span{color:#00b7ff;}

#sec .bg .innerbox .box2 button{width: 500px; font-size:40px; padding: 20px 30px; color:#fff; background-color:#00b7ff; outline:none; border:0; cursor:pointer; margin-bottom:50px;}
#sec .bg .innerbox .box2 button a{color:#fff;}

#sec .bg .innerbox .box3 button{width: 500px; font-size:40px; padding: 20px 30px; color:#000; background-color:#fff; outline:none; border:0; cursor:pointer;}
#sec .bg .innerbox .box3 button a{color:#000;}
#sec .bg .innerbox .box4 > p{color:#fff; font-size:20px; padding:20px;}
#sec .bg .innerbox .box4 > p a{color:#fff;}
/*

.bg > img{width:100%; transform :scale(1.5); animation: ani1 20s infinite;}

@keyframes ani1{
	30%{transform : scale(1);}}
	100%{transform :scale(1.5);}
	}

.innerbox{width:500px; height:600px; border:solid 5px black; position:absolute; top:50%; left:50%;margin-top:-300px; margin-left:-200px; background-color:rgba(255,255,255,0.5);}

*/