.blur{filter: blur(7px);}
.download-top-panel{margin-top: 1.5rem;}
.download-top-panel .container{display: flex;flex-direction: column;padding: 0 2rem;}
.download-top-panel .infoWrap{display: flex;}
.download-top-panel .infoWrap > img{width: 13rem;height: 13rem;border-radius: 2rem;margin-right: 4rem;flex: 0 0 13rem;max-width: 13rem;}
.download-top-panel .infoWrap .detailWrap{display: flex;flex-direction: column;width: 100%;overflow: hidden;}
.download-top-panel .infoWrap .detailWrap .name{font-size: 3rem;font-weight: 500;color: #364152;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.download-top-panel .infoWrap .detailWrap .dev{font-size: 1.5rem;font-weight: 400;color: #6938EF;}
.download-top-panel .infoWrap .detailWrap .typeList{display: flex;flex-wrap: wrap;gap: 1rem;margin-top: auto;}
.download-top-panel .infoWrap .detailWrap .typeList a{min-width: 7rem;height: 4rem;border-radius: 0.63rem;border: 1px solid #CDD5DF;font-size: 1.5rem;font-weight: 400;color: #364152;line-height: 4rem;text-align: center;}
.download-top-panel .subDetail{margin-top: 3rem;display: flex;align-items: center;column-gap: 8rem;justify-content: center;}
.download-top-panel .subDetail > div {display: flex;flex-direction: column;row-gap: 0.5rem;justify-content: center;align-items: center;position: relative;}
.download-top-panel .subDetail > div p{font-size: 2.5rem;font-weight: 500;color: #364152;display: flex;align-items: center;max-width: 16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.download-top-panel .subDetail > div span{font-size: 1.75rem;font-weight: 400;color: #364152;}
.download-top-panel .subDetail > div p i{font-size: 2.5rem;color: #6938EF;margin-left: 0.5rem;}
.download-top-panel .subDetail > div::after{position: absolute;content: "";width: 1px;height: 70%;background-color: #CDD5DF;top: 50%;transform: translateY(-50%);right: -5.5rem;}
.download-top-panel .subDetail > div:last-child::after{display: none;}
.download-top-panel .version{margin-top: 3.25rem;text-align: right;width: 100%;font-size: 1.75rem;color: #364152;}
.download-top-panel .downloadBtnWrap{margin-top: 1rem;display: flex;flex-direction: column;row-gap: 2rem;}
.download-top-panel .downloadBtnWrap a{display: flex;justify-content: center;align-items: center;column-gap: 2rem;width: 100%;height: 7rem;border-radius: 1.25rem;background-color: #6938EF;}
.download-top-panel .downloadBtnWrap a.otherVersion{background-color: transparent;border: 1px solid #6938EF;}
.download-top-panel .downloadBtnWrap a i{font-size: 4rem;width: 4rem;height: 4rem;color: #ffffff;}
.download-top-panel .downloadBtnWrap a p{font-size: 2rem;color: #ffffff;font-weight: 500;}
.download-top-panel .downloadBtnWrap a span{font-size: 1.5rem;color: #ffffff;}
.download-top-panel .downloadBtnWrap a.otherVersion i, .download-top-panel .downloadBtnWrap a.otherVersion p{color: #6938EF;}

.screenshot-slider {margin-top: 2rem;padding-left: 2rem;}
.screenshot-slider h2{font-size: 2rem;color: #364152;font-weight: 500;margin-bottom: 1.5rem;}
.screenshot-slider .screenshot-swiper{margin: 1rem 0 2rem;}
.screenshot-slider .screenshot-swiper .swiper-wrapper{height: max-content;}
.screenshot-slider .screenshot-swiper .swiper-slide{width: auto;}
.screenshot-slider .screenshot-swiper .swiper-slide img{width: 100%; height: 100%; object-fit: contain; display: block;max-height: 26rem;box-shadow: 0px 2px 4px 0px #11135B26; border-radius: 0.63rem;margin-bottom: 1rem;}

.intro-panel{margin-top: 5rem;}
.intro-panel .container{padding: 0 2rem;line-height: 2rem;}
.intro-panel .titleWrap{margin-bottom: 2rem;}
.intro-panel p.content{font-size: 1.75rem;line-height: 2.5rem;color: #364152;display: -webkit-box; -webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;}
.intro-panel .readMore{margin-top: 2rem;color: #6938EF;text-decoration: underline;font-size: 1.75rem;}

.app-info-panel{margin-top: 6rem;}
.app-info-panel .container{padding: 0 2rem;}
.app-info-panel h2{font-size: 2rem;font-weight: 500;color: #364152;margin-bottom: 1.75rem;}
.app-info-panel .detailBlock{width: 100%;height: max-content;padding: 3.5rem 5rem 3rem;border: 1px solid #CDD5DF;border-radius: 2rem;display: flex;flex-direction: column;row-gap: 4rem;}
.app-info-panel .detailBlock .detailWrap{display: flex;column-gap: 1.25rem;align-items: flex-start;}
.app-info-panel .detailBlock .detailWrap i{font-size: 3rem;color: #697586;}
.app-info-panel .detailBlock .detailWrap .detail{display: flex;flex-direction: column;row-gap: 1rem;}
.app-info-panel .detailBlock .detailWrap .detail p{font-size: 1.75rem;color: #697586;}
.app-info-panel .detailBlock .detailWrap .detail span{color: #364152;font-size: 1.75rem;}
.app-info-panel .detailBlock .detailWrap .detail a{font-size: 1.75rem;text-decoration: none;color: #6938EF;}

.update-log-panel{margin-top: 6rem;}
.update-log-panel .container{padding: 0 2rem;}
.update-log-panel h2{font-size: 2rem;font-weight: 500;color: #364152;margin-bottom: 1.5rem;}
.update-log-panel .update-content{display: flex;flex-direction: column;}
.update-log-panel .update-content .version, .update-log-panel .update-content .dateUpdate{display: flex;align-items: center;column-gap: 4rem;}
.update-log-panel .update-content .version span:first-child, .update-log-panel .update-content .dateUpdate span:first-child{width: 3.75rem;}
.update-log-panel .update-content .version span, .update-log-panel .update-content .dateUpdate span{font-size: 1.5rem;color: #364152;line-height: 2.5rem}
.update-log-panel .update-content ul li{font-size: 1.75rem;line-height: 2.5rem;color: #364152;}
.update-log-panel .update-content ul{padding-left: 3rem;margin-top: 2rem;margin-bottom: 2rem;}
.update-log-panel .update-content .content{font-size: 1.75rem;line-height: 2.5rem;color: #364152;}

.version-list-panel{margin-top: 5.5rem;}
.version-list-panel .container{padding: 0 2rem;}
.version-list-panel h2{font-size: 2rem;font-weight: 500;color: #364152;margin-bottom: 0.5rem;}
.version-list-panel .version-list{display: flex;flex-direction: column;width: 100%;}
.version-list-panel .version-list .versionWrap{padding: 2rem 1rem;width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #CDD5DF;}
.version-list-panel .version-list .versionWrap .versionLeft{display: flex;flex-direction: column;row-gap: 1rem;}
.version-list-panel .version-list .versionWrap .versionLeft .name{font-size: 2rem;color: #364152;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 30rem;}
.version-list-panel .version-list .versionWrap .versionLeft .sizeDateWrap{display: flex;align-items: center;column-gap: 1.5rem;}
.version-list-panel .version-list .versionWrap .versionLeft .sizeDateWrap p{font-size: 1.5rem;color: #364152;}
.version-list-panel .version-list .versionWrap .versionLeft .sizeDateWrap span{width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #9AA3B2;}
.version-list-panel .version-list .versionWrap .downloadBtn{display: flex;align-items: center;justify-content: center;column-gap: 1rem;background-color: #6938EF;border-radius: 0.63rem;width: 12rem;height: 5rem;}
.version-list-panel .version-list .versionWrap .downloadBtn i{font-size: 3rem;color: #ffffff;}
.version-list-panel .version-list .versionWrap .downloadBtn p{font-size: 1.75rem;color: #ffffff;font-weight: 500;}
.version-list-panel .showMore{margin-top: 3.25rem;width: 11rem;height: 4.5rem;display: flex;align-items: center;justify-content: center;border: 1px solid #6938EF;border-radius: 0.63rem;font-size: 1.75rem;color: #6938EF;margin-left: auto;margin-right: auto;}

.rating-review-panel{margin-top: 6.25rem;}
.rating-review-panel .container{padding: 0 2rem;}
.rating-review-panel h2{font-size: 2.5rem;font-weight: 500;color: #364152;margin-bottom: 2rem;}
.rating-review-panel .rating-panel{display: flex;flex-direction: column;row-gap: 2rem;}
.rating-review-panel .rating-panel .ratingReviewWrap{display: flex;column-gap: 2rem;align-items: center;}
.rating-review-panel .rating-panel .ratingReviewWrap .rating-score{font-size: 7rem;font-weight: 500;color: #364152;line-height: 8.5rem;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap{display: flex;flex-direction: column;row-gap: 1rem;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap p{font-size: 1.75rem;color: #364152;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap .starWrap .stars{display: flex;column-gap: 0.5rem;align-items: center;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap .starWrap .stars i{font-size: 3.25rem;height: 3.25rem;width: 3.25rem;color: #6938EF;}
.rating-review-panel .rating-panel .ratingReviewWrap .rightWrap .starWrap .stars i.empty{color: #CDD5DF;}
.rating-review-panel .rating-panel .rateBarWrap{display: flex;flex-direction: column;row-gap: 1rem;}
.rating-review-panel .rating-panel .rateBarWrap .barWrap{display: flex;align-items: center;column-gap: 2rem;}
.rating-review-panel .rating-panel .rateBarWrap .barWrap p{font-size: 1.75rem;color: #364152;font-weight: 500;flex: 0 0 1rem;max-width: 1rem;}
.rating-review-panel .rating-panel .rateBarWrap .barWrap .rateBar{width: 100%;height: 1.5rem;border-radius: 14rem;background-color: #E3E8EF;}
.rating-review-panel .rating-panel .rateBarWrap .barWrap .rateBar .bar{height: 100%;border-radius: 14rem;background-color: #6938EF;}

.rating-review-panel .comment-panel{margin-top:6.25rem;}
.rating-review-panel .comment-panel .actionWrap{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.25rem;}
.rating-review-panel .comment-panel .actionWrap h2{font-size: 2rem;color: #364152;font-weight: 500;margin-bottom: 0;}
.rating-review-panel .comment-panel .actionWrap .filterRight{display: flex;align-items: center;column-gap: 3rem;}
.rating-review-panel .comment-panel .actionWrap .filterRight div{font-size: 1.75rem;color: #9AA3B2;}
.rating-review-panel .comment-panel .actionWrap .filterRight div.active{color: #6938EF;}
.rating-review-panel .comment-panel > input{width: 100%;height: 5rem;border: 1px solid #CDD5DF;border-radius: 1.25rem;font-size: 1.75rem;color: #364152;padding: 1.5rem 2rem;outline: none;}
.rating-review-panel .comment-panel > input::placeholder{color: #697586;}

.rating-review-panel .comment-panel .comment-list{display: flex;flex-direction: column;}
.rating-review-panel .comment-panel .comment-list .commentWrap{padding: 4rem 0 0;display: flex;flex-direction: column;row-gap: 1rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop{display: flex;align-items: flex-end;justify-content: space-between;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .userWrap{display: flex;align-items: center;column-gap: 2rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .userWrap img{width: 5rem;height: 5rem;border-radius: 50%;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .userWrap .name{font-size: 1.75rem;font-weight: 500;color: #364152;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .likeReplayWrap{display: flex;align-items: center;column-gap: 2rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .likeReplayWrap p{font-size: 1.5rem;color: #364152;display: flex;align-items: center;column-gap: 0.31rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .commentTop .likeReplayWrap p i{font-size: 2.5rem;width: 2.5rem;height: 2.5rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap{display: flex;align-items: center;column-gap: 2rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .ratingReviewWrap .rating-score{display: none;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .ratingReviewWrap .starWrap .stars{display: flex;align-items: center;column-gap: 0.25rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .ratingReviewWrap .starWrap .stars i{color: #364152;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .ratingReviewWrap .starWrap .stars i.empty{color: #CDD5DF;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap > span{width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #9AA3B2;}
.rating-review-panel .comment-panel .comment-list .commentWrap .starDateWrap .dateComment{font-size: 1.5rem;color: #364152;}
.rating-review-panel .comment-panel .comment-list .commentWrap .comment{font-size: 1.75rem;color: #364152;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap{display: flex;align-items: flex-start;column-gap: 2rem;padding-left: 2rem;padding-top: 3rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap > img{width: 5rem;height: 5rem;border-radius: 50%;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail{display: flex;flex-direction: column;row-gap: 1rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail .replyTop{display: flex;align-items: center;column-gap: 2rem;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail .replyTop .name{font-size: 1.75rem;color: #364152;font-weight: 500;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail .replyTop .date{font-size: 1.5rem;color: #364152;}
.rating-review-panel .comment-panel .comment-list .commentWrap .replyWrap .replyDetail .reply{font-size: 1.75rem;color: #364152;}
.rating-review-panel .comment-panel .showMoreComment{margin-top: 3.25rem;width: 11rem;height: 4.5rem;display: flex;align-items: center;justify-content: center;border: 1px solid #6938EF;border-radius: 0.63rem;font-size: 1.75rem;color: #6938EF;margin-left: auto;margin-right: auto;}

.similar-app-panel{margin-top: 6.25rem;}
.similar-app-panel .container{padding: 0 2rem;}
.similar-app-panel .titleWrap{margin-bottom: 2rem;}
.app-listing{display: flex;row-gap: 2rem;flex-wrap: wrap;justify-content: space-between;} 
.app-listing a{display: flex;column-gap: 2rem;align-items: flex-start;flex: 0 0 46%;max-width: 46%;}
.app-listing a img{width: 9rem;height: 9rem;border-radius: 1.25rem;box-shadow: 0px 2px 8px 0px #11135B26;}
.app-listing a .nameWrap{display: flex;flex-direction: column;row-gap: 1.5rem;padding: 1rem 0;width: 100%; overflow: hidden;}
.app-listing a .nameWrap p.name{font-size: 2rem;font-weight: 500;color: #364152;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-listing a .nameWrap p.rating{display: flex;align-items: center;column-gap: 0.25rem;font-size: 1.75rem;color: #364152;}
.app-listing a .nameWrap p.rating i{font-size: 1.5rem;height: 1.5rem;width: 1.5rem;color: #364152;}

.explore-more-panel{margin-top: 6rem;}
.explore-more-panel .container{padding: 0 2rem;}
.explore-more-panel .titleWrap{margin-bottom: 2rem;}

.app-full-intro{display: none;flex-direction: column;row-gap: 3rem;margin-top: 3rem}
.app-full-intro .backArrow{padding: 0 2rem;}
.app-full-intro .backArrow i{font-size: 4rem;height: 4rem;width: 4rem;color: #697586;}
.app-full-intro .appWrap{display: flex;column-gap: 4rem;align-items: center;padding: 0 2rem;}
.app-full-intro .appWrap img{width: 13rem;height: 13rem;border-radius: 2rem;box-shadow: 0px 2px 8px 0px #11135B26; }
.app-full-intro .appWrap .nameWrap{display: flex;flex-direction: column;row-gap: 1rem;}
.app-full-intro .appWrap .nameWrap .name{font-size: 3rem;font-weight: 500;color: #364152;}
.app-full-intro .appWrap .nameWrap .dev{font-size: 1.5rem;color: #6938EF;}
.app-full-intro .intro-content{background-color: #ffffff;padding: 4rem 2rem;font-size: 1.75rem;color: #364152;line-height: 2.5rem;}
.app-full-intro .intro-content strong{font-weight: 500;font-size: 2rem;}

.app-full-language{display: none;flex-direction: column;row-gap: 3rem;margin-top: 3rem}
.app-full-language .backArrowLanguage{padding: 0 2rem;}
.app-full-language .backArrowLanguage i{font-size: 4rem;height: 4rem;width: 4rem;color: #697586;}
.app-full-language .appWrap{display: flex;column-gap: 4rem;align-items: center;padding: 0 2rem;}
.app-full-language .appWrap img{width: 13rem;height: 13rem;border-radius: 2rem;box-shadow: 0px 2px 8px 0px #11135B26; }
.app-full-language .appWrap .nameWrap{display: flex;flex-direction: column;row-gap: 1rem;}
.app-full-language .appWrap .nameWrap .name{font-size: 3rem;font-weight: 500;color: #364152;}
.app-full-language .appWrap .nameWrap .dev{font-size: 1.5rem;color: #6938EF;}
.app-full-language .language-content{background-color: #ffffff;padding: 4rem 8rem;font-size: 2rem;color: #364152;line-height: 2.5rem;}
.app-full-language .language-content strong{font-weight: 500;font-size: 2rem;margin-bottom: 1.5rem;}
.app-full-language .language-content ul{padding-left: 3.5rem;}
.app-full-language .language-content ul li{margin-bottom: 1rem;}


#modalImage { transition: opacity 0.3s ease; opacity: 1; }
#modalImage.fade-out { opacity: 0; }
#imageModal.modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;text-align: center; }
#imageModal .overlay{background: #000000A6; position: absolute;width: 100%;height: 100%;z-index: -1;}
#imageModal.modal .swiper-slide{position: relative;display: flex;align-items: center;justify-content: center;}
#imageModal.modal .swiper{position: absolute; height: 100%; top: 50%; transform: translateY(-50%); width: 100%;}
#imageModal.modal .swiper-slide img {width: calc(100% - 4rem);max-height: 75%;object-fit: contain;height: auto;}
#imageModal .close i {color: #E3E8EF;display: inline-block;position: relative;cursor: pointer;font-size: 5rem;width: 5rem;height: 5rem;position: absolute;right: 3rem;top: 4rem;}
#imageModal .bottomWrap{display: flex;align-items: center;justify-content: center;bottom: 4.5rem;position: absolute;width: 100%;column-gap: 4.5rem;}
#imageModal .bottomWrap button{background-color: transparent;border: none;outline: none;padding: 0;margin: 0;}
#imageModal .bottomWrap button i{font-size: 3rem;color: #E3E8EF;}
#imageModal .bottomWrap .pageNumber{background-color: #202939;border-radius: 6.25rem;height: 4rem;width: max-content;padding: 0 2.5rem;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;font-weight: 500;color: #E3E8EF;}

.feedbackPopup{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;display: none;}
.feedbackPopup .overlay{background: #000000A6; position: absolute;width: 100%;height: 100%;z-index: -1;}
.feedbackPopup .feedbackWrap{border-radius: 2rem;width: calc(100% - 4rem);background-color: #ffffff;padding: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.feedbackPopup .feedbackWrap .feedbackForm{height: 100%;width: 100%;border-radius: 2rem;background-color: #ffffff;padding: 3rem 4rem;}
.feedbackPopup .feedbackWrap h2{font-size: 3rem;color: #364152;font-weight: 600;line-height: 3.5rem;padding: 3rem 4rem;border-bottom: 1px solid #E3E8EF;}
.feedbackPopup .feedbackWrap .feedbackForm h3{font-weight: 600;font-size: 2rem;color: #364152;text-align: left;margin-bottom: 1.5rem;}
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container { display: block; position: relative; padding-left: 5rem; margin-bottom: 2rem; font-size: 1.75rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #364152; text-align: left; }
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.feedbackPopup .feedbackWrap .feedbackForm .checkmark { position: absolute; top: 0; left: 0; height: 2.5rem; width: 2.5rem; background-color: transparent; border: 1.5px solid #6938EF; border-radius: 50%;cursor: pointer; }
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container input:checked ~ .checkmark { background-color: transparent;border: 1.5px solid #6938EF;}
.feedbackPopup .feedbackWrap .feedbackForm .checkmark:after { content: ""; position: absolute; display: none; }
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container input:checked ~ .checkmark:after { display: block; }
.feedbackPopup .feedbackWrap .feedbackForm .checkbox-container .checkmark:after {width: 1.5rem;height: 1.5rem;border-radius: 50%;background-color: #6938EF;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.feedbackPopup .feedbackWrap .feedbackForm h3.other-reason{margin-bottom: 1.5rem;margin-top: 2rem;}
.feedbackPopup .feedbackWrap .feedbackForm h3.contact{margin-bottom: 1.5rem;}
.feedbackPopup .feedbackWrap .feedbackForm textarea{width: 100%;height: 10rem;font-size: 1.75rem;color: #364152;background-color: #ffffff;padding: 1rem 2rem;resize: none;outline: none;border-radius: 0.63rem;margin-bottom: 4rem;border: 1px solid #CDD5DF;}
.feedbackPopup .feedbackWrap .feedbackForm input[type=number]{font-size: 1.75rem;color: #364152;width: 100%;background-color: #ffffff;border: 1px solid #CDD5DF;outline: none;padding: 1.5rem 2rem;height: 5rem;border-radius: 0.63rem;}
.feedbackPopup .feedbackWrap .feedbackForm input[type=number]::-webkit-inner-spin-button, .appointment-popup .appointmentWrap .inputWrap input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.feedbackPopup .feedbackWrap .feedbackForm input[type=number] { -moz-appearance: textfield; }
.feedbackPopup .feedbackWrap .feedbackForm textarea::placeholder, .feedbackPopup .feedbackWrap .feedbackForm input[type=number]::placeholder{color: #9AA3B2;}
.feedbackPopup .feedbackWrap .feedbackForm .buttonWrap{margin-top: 6rem;display: flex;align-items: center;column-gap: 1rem;justify-content: flex-end;}
.feedbackPopup .feedbackWrap .feedbackForm .buttonWrap button{background-color: transparent;border-radius: 0.63rem;width: 50%;height: 6rem;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;font-weight: 500;}
.feedbackPopup .feedbackWrap .feedbackForm .buttonWrap button.cancelBtn{border: 1px solid #6938EF;color: #6938EF;}
.feedbackPopup .feedbackWrap .feedbackForm .buttonWrap button.submitBtn{background-color: #6938EF;color: #ffffff;border: none;}

.feedbackSuccess{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;display: none;}
.feedbackSuccess .overlay{background: #000000A6; position: absolute;width: 100%;height: 100%;z-index: -1;}
.feedbackSuccess .cardWrap{border-radius: 2rem;width: calc(100% - 4rem);background-color: #ffffff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 7rem 0 3rem;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.feedbackSuccess .cardWrap > i{font-size: 23rem;height: 23rem;width: 23rem;margin-bottom: 4rem;color: #6938EF;}
.feedbackSuccess .cardWrap h3{font-size: 3rem;color: #364152;font-weight: 600;margin-bottom: 3rem;}
.feedbackSuccess .cardWrap > p{font-size: 1.75rem;line-height: 2.5rem;color: #364152;}
.feedbackSuccess .cardWrap .confirmBtn{margin-top: 8rem;width: calc(100% - 8rem);height: 6rem;border-radius: 0.63rem;background-color: #6938EF;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;font-weight: 500;color: #ffffff;border:none;outline: none;}

.reviewFormPopup{position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%;display: none;}
.reviewFormPopup .overlay{background: #000000A6; position: absolute;width: 100%;height: 100%;z-index: -1;}
.reviewFormPopup .cardWrap{border-radius: 2rem;width: calc(100% - 4rem);background-color: #ffffff;padding: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 7rem 4rem 3rem;display: flex;justify-content: center;flex-direction: column;}
.reviewFormPopup .cardWrap .close-btn{width: 4rem;height: 4rem;display: flex;align-items: center;justify-content: center;position: absolute;top: 2rem;right: 2rem;}
.reviewFormPopup .cardWrap .close-btn i{font-size: 4rem;color: #697586;}
.reviewFormPopup .cardWrap h3{font-size: 3rem;font-weight: 600;color: #364152;margin-bottom: 4rem;text-align: center;}
.reviewFormPopup .cardWrap .star-listing{display: flex;justify-content: space-between;width: 100%;align-items: center;margin-bottom: 1.5rem;}
.reviewFormPopup .cardWrap .star-listing i{font-size: 7rem;height: 7rem;width: 7rem;color: #CDD5DF;cursor: pointer;}
.reviewFormPopup .cardWrap .star-listing i.selected, .reviewFormPopup .cardWrap .star-listing i.active{color: #6938EF;}
.reviewFormPopup .cardWrap > span{font-size: 1.5rem;color: #9AA3B2;text-align: center;width: 100%;}
.reviewFormPopup .cardWrap > p{margin-top: 4rem;text-align: left;font-size: 2rem;color: #364152;margin-bottom: 1.5rem;}
.reviewFormPopup .cardWrap textarea{width: 100%;height: 19rem;border-radius: 0.63rem;padding: 1rem 2rem;resize: none;font-size: 1.75rem;color: #364152;border: 1px solid #CDD5DF;outline: none;}
.reviewFormPopup .cardWrap textarea::placeholder{color: #9AA3B2;}
.reviewFormPopup .cardWrap .submitReview{margin-top: 5rem;width: 100%;height: 6rem;background-color: #CDD5DF;border-radius: 0.63rem;border: none;outline: none;display: flex;align-items: center;justify-content: center;font-size: 1.75rem;color: #ffffff;font-weight: 500;margin-left: auto;margin-right: auto;pointer-events: none;}
.reviewFormPopup .cardWrap .submitReview.active{background-color: #6938EF;pointer-events: auto;}

.related-news-panel{margin-top: 6.5rem;}
.related-news-panel .container{padding: 0 2rem;}
.related-news-panel h2{font-size: 2rem;font-weight: 500;color: #364152;margin-bottom: 1.5rem;}
.related-news-panel .related-new-list{display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 2rem;}
.related-news-panel .related-new-list a{border-radius: 1.25rem;box-shadow: 0px 2px 2px 0px #11135B0D;flex: 0 0 49%;max-width: 49%;}
.related-news-panel .related-new-list a > img{width: 100%;height: 14rem;border-radius: 1.25rem 1.25rem 0 0;object-fit: cover;}
.related-news-panel .related-new-list a .detailWrap{background-color: #ffffff;padding: 2rem;display: flex;flex-direction: column;row-gap: 2rem;width: 100%;overflow: hidden;border-radius: 0 0 1.25rem 1.25rem;}
.related-news-panel .related-new-list a .detailWrap .title{font-size: 1.75rem;font-weight: 500;color: #364152;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.related-news-panel .related-new-list a .detailWrap .typeDateWrap{display: flex;align-items: center;justify-content: space-between;}
.related-news-panel .related-new-list a .detailWrap .typeDateWrap .type{font-size: 1.5rem;color: #6938EF;}
.related-news-panel .related-new-list a .detailWrap .typeDateWrap .date{font-size: 1.5rem;color: #364152;}



.appointment-popup{ display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); text-align: center; }
.appointment-popup .appointmentWrap{background: linear-gradient( 180deg, rgb(255,250,226) 0%, rgb(255,255,255) 25%);width: 43.57rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius: 0.71rem;padding: 2.43rem 2.71rem 2.71rem;}
.appointment-popup .appointmentWrap .close-btn{position: absolute;top: 1.43rem;right: 1.43rem;font-size: 1.93rem;color: #E0DDCF;font-weight: bold;cursor: pointer;}
.appointment-popup .appointmentWrap h2{text-align: left;font-size: 3.14rem;font-weight: bold;color: #00170C;margin-bottom: 2.57rem;position: relative;width: max-content;}
.appointment-popup .appointmentWrap h2::after{position: absolute;content: "";height: 1.07rem;width: 100%;background-color: #ffe003;bottom: 0;z-index: 1;left: 0;}
.appointment-popup .appointmentWrap h2 span{position: relative;z-index: 2;}
.appointment-popup .appointmentWrap .inputWrap{background-color: #EFEFEF;border-radius: 0.71rem;border: 1px solid #99999980;display: flex;padding: 1.21rem 2rem;margin-bottom: 1.14rem;}
.appointment-popup .appointmentWrap .inputWrap img{width: 2.14rem;height: 3.21rem;margin-right: 1.71rem;}
.appointment-popup .appointmentWrap .inputWrap input{padding-left: 1.29rem;font-size: 1.71rem;color: #9A9A9A;width: 100%;background-color: transparent;border: none;outline: none;border-left: 1px solid #999999;}
.appointment-popup .appointmentWrap .inputWrap input[type=number]::-webkit-inner-spin-button, .appointment-popup .appointmentWrap .inputWrap input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.appointment-popup .appointmentWrap .inputWrap input[type=number] { -moz-appearance: textfield; }
.appointment-popup .appointmentWrap > p{font-size: 1.71rem;color: #404040;margin-bottom: 1rem;}
.appointment-popup .appointmentWrap > p span{color: #FF3333;}
.appointment-popup .appointmentWrap > span{font-size: 1.43rem;color: #cccccc;}
.appointment-popup .appointmentWrap button{margin: 1.36rem auto 0;cursor: pointer;background: linear-gradient( 180deg, rgb(255,168,0) 0%, rgb(248,117,0) 100%);border-radius: 2rem;min-width: 18.93rem;height: 4.86rem;text-align: center;color: #ffffff;border: none;outline: none;font-size: 2rem;display: flex;align-items: center;justify-content: center;}

#appointment-popup-success h2, #appointment-popup-waiting h2{margin-bottom: 2.14rem;}
#appointment-popup-success img, #appointment-popup-waiting img{width: 8.43rem;height: 6.29rem;margin-bottom: 2.14rem;}
#appointment-popup-success h3{font-size: 2.29rem;font-weight: bold;color: #3FE7BD;}
#appointment-popup-success button, #appointment-popup-waiting button{margin-top: 2.14rem;}
#appointment-popup-waiting h3{font-size: 2.29rem;font-weight: bold;color: #77E5FF;}


.downbtn button{height: 5.36rem;min-width: 100%;padding: 0 1rem;text-align: center;font-size: 2.29rem;color: #ffffff;border-radius: 2.71rem;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #0FCF89;border: none;}
.downbtn .gameAppointBtn{background-color: #ffa903;}

.intro-panel .container {
    padding: 0 2rem;
    line-height: 3rem;
    font-size: 1.6rem;
}
.intro-panel .container h3 {
    font-size: 2rem;
    color: #6938EF;
    line-height: 4rem;
}

.intro-panel .container img{
    width: auto;
    height: auto;
    max-width: 100%;
    display: block;
    margin: 10px auto 0;
}

.titleWrap h2 {
    font-size: 2.5rem;
    font-weight: 500;
    color: #364152;
}
.screenshot-slider h2 {
    font-size: 2.5rem;
}