"); } #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분입력 2019.09.23 22:27수정 2019.10.03 22:38

[팩트체크] 류석춘 "위안부 피해…가해자, 일본 아니다?"


[류석춘 연세대 사회학과 교수 (지난 19일 강의) : 직접적인 가해자가 일본이 아니라니까요. 매춘의 일종이라니까요.]

[앵커]

류석춘 연세대 교수의 이 강의 도중 발언, 바로 따져보겠습니다. 이가혁 기자, 류 교수의 발언이 근거가 있는 발언인가요? 

[기자]

앞서 보신 리포트처럼 '반일종족주의' 책으로 촉발된 논란인데, 일본 극우세력에서 오랫동안 나왔던 논리입니다. 학계나 국제적 상식에 맞지 않습니다.

ADVERTISEMENT



일본군이 여성들을 모집하고 이동시키고, 현지에서 위안소 운영 계획을 짜고 관리를 해왔다는 사실, 즉 일본인 적극적인 위안부 피해의 가해자라는 근거는 많습니다.

ADVERTISEMENT



'야전주보규정'이라는 일본 육군 기록입니다. 군 부대에서 위안소를 설치 운영할 수 있는 내부 근거 규정입니다. 여기서 말하는 '주보'는 PX 같은 군인용 매점을 말하는데, 이 관련 규정을 바꿔 '위안소 설치 근거'를 만든겁니다.

실제로 "대장으로부터 위안소 개설 이야기를 들었다"며 기쁘다는 취지로 적은 병사의 기록도 이미 80년대 일본에서 책으로 나왔습니다.

'위안부'를 모집하고, 이동시키는 과정에 일본정부와 군이 직접 개입한 기록도 있습니다.

상하이 총영사관 문건에는, '위안부' 모집 주무 기관이 중국 내 일본 영사관과 일본군 헌병대로 나와있습니다. 일본 영사관은 '위안부' 모집을 맡은 민간 업자를 직접 뽑아 편의를 봐주고, 헌병대는 이송과정을 관리했다는 대목도 나옵니다.

군 뿐만 아니라 민간이 운영한 위안소도 있었지만, 최종 관리 책임은 모두 일본군에 있었습니다.

한 일본 보병부대 규정에는 "해당 주둔지에서 고급 선임 부대장이 관리, 경영하도록해라" 이렇게 명시돼있습니다.

[앵커]

일본군이 직접적으로 계획하고 운영했다고 충분히 볼 수 있는 것들인데. '강제로 끌려간 게 아니다, 돈을 벌기 위해서 원해서 간 것이다' 이런 취지의 주장은 어떤가요?

[기자]

1991년, 김학순 할머니가 '위안부' 피해를 증언했을 때부터, 이걸 억누르기 위해서 '매춘부'라는 낙인이 등장했습니다.  이렇게 '여성들이 자발적으로 응했다'는 가해자 쪽의 잘못된 프레임은 뿌리가 깊습니다.

하지만, 역사적 사실은 다릅니다. 연합군이 전장에서 발견한 일본군 '위안부'를 상대로 조사한 기록을 보면 "그들이 해야 할 '위안(comfort service)의 개념'이 구체적으로 명시되지 않았다. 병원 부상장병을 방문해 붕대를 감아주는 일 정도로 여겨졌다"고 나와있습니다. 이런 식으로 모집된 사람이 정보를 얻지 못한 채 속아서 모집된 경우가 많았고, 그런 정황은 속아서 따라갔다는 많은 피해자들의 증언과도 일치합니다.

이런 기록도 있습니다. 미군이 조선인 포로를 심문할 때 한 질문 목록이 남아있는데, 당시 미군 역시 일본군의 '위안부' 강제 동원 사실에 대해 알고 있고, 당시 이로 인해 조선에서도 저항이 있었다는 걸 알 수 있다는 질문도 남아있습니다. 

[앵커]

'위안부가 매춘이다'라는 주장은 결국, 돈을 벌러 간 합법적 성격이라고 포장하기 위해서라고 볼 수 있겠군요?

[기자]

당시 일본군 내부 문건에는 '공창제'가 언급돼 있긴 합니다 .'일본군 입장'에서는 당시 자기나라에선 합법이었던 '공창제도' 형식처럼 위안소를 운영했다는 건데, 여성들을 모집하는 과정에선 이런 정보는 가려진 채 갖가지 속임수와 폭력이 자행됐습니다. 속아서 끌려간 경우가 많습니다. 또, 일본은 패전 직전에 이렇게 기록으로 확인할 수 있는 것을 다 파기한 것도 드러나 있습니다. 

또 불법인지를 따지는 것은, 모집 과정만 볼 것이 아니라, 일본이 합법으로 내세우는 공창제도 자체가 인권유린이라는 걸 따져야 합니다. 이미 1933년 당시에도 국제사회가 일본 공창제도가 노예제라고 지적했습니다. 결국 여성들이 자신의 뜻과 무관하게 인권 유린 상황에 노출된 자체가 문제의 핵심입니다. 전문가 이야기 들어보시죠.

[박정애/동북아역사재단 연구위원 : 군 자체가 당시 일본 정부가 시행해왔었던 공창제에서 일본군 위안부의 틀을 갖고 왔기 때문에 위안부 여성들을 창기로 취급을 했거든요. 그래서 인간으로 취급도 안 했죠. 1920년대 말 1930년대 전부터 노예제도라는 비판을 받고, 1933년 보고서에 일본의 공창제도는 노예제도라고 아예 국제사회에서 인식을 해요. 위안소에서 얼마나 자율권을 박탈당한 상태였는가, (국제사회는) 그걸 갖고만 성 노예라고 얘기하고 있어요.]

[앵커]

네, 우리가 잘 기억해둬야 할 내용이 많은 것 같습니다. 팩트체크 이가혁 기자였습니다.
팩트체크