.app-page-content{margin-top: 1.25rem;}
.app-page-content .category-panel{display: flex;flex-wrap: wrap;row-gap: 1rem;justify-content: flex-start;margin-bottom: 1.875rem;}
.app-page-content .category-panel a{width: 10rem;flex: 0 0 10rem;max-width: 10rem;height: 4.5rem;border-radius: 0.75rem;background-color: #FFFFFF;text-align: center;line-height: 4.5rem;font-size: 1.75rem;font-weight: 500;color: #666666;border: 1px solid #EEEEEE;margin-right: 1rem;}
.app-page-content .category-panel a:nth-child(4n){margin-right: 0;}
.app-page-content .category-panel a span{position: relative;z-index: 2;}
.app-page-content .category-panel a span::before{position: absolute;content: "";bottom: 0;left: 0;width: 100%;height: 0.5rem;z-index: -1;border-radius: 0.25rem;background: linear-gradient( 90deg, rgb(204,204,204) 0%, rgba(255,255,255,0) 100%);}
.app-page-content .category-panel a.active{background-color: #FFD930;border: none;color: #FFFFFF;font-weight: 900;}
.app-page-content .category-panel a.active span::before{background: linear-gradient( 90deg, rgb(204,174,39) 0%, rgba(204,174,39,0) 100%);}
.app-page-content.app .category-panel a.active{background-color: #4aabff;}
.app-page-content.app .category-panel a.active span::before{background: linear-gradient( 90deg, rgba(49,113,168,0.50196) 0%, rgba(49,113,168,0) 100%);}

.app-listing-panel .titleWrap .tab-buttons{display: flex;align-items: center;}
.app-listing-panel .titleWrap .tab-buttons li{font-size: 1.375rem;color: #999999;position: relative;}
.app-listing-panel .titleWrap .tab-buttons li.active{font-weight: 900;color: #4AABFF;}
.app-listing-panel .titleWrap .tab-buttons li:nth-child(1){padding-right: 1.25rem;}
.app-listing-panel .titleWrap .tab-buttons li:nth-child(2){padding-left: 1.25rem;}
.app-listing-panel .titleWrap .tab-buttons li:nth-child(1)::after{position: absolute; content: ""; right: 0; top: 50%; transform: translateY(-50%) rotate(22deg); width: 1px; height: 70%; background-color: #999999;}
.app-listing-panel .tab-contents .tab-content{display: none;flex-direction: column;row-gap: 1.25rem;}
.app-listing-panel .tab-contents .tab-content.active{display: flex;}
.app-listing-panel .tab-contents .tab-content > a{display:block;padding-bottom: 1.25rem;border-bottom: 1px solid #F3F3F3;}
.app-listing-panel .tab-contents .tab-content > a:last-child{border-bottom: 0;}
.app-listing-panel .tab-contents .tab-content > a > img{width: 8.75rem;height: 8.75rem;border-radius: 2rem;margin-right: 1.25rem;float: left;}
.app-listing-panel .tab-contents .tab-content > a > div{width:24rem;margin-right: 1rem;float: left;}
.app-listing-panel .tab-contents .tab-content > a > div > h4{font-size: 1.875rem;font-weight: 500;color: #404040;margin-bottom: 1rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.app-listing-panel .tab-contents .tab-content > a > div > p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.5rem;color: #999999;}
.app-listing-panel .tab-contents .tab-content > a > div > p:nth-child(1){font-size: 1.875rem;font-weight: 500;color: #404040;margin-bottom: 1rem;}
.app-listing-panel .tab-contents .tab-content > a > div > p:nth-child(2){margin-bottom: 1rem;}
.app-listing-panel .tab-contents .tab-content > a > div > p:nth-child(4){display: none;}
.app-listing-panel .tab-contents .tab-content > a > span{width: 7.188rem;height: 3rem;line-height: 3rem;text-align: center;flex: 0 0 7.188rem;max-width: 7.188rem;color: #999999;font-size: 1.5rem;background-color: #F3F3F3;border-radius: 1.5rem;display: block;float: left;margin-top: 3rem;}

.app-listing-panel .tab-contents .tab-content > div{display: flex;align-items: center;padding-bottom: 1.25rem;border-bottom: 1px solid #F3F3F3;}
.app-listing-panel .tab-contents .tab-content > div:nth-child(10){border-bottom: none;}
.app-listing-panel .tab-contents .tab-content > div > a img{width: 8.75rem;height: 8.75rem;flex: 0 0 8.75rem;max-width: 8.75rem;border-radius: 2rem;margin-right: 1.25rem;}
.app-listing-panel .tab-contents .tab-content div .detailWrap{display: flex;flex-direction: column;row-gap: 1rem;max-width: 17.313rem;flex: 0 0 17.313rem;margin-right: 1rem;}
.app-listing-panel .tab-contents .tab-content div .detailWrap h4{font-size: 1.875rem;font-weight: 500;color: #404040;}
.app-listing-panel .tab-contents .tab-content div .detailWrap .tag-list{display: flex;align-items: center;flex-wrap: wrap;gap: 0.63rem;}
.app-listing-panel .tab-contents .tab-content div .detailWrap .tag-list a{border-radius: 0.31rem;background-color: #DDF8F1;font-size: 1.25rem;color: #17A79F;padding: 0.31rem 0.5rem;}
.app-listing-panel .tab-contents .tab-content div .detailWrap .tag-list a:nth-child(2){background-color: #E9F8FF;color: #3C69E4;}
.app-listing-panel .tab-contents .tab-content div .detailWrap .tag-list a:nth-child(3){background-color: #FFEFEB;color: #F75A53;}
.app-listing-panel .tab-contents .tab-content div .detailWrap .dateUpdate{font-size: 1.5rem;color: #999999;}
.app-listing-panel .tab-contents .tab-content div .viewBtn{margin-left: auto;width: 7.188rem;height: 3rem;line-height: 3rem;text-align: center;flex: 0 0 7.188rem;max-width: 7.188rem;color: #999999;font-size: 1.5rem;background-color: #F3F3F3;border-radius: 1.5rem;}

.app-listing-panel .tab-contents .tab-content .pagination{display: flex;align-items: center;column-gap: 1rem;margin: 0 auto;justify-content: center;border-bottom: none;padding-bottom: 0;}
.app-listing-panel .tab-contents .tab-content .pagination .prev, .app-listing-panel .tab-contents .tab-content .pagination .next{width: 4.625rem;height: 3.375rem;display: flex;align-items: center;justify-content: center;background-color: #ffffff;border: 1px solid #4AABFF;border-radius: 0.31rem;}
.app-listing-panel .tab-contents .tab-content .pagination .prev i, .app-listing-panel .tab-contents .tab-content .pagination .next i{font-size: 2.25rem;color: #4AABFF;}
.app-listing-panel .tab-contents .tab-content .pagination .page-numbers{display: flex;align-items: center;column-gap: 1rem;}
.app-listing-panel .tab-contents .tab-content .pagination .page-numbers a{min-width: 2.625rem;height: 3.375rem;border-radius: 0.25rem;display: flex;align-items: center;justify-content: center;font-size: 1.5rem;color: #666666;padding: 0 0.875rem;}
.app-listing-panel .tab-contents .tab-content .pagination .page-numbers a.current{background-color: #4AABFF;color: #ffffff;}
.app-listing-panel .tab-contents .tab-content .pagination .dot{font-size: 1.5rem;color: #666666;}