.sjcb-wrap,.sjcb-wrap *,.sjcb-wrap *::before,.sjcb-wrap *::after{box-sizing:border-box !important}
.sjcb-wrap{isolation:isolate !important;position:relative !important;line-height:1.4 !important;-webkit-font-smoothing:antialiased !important;text-rendering:optimizeLegibility !important}
.sjcb-wrap *{font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif !important;letter-spacing:normal !important;text-transform:none !important}
.sjcb-wrap a,.sjcb-wrap button,.sjcb-wrap input,.sjcb-wrap select,.sjcb-wrap textarea{font:inherit !important;line-height:inherit !important}
.sjcb-wrap button,.sjcb-wrap input,.sjcb-wrap select,.sjcb-wrap textarea{appearance:none !important;-webkit-appearance:none !important;border-radius:0 !important;background-clip:padding-box !important}
.sjcb-wrap ul,.sjcb-wrap ol{margin:0 !important;padding:0 !important;list-style:none !important}
.sjcb-wrap h1,.sjcb-wrap h2,.sjcb-wrap h3,.sjcb-wrap h4,.sjcb-wrap h5,.sjcb-wrap h6,.sjcb-wrap p{margin:0 !important}
.sjcb-wrap img{max-width:100% !important;height:auto !important;border:0 !important}
.sjcb-wrap .dashicons{font-family:dashicons !important;font-weight:400 !important}
.sjcb-wrap .note-editor *{font-family:inherit !important}
.sjcb-wrap .note-editor .note-btn{border-radius:6px !important}
.sjcb-wrap{min-height:100vh !important;background:linear-gradient(180deg,#0f1115 0%,#141a25 100%) !important;font-family:Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif !important;color:#aab0c0 !important}
.sjcb-wrap .sjcb-container{max-width:1200px !important;margin:0 auto !important;padding:32px 16px !important}
.sjcb-wrap .sjcb-header h1{margin:0 0 8px !important;color:#fff !important;font-size:32px !important;font-weight:700 !important}
.sjcb-wrap .sjcb-header p{margin:0 0 24px !important;font-size:16px !important}
.sjcb-wrap .sjcb-tabs{display:flex !important;gap:12px !important;flex-wrap:wrap !important}
.sjcb-wrap .sjcb-tab{text-decoration:none !important;padding:10px 20px !important;border-radius:999px !important;background:#1a1f2b !important;border:1px solid #2a2f3a !important;color:#aab0c0 !important}
.sjcb-wrap .sjcb-tab.active{background:#1ed760 !important;color:#000 !important;border-color:#1ed760 !important}
.sjcb-wrap .sjcb-grid{display:grid !important;grid-template-columns:1fr !important;gap:24px !important;margin-top:24px !important}
.sjcb-wrap .sjcb-list{display:flex !important;flex-direction:column !important;gap:12px !important}
.sjcb-wrap .sjcb-item{padding:20px !important;border-radius:12px !important;background:#1a1f2b !important;border:1px solid #2a2f3a !important}
.sjcb-wrap .sjcb-title-link{text-decoration:none !important}
.sjcb-wrap .sjcb-title-link h3{margin:0 0 8px !important;color:#fff !important;font-size:18px !important}
.sjcb-wrap .sjcb-title-link h3{display:flex !important;align-items:center !important;gap:6px !important;flex-wrap:wrap !important}
.sjcb-wrap .sjcb-preview{margin:0 0 12px !important;color:#6b7280 !important}
.sjcb-wrap .sjcb-badge{display:inline-flex !important;align-items:center !important;gap:2px !important;padding:2px 8px !important;border-radius:4px !important;font-size:12px !important;font-weight:700 !important}
.sjcb-wrap .sjcb-badge .dashicons{font-size:12px !important;width:12px !important;height:12px !important;line-height:12px !important}
.sjcb-wrap .sjcb-badge.hot{background:#ff4444 !important;color:#ffffff !important}
.sjcb-wrap .sjcb-badge.new{background:#1ed760 !important;color:#000000 !important}
.sjcb-wrap .sjcb-tag-row{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin:0 0 12px !important}
.sjcb-wrap .sjcb-tag{display:inline-flex !important;align-items:center !important;padding:4px 10px !important;border-radius:6px !important;font-size:12px !important;background:#141a25 !important;color:#1ed760 !important;border:1px solid #2a2f3a !important}
.sjcb-wrap .sjcb-meta{display:flex !important;gap:12px !important;flex-wrap:wrap !important;font-size:12px !important}
.sjcb-wrap .sjcb-meta .green{color:#1ed760 !important}
.sjcb-wrap .sjcb-meta-icon{display:inline-flex !important;align-items:center !important;gap:4px !important}
.sjcb-wrap .sjcb-meta-icon .dashicons{font-size:14px !important;width:14px !important;height:14px !important;line-height:14px !important}
.sjcb-wrap .sjcb-pagination{display:flex !important;justify-content:center !important;gap:8px !important;margin-top:24px !important}
.sjcb-wrap .sjcb-page{display:inline-flex !important;width:40px !important;height:40px !important;align-items:center !important;justify-content:center !important;border-radius:8px !important;border:1px solid #2a2f3a !important;background:#1a1f2b !important;color:#aab0c0 !important;text-decoration:none !important}
.sjcb-wrap .sjcb-page.active{background:#1ed760 !important;border-color:#1ed760 !important;color:#000 !important}
.sjcb-wrap .sjcb-sticky{display:flex !important;flex-direction:column !important;gap:20px !important}
.sjcb-wrap .sjcb-write-btn{text-decoration:none !important;text-align:center !important;padding:14px !important;border-radius:14px !important;background:#1ed760 !important;color:#000 !important;font-weight:700 !important;box-shadow:0 8px 24px rgba(30,215,96,.35) !important}
.sjcb-wrap .sjcb-search{position:relative !important;display:flex !important;align-items:center !important;min-height:48px !important}
.sjcb-wrap .sjcb-search input{display:block !important;width:100% !important;margin:0 !important;padding:12px 42px 12px 16px !important;border-radius:8px !important;border:1px solid #2a2f3a !important;background:#141a25 !important;color:#fff !important}
.sjcb-wrap .sjcb-search-icon{position:absolute !important;right:12px !important;top:50% !important;transform:translateY(-50%) !important;width:20px !important;height:20px !important;color:#6b7280 !important;display:inline-flex !important;pointer-events:none !important;z-index:2 !important}
.sjcb-wrap .sjcb-side-card{padding:20px !important;border-radius:12px !important;background:#1a1f2b !important;border:1px solid #2a2f3a !important}
.sjcb-wrap .sjcb-side-card h4,.sjcb-wrap .sjcb-side-card h3{margin:0 0 12px !important;color:#fff !important}
.sjcb-wrap .sjcb-side-title{display:flex !important;align-items:center !important;gap:8px !important}
.sjcb-wrap .sjcb-side-title-icon{width:20px !important;height:20px !important;color:#1ed760 !important;display:inline-flex !important}
.sjcb-wrap .sjcb-popular-list{display:flex !important;flex-direction:column !important;gap:12px !important}
.sjcb-wrap .sjcb-popular-item{display:flex !important;align-items:flex-start !important;gap:12px !important;text-decoration:none !important}
.sjcb-wrap .sjcb-pop-rank{width:24px !important;height:24px !important;border-radius:6px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:12px !important;font-weight:700 !important;background:#2a2f3a !important;color:#aab0c0 !important;flex-shrink:0 !important}
.sjcb-wrap .sjcb-pop-rank.top{background:#1ed760 !important;color:#000 !important}
.sjcb-wrap .sjcb-pop-body{display:flex !important;flex-direction:column !important;gap:4px !important;min-width:0 !important;flex:1 !important}
.sjcb-wrap .sjcb-pop-title{font-size:13px !important;line-height:1.4 !important;color:#fff !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}
.sjcb-wrap .sjcb-popular-item:hover .sjcb-pop-title{color:#1ed760 !important}
.sjcb-wrap .sjcb-pop-views{display:inline-flex !important;align-items:center !important;gap:4px !important;font-size:11px !important;color:#6b7280 !important}
.sjcb-wrap .sjcb-pop-eye{width:12px !important;height:12px !important;display:inline-flex !important}
.sjcb-wrap .sjcb-quick{display:flex !important;justify-content:space-between !important;padding:10px 12px !important;border:1px solid #2a2f3a !important;border-radius:8px !important;text-decoration:none !important;color:#aab0c0 !important;margin-bottom:8px !important}
.sjcb-wrap .sjcb-quick.active{border-color:#1ed760 !important;background:#141a25 !important;color:#1ed760 !important}
.sjcb-wrap .sjcb-empty{padding:20px !important;border:1px solid #2a2f3a !important;border-radius:12px !important;background:#1a1f2b !important}
.sjcb-wrap .sjcb-detail-container{max-width:1400px !important;margin:0 auto !important;padding:32px 16px !important}
.sjcb-wrap .sjcb-detail-grid{display:grid !important;grid-template-columns:1fr !important;gap:24px !important}
.sjcb-wrap .sjcb-detail-main{display:flex !important;flex-direction:column !important;gap:24px !important}
.sjcb-wrap .sjcb-detail-header h1{margin:8px 0 12px !important;color:#fff !important;font-size:30px !important}
.sjcb-wrap .sjcb-detail-header .breadcrumb{color:#6b7280 !important;font-size:14px !important}
.sjcb-wrap .sjcb-detail-header .tags{display:flex !important;gap:8px !important;flex-wrap:wrap !important;margin-bottom:12px !important}
.sjcb-wrap .sjcb-detail-header .tags span{padding:4px 12px !important;border-radius:999px !important;border:1px solid #2a2f3a !important}
.sjcb-wrap .sjcb-detail-header .meta{display:flex !important;gap:10px !important;flex-wrap:wrap !important;font-size:13px !important}
.sjcb-wrap .sjcb-detail-header .author{display:inline-flex !important;align-items:center !important;gap:8px !important;color:#fff !important}
.sjcb-wrap .sjcb-detail-header .author img{width:32px !important;height:32px !important;border-radius:50% !important}
.sjcb-wrap .sjcb-detail-content{padding:24px !important;border-radius:12px !important;border:1px solid #2a2f3a !important;background:#1a1f2b !important;color:#aab0c0 !important;line-height:1.8 !important}
.sjcb-wrap .sjcb-detail-content h2,.sjcb-wrap .sjcb-detail-content h3,.sjcb-wrap .sjcb-detail-content strong{color:#fff !important}
.sjcb-wrap .sjcb-detail-content ul,.sjcb-wrap .sjcb-detail-content ol{padding-left:20px !important;list-style:disc !important}
.sjcb-wrap .sjcb-detail-content ol{list-style:decimal !important}
.sjcb-wrap .sjcb-detail-content blockquote{margin:12px 0 !important;padding:12px 16px !important;border-left:4px solid #1ed760 !important;background:rgba(30,215,96,.08) !important}
.sjcb-wrap .sjcb-detail-content table{width:100% !important;border-collapse:collapse !important}
.sjcb-wrap .sjcb-detail-content th,.sjcb-wrap .sjcb-detail-content td{border:1px solid #2a2f3a !important;padding:8px !important}
.sjcb-wrap .sjcb-actions{display:flex !important;gap:12px !important;justify-content:center !important}
.sjcb-wrap .sjcb-detail-content + .sjcb-actions{margin-top:8px !important}
.sjcb-wrap .sjcb-action-btn{padding:10px 16px !important;border:1px solid #2a2f3a !important;border-radius:8px !important;background:#1a1f2b !important;color:#aab0c0 !important;cursor:pointer !important}
.sjcb-wrap .sjcb-action-btn.active{border-color:#1ed760 !important;color:#1ed760 !important;background:rgba(30,215,96,.1) !important}
.sjcb-wrap .sjcb-owner-actions{display:flex !important;gap:8px !important;justify-content:center !important;margin-top:8px !important}
.sjcb-wrap .sjcb-owner-actions form{margin:0 !important}
.sjcb-wrap .sjcb-owner-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;height:44px !important;line-height:44px !important;padding:0 20px !important;border-radius:8px !important;border:1px solid #2a2f3a !important;background:#1a1f2b !important;color:#aab0c0 !important;text-decoration:none !important;cursor:pointer !important;font-size:15px !important;font-weight:600 !important;vertical-align:middle !important}
.sjcb-wrap .sjcb-owner-actions form .sjcb-owner-btn{appearance:none !important;-webkit-appearance:none !important}
.sjcb-wrap .sjcb-owner-btn.danger{border-color:#ef4444 !important;color:#ef4444 !important}
.sjcb-wrap .sjcb-author-box{padding:20px !important;border:1px solid #2a2f3a !important;border-radius:12px !important;background:#1a1f2b !important;display:flex !important;gap:16px !important}
.sjcb-wrap .sjcb-author-box img{width:64px !important;height:64px !important;border-radius:50% !important}
.sjcb-wrap .sjcb-author-box h3{margin:0 0 8px !important;color:#fff !important}
.sjcb-wrap .sjcb-author-box p{margin:0 0 12px !important}
.sjcb-wrap .sjcb-author-box .author-link{color:#1ed760 !important;text-decoration:none !important}
.sjcb-wrap .sjcb-comments h2{color:#fff !important}
.sjcb-wrap .sjcb-comment-editor{background:#1a1f2b !important;border:1px solid #2a2f3a !important;border-radius:12px !important;padding:16px !important;margin-bottom:24px !important}
.sjcb-wrap .sjcb-comment-editor textarea{width:100% !important;min-height:120px !important;background:transparent !important;border:0 !important;color:#fff !important;outline:none !important;resize:none !important}
.sjcb-wrap .sjcb-comment-editor textarea::placeholder{color:#6b7280 !important}
.sjcb-wrap .sjcb-comment-submit-wrap{display:flex !important;justify-content:flex-end !important}
.sjcb-wrap .sjcb-comment-submit{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:10px 16px !important;background:#1ed760 !important;border:0 !important;color:#0f1115 !important;border-radius:10px !important;font-weight:600 !important;cursor:pointer !important}
.sjcb-wrap .sjcb-send-icon{width:14px !important;height:14px !important;display:inline-flex !important}
.sjcb-wrap .sjcb-comment-list{display:flex !important;flex-direction:column !important;gap:18px !important}
.sjcb-wrap .sjcb-comment-item{display:flex !important;gap:12px !important}
.sjcb-wrap .sjcb-comment-item.reply{margin-left:52px !important}
.sjcb-wrap .sjcb-comment-avatar{width:40px !important;height:40px !important;border-radius:999px !important;object-fit:cover !important;flex-shrink:0 !important}
.sjcb-wrap .sjcb-comment-body{flex:1 !important;min-width:0 !important}
.sjcb-wrap .sjcb-comment-top{display:flex !important;align-items:center !important;gap:8px !important;margin-bottom:6px !important}
.sjcb-wrap .sjcb-comment-author{color:#fff !important;font-weight:600 !important}
.sjcb-wrap .sjcb-comment-time{color:#9ca3af !important;font-size:14px !important}
.sjcb-wrap .sjcb-comment-text{color:#d1d5db !important;line-height:1.7 !important}
.sjcb-wrap .sjcb-reply-toggle{margin-top:6px !important;background:transparent !important;border:0 !important;color:#9ca3af !important;padding:0 !important;cursor:pointer !important}
.sjcb-wrap .sjcb-reply-toggle:hover{color:#1ed760 !important}
.sjcb-wrap .sjcb-reply-form{display:none !important;gap:8px !important;margin-top:10px !important}
.sjcb-wrap .sjcb-reply-form.active{display:flex !important}
.sjcb-wrap .sjcb-reply-form input{flex:1 !important;padding:10px 12px !important;background:#0f1115 !important;border:1px solid #2a2f3a !important;border-radius:8px !important;color:#fff !important}
.sjcb-wrap .sjcb-reply-form button{padding:10px 14px !important;border:0 !important;border-radius:8px !important;background:#1ed760 !important;color:#0f1115 !important;font-weight:600 !important}
.sjcb-wrap .sjcb-bottom-nav-row{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;padding:14px !important;border:1px solid #2a2f3a !important;border-radius:12px !important;background:#1a1f2b !important}
.sjcb-wrap .sjcb-bottom-btn{flex:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:10px 14px !important;border-radius:8px !important;border:1px solid #2a2f3a !important;background:#0f1115 !important;color:#aab0c0 !important;text-decoration:none !important;font-weight:500 !important}
.sjcb-wrap .sjcb-bottom-btn:hover{border-color:#1ed760 !important;color:#1ed760 !important}
.sjcb-wrap .sjcb-bottom-btn.list{flex:0 0 auto !important;padding:10px 18px !important;background:rgba(30,215,96,.12) !important;border-color:rgba(30,215,96,.2) !important;color:#1ed760 !important}
.sjcb-wrap .sjcb-bottom-btn.disabled{opacity:.45 !important;pointer-events:none !important}
.sjcb-wrap .sjcb-bottom-icon{width:14px !important;height:14px !important;display:inline-flex !important}
.sjcb-wrap .sjcb-detail-side .side-link{display:block !important;padding:10px 0 !important;color:#aab0c0 !important;text-decoration:none !important;border-bottom:1px solid #2a2f3a !important}
.sjcb-wrap .sjcb-detail-side{display:flex !important;flex-direction:column !important;gap:20px !important}
@media(min-width:1024px){.sjcb-wrap .sjcb-grid{grid-template-columns:minmax(0,8fr) minmax(0,4fr) !important}.sjcb-wrap .sjcb-sticky{position:sticky !important;top:24px !important}.sjcb-wrap .sjcb-detail-grid{grid-template-columns:minmax(0,1fr) 320px !important}}
.sjcb-wrap .sjcb-write-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important}
.sjcb-wrap .sjcb-sticky .sjcb-write-btn,.sjcb-wrap .sjcb-detail-side .sjcb-write-btn{width:100% !important}
.sjcb-wrap .sjcb-write-icon{font-size:18px !important;width:18px !important;height:18px !important;line-height:18px !important}
.sjcb-wrap .sjcb-icon-pen{display:inline-flex !important;align-items:center !important;justify-content:center !important}
.sjcb-wrap .sjcb-write-shell{max-width:1000px !important}
.sjcb-wrap .sjcb-write-form{display:flex !important;flex-direction:column !important;gap:12px !important;padding:20px !important;border-radius:12px !important;background:#1a1f2b !important;border:1px solid #2a2f3a !important}
.sjcb-wrap .sjcb-write-label{color:#ffffff !important;font-size:14px !important;font-weight:600 !important}
.sjcb-wrap .sjcb-write-input,.sjcb-wrap .sjcb-write-select{width:100% !important;padding:12px 14px !important;border-radius:8px !important;border:1px solid #2a2f3a !important;background:#141a25 !important;color:#ffffff !important}
.sjcb-wrap .sjcb-write-input::placeholder{color:#6b7280 !important}
.sjcb-wrap .sjcb-write-actions{display:flex !important;justify-content:flex-end !important;gap:8px !important;margin-top:8px !important}
.sjcb-wrap .sjcb-write-cancel{padding:10px 16px !important;border-radius:8px !important;background:#1a1f2b !important;border:1px solid #2a2f3a !important;color:#aab0c0 !important;text-decoration:none !important}
.sjcb-wrap .sjcb-write-submit{padding:10px 16px !important;border-radius:8px !important;background:#1ed760 !important;border:1px solid #1ed760 !important;color:#000000 !important;font-weight:700 !important;cursor:pointer !important}
.sjcb-wrap .sjcb-write-login{display:inline-block !important;margin-left:8px !important;color:#1ed760 !important}
.sjcb-wrap .note-editor.note-frame{border:1px solid #2a2f3a !important;background:#141a25 !important}
.sjcb-wrap .note-editor .note-toolbar{background:#1a1f2b !important;border-bottom:1px solid #2a2f3a !important}
.sjcb-wrap .note-editor .note-editing-area .note-editable{background:#141a25 !important;color:#ffffff !important;min-height:360px !important}
.sjcb-wrap .note-editor .note-btn{background:#1a1f2b !important;border:1px solid #2a2f3a !important;color:#aab0c0 !important}
.sjcb-wrap .note-modal-backdrop{display:none !important;opacity:0 !important;pointer-events:none !important}
.sjcb-wrap .note-modal{z-index:99999 !important}
.sjcb-wrap .note-modal .modal-content{background:#141a25 !important;border:1px solid #2a2f3a !important}
.sjcb-wrap .note-modal .modal-header,
.sjcb-wrap .note-modal .modal-footer{border-color:#2a2f3a !important}
.sjcb-wrap .note-modal .modal-title,
.sjcb-wrap .note-modal .control-label{color:#e5e7eb !important}
.sjcb-wrap .note-modal input{background:#0f1115 !important;border:1px solid #2a2f3a !important;color:#ffffff !important}
.sjcb-wrap .sjcb-summernote-view img{max-width:100% !important;height:auto !important}
.sjcb-wrap .sjcb-summernote-view p,.sjcb-wrap .sjcb-summernote-view div,.sjcb-wrap .sjcb-summernote-view span,.sjcb-wrap .sjcb-summernote-view li{color:#aab0c0 !important}
.sjcb-wrap .sjcb-summernote-view h1,.sjcb-wrap .sjcb-summernote-view h2,.sjcb-wrap .sjcb-summernote-view h3,.sjcb-wrap .sjcb-summernote-view h4,.sjcb-wrap .sjcb-summernote-view h5,.sjcb-wrap .sjcb-summernote-view h6,.sjcb-wrap .sjcb-summernote-view strong{color:#ffffff !important}
.sjcb-wrap .sjcb-summernote-view pre,.sjcb-wrap .sjcb-summernote-view code{background:#0f1115 !important;color:#d1d5db !important;border:1px solid #2a2f3a !important;border-radius:6px !important}
.sjcb-wrap .sjcb-write-icon svg,
.sjcb-wrap .sjcb-search-icon svg,
.sjcb-wrap .sjcb-side-title-icon svg,
.sjcb-wrap .sjcb-pop-eye svg,
.sjcb-wrap .sjcb-send-icon svg,
.sjcb-wrap .sjcb-bottom-icon svg{width:100% !important;height:100% !important;stroke:currentColor !important;fill:none !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important}