"); } #jtbcmodule-comment-container .icon--good { background-image: url("data:image/svg+xml;utf8,"); } #jtbcmodule-comment-container .icon--best { background-image: url("data:image/svg+xml;utf8,"); } #jtbcmodule-comment-container .icon--sad { background-image: url("data:image/svg+xml;utf8,"); } #jtbcmodule-comment-container .icon--cheerup { background-image: url("data:image/svg+xml;utf8,"); } #jtbcmodule-comment-container .icon--angry { background-image: url("data:image/svg+xml;utf8,"); } #jtbcmodule-comment-container .icon--jtbc { background-image: url("jtbc.0c0b295f49bcafb74698.png"); } #jtbcmodule-comment-container .icon--kakao { background-image: url("kakao@2x.8ebfef5516c2df0b822e.png"); } #jtbcmodule-comment-container .icon--apple { background-image: url("apple@2x.e990609209689dfae450.png"); } #jtbcmodule-comment-container .icon--naver { background-image: url("naver@2x.c7bd2444f627babd580b.png"); } #jtbcmodule-comment-container .icon--facebook { background-image: url("fb@2x.6cb7ca480d076083db1f.png"); } #jtbcmodule-comment-container .icon--twitter { background-image: url("twitter.670b16d5fa1342b626be.png"); } #jtbcmodule-comment-container .react-responsive-modal-root { z-index: 9999; } #jtbcmodule-comment-container .react-responsive-modal-overlay { background: rgba(0, 0, 0, 0.6); } #jtbcmodule-comment-container .react-responsive-modal-container { overflow-y: hidden !important; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal { background: rgb(255, 255, 255); box-shadow: none; box-sizing: border-box; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-title { border-bottom: 1px solid rgb(42, 42, 42); color: rgb(42, 42, 42); font-size: 22px; font-weight: 500; letter-spacing: -1.1px; line-height: 18px; padding-bottom: 17px; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-subtitle { font-size: 16px; font-weight: 600; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-body { width: 100%; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-body.scroll { height: 500px; overflow-y: auto; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-body.scroll::-webkit-scrollbar { width: 4px; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-body.scroll::-webkit-scrollbar-thumb { background: rgb(165, 165, 165); } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-footer { align-items: center; display: flex; gap: 6px; height: 40px; justify-content: center; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-desc { color: rgb(158, 158, 158); font-size: 12px; line-height: 18px; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-desc::before { background: rgb(158, 158, 158); content: ""; display: inline-block; height: 2px; margin-right: 5px; vertical-align: middle; width: 2px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-sm { padding: 36px 25px; text-align: center; width: 296px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-sm .modal-title { color: rgb(42, 42, 42); font-size: 15px; font-weight: 500; letter-spacing: -0.38px; line-height: 20px; padding-bottom: 4px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-sm .modal-text { color: rgb(42, 42, 42); font-size: 14px; font-weight: 400; letter-spacing: -0.35px; line-height: 20px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-sm .modal-text + .modal-text { padding-bottom: 8px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-sm .modal-remark { color: rgb(149, 149, 149); font-size: 13px; font-weight: 400; letter-spacing: -0.33px; line-height: 20px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-sm .modal-footer { margin-top: 20px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-md { height: auto; padding: 34px 40px 50px; position: relative; text-align: center; width: 524px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-md .modal-title { border-bottom: 2px solid rgb(42, 42, 42); color: rgb(42, 42, 42); font-size: 22px; font-weight: 500; letter-spacing: -1.1px; line-height: 18px; padding-bottom: 17px; text-align: left; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-md .react-responsive-modal-closeButton { right: 38px; top: 30px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-md .modal-body { padding: 42px 0px 20px; text-align: center; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-md .modal-body .modal-text { color: rgb(93, 96, 100); font-size: 17px; font-weight: 400; letter-spacing: -0.85px; line-height: 24px; margin-bottom: 30px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-lg { max-width: 700px; overflow: hidden; padding: 34px 40px 36px; position: relative; width: 700px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-lg .modal-body { padding: 30px 0px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-lg .modal-footer { gap: 10px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-lg .react-responsive-modal-closeButton { right: 40px; top: 38px; } @media screen and (max-device-width: 1024px) { #jtbcmodule-comment-container .react-responsive-modal-modal.modal { height: auto; max-width: 296px; padding: 34px 30px; width: 90%; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-sm .modal-text { color: rgb(42, 42, 42); font-size: 14px; font-weight: 400; letter-spacing: -0.35px; line-height: 19px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-md .modal-text { color: rgb(42, 42, 42); font-size: 14px; font-weight: 400; letter-spacing: -0.35px; line-height: 20px; margin-bottom: 20px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-lg .modal-body { font-size: 13px; padding: 20px 0px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-lg .modal-footer { gap: 6px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-lg .react-responsive-modal-closeButton { right: 30px; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-title { color: rgb(42, 42, 42); font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 25px; padding-bottom: 10px; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-subtitle { font-size: 14px; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-body { height: 95%; } #jtbcmodule-comment-container .react-responsive-modal-modal .modal-body.scroll { margin-right: -28px; padding-right: 26px; } #jtbcmodule-comment-container .react-responsive-modal-modal .react-responsive-modal-closeButton { right: 10px; top: 10px; } } @media screen and (max-device-width: 320px) { #jtbcmodule-comment-container .react-responsive-modal-modal.modal { margin: 6px; padding: 30px 24px; } #jtbcmodule-comment-container .react-responsive-modal-modal.modal-lg .react-responsive-modal-closeButton { right: 24px; top: 34px; } } #jtbcmodule-comment-container .react-responsive-modal-closeButton { background-image: url("data:image/svg+xml;utf8,"); background-size: cover; cursor: pointer; display: inline-block; height: 16px; position: absolute; right: 10px; top: 10px; width: 16px; } #jtbcmodule-comment-container .react-responsive-modal-closeButton svg { display: none; } #jtbcmodule-comment-container .input { display: block; height: inherit; letter-spacing: -0.7px; line-height: 20px; } #jtbcmodule-comment-container .input__label { color: rgb(0, 0, 0); display: block; font-weight: 600; position: relative; } #jtbcmodule-comment-container .input__text { border: 1px solid rgb(221, 221, 221); box-sizing: border-box; color: rgb(42, 42, 42); display: block; font-family: "Noto Sans KR", AppleGothic, sans-serif; font-size: 14px; font-weight: 400; height: inherit; letter-spacing: -0.75px; line-height: 18px; padding: 12px; width: 100%; } #jtbcmodule-comment-container .input__text--pre { font-size: inherit; height: 100%; line-height: inherit; } #jtbcmodule-comment-container .input__text:disabled { -webkit-text-fill-color: rgb(93, 96, 100); background: rgb(248, 248, 248); border-color: rgb(248, 248, 248); color: rgb(93, 96, 100); } #jtbcmodule-comment-container .input__text::placeholder { color: rgb(170, 170, 170); } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .input__text { font-size: 12px; } } #jtbcmodule-comment-container .toggle { display: inline-block; height: 20px; position: relative; width: 34px; } @media screen and (max-device-width: 1024px) { #jtbcmodule-comment-container .toggle { height: 18px; width: 31px; } } #jtbcmodule-comment-container .toggle__btn { height: 0px; opacity: 0; width: 0px; } #jtbcmodule-comment-container .toggle__btn:checked + .toggle__round { background-color: rgb(187, 80, 255); } #jtbcmodule-comment-container .toggle__btn:focus + .toggle__round { box-shadow: rgb(187, 80, 255) 0px 0px 1px; } #jtbcmodule-comment-container .toggle__btn:checked + .toggle__round::before { transform: translateX(14px); } @media screen and (max-device-width: 1024px) { #jtbcmodule-comment-container .toggle__btn:checked + .toggle__round::before { transform: translateX(13px); } } #jtbcmodule-comment-container .toggle__round { background-color: rgb(156, 156, 156); border-radius: 10px; inset: 0px; cursor: pointer; position: absolute; transition: all 0.4s ease 0s; } #jtbcmodule-comment-container .toggle__round::before { background-color: rgb(255, 255, 255); border-radius: 50%; bottom: 2px; content: ""; height: 16px; left: 2px; position: absolute; transition: all 0.4s ease 0s; width: 16px; } @media screen and (max-device-width: 1024px) { #jtbcmodule-comment-container .toggle__round::before { height: 14px; width: 14px; } #jtbcmodule-comment-container .popup-bottom { inset: 0px; position: fixed; width: 100%; z-index: 98; } #jtbcmodule-comment-container .popup-bottom--active .popup-bottom__container { transform: translateY(0px); } #jtbcmodule-comment-container .popup-bottom__container { bottom: 0px; height: 100%; max-height: 69%; position: fixed; transform: translateY(105%); transition: transform 0.5s ease 0s; width: 100%; } } #jtbcmodule-comment-container .reaction__list { align-items: center; background: rgb(255, 255, 255); border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.09) 0px 4px 4px; display: flex; flex-direction: column; gap: 11px; height: 50px; justify-content: flex-start; margin: 0px; overflow: hidden; padding: 10px 0px; position: relative; transition: all 0.5s ease 0s; width: 50px; } #jtbcmodule-comment-container .reaction__list--on { height: 266px; padding: 16px 0px; } #jtbcmodule-comment-container .reaction__item { cursor: pointer; flex: 1 1 0%; transition: all 0.5s ease 0s; } #jtbcmodule-comment-container .reaction__btn, #jtbcmodule-comment-container .reaction__icon { height: 30px; width: 30px; } #jtbcmodule-comment-container .reaction__icon.icon--close { height: 24px; width: 24px; } #jtbcmodule-comment-container .reaction__animation { position: relative; top: -60px; } #jtbcmodule-comment-container .reaction__animation .reaction__icon { animation-direction: normal; animation-duration: 3s; animation-fill-mode: forwards; animation-name: reaction; animation-play-state: running; animation-timing-function: ease-in-out; left: 0px; opacity: 0; position: absolute; top: 0px; z-index: 0; } #jtbcmodule-comment-container .reaction__animation .reaction__icon:first-child { left: 12px; } #jtbcmodule-comment-container .reaction__animation .reaction__icon:nth-child(2) { animation-delay: 0.5s; left: -25px; } #jtbcmodule-comment-container .reaction__animation .reaction__icon:nth-child(3) { animation-delay: 1s; left: 22px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:first-child { animation-delay: 0.5s; left: 22px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(2) { animation-delay: 1s; left: 7px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(3) { animation-delay: 1.5s; left: -24px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(4) { animation-delay: 2s; left: -24px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(5) { animation-delay: 2.5s; left: 12px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(6) { animation-delay: 3s; left: -14px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(7) { animation-delay: 3.5s; left: 29px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(8) { animation-delay: 4s; left: -26px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(9) { animation-delay: 4.5s; left: -23px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(10) { animation-delay: 5s; left: 13px; } @keyframes reaction { 0% { opacity: 0.1; transform: rotate(20deg); } 50% { opacity: 1; transform: rotate(-20deg); } 99% { height: 30px; opacity: 0; top: -130px; transform: rotate(20deg); width: 30px; } 100% { height: 0px; opacity: 0; width: 0px; } } #jtbcmodule-comment-container .kebab { position: relative; } #jtbcmodule-comment-container .kebab__btn { background: transparent; padding-left: 10px; } #jtbcmodule-comment-container .kebab__list { align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(234, 234, 234); display: flex; flex-direction: column; justify-content: center; min-width: 65px; padding: 6px 0px; z-index: 8; } #jtbcmodule-comment-container .kebab__item { cursor: pointer; font-size: 13px; padding: 4px 8px; text-align: center; width: 100%; } #jtbcmodule-comment-container .kebab__item:hover { background: rgb(248, 248, 248); } #jtbcmodule-comment-container .comment-count { align-items: center; color: rgb(170, 170, 170); display: flex; } #jtbcmodule-comment-container .comment-count__btn { font-size: 12px; } #jtbcmodule-comment-container .comment-count__btn span { cursor: pointer; } #jtbcmodule-comment-container .comment-count__btn + .sep { background: rgb(221, 221, 221); display: inline-block; height: 12px; margin: 0px 8px; width: 1px; } #jtbcmodule-comment-container .comment-count__num { color: rgb(42, 42, 42); font-weight: 600; margin-left: 4px; } #jtbcmodule-comment-container .comment-align { align-items: center; display: flex; } #jtbcmodule-comment-container .comment-align__item { color: rgb(93, 96, 100); } #jtbcmodule-comment-container .comment-align__item + .comment-align__item::before { background: rgb(221, 221, 221); content: ""; display: inline-block; height: 14px; margin: -2px 8px; width: 1px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-align__item + .comment-align__item::before { height: 13px; } } #jtbcmodule-comment-container .comment-align__item--on { color: rgb(42, 42, 42); font-weight: 700; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-align { display: -webkit-inline-box; font-size: 13px; overflow-x: auto; width: 100%; } #jtbcmodule-comment-container .comment-align::-webkit-scrollbar { display: none; } } #jtbcmodule-comment-container .attach-link { border: 1px solid rgb(234, 234, 234); height: 150px; margin-top: 10px; position: relative; width: 100%; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .attach-link { height: 84px; } } #jtbcmodule-comment-container .attach-link__preview { display: flex; } #jtbcmodule-comment-container .attach-link__img { height: 150px; } #jtbcmodule-comment-container .attach-link__img img { height: 100%; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .attach-link__img { height: 84px; } #jtbcmodule-comment-container .attach-link__img img { max-width: 100%; } } #jtbcmodule-comment-container .attach-link__info { display: flex; flex-direction: column; justify-content: space-between; padding: 28px 20px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .attach-link__info { flex: 1 1 0%; padding: 12px; } } #jtbcmodule-comment-container .attach-link__tit { -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgb(27, 38, 55); display: -webkit-box; font-size: 18px; font-weight: 600; height: 48px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .attach-link__tit { font-size: 12px; height: 30px; line-height: 15px; } } #jtbcmodule-comment-container .attach-link__url { color: rgb(170, 170, 170); font-size: 14px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .attach-link__url { color: rgb(93, 96, 100); font-size: 10px; } } #jtbcmodule-comment-container .progress { margin-top: 20px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .progress { padding: 0px 16px; } } #jtbcmodule-comment-container .progress__bar + .progress__bar { margin-top: 10px; } #jtbcmodule-comment-container .progress__info { display: flex; font-size: 12px; justify-content: space-between; margin-bottom: 5px; } #jtbcmodule-comment-container .progress__title { font-weight: 600; } #jtbcmodule-comment-container .progress__value { font-weight: 700; } #jtbcmodule-comment-container .progress__track { background: rgb(244, 244, 244); height: 14px; width: 100%; } #jtbcmodule-comment-container .progress__fill { height: 100%; } #jtbcmodule-comment-container .progress__fill--pros { background: rgb(99, 141, 255); } #jtbcmodule-comment-container .progress__fill--cons { background: rgb(206, 122, 240); } #jtbcmodule-comment-container .progress__fill--other { background: rgb(170, 170, 170); } #jtbcmodule-comment-container .stack { align-items: center; display: flex; flex-wrap: wrap; } #jtbcmodule-comment-container .stack--col { align-items: flex-start; flex-direction: column; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment__top { background: rgb(244, 244, 244); padding: 25px 16px; } #jtbcmodule-comment-container .comment__top--theme { background: rgb(255, 255, 255); padding: 20px 16px 0px; } } #jtbcmodule-comment-container .comment__noti { font-size: 12px; } #jtbcmodule-comment-container .comment__off { background: rgb(244, 244, 244); border: 1px solid rgb(221, 221, 221); color: rgb(170, 170, 170); font-size: 16px; font-weight: 600; padding: 32px 0px; text-align: center; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment__off { font-size: 14px; padding: 25px 0px; } } #jtbcmodule-comment-container .comment--event .comment__top { background: rgb(255, 255, 255); padding: 12px 0px 0px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment--event .comment__top { background: rgb(255, 255, 255); padding: 20px 16px 8px; } #jtbcmodule-comment-container .comment--event .comment-info { margin-bottom: 0px; } #jtbcmodule-comment-container .comment__badge { display: flex; margin-bottom: 5px; } } #jtbcmodule-comment-container .comment-info { align-items: center; display: flex; margin-bottom: 12px; } #jtbcmodule-comment-container .comment-info__count { color: rgb(0, 0, 0); font-size: 16px; font-weight: 700; margin-right: 12px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-info__count { font-size: 15px; margin-right: 6px; } } #jtbcmodule-comment-container .comment-info__num { color: rgb(121, 125, 132); font-size: 14px; font-weight: 400; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-info__num { font-size: 13px; } } #jtbcmodule-comment-container .comment-info__refresh { font-size: 12px; margin-top: 3px; } #jtbcmodule-comment-container .comment-write { background: rgb(244, 244, 244); border: 1px solid rgb(221, 221, 221); display: flex; padding: 20px 28px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-write { border: 0px; padding: 0px; } } #jtbcmodule-comment-container .comment-write__box { background: rgb(255, 255, 255); border: 1px solid rgb(234, 234, 234); color: rgb(93, 96, 100); flex: 1 1 0%; height: 100px; position: relative; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-write__box { height: auto; min-height: 85px; } } #jtbcmodule-comment-container .comment-write__float { background: rgb(255, 255, 255); color: rgb(93, 96, 100); font-size: 14px; font-weight: 400; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 2; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-write__float { font-size: 12px; } } #jtbcmodule-comment-container .comment-write__form { display: flex; flex-direction: column; padding: 10px; } #jtbcmodule-comment-container .comment-write__radio { font-size: 12px; } #jtbcmodule-comment-container .comment-write__radio + .comment-write__radio { padding-left: 12px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-write__radio + .comment-write__radio { padding-left: 0px; padding-top: 4px; } } #jtbcmodule-comment-container .comment-write__radio:first-child { margin-left: 10px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-write__radio:first-child { margin-left: 0px; } } #jtbcmodule-comment-container .comment-write__textarea { border: 0px; color: rgb(27, 38, 55); font-family: "Noto Sans KR", AppleGothic, sans-serif; font-size: 14px; height: 40px; margin-top: 5px; max-height: 40px; outline: 0px; overflow-y: auto; width: 100%; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-write__textarea { font-size: 12px; height: 18px; line-height: 18px; margin-bottom: 6px; max-height: 54px; } } #jtbcmodule-comment-container .comment-write__btn { color: rgb(93, 96, 100); font-size: inherit; font-weight: 700; height: auto; margin-left: 16px; width: 100px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-write__btn { color: rgb(255, 255, 255); flex: 0 0 55px; font-size: 12px; font-weight: 600; margin-left: 0px; } } #jtbcmodule-comment-container .comment-write__byte { font-size: 12px; text-align: right; } #jtbcmodule-comment-container .comment-write__byte .current-num { color: rgb(170, 170, 170); } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-write--vs { align-items: flex-start; flex-direction: column; margin-bottom: 2px; margin-top: 8px; } } #jtbcmodule-comment-container .report-type-list { display: flex; flex-wrap: wrap; gap: 12px 0px; margin: 12px 0px 20px; } #jtbcmodule-comment-container .report-type-list li { flex: 0 0 50%; } @media screen and (max-device-width: 1024px) { #jtbcmodule-comment-container .report-type-list { gap: 8px 0px; } #jtbcmodule-comment-container .report-type-list li { flex: 0 0 100%; } } #jtbcmodule-comment-container .comment-list { padding-bottom: 30px; } #jtbcmodule-comment-container .comment-list--nodata { align-items: center; color: rgb(204, 204, 204); display: flex; font-weight: 600; justify-content: center; padding: 50px 0px; text-align: center; } #jtbcmodule-comment-container .comment-list__tab { margin: 30px 0px 13px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-list__tab { margin: 25px 16px 10px; } } #jtbcmodule-comment-container .comment-list__top { align-items: center; display: flex; justify-content: space-between; margin-bottom: 5px; } #jtbcmodule-comment-container .comment-list__info { display: flex; gap: 10px; } #jtbcmodule-comment-container .comment-list__fix { align-items: center; color: rgb(170, 170, 170); display: flex; gap: 2px; } #jtbcmodule-comment-container .comment-list__menu .kebab__btn { padding-right: 10px; } #jtbcmodule-comment-container .comment-list__list { border-bottom: 1px solid rgb(234, 234, 234); border-top: 1px solid rgb(234, 234, 234); } #jtbcmodule-comment-container .comment-list__box { padding: 20px 0px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-list__box { font-size: 12px; padding: 20px 16px; } } #jtbcmodule-comment-container .comment-list__item + .comment-list__item { border-top: 1px solid rgb(234, 234, 234); } #jtbcmodule-comment-container .comment-list__item--reply { margin-left: 70px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-list__item--reply { margin-left: 38px; } } #jtbcmodule-comment-container .comment-list__item--blind { color: rgb(170, 170, 170); } #jtbcmodule-comment-container .comment-list__text { word-break: break-all; } #jtbcmodule-comment-container .comment-list__text + .comment-count { margin-top: 10px; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-list__text + .comment-count { margin-top: 12px; } } #jtbcmodule-comment-container .comment-list__btn-more { align-items: center; display: flex; height: 46px; justify-content: center; margin: 30px auto; } @media screen and (max-device-width: 767px) { #jtbcmodule-comment-container .comment-list__btn-more { height: auto; margin: 20px auto; } #jtbcmodule-comment-container .comment-list__btn-more > [class*="button"] { color: rgb(170, 170, 170); font-size: 13px; } } #jtbcmodule-comment-container .comment-list__flex { flex: 1 1 0%; } #jtbcmodule-comment-container .comment-list__img { background: rgb(221, 221, 221); border-radius: 50%; height: 44px; overflow: hidden; width: 44px; } #jtbcmodule-comment-container .comment-list__img img { height: auto; width: 100%; } #jtbcmodule-comment-container .comment-list--event .comment-list__box { align-items: center; display: flex; gap: 12px; } #jtbcmodule-comment-container .comment-list--event .comment-list__text { margin-top: 5px; } "); background-position: right 4px center; background-repeat: no-repeat; background-size: 30px 24px; border: 1px solid rgb(221, 221, 221); color: rgb(42, 42, 42); cursor: pointer; display: inline-block; font-size: 14px; height: 100%; line-height: normal; padding: 0px 40px 0px 12px; position: relative; text-align: left; transition: all 0.15s ease-in-out 0s; user-select: none; vertical-align: middle; width: 100%; } .Select_button__NAp2tcNdW1M3nkLTBQMW_jtbc-comment:focus:not(:focus-visible) { outline: 0px; } @media screen and (max-device-width: 767px) { .Select_button__NAp2tcNdW1M3nkLTBQMW_jtbc-comment { background-position: right 2px center; background-size: 22px 22px; font-size: 12px; padding-right: 28px; } } .Select_menu__Q16Gi6DDQM4d7fC55Cuy_jtbc-comment { background-color: rgb(255, 255, 255); border: 1px solid rgb(234, 234, 234); color: rgb(121, 125, 132); font-size: 14px; line-height: 36px; margin-top: -1px; max-height: 150px; overflow-y: auto; padding: 8px 0px; position: relative; text-align: left; z-index: 99; } @media screen and (max-device-width: 767px) { .Select_menu__Q16Gi6DDQM4d7fC55Cuy_jtbc-comment { font-size: 12px; line-height: 30px; max-height: 130px; } } .Select_item__XhWJ7AUvh8cvGlzYZ8V3_jtbc-comment { background-color: transparent; color: rgb(27, 38, 55); cursor: pointer; line-height: 1.5; padding: 6px 14px; } .Select_item__XhWJ7AUvh8cvGlzYZ8V3_jtbc-comment:hover { background: rgb(248, 248, 248); } .Search_search__J2gzYK_4nTosPJjfAn_j_jtbc-comment { align-items: center; display: flex; flex-wrap: wrap; height: 38px; justify-content: center; } .Search_select__Muf0_bizhtok5JgbKkom_jtbc-comment { flex: 0 0 auto; margin-right: 6px; width: 117px; } .Search_text__cO0Vyn8bU48DYVYYuiIY_jtbc-comment { width: 228px; } .Search_button__ZpZLkiKkvrk5QkaDNnbM_jtbc-comment { margin-left: 6px; } @media screen and (max-device-width: 767px) { .Search_select__Muf0_bizhtok5JgbKkom_jtbc-comment { flex: 1 1 0%; max-width: 86px; } .Search_text__cO0Vyn8bU48DYVYYuiIY_jtbc-comment { flex: 1 1 0%; } .Search_button__ZpZLkiKkvrk5QkaDNnbM_jtbc-comment { max-width: 46px; } } .react-responsive-modal-root { inset: 0px; position: fixed; z-index: 1000; } .react-responsive-modal-overlay { background: rgba(0, 0, 0, 0.5); inset: 0px; position: fixed; z-index: -1; } .react-responsive-modal-container { height: 100%; outline: 0px; overflow: hidden auto; text-align: center; } .react-responsive-modal-containerCenter::after { content: ""; display: inline-block; height: 100%; vertical-align: middle; width: 0px; } .react-responsive-modal-modal { background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 15px 0px; display: inline-block; margin: 1.2rem; max-width: 800px; overflow-y: auto; padding: 1.2rem; position: relative; text-align: left; vertical-align: middle; } .react-responsive-modal-closeButton { background-color: transparent; border: none; cursor: pointer; display: flex; padding: 0px; position: absolute; right: 14px; top: 14px; } .react-responsive-modal-container, .react-responsive-modal-modal, .react-responsive-modal-overlay { animation-fill-mode: forwards !important; } @keyframes react-responsive-modal-overlay-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes react-responsive-modal-overlay-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes react-responsive-modal-modal-in { 0% { opacity: 0; transform: scale(0.96); } 100% { opacity: 1; transform: scale(1); } } @keyframes react-responsive-modal-modal-out { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.96); } } .react-responsive-modal-overlay { background: rgba(0, 0, 0, 0.6); } .react-responsive-modal-container { overflow-y: hidden !important; } .react-responsive-modal-modal.modal { background: rgb(255, 255, 255); box-shadow: none; box-sizing: border-box; } .react-responsive-modal-modal .modal-title { border-bottom: 1px solid rgb(42, 42, 42); color: rgb(42, 42, 42); font-size: 22px; font-weight: 500; letter-spacing: -1.1px; line-height: 18px; padding-bottom: 17px; } .react-responsive-modal-modal .modal-subtitle { font-size: 16px; font-weight: 600; } .react-responsive-modal-modal .modal-body { width: 100%; } .react-responsive-modal-modal .modal-body.scroll { height: 500px; overflow-y: auto; } .react-responsive-modal-modal .modal-body.scroll::-webkit-scrollbar { width: 4px; } .react-responsive-modal-modal .modal-body.scroll::-webkit-scrollbar-thumb { background: rgb(165, 165, 165); } .react-responsive-modal-modal .modal-footer { align-items: center; display: flex; gap: 6px; height: 40px; justify-content: center; } .react-responsive-modal-modal .modal-desc { color: rgb(158, 158, 158); font-size: 12px; line-height: 18px; } .react-responsive-modal-modal .modal-desc::before { background: rgb(158, 158, 158); content: ""; display: inline-block; height: 2px; margin-right: 5px; vertical-align: middle; width: 2px; } .react-responsive-modal-modal.modal-sm { padding: 36px 25px; text-align: center; width: 296px; } .react-responsive-modal-modal.modal-sm .modal-title { color: rgb(42, 42, 42); font-size: 15px; font-weight: 500; letter-spacing: -0.38px; line-height: 20px; padding-bottom: 4px; } .react-responsive-modal-modal.modal-sm .modal-text { color: rgb(42, 42, 42); font-size: 14px; font-weight: 400; letter-spacing: -0.35px; line-height: 20px; } .react-responsive-modal-modal.modal-sm .modal-text + .modal-text { padding-bottom: 8px; } .react-responsive-modal-modal.modal-sm .modal-remark { color: rgb(149, 149, 149); font-size: 13px; font-weight: 400; letter-spacing: -0.33px; line-height: 20px; } .react-responsive-modal-modal.modal-sm .modal-footer { margin-top: 20px; } .react-responsive-modal-modal.modal-md { height: auto; padding: 34px 40px 50px; position: relative; text-align: center; width: 524px; } .react-responsive-modal-modal.modal-md .modal-title { border-bottom: 2px solid rgb(42, 42, 42); color: rgb(42, 42, 42); font-size: 22px; font-weight: 500; letter-spacing: -1.1px; line-height: 18px; padding-bottom: 17px; text-align: left; } .react-responsive-modal-modal.modal-md .react-responsive-modal-closeButton { right: 38px; top: 30px; } .react-responsive-modal-modal.modal-md .modal-body { padding: 42px 0px 20px; text-align: center; } .react-responsive-modal-modal.modal-md .modal-body .modal-text { color: rgb(93, 96, 100); font-size: 17px; font-weight: 400; letter-spacing: -0.85px; line-height: 24px; margin-bottom: 30px; } .react-responsive-modal-modal.modal-lg { max-width: 700px; overflow: hidden; padding: 34px 40px 36px; position: relative; width: 700px; } .react-responsive-modal-modal.modal-lg .modal-body { padding: 30px 0px; } .react-responsive-modal-modal.modal-lg .modal-footer { gap: 10px; } .react-responsive-modal-modal.modal-lg .react-responsive-modal-closeButton { right: 42px; top: 34px; } @media screen and (max-width: 1024px) { .react-responsive-modal-modal.modal { height: auto; max-width: 296px; padding: 34px 30px; width: 90%; } .react-responsive-modal-modal.modal-sm .modal-text { color: rgb(42, 42, 42); font-size: 14px; font-weight: 400; letter-spacing: -0.35px; line-height: 19px; } .react-responsive-modal-modal.modal-md .modal-text { color: rgb(42, 42, 42); font-size: 14px; font-weight: 400; letter-spacing: -0.35px; line-height: 20px; margin-bottom: 20px; } .react-responsive-modal-modal.modal-lg .modal-body { font-size: 13px; padding: 20px 0px; } .react-responsive-modal-modal.modal-lg .modal-footer { gap: 6px; } .react-responsive-modal-modal .modal-title { color: rgb(42, 42, 42); font-size: 16px; font-weight: 500; letter-spacing: -0.8px; line-height: 25px; padding-bottom: 10px; } .react-responsive-modal-modal .modal-subtitle { font-size: 14px; } .react-responsive-modal-modal .modal-body { height: 95%; } .react-responsive-modal-modal .modal-body.scroll { margin-right: -28px; padding-right: 26px; } .react-responsive-modal-modal .react-responsive-modal-closeButton { right: 10px; top: 10px; } } .board-error-container { margin-bottom: 4rem; margin-top: 4rem; min-height: 403px; position: relative; } .board-error-container .error-box { border-top: 1px solid rgb(42, 42, 42); padding: 35px 0px 0px; position: absolute; width: 100%; } .board-error-container .error-box .error-title { align-items: center; display: flex; flex-direction: column; justify-content: center; margin-bottom: 30px; } .board-error-container .error-box .error-title .error-icon { background: 0% 0% / 100% 100% no-repeat; display: inline-block; height: 64px; margin-bottom: 25px; width: 64px; } .board-error-container .error-box .error-title b { color: rgb(0, 0, 0); display: block; font-family: JTBC; font-size: 18px; font-weight: 400; line-height: 25px; margin: 0px; } .board-error-container .error-box .error-txt { color: rgb(121, 125, 132); font-size: 13px; margin: 0px 35px; text-align: left; word-break: keep-all; } .board-error-container .error-box .error-txt a { color: rgb(0, 0, 0); text-decoration: underline; } .board-error-container .error-box .error-btn { border-top: 1px solid rgb(221, 221, 221); margin: 30px 0px; padding: 20px 0px 0px; text-align: center; } .board-error-container .error-box .error-btn a.btns { border: 1px solid rgb(221, 221, 221); color: rgb(42, 42, 42); display: inline-block; font-size: 12px; font-weight: 400; height: 32px; letter-spacing: -1px; line-height: 32px; text-align: center; width: 107px; } .board-error-container .error-box .error-btn a.btns ~ a { margin-left: 5px; } @media screen and (min-width: 950px) { .board-error-container { min-height: 503px; } .board-error-container .error-box { border-width: 2px 1px 1px; border-style: solid; border-color: rgb(42, 42, 42) rgb(234, 234, 234) rgb(234, 234, 234); border-image: initial; left: 50%; padding: 0px 42px 40px; transform: translateX(-50%); width: 844px; } .board-error-container .error-box .error-title { margin-top: 54px; } .board-error-container .error-box .error-title .error-icon { background-size: cover; height: 100px; width: 100px; } .board-error-container .error-box .error-title b { font-size: 28px; font-weight: 500; letter-spacing: 0px; line-height: 2.4rem; } .board-error-container .error-box .error-txt { background: rgb(244, 244, 244); font-size: 14px; line-height: 24px; margin: 0px; padding: 30px 30px 25px; } .board-error-container .error-box .error-btn { border: 0px; margin: 30px 0px 0px; padding: 0px; } .board-error-container .error-box .error-btn a.btns { border: 1px solid rgb(221, 221, 221); color: rgb(42, 42, 42); display: inline-block; font-size: 14px; font-weight: 500; height: 36px; line-height: 34px; min-width: 158px; width: 98px; } } .news-error-container { gap: 2rem; padding-bottom: 11.5rem; padding-top: 11.5rem; } .news-error-container, .news-error-container .news-error-box { align-items: center; display: flex; flex-direction: column; justify-content: center; } .news-error-container .news-error-box { gap: 0.75rem; } .news-error-container .news-error-txt { color: rgb(119, 119, 119); font-size: 1.5rem; font-weight: 600; line-height: 2.125rem; overflow-wrap: break-word; word-break: keep-all; } .news-error-container .news-error-btn { align-items: center; border: 1px solid rgb(228, 228, 228); border-radius: 0.5rem; color: rgb(36, 36, 36); display: flex; font-size: 1rem; font-weight: 600; gap: 0.2rem; justify-content: center; line-height: 1.125rem; padding: 0.8125rem 1.0625rem 0.8125rem 1.4375rem; } .news-error-container .news-error-btn svg { margin-top: 2px; } @media screen and (max-width: 767.95px) { .news-error-container { gap: 1.5rem; padding-bottom: 9rem; padding-top: 9rem; } .news-error-container .news-error-txt { font-size: 1.25rem; line-height: 1.875rem; } } .Paging_pagination__MXmaI83DMsIIzopdW66o_jtbc-comment { position: relative; } .Paging_list__ilK4ussCM8omTsFmBVSv_jtbc-comment { gap: 4px; } .Paging_btn__UdrZ8gNqsQg8WbHOkN8Q_jtbc-comment, .Paging_list__ilK4ussCM8omTsFmBVSv_jtbc-comment { align-items: center; display: flex; justify-content: center; } .Paging_btn__UdrZ8gNqsQg8WbHOkN8Q_jtbc-comment { background: transparent; border: 0px; color: rgb(93, 96, 100); cursor: pointer; font-size: 14px; font-weight: 700; height: 26px; min-width: 26px; text-align: center; } .Paging_btn__UdrZ8gNqsQg8WbHOkN8Q_jtbc-comment:disabled { background: rgb(248, 248, 248); border: 0px; pointer-events: none; } .Paging_btn__UdrZ8gNqsQg8WbHOkN8Q_jtbc-comment:disabled .Paging_icon__double-arrow__sp8M1mKgjesFZuBhe8tr_jtbc-comment { background-image: url("data:image/svg+xml;utf8,"); } .Paging_btn__UdrZ8gNqsQg8WbHOkN8Q_jtbc-comment:disabled .Paging_icon--arrow__YD0DWzy3BgnkM1nl_6xK_jtbc-comment { background-image: url("data:image/svg+xml;utf8,"); } .Paging_active__lAeo82zJWsMc72l9baip_jtbc-comment { border: 1px solid rgb(234, 234, 234); color: rgb(187, 80, 255); padding: 0px 4px; } .Paging_first__syDnOXL7QYwEN4iM02tk_jtbc-comment, .Paging_last__ZmPO543KdWEqmeluT6bs_jtbc-comment { border: 1px solid rgb(234, 234, 234); width: 26px; } .Paging_prev__bXcae4ImL5MwyyaF18l1_jtbc-comment { border: 1px solid rgb(234, 234, 234); margin-right: 6px; width: 26px; } .Paging_next__WYtiVxuf3jo51ruFdLWa_jtbc-comment { border: 1px solid rgb(234, 234, 234); margin-left: 6px; width: 26px; } @media screen and (max-device-width: 767px) { .Paging_pagination__MXmaI83DMsIIzopdW66o_jtbc-comment { display: flex; justify-content: space-between; } .Paging_btn__UdrZ8gNqsQg8WbHOkN8Q_jtbc-comment { padding: 0px; width: 35px; } .Paging_icon__dJwC0CKNbRQnnnzFEZZD_jtbc-comment { height: 46px; width: 14px; } .Paging_first__syDnOXL7QYwEN4iM02tk_jtbc-comment { margin-right: 4px; } .Paging_last__ZmPO543KdWEqmeluT6bs_jtbc-comment { margin-left: 4px; } .Paging_prev__bXcae4ImL5MwyyaF18l1_jtbc-comment { margin-right: 0px; } .Paging_next__WYtiVxuf3jo51ruFdLWa_jtbc-comment { margin-left: 0px; } .Paging_value__slBCrK0Wd_oWiHKMsxpJ_jtbc-comment { align-items: center; color: rgb(121, 125, 132); display: flex; flex: 1 1 0%; font-size: 12px; font-weight: 400; justify-content: center; } } .EventButton_eventButton__OJCh6VIwr9gAlu91J0jM_jtbc-comment { font-size: 16px; font-weight: 700; height: 56px; margin: 12px 0px 30px; padding: 0px; width: 100%; } @media screen and (max-device-width: 767px) { .EventButton_eventButton__OJCh6VIwr9gAlu91J0jM_jtbc-comment { font-size: 14px; margin: 10px 0px 20px; } } .EventButton_type1__PdHXPTUVETYuKu_tNvxU_jtbc-comment { background: rgb(42, 42, 42); color: rgb(255, 255, 255); } .EventButton_type2__v4Mf0CLn1qQyW9Vl7Lzh_jtbc-comment { background: rgb(13, 36, 86); color: rgb(255, 254, 189); } .EventButton_type3__jwiYaZn9qDwtqBQsL_oc_jtbc-comment { background: rgb(13, 36, 86); color: rgb(159, 241, 253); } (cache)[이슈]투모로우바이투게더 연준의 재발견 | JTBC뉴스

