"); } #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(""); } #jtbcmodule-comment-container .icon--kakao { background-image: url(""); } #jtbcmodule-comment-container .icon--apple { background-image: url(""); } #jtbcmodule-comment-container .icon--naver { background-image: url(""); } #jtbcmodule-comment-container .icon--facebook { background-image: url(""); } #jtbcmodule-comment-container .icon--twitter { background-image: url(""); } #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: 19px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(2) { animation-delay: 1s; left: -9px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(3) { animation-delay: 1.5s; left: -6px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(4) { animation-delay: 2s; left: 8px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(5) { animation-delay: 2.5s; left: 28px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(6) { animation-delay: 3s; left: 18px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(7) { animation-delay: 3.5s; left: -2px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(8) { animation-delay: 4s; left: 22px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(9) { animation-delay: 4.5s; left: 19px; } #jtbcmodule-comment-container .reaction__animation.reaction__animation--auto .reaction__icon:nth-child(10) { animation-delay: 5s; left: -3px; } @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 { overflow-wrap: break-word; word-break: break-word; } #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; } #jtbcmodule-style.react-responsive-modal-modal.modal { background: rgb(255, 255, 255); box-shadow: none; box-sizing: border-box; } #jtbcmodule-style.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-style.react-responsive-modal-modal .modal-subtitle { font-size: 16px; font-weight: 600; } #jtbcmodule-style.react-responsive-modal-modal .modal-body { width: 100%; } #jtbcmodule-style.react-responsive-modal-modal .modal-body.scroll { height: 500px; overflow-y: auto; } #jtbcmodule-style.react-responsive-modal-modal .modal-body.scroll::-webkit-scrollbar { width: 4px; } #jtbcmodule-style.react-responsive-modal-modal .modal-body.scroll::-webkit-scrollbar-thumb { background: rgb(165, 165, 165); } #jtbcmodule-style.react-responsive-modal-modal .modal-footer { align-items: center; display: flex; gap: 6px; height: 40px; justify-content: center; } #jtbcmodule-style.react-responsive-modal-modal .modal-desc { color: rgb(158, 158, 158); font-size: 12px; line-height: 18px; } #jtbcmodule-style.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-style.react-responsive-modal-modal.modal-sm { padding: 36px 25px; text-align: center; width: 296px; } #jtbcmodule-style.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-style.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-style.react-responsive-modal-modal.modal-sm .modal-text + .modal-text { padding-bottom: 8px; } #jtbcmodule-style.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-style.react-responsive-modal-modal.modal-sm .modal-footer { margin-top: 20px; } #jtbcmodule-style.react-responsive-modal-modal.modal-md { height: auto; padding: 34px 40px 50px; position: relative; text-align: center; width: 524px; } #jtbcmodule-style.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-style.react-responsive-modal-modal.modal-md .react-responsive-modal-closeButton { right: 38px; top: 30px; } #jtbcmodule-style.react-responsive-modal-modal.modal-md .modal-body { padding: 42px 0px 20px; text-align: center; } #jtbcmodule-style.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-style.react-responsive-modal-modal.modal-lg { max-width: 700px; overflow: hidden; padding: 34px 40px 36px; position: relative; width: 700px; } #jtbcmodule-style.react-responsive-modal-modal.modal-lg .modal-body { padding: 30px 0px; } #jtbcmodule-style.react-responsive-modal-modal.modal-lg .modal-footer { gap: 10px; } #jtbcmodule-style.react-responsive-modal-modal.modal-lg .react-responsive-modal-closeButton { right: 40px; top: 38px; } @media screen and (max-device-width: 1024px) { #jtbcmodule-style.react-responsive-modal-modal.modal { height: auto; max-width: 296px; padding: 34px 30px; width: 90%; } #jtbcmodule-style.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-style.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-style.react-responsive-modal-modal.modal-lg .modal-body { font-size: 13px; padding: 20px 0px; } #jtbcmodule-style.react-responsive-modal-modal.modal-lg .modal-footer { gap: 6px; } #jtbcmodule-style.react-responsive-modal-modal.modal-lg .react-responsive-modal-closeButton { right: 30px; } #jtbcmodule-style.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-style.react-responsive-modal-modal .modal-subtitle { font-size: 14px; } #jtbcmodule-style.react-responsive-modal-modal .modal-body { height: 95%; } #jtbcmodule-style.react-responsive-modal-modal .modal-body.scroll { margin-right: -28px; padding-right: 26px; } #jtbcmodule-style.react-responsive-modal-modal .react-responsive-modal-closeButton { right: 10px; top: 10px; } } @media screen and (max-device-width: 320px) { #jtbcmodule-style.react-responsive-modal-modal.modal { margin: 6px; padding: 30px 24px; } #jtbcmodule-style.react-responsive-modal-modal.modal-lg .react-responsive-modal-closeButton { right: 24px; top: 34px; } } #jtbcmodule-style .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-style .react-responsive-modal-closeButton svg { display: none; } #jtbcmodule-style .input__text { border: 1px solid rgb(221, 221, 221); border-radius: 0px; 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-style .input__text--pre { font-size: inherit; height: 100%; line-height: inherit; } #jtbcmodule-style .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-style .input__text::placeholder { color: rgb(170, 170, 170); } @media screen and (max-device-width: 767px) { #jtbcmodule-style .input__text { font-size: 12px; } } #jtbcmodule-style .report-type-list { display: flex; flex-wrap: wrap; gap: 12px 0px; margin: 12px 0px 20px; } #jtbcmodule-style .report-type-list li { flex: 0 0 50%; } @media screen and (max-device-width: 1024px) { #jtbcmodule-style .report-type-list { gap: 8px 0px; } #jtbcmodule-style .report-type-list li { flex: 0 0 100%; } } "); background-position: 50% center; background-repeat: no-repeat; background-size: contain; content: ""; display: inline-block; height: 24px; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 30px; } .Select_button__NAp2tcNdW1M3nkLTBQMW_jtbc-comment:focus:not(:focus-visible) { outline: 0px; } @media screen and (max-device-width: 767px) { .Select_button__NAp2tcNdW1M3nkLTBQMW_jtbc-comment { 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: url("") 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 뉴스

[팩트체크] '소녀상'은 거짓?…정의연 논란 틈타 또 퍼지는 왜곡

2분입력 2020.05.21 21:29수정 2020.05.21 22:57

[팩트체크] '소녀상'은 거짓?…정의연 논란 틈타 또 퍼지는 왜곡


[위안부 수요집회 중단 촉구 집회 (어제 / 화면출처: 유튜브) : 실제 13세 나이에 '위안부' 생활을 했다는 증언이나 기록은 어디에도 없습니다. 어르신들의 눈물로 세워진 거짓의 위안부상 당장 철거하라! (철거하라! 철거하라! 철거하라!)]

[기자]

정의기억연대를 둘러싼 논란을 틈타서 일본군 위안부 피해의 역사적 사실을 흔드는 주장이 다시 고개를 들고 있습니다. 팩트 체크했습니다.

[앵커]

이가혁 기자, 저렇게 과격하게 주장을 하는데 새로운 근거라도 나와서 하는 얘기입니까?

ADVERTISEMENT



[기자]

그렇지 않습니다. 최근에 열린 한 기자회견 장면 보시겠습니다.

ADVERTISEMENT



사진을 보시면 소녀상을 철거하라면서 아예 일본이 위안부를 강제 동원한 사실 자체가 없다는 주장을 하고 있습니다.

그 중에 끝에 보면 이런 피켓이 보입니다.

"요시다 세이지가 말한 위안부 강제설은 조작됐다" 이런 내용입니다.

1982년 한 일본인이 과거 제주도 등지에서 조선인 여성들을 위안부로 납치했다고 고백했습니다.

90년대 국내에도 크게 알려졌는데 2014년, 아사히 신문이 신빙성이 떨어진다면서 이를 다룬 자신들의 과거 기사를 철회했습니다.

이를 계기로 위안부 강제 연행은 허구였다는 일본 극우 세력의 목소리가 더 커졌습니다.

이는 역사적 사실을 무시한 억지 주장입니다.

이미 1993년, 고노 담화가 나올 때부터 이 요시다의 고백이 아닌 다른 증거들이 많았기 때문입니다.

[앵커]

피해자 증언 말고도 최근까지 계속 문서들이 발견되고 있잖아요?

[기자]

꼭 납치 외에도 취업이라고 속이고 데려가서 성적인 학대를 한, 그런 증언 또 물증이 많이 있습니다.

지난해 9월 반일종족주의라는 책이 논란을 일으켰을 때 저희 팩트체크 방송 잠시 보시죠.

[JTBC '뉴스룸 팩트체크' (2019년 9월 23일) : 여성들을 모집하는 과정에선 이런 정보는 가려진 채 갖가지 속임수와 폭력이 자행됐습니다. 속아서 끌려간 경우가 많습니다. 또, 일본은 패전 직전에 이렇게 기록으로 확인할 수 있는 것을 다 파기한 것도 드러나 있습니다.]

일본의 아베 정권과 극우 언론들은 성노예 범죄를 부정하지만 일본 역사단체들은 '2015년 아사히 기사가 철회됐더라도 강제 연행은 역사적 사실로 실증됐다, 역사 왜곡을 멈추라'고 강조했습니다.

[앵커]

그러니까 소녀상이 상징하는 어린 소녀가 실제로는 없었다, 가짜 소녀상이다 이런 주장들도 사실은 굉장히 선동적인 거잖아요?

[기자]

그렇습니다. 하지만 13세 소녀가 위안부가 된 증언이나 기록은 없다? 사실이 아닙니다.

1990년부터 우리 정부가 실시한 피해자 조사에 따르면요, 이렇게 동원 당시 나이가 12세인 사람이 5명, 13세인 사람이 6명으로 조사됐습니다.

특히 우리나라 말고도 다른 아시아 피해 국가에서도 미성년자 위안부 동원된 사례가 계속해서 나오고 있습니다.

[앵커]

일본 정부가 그러는 것도 모자라서 국내에서까지 이러는 것은 더 이해할 수가 없군요. 팩트체크 이가혁 기자였습니다.

※JTBC 팩트체크는 국내 유일 국제팩트체킹네트워크(IFCN) 인증사입니다.
팩트체크