@import url(https://fonts.googleapis.com/css?family=Lato:100,300,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}header{background-color:#fff;border-bottom:1px solid #e7e7e7;display:flex;justify-content:space-between;padding:10px 2%;position:fixed;top:0;width:96%;z-index:10}header form{width:90%}header label{display:flex;position:relative;width:100%}header label .btn-search{background-color:initial;border:0;display:inline-block;left:.2rem;padding:0;position:absolute;top:.25rem}header label input[type=search]{background-color:#e7e7e7;border:none;border-radius:20px;display:block;padding:.4rem .4rem .4rem 1.8rem;width:100%}header .btn-cancel{background-color:initial;border:0;color:#007aff;font-size:.9rem;font-weight:700;padding:0}.search-box{align-items:center;background-color:#ff3d51;display:flex;height:100vh;justify-content:center}.search-box form{width:80%}.search-box input[type=search]{background-color:#fff;border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px;width:80%}.search-box button{background-color:#03c75a;border:none;border-radius:none;color:#fff;height:40px;margin:0;padding:0;width:20%}.box-wrap{padding-top:60px}.box{margin-bottom:2rem;padding:0 20px}.box .top{justify-content:space-between;margin-bottom:1rem}.box .top,.box .top .left{display:flex}.box .top .left .center{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center}.box .top .left .center .title{align-items:center;color:#000;display:flex;font-size:.8rem;font-weight:700;height:auto;padding-left:12px;width:94%}.box .top .left .center .genre,.box .top .left .center .subtext{color:#8e8e93;display:block;font-size:.6rem;padding:6px 0 0 12px;width:94%}.box .top .right{align-items:center;display:flex}.box .top .right button{background-color:#e7e7e7;border:0;border-radius:20px;color:#007aff;font-weight:700;height:2rem;padding:0;width:4rem}.box .middle{display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:1rem}.box .middle .rate-box{display:flex}.box .middle .rate-box .star-rating{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1.3px;-webkit-text-stroke-color:#8e8e93;color:#989898;margin:0 10px 0 0;position:relative;unicode-bidi:bidi-override;width:-webkit-max-content;width:max-content}.box .middle .rate-box .star-rating .star_rating_fill{-webkit-text-fill-color:#8e8e93;color:#8e8e93;display:flex;left:0;overflow:hidden;padding:0;position:absolute;top:0;z-index:1}.box .middle .rate-box .star-rating .star_rating_base{padding:0;z-index:0}.box .middle .rate-box .text-average,.box .middle .text-genre{color:#8e8e93}.box .middle .text-seller-name{color:#8e8e93;max-width:35vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.box .bottom .imgbox{display:flex;flex-wrap:nowrap;gap:.6rem;margin:0;padding:0}.box .bottom .imgbox li{list-style:none;width:33.3%}.box .bottom .imgbox li img{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;display:block;width:100%}.detail-wrap{padding:58px 20px 20px}.detail-wrap .top{display:flex}.detail-wrap .top .left{border:1px solid #ccc;border-radius:.6rem;box-sizing:border-box;width:30%}.detail-wrap .top .left img{border-radius:inherit;display:block;height:inherit;width:100%}.detail-wrap .top .right{position:relative;width:70%}.detail-wrap .top .right span{display:block}.detail-wrap .top .right .title{align-items:center;color:#000;display:flex;font-size:.8rem;font-weight:700;height:auto;padding-left:12px;width:94%}.detail-wrap .top .right .gubun{color:#8e8e93;display:block;font-size:.6rem;padding:6px 0 0 12px;width:94%}.detail-wrap .top .right button{background-color:#007aff;border:0;border-radius:20px;bottom:0;color:#fff;font-weight:700;height:2rem;left:12px;padding:0;position:absolute;width:4rem}.detail-wrap .top-sub-menu{margin:2rem 0}.detail-wrap .top-sub-menu ul{border-bottom:1px solid #ccc;border-top:1px solid #ccc;box-sizing:border-box;display:flex;margin:0;overflow-x:auto;padding:1rem 0}.detail-wrap .top-sub-menu ul li{border-right:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;list-style:none;width:20%}.detail-wrap .top-sub-menu ul li:last-child{border-right:none}.detail-wrap .top-sub-menu ul li .rate-box{display:flex;justify-content:center}.detail-wrap .top-sub-menu ul li .rate-box .star-rating{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1.3px;-webkit-text-stroke-color:#8e8e93;color:#989898;position:relative;unicode-bidi:bidi-override;width:-webkit-max-content;width:max-content}.detail-wrap .top-sub-menu ul li .rate-box .star-rating .star_rating_fill{-webkit-text-fill-color:#8e8e93;color:#8e8e93;display:flex;left:0;overflow:hidden;padding:0;position:absolute;top:0;z-index:1}.detail-wrap .top-sub-menu ul li .rate-box .star-rating .star_rating_base{padding:0;z-index:0}.detail-wrap .top-sub-menu ul li span.sub-text1,.detail-wrap .top-sub-menu ul li span.sub-text2,.detail-wrap .top-sub-menu ul li span.title{display:block;text-align:center;white-space:nowrap}.detail-wrap .top-sub-menu ul li span.sub-text1.title,.detail-wrap .top-sub-menu ul li span.sub-text2.title,.detail-wrap .top-sub-menu ul li span.title.title{color:#ccc;font-size:.6rem}.detail-wrap .top-sub-menu ul li span.sub-text1.sub-text1,.detail-wrap .top-sub-menu ul li span.sub-text2.sub-text1,.detail-wrap .top-sub-menu ul li span.title.sub-text1{color:#666;font-size:.7rem;font-weight:700;padding-top:.6rem}.detail-wrap .top-sub-menu ul li span.sub-text1.sub-text2,.detail-wrap .top-sub-menu ul li span.sub-text2.sub-text2,.detail-wrap .top-sub-menu ul li span.title.sub-text2{color:#666;font-size:.65rem;max-width:19vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-wrap .news-box p{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.detail-wrap .news-box .top{color:#ccc;display:flex;font-size:.7rem;font-weight:300;justify-content:space-between}.detail-wrap .news-box .text-releaseNote{color:#000;font-size:.8rem;font-weight:400;margin-bottom:2rem;padding-top:.8rem}.detail-wrap .preview-box p{color:#000;font-size:1.5rem;font-weight:600;margin:0}.detail-wrap .preview-box span{font-size:.8rem}.detail-wrap .preview-box ul{display:flex;gap:2rem;margin:2rem 0 0;overflow-x:auto;padding:0 0 2rem}.detail-wrap .preview-box ul li{flex-basis:calc(100% - 8rem);flex-grow:0;flex-shrink:0;list-style:none}.detail-wrap .preview-box ul li img{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;display:block;width:100%}.detail-wrap .preview-box .description-box{display:flex;margin-bottom:2rem;position:relative}.detail-wrap .preview-box .description-box .text{border-top:1px solid #ccc;box-sizing:border-box;color:#000;font-size:.8rem;height:100px;margin:1rem 0 2rem;overflow:hidden;padding-top:1rem}.detail-wrap .preview-box .description-box .text.more{height:auto;overflow:visible}.detail-wrap .preview-box .description-box button{background-color:initial;border:0;bottom:0;color:#007aff;font-size:.8rem;font-weight:600;padding:0;position:absolute;right:0;white-space:nowrap}.detail-wrap .developer-info{display:flex;justify-content:space-between;margin-bottom:2rem}.detail-wrap .developer-info .left span{display:block}.detail-wrap .developer-info .left span.text1{color:#007aff}.detail-wrap .developer-info .left span.text2{font-size:.6rem}.detail-wrap .review-box .title{color:#000;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.detail-wrap .review-box .title span{color:#8e8e93}.detail-wrap .review-box .inner{align-items:center;display:flex;justify-content:space-between}.detail-wrap .review-box .inner .left{border:none}.detail-wrap .review-box .inner .left .text1{color:#000;font-size:2rem;font-weight:700}.detail-wrap .review-box .inner .right .text1 .rate-box{display:flex;justify-content:end}.detail-wrap .review-box .inner .right .text1 .rate-box .star-rating{-webkit-text-fill-color:#0000;-webkit-text-stroke-width:1.3px;-webkit-text-stroke-color:#8e8e93;color:#989898;position:relative;unicode-bidi:bidi-override;width:-webkit-max-content;width:max-content}.detail-wrap .review-box .inner .right .text1 .rate-box .star-rating .star_rating_fill{-webkit-text-fill-color:#8e8e93;color:#8e8e93;display:flex;left:0;overflow:hidden;padding:0;position:absolute;top:0;z-index:1}.detail-wrap .review-box .inner .right .text1 .rate-box .star-rating .star_rating_base{padding:0;z-index:0}.detail-wrap .review-box .inner .right .text2{display:block;font-size:.8rem;padding-top:.4rem}.detail-wrap .info-box{margin-top:3rem}.detail-wrap .info-box .title{color:#000;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.detail-wrap .info-box ul{margin:0;padding:0}.detail-wrap .info-box ul li{align-items:center;border-bottom:1px solid #ccc;box-sizing:border-box;display:flex;justify-content:space-between;list-style:none;padding:.8rem}.detail-wrap .info-box ul li.on{align-items:baseline;flex-direction:column}.detail-wrap .info-box ul li.on .title{margin-bottom:.8rem}.detail-wrap .info-box ul li .title{color:#ccc;font-size:.6rem;margin-bottom:0}.detail-wrap .info-box ul li .text{color:#000;font-size:.6rem}.detail-wrap .info-box ul li .text.on+ol{display:flex;flex-direction:column;padding:0;width:100%}.detail-wrap .info-box ul li .text.on+ol li{border-bottom:none;display:block;margin-bottom:.8rem;padding:0}.detail-wrap .info-box ul li .text.on+ol li span{display:block}.detail-wrap .info-box ul li .text.on+ol li span.sub-title{color:#000;font-weight:700}.detail-wrap .info-box ul li .text.on+ol li span.sub-text{color:#000;font-size:.8rem}.detail-wrap .info-box ul li .text.on{display:none}.detail-wrap .info-box ul li button{background-color:initial;border:none;margin:0 0 0 .3rem;padding:0}.detail-wrap .info-box ul li ol{display:none}.detail-wrap.zoom{align-items:center;display:flex;height:100vh;justify-content:center;padding:0 20px;position:relative}.detail-wrap.zoom button{background-color:initial;border:none;color:#007aff;font-size:1rem;font-weight:700;margin:0;padding:0;position:absolute;right:20px;top:20px}.detail-wrap.zoom .zoom-box ul{display:flex;gap:2rem;margin:0;overflow-x:auto;padding:0}.detail-wrap.zoom .zoom-box ul li{flex-grow:0;flex-shrink:0;list-style:none;width:calc(100% - 2.5rem)}.detail-wrap.zoom .zoom-box ul li img{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;display:block;width:100%}.detail-top-box{background-color:#fff;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 0;position:fixed;top:0;width:100%;z-index:3}.detail-top-box.on{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#ffffff80;border-bottom:1px solid #ccc}.detail-top-box.on .btn-open,.detail-top-box.on img{opacity:1;transition:.8s}.detail-top-box .btn-search{background-color:initial;border:none;color:#007aff;font-size:1rem;font-weight:400;margin:0 0 0 10px;padding:0}.detail-top-box img{height:30px;opacity:0;width:30px}.detail-top-box .btn-open{background-color:#007aff;border:none;border-radius:20px;color:#fff;height:2rem;margin:0 10px 0 0;opacity:0;padding:0;width:4rem}.tit-Loadng{-webkit-animation:fade 2s infinite;-moz-animation:fade 2s infinite;color:#dc554f;font-family:Lato;font-size:1em;letter-spacing:1.5px;margin-left:8px;margin-top:20px;text-align:center;text-transform:uppercase;width:auto}#container{align-items:center;display:flex;height:100vh;justify-content:center;margin:auto;vertical-align:middle;width:100%}.stick{background:#dc554f;display:inline-block;height:3px;margin-left:-8px;width:30px}.stick:first-child{margin-left:-2px}.stick:nth-child(n){-webkit-animation:fall 2s infinite;-moz-animation:fall 2s infinite;transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg)}.stick:nth-child(2n){-webkit-animation:rise 2s infinite;-moz-animation:rise 2s infinite;transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg)}@keyframes rise{50%{transform:rotate(30deg);-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg)}}@keyframes fall{50%{transform:rotate(-30deg);-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(30deg)}}@keyframes fade{50%{opacity:.5}to{opacity:1}}
/*# sourceMappingURL=main.84254cab.css.map*/