이슈

#2024 미국 대선
#대통령-명태균 녹취 파문
#한반도는 지금
#JTBC 뉴스룸
#단도직입 인터뷰
#JTBC 유튜브

연예

[이슈]투모로우바이투게더 연준의 재발견[이슈]투모로우바이투게더 연준의 재발견

1분입력 2024.01.10 11:25

JTBC

[이슈]투모로우바이투게더 연준의 재발견[이슈]투모로우바이투게더 연준의 재발견

그룹 투모루우바이투게더 연준이 6일 오후 인도네시아 자카르타 인터내셔널 스타디움에서 열린 '38회 골든디스크 어워즈 with 만디리' 무대에 올라 공연을 펼치고 있다. 특별취재반 / 2024.01.06/
그룹 투모루우바이투게더 연준이 6일 오후 인도네시아 자카르타 인터내셔널 스타디움에서 열린 '38회 골든디스크 어워즈 with 만디리' 무대에 올라 공연을 펼치고 있다. 특별취재반 / 2024.01.06/
그룹 투모루우바이투게더 연준이 6일 오후 인도네시아 자카르타 인터내셔널 스타디움에서 열린 '38회 골든디스크 어워즈 with 만디리' 무대에 올라 공연을 펼치고 있다. 특별취재반 / 2024.01.06/
그룹 투모루우바이투게더 연준이 6일 오후 인도네시아 자카르타 인터내셔널 스타디움에서 열린 '38회 골든디스크 어워즈 with 만디리' 무대에 올라 공연을 펼치고 있다. 특별취재반 / 2024.01.06/
뛰어나다보니 시기가 따를 수 밖에 없다.

