"); } #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분입력 2021.02.02 20:24수정 2021.02.02 20:56

[팩트체크] "'위안부'는 매춘부?"…하버드 교수 논문 따져보니


바로 팩트체크해보겠습니다. 문제의 논문을 가져왔습니다.

8페이지인데요. 전문을 입수해서 저희가 살펴봤습니다.

ADVERTISEMENT



앞서 보셨지만, 하버드대 마크 램지어 교수가 썼고요. 3월에, 학술지에 정식 게재된다고 합니다.

ADVERTISEMENT



핵심 주장은 위안부는 강제로 끌려간 게 아니라 자발적으로 계약을 맺고 따라간 매춘부였다는 겁니다.

결론부터 말씀드리면 이 논문으로 새롭게 드러나거나 확인된 내용 없습니다. 바로 따져보겠습니다.

논문의 주장, 두 가지로 요약할 수 있습니다.

여성들을 속여서 강제로 끌고 간 건 조선의 민간 모집업자들이지 일본군이나 정부가 아니라고 주장합니다.

물론, 사실이 아닙니다. 반박할 자료 하나 소개하죠.

1940년 일본군이 위안부 피해자들을 데려갈 때 내준 일종의 통행 증명서입니다.

위안부는 부대에 위안을 하기 위해 꼭 필요하니 바다를 건널 때 어려움이 없도록 하라는 내용이 포함돼 있습니다.

일본군의 강제 동원을 증명하는 자료입니다.

이것 외에도 강제 동원 증명할 수 있는 증거나 증언 많지만 이 논문은 참고하지 않았습니다.

또 하나의 주장, 위안부 여성들 동의 하에 일한 만큼 돈 줬고, 충분한 돈을 벌면 그만둘 수도 있었다, 정상적인 계약이었다는 주장입니다.

그렇지 않습니다. 논문에서 언급된 계약, 실제로 지켜지지 않았다는 증거 역시 다양합니다.

국제인권단체 앰네스티는 여러 나라 위안부 피해자에 대해 감금, 성폭행, 비인간적 학대 사례를 수집해 이건 모두 성노예로 취급했다는 증거라고 규정했습니다.

심지어 일본 재판부도 이런 증언, 사실로 인정했습니다.

일본 1심 법원이 "위안부제는 나치의 만행에 준하는 중대한 인권침해"라고 밝히기도 했습니다.

산케이신문은 위안부는 성노예라는 점을 부정하는 논문이 나왔다고 제목을 달았습니다.

그러나 논문 어디에도 위안부에 대한 인권 유린 행위를 반박하거나 논증한 부분 없었습니다.

아베 정부 이후 일본은 위안부 강제 동원을 명확히 인정하지 않고 있고, 특히 국제사회에서 정립된 성노예란 표현에 유독 민감합니다.

일본 인사들이 2007년 미국 워싱턴 포스트에 위안부는 성노예가 아니라고 주장하는 광고까지 실었지만, 물론 국제사회의 평가를 바꾸진 못했습니다.

이번에 성노예를 부정하는 미국 하버드대 교수의 논문이 나왔다고 보도하는 것도 같은 의도라고 볼 수 있습니다.

팩트체크팀은 램지어 교수에게 정식 인터뷰를 요청했지만, 자신의 입장은 논문에 담겨있다며 거부했습니다.

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

※방송 내용 중 "1940년 일본 총독부가 위안부 피해자들을 데려갈 때 받은 일종의 통행 증명서입니다"는 문장을 위와 같이 수정합니다.

팩트체크