.pg{width:100%;position:relative;padding-top:122.5%}.h2-title{width:46%;position:relative}.page01{background:url(../img/mb/bg1_1024.4afdd39c.jpg) no-repeat top center;background-size:cover;z-index:2}.main{width:66%;position:absolute;bottom:7.5%}.slogan{width:100%;position:relative;margin-bottom:3%}.btn1-box{width:100%;position:relative;text-align:center}.btn1-box button{width:44%;position:relative;display:inline-block;margin:0 2%}.bar{width:100%;height:auto;position:absolute;background:url(../img/mb/bar.afba621d.png) no-repeat top center;background-size:contain;padding-top:1.8%;z-index:5}.bar-top{top:19.9%}.bar-bottom{bottom:-.18%}.page02{background:url(../img/mb/bg2_1024.c24358d5.jpg) no-repeat top center;background-size:cover}.content-all{width:100%;position:absolute;top:0;text-align:center;padding-top:4%;z-index:1}.title{width:59.5%;position:relative;z-index:1}.content-box{width:100%;height:auto;position:relative;padding-top:101%;margin:.8% auto 0}.pic-q{width:12.3%;position:absolute;z-index:10}.bg2-box{background:url(../img/mb/back2_info.d40e8922.png) no-repeat top center;background-size:contain}.box-content{width:100%;height:100%;position:absolute;top:0;left:0;padding:6% 25%}.p2-h3{width:100%;position:relative;margin-bottom:1.5%}.p2-txt{width:100%;height:80%;position:relative;background-color:#fff;border:2px solid #101164;overflow-y:scroll;padding:2%;margin-bottom:2.8%}.btn2-box{width:100%;position:relative;text-align:center}.btn2-box button{width:43%;position:relative;display:inline-block;margin:0 2%}.p2-txt::-webkit-scrollbar{width:15px;height:1px}.p2-txt::-webkit-scrollbar-thumb{background-color:#beccff}.p2-txt::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#1c1e47;box-shadow:none}.btn-back{width:8.5%;position:absolute;left:-47.5%;top:4.7%;z-index:1}.bg2-box-2 .box-content{padding:9% 22% 6%}.bg2-box-2{background:url(../img/mb/back2_game.a82ab8f2.png) no-repeat top center;background-size:contain}.btn2-ch{width:100%;position:relative;display:inline-block;margin-bottom:4%}.btn2-ch button{width:25%;position:relative;display:inline-block;margin:0 4%}.pic2-menu{width:100%}.pic2-menu .board{width:100%;position:relative;display:inline-block;background:url(../img/mb/bg2_board.c88f2604.png) no-repeat top center;background-size:contain;padding-top:108.5%;vertical-align:middle}.board ul{width:100%;height:100%;position:absolute;top:0;padding:24% 5% 7% 5%;text-align:left}.p2-join .board li{width:30%;position:relative;display:inline-block;margin:0 1.5% 3.5%;cursor:pointer}.bg2-view-pic-sm{background:url(../img/bg2_view_sm.903476ca.png) no-repeat top center;background-size:contain;padding:1%}.btnpage{width:70%;position:relative;text-align:center;font-weight:700;background-color:#2c5592;border-radius:31px;margin:4% auto 0;box-shadow:inset 0 0 7px 5px rgb(0 0 0 / 50%);padding:1.5%}.btnpage a{float:none;display:inline-block;margin:0 4px;width:auto;color:#fff;font-size:176%}.st3{left:21%;top:82%}.bg3-box{background:url(../img/mb/back3.dfac625f.png) no-repeat top center;background-size:contain}.bg3-box .box-content{padding:8% 21%}.p3-txt{width:100%;position:relative;margin-bottom:4%}#log_out{width:14%;position:absolute;left:5%;top:30%}.btn3-box{width:100%;height:auto;position:relative;text-align:center;margin-bottom:3%}.btn3-box button{width:44%;position:relative;display:inline-block;margin:0 2%}.bar-box{width:100%;position:relative;text-align:center;background:url(../img/mb/bg3_bar.9df40d7c.png) no-repeat top center;background-size:contain;padding-top:38%}.p3-bar-un{width:100%;height:100%;position:absolute;top:2px;left:0;z-index:1}.pic3-bar{width:89%;height:32%;position:absolute;top:-42%;bottom:0;margin:auto}.bar3-pa0{background:url(../img/mb/pic3_bar0.9e259b7d.png) no-repeat top center;background-size:contain}.bar3-pa500{background:url(../img/mb/pic3_bar500.e5463e8f.png) no-repeat top center;background-size:contain}.bar3-pa1000{background:url(../img/mb/pic3_bar1000.50222330.png) no-repeat top center;background-size:contain}.bar3-pa2000{background:url(../img/mb/pic3_bar2000.32938001.png) no-repeat top center;background-size:contain}.bar3-pa4000{background:url(../img/mb/pic3_bar4000.4a370cad.png) no-repeat top center;background-size:contain}.bar3-pa6000{background:url(../img/mb/pic3_bar6000.bd7f1f65.png) no-repeat top center;background-size:contain}.bar3-pa8000{background:url(../img/mb/pic3_bar8000.8341a359.png) no-repeat top center;background-size:contain}.pic3-award-box{width:100%;position:absolute;top:62%;left:30.9%}.pic3-award-box li{width:26%;position:absolute}.pic3-award500{left:-10.5%}.pic3-award1000{left:-2.5%}.pic3-award2000{left:5.4%}.pic3-award4000{left:13.3%}.pic3-award6000{left:21.2%}.pic3-award8000{right:44.9%}.btn3-hover{width:100%;height:100%;position:absolute;top:0;left:0;text-align:right;padding-right:2%}.btn3-hover li{width:6%;height:100%;position:relative;display:inline-block;margin-left:9.3%}.bg4-box{background:url(../img/mb/back4.7dc3ca5f.png) no-repeat top center;background-size:contain}.bg4-box .box-content{padding:12% 21%}.p4-txt{width:100%;position:relative;margin-bottom:6%}.btn4-event{width:47.6%;position:relative}.st4{right:21%;top:79.5%;width:13.3%}.bg5-box{background:url(../img/mb/back5_park.b77e6a03.png) no-repeat top center;background-size:contain}.bg5-box .box-content{padding:6% 22%}.p5-top{width:100%;height:81%;position:relative;text-align:center;margin-bottom:4%}.p5-top li{width:100%;height:auto;position:relative;margin-bottom:3%}.p5-video{background:url(../img/mb/btn5_video.790a1ee4.png) no-repeat top center;background-size:contain;padding-top:63%}.p5-video a{width:100%;height:87%;position:absolute;top:0;left:0}.btn5-box{width:100%;height:9%;position:relative;text-align:center}.btn5-box button{width:44%;position:relative;display:inline-block;margin:0 2% 2%}.bg5-box-2{background:url(../img/mb/back5_info.4da8b9a8.png) no-repeat top center;background-size:contain}.bg5-box-2 .box-content{padding:15% 21% 7%}.pic5-1{width:88%;height:95%;position:relative;overflow-y:auto}#p5-event,#p5-fgo,#p5-park{width:100%;height:100%;position:relative}.pic5-1::-webkit-scrollbar{width:15px;height:1px}.pic5-1::-webkit-scrollbar-thumb{background-color:#beccff}.pic5-1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:#1c1e47;box-shadow:none}.jump-play .modal-dialog,.jump-st .modal-dialog{margin-top:0}.pic-jump{width:65%;margin-bottom:1%}.jump-st .modal-header>.btn-close{width:8%;position:absolute}@media screen and (min-height:1366px) and (max-width:1024px){.pg{padding-top:133.5%}.title{width:68.5%}.content-box{padding-top:110%}.btn-back{width:9.5%;left:-51.5%}.box-content{padding:6% 23%}.bg2-box-2 .box-content{padding:9% 19% 6%}.bg3-box .box-content{padding:8% 19%}.bg4-box .box-content{padding:13% 19%}.bg5-box .box-content{padding:6% 19%}.bg5-box-2 .box-content{padding:15% 16% 7%}.arrow{width:68%}.st3{left:18%;top:83%}.st4{right:19%;top:80.9%}}@media screen and (max-width:820px){.pg{padding-top:125.5%}.content-all{width:97%;padding-top:7%}}@media screen and (max-width:820px) and (min-height:1024px){.content-all{width:100%;padding-top:5%}}@media screen and (max-width:820px) and (min-height:1180px){.pg{padding-top:144.5%}.title{width:68.5%}.content-all{padding-top:8%}.content-box{padding-top:110%}.btn-back{width:9.5%;left:-51.5%}.box-content{padding:6% 23%}.bg2-box-2 .box-content{padding:9% 19% 6%}.bg3-box .box-content{padding:8% 19%}.bg4-box .box-content{padding:13% 19%}.bg5-box .box-content{padding:6% 19%}.bg5-box-2 .box-content{padding:15% 16% 7%}.arrow{width:68%}.st3{left:18%;top:83.5%}.st4{right:19%;top:81.5%}}@media screen and (max-width:768px){.pg{padding-top:118.5%}.content-all{padding-top:4%}}@media screen and (min-height:1024px) and (max-width:768px){.pg{padding-top:133.5%}}@media screen and (max-width:680px){.pg{padding-top:133.5%}.modal-header>.btn-close,.modal-header>.btn-close-st{width:11%}.content-all{width:100%}.title{width:66.5%}.content-box{padding-top:111%}.box-content{padding:6% 23%}.bg2-box-2 .box-content{padding:9% 19% 6%}.bg3-box .box-content{padding:8% 18%}.bg4-box .box-content{padding:14% 18%}.bg5-box .box-content{padding:5% 19%}.bg5-box-2 .box-content{padding:16% 16% 7%}.arrow{width:66%}.btn-back{left:-51.6%}.btnpage{width:80%}.btnpage a{font-size:13pt}.p2-txt::-webkit-scrollbar,.pic5-1::-webkit-scrollbar{width:10px}.pic3-award4000{left:14%}.pic3-award6000{left:22.7%}.pic3-award8000{right:42.5%}}@media screen and (max-width:580px){.btnpage{width:74%;padding:.8%}.btnpage a{font-size:10pt}.main{width:77%}.page01{background:url(../img/mb/bg1_1024.4afdd39c.jpg) no-repeat center;background-size:cover}}@media screen and (max-width:480px){.pg{padding-top:150.5%}.page01{background:url(../img/mb/bg1.08648a91.jpg) no-repeat center;background-size:cover}.btn1-box button{width:38%}.content-box{padding-top:124%}.title{width:71.5%}.box-content{padding:6% 20%}.bg2-box-2 .box-content{padding:9% 15% 6%}.bg3-box .box-content{padding:8% 14%}.bg4-box .box-content{padding:15% 14%}.bg5-box-2 .box-content{padding:16% 13% 7%}.bg5-box .box-content{padding:5% 15%}.arrow{width:76%}.btn-back{left:-57.6%;width:10.5%;top:4.3%}.st3{left:14%;top:84%;width:12.3%}.st4{right:16%;top:81.5%;width:14.3%}.p2-txt::-webkit-scrollbar,.pic5-1::-webkit-scrollbar{width:8px}.pic3-award4000{left:15%}.pic3-award6000{left:24.9%}.pic3-award8000{right:39.1%}}@media screen and (max-width:428px){.pg{padding-top:166%}.content-all{padding-top:7%}.content-box{padding-top:136%}.box-content{padding:6% 17%}.bg2-box-2 .box-content{padding:9% 11% 6%}.bg3-box .box-content{padding:8% 11%}.bg4-box .box-content{padding:16% 11%}.bg5-box .box-content{padding:5% 12%}.bg5-box-2 .box-content{padding:16% 9% 7%}.arrow{width:84%}.btn-back{left:-63.1%}.st3{left:11%;top:82.5%;width:15.3%}.st4{right:12%;top:80.8%;width:16.3%}.title{width:78.5%}.pic3-award4000{left:15.8%}.pic3-award6000{left:26.4%}.pic3-award8000{right:36.9%}.main{width:96%}.page01{background:url(../img/mb/bg1.08648a91.jpg) no-repeat bottom center;background-size:cover}}@media screen and (min-height:766px) and (max-width:428px){.pg{padding-top:154%}.content-all{padding-top:6%;width:94%}}@media screen and (max-width:414px){.pg{padding-top:150%}.content-all{width:93%;padding-top:4%}.st3{top:83%}.st4{top:80.8%}}@media screen and (min-height:709px) and (max-width:414px){.pg{padding-top:171%}.content-all{width:100%;padding-top:7%}}@media screen and (min-height:714px) and (max-width:414px){.pg{padding-top:173%}}@media screen and (min-height:736px) and (max-width:414px){.pg{padding-top:178%}.content-all{padding-top:10%}}@media screen and (max-width:375px){.pg{padding-top:147.5%}}@media screen and (min-height:667px) and (max-width:375px){.pg{padding-top:178.5%}.content-all{width:100%;padding-top:11%}}@media screen and (max-width:360px){.pg{padding-top:164.5%}.modal-header>.btn-close{width:37px;height:auto}.content-all{width:100%;padding-top:6%}.p2-txt::-webkit-scrollbar,.pic5-1::-webkit-scrollbar{width:6px}}@media screen and (max-width:330px){.pg{padding-top:141.5%}.content-all{width:89%;padding-top:3%}.main{width:86%}.page01{background:url(../img/mb/bg1.08648a91.jpg) no-repeat center 71%;background-size:cover}}@media screen and (min-height:568px) and (max-width:320px){.pg{padding-top:177.5%}.content-all{width:100%;padding-top:11%}}@media screen and (orientation:landscape) and (max-width:1024px){.btn-ham{top:3%}}@media screen and (orientation:landscape) and (max-width:926px){#btnGame .modal-header>.btn-close,.btn-ham{width:1.4rem;height:1rem}}@media screen and (orientation:landscape) and (max-width:736px){#btnGame .modal-header>.btn-close,.btn-ham{width:1.1rem;height:.9rem}.btn-ham{top:2%}}@media screen and (orientation:landscape) and (max-width:570px){body{min-width:568px}}