투모로우바이투게더(TXT) 연준은 6일 인도네시아 자카르타 인터내셔널 스타디움에서 개최된 '38회 골든디스크 어워즈 with 만디리'에서 팀 단체 무대 뿐만 아니라 보이넥스트도어 명재현·태산, 제로베이스원 한빈·태래·하오와 골든 스테이지 '스펙트럼(speKtrum)' 퍼포머로 이름을 올렸다.

골든 스테이지 '스펙트럼'은 '다양한 스타일의 K팝 무대를 선보이면서 세계적으로 사랑받고 있는 K팝 스펙트럼을 증명한다' 주제로 진행됐으며 연준 경우 블랙핑크·아이유 히트곡 무대를 꾸민 5세대 보이그룹 후배들에 이어 등장했다. 그는 샤이니 태민의 미니 4집 타이틀곡 '길티(Guilty)'를 선곡해 본인 역량을 제대로 드러냈다.

연준은 '길티'의 몽환적이고 관능적인 분위기를 배가시킨 퍼포먼스로 이목을 사로잡았다. 또한 목을 비트는 듯한 안무부터 옷 속으로 손을 넣어 선보이는 안무까지 완벽하게 소화해 냈다. 해당 무대의 반응은 뜨거웠고 한국·미국 등 여러 국가/지역의 X(구 트위터) 실시간 트렌드 1위에 오르며 화제성을 입증했다.

