.liveCommentWide{width:100%;padding:16px;background-color:#f1f1f1;box-sizing:border-box;container:live-comment/inline-size}.liveCommentWide .titleArea{margin-bottom:16px}.liveCommentWide .titleArea .headTitle{display:flex;justify-content:space-between;align-items:center;width:100%}.liveCommentWide .titleArea .headTitle .titleText{font-size:16px;font-weight:700;line-height:1;letter-spacing:-0.16px}.liveCommentWide .titleArea .headTitle .more{flex-shrink:0;display:flex;align-items:center;gap:6px;font-size:14px;color:#575757;font-weight:400;letter-spacing:-0.6px;font-family:Pretendard,"Malgun Gothic",sans-serif;transition:color .25s}.liveCommentWide .titleArea .headTitle .more:after{content:"";flex-shrink:1;width:6px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='18' viewBox='0 0 6 18' fill='none'%3E%3Cpath d='M1.5 6L4.5 9L1.5 12' stroke='%23A3A3A3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat}.liveCommentWide .liveCommentWrap{display:flex;gap:10px;width:100%;box-sizing:border-box}.liveCommentWide .liveCommentWrap .liveCommentLeft{flex-shrink:0;width:250px;height:230px;border-radius:6px;overflow:hidden}.liveCommentWide .liveCommentWrap .liveCommentLeft img{width:100%;height:100%;object-fit:cover}.liveCommentWide .liveCommentWrap .liveCommentRight{display:flex;flex-direction:column;gap:10px;width:calc(100% - 250px - 10px)}.liveCommentWide .liveCommentWrap .liveCommentRight .comments{display:flex;flex-direction:column-reverse;gap:6px;padding:5px 12px;background:#fff;border-radius:6px;box-sizing:border-box}.liveCommentWide .liveCommentWrap .liveCommentRight .content{display:flex;gap:6px;align-items:center;padding:7px 0;line-height:1}.liveCommentWide .liveCommentWrap .liveCommentRight .content .icon{flex-shrink:0;width:16px;height:16px;overflow:hidden}.liveCommentWide .liveCommentWrap .liveCommentRight .content .icon img{width:100%;height:100%;object-fit:cover}.liveCommentWide .liveCommentWrap .liveCommentRight .content .nickname{flex-shrink:0;width:84px;font-size:14px;font-weight:700;line-height:1}.liveCommentWide .liveCommentWrap .liveCommentRight .content .comment{flex-grow:1;display:flex;align-items:center;gap:6px;min-width:0;font-size:14px}.liveCommentWide .liveCommentWrap .liveCommentRight .content .comment:before{display:inline-block;content:"";width:1px;height:8px;background-color:#f0f0f0}.liveCommentWide .liveCommentWrap .liveCommentRight .content .comment span{flex-grow:1;min-width:0;color:#4d4d4d;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .25s}.liveCommentWide .liveCommentWrap .liveCommentRight .goToComment{border:1px solid #e0e0e0;background:#fafafa;border-radius:6px;overflow:hidden}.liveCommentWide .liveCommentWrap .liveCommentRight .goToComment a{display:block;width:100%;padding:10px 12px;color:#999;line-height:1;letter-spacing:-0.13px;font-family:Pretendard,"Malgun Gothic",sans-serif;box-sizing:border-box;transition:color .25s,background .25s}.liveCommentWide:not(.mo) .headTitle .more:hover{color:#222}.liveCommentWide:not(.mo) .liveCommentRight .content:hover .comment span{color:#00b8a9}.liveCommentWide:not(.mo) .liveCommentRight .goToComment a:hover{color:#00b8a9;background:#fff}.liveCommentWide.mo{padding:6px 16px}.liveCommentWide.mo.ibuilder .liveCommentLeft a.only-pcimg img{object-position:top}@container live-comment (max-width: 608px){.liveCommentWide .titleArea .headTitle .titleText{font-size:14px;margin-right:10px}.liveCommentWide .liveCommentWrap{flex-direction:column;gap:12px}.liveCommentWide .liveCommentWrap .liveCommentLeft{width:100%;height:142px}.liveCommentWide .liveCommentWrap .liveCommentLeft a{max-width:343px}.liveCommentWide .liveCommentWrap .liveCommentLeft a.only-pcimg img{object-position:top}.liveCommentWide .liveCommentWrap .liveCommentRight{width:100%;gap:12px}.liveCommentWide .liveCommentWrap .liveCommentRight .content .nickname{width:78px}.liveCommentWide .liveCommentWrap .liveCommentRight .content .nickname,.liveCommentWide .liveCommentWrap .liveCommentRight .content .comment{font-size:13px}.liveCommentWide .liveCommentWrap .liveCommentRight .goToComment a{font-size:13px}}.pcMain .liveCommentWide .liveCommentWrap{display:flex}
/*# sourceMappingURL=ibuilder-live-comment.css.map */