.pg{width:100%;position:relative;padding-top:122.5%}.h2-title{width:64%;position:relative}.page01{background:url(../img/mb/bg1.ca925b08.jpg) no-repeat center;background-size:129%;z-index:2}.btn1-box{width:84%;position:absolute;bottom:9.5%}.main-btn{width:100%;position:relative;text-align:center}.main-btn button{width:34%;display:inline-block;position:relative;margin:1% 3%}.play{width:10%;height:19%;position:absolute;right:5.9%;bottom:38%}.pic1-bottom{width:100%;position:absolute;bottom:-1px}.pic1-bottom-1024{display:block}.pic1-bottom-680{display:none}.page02{width:100%;height:auto;position:relative;background:url(../img/mb/bg_1024.64504879.jpg) no-repeat top center;background-size:100% 103.5%}.title{width:58%;position:relative}.content-all{width:82%;position:absolute;top:0;text-align:center;padding-top:11%}.content-box{width:100%;position:relative}.btn-ch-box{width:77%;position:absolute;top:0;padding-top:24.5%;z-index:10}.btn-ch-box li{width:31%;height:auto;position:relative;padding-top:7%;display:inline-block}.btn2-ch1{background:url(../img/btn2_ch_story.41e2881c.png) no-repeat top center;background-size:contain}.btn2-ch2{background:url(../img/btn2_ch_st.55f0a50f.png) no-repeat top center;background-size:contain}.btn2-ch3{background:url(../img/btn2_ch_pickup.4d66b4a0.png) no-repeat top center;background-size:contain}.btn2-ch1.active,.btn2-ch1:hover{background:url(../img/btn2_ch_story_on.7afa9ce9.png) no-repeat top center;background-size:contain}.btn2-ch2.active,.btn2-ch2:hover{background:url(../img/btn2_ch_st_on.01ae131f.png) no-repeat top center;background-size:contain}.btn2-ch3.active,.btn2-ch3:hover{background:url(../img/btn2_ch_pickup_on.6393da6d.png) no-repeat top center;background-size:contain}#p2 .carousel-box{margin-top:8%}.p2-img{width:77%;position:relative}.btn2-box{width:100%;position:absolute;top:0;padding-top:121%}.btn2-box button{width:31%;position:relative;display:inline-block;margin:0 1%}#p3 .content-all,#p4 .content-all{padding-top:4%}#p3 .arrow,#p4 .arrow{width:65%;top:0}#p3 .p2-img,#p4 .p2-img{width:81%}#p4 .btn-ch-box{padding-top:initial;top:initial;bottom:5%}#p4 .btn-ch-box li{width:31%;margin:0 2%}.btn4-ch1{background:url(../img/btn4_ch_store.5d9d15ee.png) no-repeat top center;background-size:contain}.btn4-ch2{background:url(../img/btn4_ch_stage.98e1f269.png) no-repeat top center;background-size:contain}.btn4-ch1.active,.btn4-ch1:hover{background:url(../img/btn4_ch_store_on.25e190a3.png) no-repeat top center;background-size:contain}.btn4-ch2.active,.btn4-ch2:hover{background:url(../img/btn4_ch_stage_on.5c0eb194.png) no-repeat top center;background-size:contain}.jump-play .modal-dialog,.jump-st .modal-dialog{margin-top:4%}.pic-jump{width:65%;margin-bottom:1%}@media screen and (min-height:1366px) and (max-width:1024px){.pg{padding-top:133.5%}.content-all{width:91%}.btn-ch-box{padding-top:23%}}@media screen and (max-width:820px){.pg{padding-top:125.5%}.content-all{width:82%;padding-top:13%}.page01{background:url(../img/mb/bg1.ca925b08.jpg) no-repeat center;background-size:143%}.btn-ch-box{padding-top:27.5%}}@media screen and (max-width:820px) and (min-height:1180px){.pg{padding-top:144.5%}.content-all{width:95%;padding-top:16%}}@media screen and (max-width:768px){.pg{padding-top:118.5%}.page01{background:url(../img/mb/bg1.ca925b08.jpg) no-repeat center;background-size:117%}.content-all{width:77%}}@media screen and (min-height:1024px) and (max-width:768px){.pg{padding-top:133.5%}.page01{background:url(../img/mb/bg1.ca925b08.jpg) no-repeat center;background-size:134%}.content-all{width:87%;padding-top:14.5%}}@media screen and (max-width:680px){.pg{padding-top:133.5%}.page01{background:url(../img/mb/bg1.ca925b08.jpg) no-repeat center;background-size:130%}.content-all{width:88%}.btn-ch-box{padding-top:26%}.pic1-bottom-680{display:block}.pic1-bottom-1024{display:none}.page02{background:url(../img/mb/bg.d440ee61.jpg) no-repeat top center;background-size:100% 103.5%}.btn1-box{bottom:11.5%}}@media screen and (max-width:480px){.pg{padding-top:150.5%}.btn-down,.btn-down2{width:16%}.page01{background:url(../img/mb/bg1.ca925b08.jpg) no-repeat center;background-size:149%}.btn1-box{width:96%}.content-all{width:100%}.btn-ch-box{padding-top:24%}}@media screen and (max-width:428px){.pg{padding-top:166%}.page01{background:url(../img/mb/bg1.ca925b08.jpg) no-repeat center;background-size:173%}.content-all{padding-top:16%;width:94%}.title{width:75%}.p2-img{width:92%}.btn-ch-box{padding-top:30%;width:90%}.arrow{width:76%}#p3 .arrow,#p4 .arrow{width:69%}.pic-jump{width:90%}#p3 .p2-img,#p4 .p2-img{width:97%}#p3 .arrow,#p4 .arrow{width:82%}.btnj-box{width:66%;padding-top:99.7%}}@media screen and (min-height:766px) and (max-width:428px){.jump-st .modal-dialog{margin-top:11%}.pg{padding-top:179%}#p3 .content-all,#p4 .content-all{padding-top:9%}#p3 .p2-img,#p4 .p2-img{width:98%}}@media screen and (max-width:414px){.pg{padding-top:150%}.content-all{padding-top:14%;width:83%}}@media screen and (min-height:709px) and (max-width:414px){.pg{padding-top:171%}.content-all{padding-top:16%;width:94%}#p3 .arrow,#p4 .arrow{width:84.5%}}@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%}#p3 .content-all,#p4 .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%}.jump-st .modal-dialog{margin-top:12%}.content-all{padding-top:17%;width:99%}#p3 .content-all,#p4 .content-all{padding-top:8%}}@media screen and (max-width:360px){.pg{padding-top:164.5%}.modal-header>.btn-close{width:37px;height:auto}.content-all{padding-top:16%;width:93%}#p3 .content-all,#p4 .content-all{padding-top:5%}}@media screen and (max-width:330px){.pg{padding-top:141.5%}.page01{background:url(../img/mb/bg1.ca925b08.jpg) no-repeat center;background-size:151%}.content-all{padding-top:13%;width:79%}}@media screen and (min-height:568px) and (max-width:320px){.pg{padding-top:177.5%}.page01{background:url(../img/mb/bg1.ca925b08.jpg) no-repeat center;background-size:172%}.content-all{padding-top:17%;width:100%}}@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}}