워낙 화제였다보니 일부 '샤이니 월드(샤이니 팬덤명)'의 쓴소리도 들렸다. 소셜 네트워트 서비스(SNS)에 '모아(TXT 팬덤)'가 '길티'로 다음 앨범 컨셉트 추측 관련 이야기를 나누자 태민의 고유 세계관을 뺏어가는 게 아니냐며 불만이 있었다.

'YEONTY'라는 해시태그 또한 마치 타 아티스트의 노래를 본인 것처럼 이용한 것으로 보여진다면서 비판했다. 이와 더불어 연준이 나중에 솔로 앨범을 발매하게 됐을 때 몇 개월도 안 돼서 솔로 앨범 수록곡이 타 아티스트 고유명사가 되면 '모아'도 기뻐할 것이라고 비아냥대기도 했다.

X(구 트위터) 내 하트와 리트윗(Retweet)이 터진 연준의 포인트 안무 사진을 직접 촬영한 홈 마스터(카메라 들고 아이돌 일정 따라 다니면서 사진 및 동영상 찍는 사람)를 조직적으로 신고 테러해 계정 정지까지 시켰다.

TXT 팬들은 커버 무대 하나로 무지성 비난을 일삼는 태민 팬들이 소름 끼친다며 이와 관련 태도를 지양해 달라고 부탁하는 모습이다. 타 그룹 팬들도 태민 노래는 무서워서 아무도 커버를 하지 않을 것 같다고 씁쓸한 반응을 보였다.

박상후 엔터뉴스팀 기자 park.sanghoo@jtbc.co.kr(콘텐트비즈니스본부)

사진=골든디스크 특별취재반

ADVERTISEMENT

이 기사를 추천합니다.

댓글 0새로고침

ADVERTISEMENT

산업은행 배너 광고산업은행 배너 광고
10월 KT 배너 광고10월 KT 배너 광고
우리은행 기사뷰우리은행 기사뷰
서비스 소개 페이지 서비스 소개 페이지
신한은행_스폰서배너신한은행_스폰서배너