.comments-title{padding:40px 0}.comments-title .chapter-title{font-size:18px;font-weight:600;letter-spacing:-.004px;line-height:26px}.comments-title .count-wrap{font-size:24px;font-weight:700;line-height:24px}.comments-header{color:var(--color-neutral-800);font-size:14px;font-weight:600;letter-spacing:.203px;line-height:20px;padding-bottom:10px}.comments-header .order-wrap{gap:18px}#idCommentList .empty-comment-wrap,.comments-header .order-option:not(.active){color:var(--color-neutral-500);font-weight:400}#idCommentList .empty-comment-wrap{font-size:14px;letter-spacing:.203px;line-height:157.1%;padding:40px 0 200px}#idCommentList:has(li) .empty-comment-wrap{display:none}#idCommentList .comment-wrap{padding:16px 0;width:100%}#idCommentList .comment-wrap .author-wrap{gap:5px;width:100%}#idCommentList .comment-wrap .author-wrap .author-name{color:var(--color-neutral-800);font-size:13px;font-weight:600;line-height:18px;width:100%}#idCommentList .comment-wrap .author-wrap .created-at{color:var(--color-neutral-500);flex-shrink:0;font-size:13px;font-weight:400;line-height:18px}#idCommentList .comment-wrap .content-wrap{color:var(--color-neutral-800);font-size:14px;font-weight:400;letter-spacing:.203px;line-height:20px;margin-top:12px;word-break:break-all}#idCommentList .comment-wrap .content-wrap .content{white-space:pre-wrap}#idCommentList .comment-wrap .chapter-title{color:var(--color-neutral-500);font-size:13px;font-weight:400;line-height:18px;margin-top:12px}#idCommentList .comment-wrap .buttons-wrap{margin-top:18px;width:100%}#idCommentList .comment-wrap .buttons-wrap .left-wrap{gap:6px}#idCommentList .comment-wrap .buttons-wrap button{align-items:center;background:var(--color-neutral-50);border-radius:8px;display:flex;flex-shrink:0;gap:5px;padding:7px 14px}#idCommentList .comment-wrap .buttons-wrap button svg{height:16px;width:16px}#idCommentList .comment-wrap .buttons-wrap button img{height:18px;width:18px}#idCommentList .comment-wrap .buttons-wrap button span{color:var(--color-neutral-500);flex-shrink:0;font-size:13px;font-weight:400;line-height:18px}#idCommentList .comment-wrap .buttons-wrap .like-button.liked svg path{fill:var(--red-500)}#idCommentList .comment-list-item{flex-direction:column}#idCommentList .comment-list-item:has(.replies-wrap.none)>.comment-wrap{border-bottom:1px solid var(--color-neutral-100)}#idCommentList .comment-list-item:has(.reply-list-item)>.comment-wrap{border-bottom:1px solid var(--color-neutral-100)}#idCommentList .reply-list-item{gap:10px}#idCommentList .reply-list-item:not(:last-child) .comment-wrap{border-bottom:1px solid var(--color-neutral-100)}#idCommentList .reply-list-item .reply-arrow{margin-top:14px}.write-comment-wrap{gap:10px;padding-bottom:10px}.write-comment-wrap.reply{border-bottom:1px solid var(--color-neutral-100);padding:0 0 16px}.write-comment-wrap .reply-arrow{margin-top:12px}.write-comment-wrap .right-wrap{width:100%}.write-comment-wrap .input-wrap{gap:8px;margin:8px 0 10px}.write-comment-wrap .input-field-wrap{border:1px solid var(--color-neutral-100);border-radius:18px;gap:10px;padding:12px 14px;width:100%}.write-comment-wrap .input-field-wrap .input-field{font-size:14px;font-weight:400;letter-spacing:.203px;line-height:157.1%;width:100%}.write-comment-wrap .input-field-wrap .clear-button{background:none;height:24px;padding:0;width:24px}.write-comment-wrap .spoiler-toggle{margin-top:6px}.write-comment-wrap .spoiler-toggle input{display:none}.write-comment-wrap .spoiler-toggle .spoiler-toggle-button{background:#fff;border:1px solid var(--color-neutral-100);border-radius:100px;gap:8px;padding:6px 10px;width:fit-content}.write-comment-wrap .spoiler-toggle .check-icon{background:var(--color-neutral-200);border-radius:50px;height:18px;width:18px}.write-comment-wrap .spoiler-toggle .text{color:var(--color-neutral-500);font-size:14px;font-weight:400;letter-spacing:.203px;line-height:22px}.write-comment-wrap .spoiler-toggle:has(input:checked) .check-icon{background:var(--green-500)}.write-comment-wrap .spoiler-toggle:has(input:checked) .text{color:var(--green-500)}.write-comment-wrap .more-replies-wrap{height:24px;position:relative;width:100%}.write-comment-wrap .more-replies-wrap .more-replies-button{background:none;border:none;color:var(--neutral-600);font-size:10px;font-weight:500;gap:2px;left:50%;padding:7px;position:absolute;top:50%;transform:translate(-50%,-50%)}.write-comment-wrap .more-replies-wrap .close-replies{background:var(--neutral-1100);border:none;border-radius:14px;color:var(--neutral-600);font-size:10px;font-weight:500;padding:4.5px 8.5px}.comment-list-item:has(.reply-list-item) .write-comment-wrap .reply-arrow{display:none}.comment-list-item:has(.reply-list-item) .write-comment-wrap .right-wrap{margin-left:34px}.ql-container{align-items:center;min-height:24px}.ql-container.ql-disabled,.ql-container.ql-disabled *{cursor:pointer}.ql-container .ql-editor{font-size:14px;font-weight:400;letter-spacing:.203px;line-height:22px;padding:0!important}.ql-container .ql-editor.ql-blank:before{color:var(--color-neutral-200);left:0}.ql-container .ql-clipboard{display:none!important;padding:0}.ql-container .ql-editor p{white-space:pre-wrap}@media screen and (max-width:1023px){body:has(#idCommentWrap) #idPCHeader{display:none}#idCommentWrap{margin-top:0}.chapter-list-button{height:24px;width:24px}.comments-title{padding:13px 0}}@media screen and (max-width:767px){.comments-title .count-wrap{font-size:17px;font-weight:600;letter-spacing:-.042px;line-height:24px;text-align:center}#idCommentList .empty-comment-wrap{padding:40px 0 80px}}#idAccountMyInfo .comment-wrap{border-bottom:1px solid var(--color-neutral-100)}