.sn-activityleaderboard-ref a{background-color: transparent;}
.sn-activityleaderboard-ref a:active,.sn-activityleaderboard-ref a:hover{outline: 0px;}
.sn-activityleaderboard-ref strong{font-weight: 700;}
.sn-activityleaderboard-ref table{border-spacing: 0px; border-collapse: collapse;}
.sn-activityleaderboard-ref td,.sn-activityleaderboard-ref th{padding: 0px;}
@media print{.sn-activityleaderboard-ref *{color: rgb(0, 0, 0) !important; text-shadow: none !important; background: 0px 0px !important; box-shadow: none !important;}
.sn-activityleaderboard-ref a,.sn-activityleaderboard-ref a:visited{text-decoration: underline;}
.sn-activityleaderboard-ref a[href]::after{content: " (" attr(href) ")";}
.sn-activityleaderboard-ref thead{display: table-header-group;}
.sn-activityleaderboard-ref tr{break-inside: avoid;}
.sn-activityleaderboard-ref h2,.sn-activityleaderboard-ref h3,.sn-activityleaderboard-ref p{orphans: 3; widows: 3;}
.sn-activityleaderboard-ref h2,.sn-activityleaderboard-ref h3{break-after: avoid;}}
.sn-activityleaderboard-ref *{box-sizing: border-box;}
.sn-activityleaderboard-ref a{color: rgb(51, 122, 183); text-decoration: none;}
.sn-activityleaderboard-ref a:focus,.sn-activityleaderboard-ref a:hover{color: rgb(35, 82, 124); text-decoration: underline;}
.sn-activityleaderboard-ref a:focus{outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px;}
.sn-activityleaderboard-ref h2,.sn-activityleaderboard-ref h3{font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;}
.sn-activityleaderboard-ref h2,.sn-activityleaderboard-ref h3{margin-top: 20px; margin-bottom: 10px;}
.sn-activityleaderboard-ref h2{font-size: 30px;}
.sn-activityleaderboard-ref h3{font-size: 24px;}
.sn-activityleaderboard-ref p{margin: 0px 0px 10px;}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (min-width: 1200px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (min-width: 1200px){}
.sn-activityleaderboard-ref table{background-color: transparent;}
.sn-activityleaderboard-ref th{text-align: left;}
@media screen and (max-width: 767px){}
@media screen and (-webkit-min-device-pixel-ratio: 0){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (max-device-width: 480px) and (orientation: landscape){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (max-width: 767px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (max-width: 767px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 768px){}
@media (max-width: 767px){}
@media (max-width: 767px){}
@media screen and (min-width: 768px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (transform-3d), (-webkit-transform-3d){}
@media screen and (min-width: 768px){}
@media (max-width: 767px){}
@media (max-width: 767px){}
@media (max-width: 767px){}
@media (max-width: 767px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 1200px){}
@media (min-width: 1200px){}
@media (min-width: 1200px){}
@media (min-width: 1200px){}
@media (max-width: 767px){}
@media (min-width: 768px) and (max-width: 991px){}
@media (min-width: 992px) and (max-width: 1199px){}
@media (min-width: 1200px){}
@media print{}
@media print{}
@media print{}
@media print{}
@media print{}
@media (max-width: 767px){}
.sn-activityleaderboard-ref *{margin: 0px; padding: 0px; outline: none !important;}
.sn-activityleaderboard-ref a{color: rgb(34, 34, 34); text-decoration: none;}
.sn-activityleaderboard-ref a:hover{text-decoration: none;}
.sn-activityleaderboard-ref h2{font-family: inherit; margin: 0px;}
.sn-activityleaderboard-ref p,.sn-activityleaderboard-ref span,.sn-activityleaderboard-ref div,.sn-activityleaderboard-ref strong{padding: 0px; margin: 0px;}
.sn-activityleaderboard-ref .page_seo_tit_box{overflow: hidden; margin-bottom: 20px; position: relative;}
.sn-activityleaderboard-ref .page_seo_tit_box h2{font-size: 20px; margin-bottom: 12px; padding: 0px 10px; letter-spacing: -1.5px;}
.sn-activityleaderboard-ref .page_seo_tit_box h2::before{content: url("/imgs/page_seo_tit_box_h2.png?1"); display: inline-block; margin-right: 8px; vertical-align: middle;}
.sn-activityleaderboard-ref .page_seo_tit_box h3{font-size: 17px; margin-bottom: 12px; padding: 0px 10px; letter-spacing: -1.5px;}
.sn-activityleaderboard-ref .page_seo_tit_box p{font-size: 15px; color: rgb(85, 85, 85); background: rgb(238, 238, 238); padding: 16px; border-radius: 8px; margin: 2px 0px;}
.sn-activityleaderboard-ref .page_seo_tit_box .magazine_btn_box a{width: 170px; margin: 20px auto; text-align: center; display: block; background: rgb(255, 121, 22); color: rgb(255, 255, 255); padding: 10px; border-radius: 500px;}
.sn-activityleaderboard-ref .page_seo_tit_box.qna_box{background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 12px; padding: 20px;}
.sn-activityleaderboard-ref .page_seo_tit_box.qna_box h3::before{content: url("/imgs/page_seo_tit_box_qna.png?1"); display: inline-block; margin-right: 8px; vertical-align: middle;}
.sn-activityleaderboard-ref .page_seo_tit_box.qna_box .section_box{padding: 0px 18px; margin-top: 35px;}
@media (max-width: 768px){}
@media (max-width: 768px){}
@media (max-width: 768px){}
.sn-activityleaderboard-ref div.section_box{overflow: hidden; margin: 10px 0px 20px;}
@media (max-width: 768px){.sn-activityleaderboard-ref .page_seo_tit_box h2{font-size: 16px; letter-spacing: -0.5px; margin-top: 10px;}
.sn-activityleaderboard-ref .page_seo_tit_box h3{font-size: 15px;}
.sn-activityleaderboard-ref .page_seo_tit_box p{font-size: 13px; margin: 0px 10px;}
.sn-activityleaderboard-ref .page_seo_tit_box .magazine_btn_box a{width: 90%;}
.sn-activityleaderboard-ref .page_seo_tit_box.qna_box{padding: 10px; margin: 0px 10px;}
.sn-activityleaderboard-ref .page_seo_tit_box.qna_box .section_box{padding: 0px; margin-top: 20px;}
.sn-activityleaderboard-ref .page_seo_tit_box.qna_box .section_box p{margin: 2px; padding: 10px;}}
.sn-activityleaderboard-ref .activity-leaderboard-wrap{margin: 18px 0px 22px;}
.sn-activityleaderboard-ref .activity-leaderboard-box{display: grid; grid-template-columns: 255px 1fr; gap: 16px; align-items: start; padding: 18px; border: 2px solid rgb(236, 236, 236); border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 14px;}
.sn-activityleaderboard-ref .activity-left-panel{min-width: 0px;}
.sn-activityleaderboard-ref .activity-right-panel{min-width: 0px;}
.sn-activityleaderboard-ref .activity-leaderboard-head{margin-bottom: 12px;}
.sn-activityleaderboard-ref .activity-leaderboard-head h3{display: flex; align-items: center; gap: 8px; margin: 0px 0px 4px; font-size: 21px; font-weight: 800; line-height: 1.3; color: rgb(17, 17, 17); letter-spacing: -0.03em;}
.sn-activityleaderboard-ref .activity-leaderboard-head p{margin: 0px; font-size: 12px; line-height: 1.5; color: rgb(102, 102, 102);}
.sn-activityleaderboard-ref .activity-trophy{font-size: 20px; line-height: 1;}
.sn-activityleaderboard-ref .activity-summary-card{padding: 15px; border: 1px solid rgb(232, 232, 232); border-radius: 14px; background: rgb(250, 250, 250);}
.sn-activityleaderboard-ref .activity-meta-box{margin-bottom: 13px; padding-bottom: 13px; border-bottom: 1px solid rgb(231, 231, 231);}
.sn-activityleaderboard-ref .meta-row + .meta-row{margin-top: 10px;}
.sn-activityleaderboard-ref .meta-label{display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; color: rgb(119, 119, 119);}
.sn-activityleaderboard-ref .meta-row strong{display: block; font-size: 13px; font-weight: 800; color: rgb(34, 34, 34); line-height: 1.5;}
.sn-activityleaderboard-ref .summary-block{margin-bottom: 13px;}
.sn-activityleaderboard-ref .summary-label{display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: rgb(85, 85, 85);}
.sn-activityleaderboard-ref .summary-rank-row strong{display: block; margin-bottom: 6px; font-size: 30px; font-weight: 900; line-height: 1; letter-spacing: -0.04em; color: rgb(91, 43, 224);}
.sn-activityleaderboard-ref .summary-rank-row em{display: block; font-style: normal; font-size: 12px; line-height: 1.5; color: rgb(68, 68, 68);}
.sn-activityleaderboard-ref .summary-note{padding-top: 11px; border-top: 1px solid rgb(232, 232, 232); font-size: 12px; line-height: 1.6; color: rgb(102, 102, 102); word-break: keep-all;}
.sn-activityleaderboard-ref .activity-table-card{border: 1px solid rgb(232, 232, 232); border-radius: 14px; background: rgb(255, 255, 255); overflow: hidden;}
.sn-activityleaderboard-ref .activity-table-scroll{max-height: 360px; overflow-y: auto;}
.sn-activityleaderboard-ref .activity-table{width: 100%; border-collapse: collapse;}
.sn-activityleaderboard-ref .activity-table thead th{position: sticky; top: 0px; z-index: 2; padding: 12px 14px; background: rgb(250, 250, 250); border-bottom: 1px solid rgb(236, 236, 236); font-size: 13px; font-weight: 700; color: rgb(85, 85, 85); text-align: center;}
.sn-activityleaderboard-ref .activity-table tbody td{padding: 11px 14px; border-bottom: 1px solid rgb(240, 240, 240); font-size: 14px; font-weight: 600; color: rgb(17, 17, 17); text-align: center; vertical-align: middle; line-height: 1.4;}
.sn-activityleaderboard-ref .activity-table tbody tr:last-child td{border-bottom: 0px;}
.sn-activityleaderboard-ref .rank-cell{width: 70px;}
.sn-activityleaderboard-ref .name-cell{text-align: left !important; font-weight: 700 !important;}
.sn-activityleaderboard-ref .activity-score{width: 90px; font-weight: 800 !important; color: rgb(75, 33, 230) !important;}
.sn-activityleaderboard-ref .rank-medal{display: inline-block; font-size: 18px; line-height: 1;}
.sn-activityleaderboard-ref .rank-num{font-size: 14px; font-weight: 700; color: rgb(17, 17, 17);}
.sn-activityleaderboard-ref .activity-table-scroll::-webkit-scrollbar{width: 8px;}
.sn-activityleaderboard-ref .activity-table-scroll::-webkit-scrollbar-thumb{background: rgb(215, 215, 215); border-radius: 20px;}
.sn-activityleaderboard-ref .activity-table-scroll::-webkit-scrollbar-track{background: rgb(245, 245, 245);}
@media (max-width: 991px){.sn-activityleaderboard-ref .activity-leaderboard-box{grid-template-columns: 1fr;}
.sn-activityleaderboard-ref .activity-table-scroll{max-height: 320px;}}
@media (max-width: 768px){.sn-activityleaderboard-ref .activity-leaderboard-wrap{margin: 14px 0px 18px;}
.sn-activityleaderboard-ref .activity-leaderboard-box{padding: 14px; border-radius: 14px;}
.sn-activityleaderboard-ref .activity-leaderboard-head h3{font-size: 18px;}
.sn-activityleaderboard-ref .activity-leaderboard-head p{font-size: 12px;}
.sn-activityleaderboard-ref .activity-summary-card{padding: 14px;}
.sn-activityleaderboard-ref .summary-rank-row strong{font-size: 28px;}
.sn-activityleaderboard-ref .activity-table-scroll{max-height: 300px;}
.sn-activityleaderboard-ref .activity-table thead th{padding: 10px 8px; font-size: 12px;}
.sn-activityleaderboard-ref .activity-table tbody td{padding: 10px 8px; font-size: 13px;}
.sn-activityleaderboard-ref .rank-medal{font-size: 16px;}}
@media (prefers-reduced-motion: reduce){}

.sn-activityleaderboard-ref .user_levelname .user_name{margin:0 0 0 2px;}
.sn-activityleaderboard-ref p{word-break:normal}