.pg{width:100%;position:relative;padding-top:48.5%}.pg.page01{padding-top:50.5%}.pg#p3{padding-top:50.5%}.page01-bg{width:44.3%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center;clip-path:inset(0 0 0 0);transition:clip-path .8s ease-in-out}.page01-bg0{background:url(../img/bg1_0.608a1b80.jpg) no-repeat top left;background-size:cover}.page01-bg1{background:url(../img/bg1_1.9c9a6bf9.jpg) no-repeat top left;background-size:cover}.page01-bg2{background:url(../img/bg1_2.8f8945fe.jpg) no-repeat top left;background-size:cover}.page01-bg3{background:url(../img/bg1_3.354031e0.jpg) no-repeat top left;background-size:cover}.page01-bg4{background:url(../img/bg1_4.99aede6a.jpg) no-repeat top left;background-size:cover}.page01-bg5{background:url(../img/bg1_5.83f4c72d.jpg) no-repeat top left;background-size:cover}.page01-bg6{background:url(../img/bg1_6.e34c095b.jpg) no-repeat top left;background-size:cover}.page01-bg7{background:url(../img/bg1_7.b8c2d4c7.jpg) no-repeat top left;background-size:cover}.page01-bg8{background:url(../img/bg1_8.b3807a46.jpg) no-repeat top left;background-size:cover}.page01-bg9{background:url(../img/bg1_9.48370d4a.jpg) no-repeat top left;background-size:cover}.page01-bg-right{width:57%;height:100%;position:absolute;top:0;right:0;background:url(../img/bg1_right.db0e227d.png) no-repeat top right;background-size:cover}.fgo-logo{width:11%;height:auto;position:absolute;top:2%;right:1%;z-index:10}.btn-back:hover,.btn-box button:hover,.btn-ch-box li:hover,.btn-logout:hover,.btn-winter:hover,.btn1-act2:hover,.btng-back-class:hover,.content-all button:hover,.play2:hover,.play:hover{transform:scale(1.05);-webkit-transform:scale(1.05)}.main{width:41.5%;height:auto;position:absolute;left:43%;top:25%;text-align:center;z-index:1}.slogan{width:100%;position:relative;margin-bottom:1.5%}.btn-box{width:100%;height:auto;position:relative;text-align:center}.btn-box button{width:36%;margin:0 1% 2%}.btn-logout{width:6.1%;position:absolute;top:4%;left:-6.1%;cursor:pointer;transition:.3s;margin-bottom:11%}.btn-down-event{width:4.5%;bottom:3%;left:43.5%}.btn1-act2{width:8%;position:absolute;left:2%;top:78%}.btnj-dl-box-all{width:23.9%;height:29%;position:absolute;text-align:center;top:36.5%;left:25.5%}.btnj-dl-box{width:100%;height:100%;position:absolute;display:inline-block}.btnj-dl-box button{width:100%;height:40%;position:relative;margin:0 1.5% 8%;display:inline-block}.page02{width:100%;height:auto;position:relative;background:url(../img/bg3.cc7848f7.jpg) no-repeat top center;background-size:cover}.content-all{width:86%;height:100%;position:absolute;top:0;padding-top:3%}.title{width:51.8%;position:relative;margin-bottom:2%}.story{width:35.5%;position:relative}.btn-down2,.btn-down3{bottom:0}.st3-box{width:100%;height:89%;position:absolute;top:9%}.pic3-st{width:86%;position:relative}.btn3-st{width:9%;position:absolute;right:-1%;top:71%}.btn-ch-box{width:13%;position:absolute;top:68.9%;right:10.8%;z-index:1}.btn-ch-box li{width:100%;height:auto;position:relative;padding-top:30%;cursor:pointer;margin-bottom:7%;transition:.3s}.btn3-ch1{background:url(../img/btn3_ch1.6948be85.png) no-repeat top center;background-size:contain}.btn3-ch2{background:url(../img/btn3_ch2.46e44356.png) no-repeat top center;background-size:contain}