@charset "UTF-8";
/* 모두의 토론회 온라인 투표 안내 모달 (WEB-INF/views/moduTalk/_moduTalkPopup.jsp).
   웹접근성: JSP 본문 안 <style> 대신 head 에서 로드 - 소통24 메인(templates/front/Empty.jsp), 모두의 토론회(templates/modutalk/Frame.jsp) */
#moduTalkPopup.moduTalk-popup-wrap{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:100000;background:rgba(0,0,0,.45);line-height:normal!important}
/* 가로·세로 어느 쪽이 좁아도 팝업 전체(이미지 640:900 + 하단 바)가 화면에 들어오도록 폭을 정함 */
#moduTalkPopup .moduTalk-popup{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:512px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);width:min(512px, calc(100vw - 32px), calc((100vh - 84px) * 640 / 900));width:min(512px, calc(100vw - 32px), calc((100dvh - 84px) * 640 / 900));background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.25);outline:0;line-height:normal!important}
#moduTalkPopup .moduTalk-popup-img-wrap{position:relative;flex:0 1 auto;min-height:0;overflow:auto;line-height:0}
#moduTalkPopup .moduTalk-popup-img-wrap img{display:block;width:100%;height:auto}
/* 이미지 안 [온라인 투표하기] 버튼 위치 (원본 1280x1800 기준 x104~635, y1188~1297) */
#moduTalkPopup .moduTalk-popup-vote-link{position:absolute;left:8.1%;top:66%;width:41.6%;height:6.1%;z-index:2;overflow:hidden;text-indent:-9999px;border-radius:999px}
#moduTalkPopup .moduTalk-popup-vote-link:focus{outline:3px solid #1a56db;outline-offset:2px}
#moduTalkPopup .moduTalk-popup-bottom{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #ddd;font-size:14px;line-height:normal!important}
#moduTalkPopup .moduTalk-popup-bottom .pop_check{display:flex;align-items:center;line-height:16px!important}
#moduTalkPopup .moduTalk-popup-bottom .pop_check input[type=checkbox]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;margin:0!important}
#moduTalkPopup .moduTalk-popup-bottom .pop_check input[type=checkbox]+label{display:inline-block!important;cursor:pointer!important;position:relative!important;font-size:14px!important;padding-left:25px!important;line-height:16px!important;margin:0!important;color:#333!important}
#moduTalkPopup .moduTalk-popup-bottom .pop_check input[type=checkbox]+label::before{content:""!important;display:block!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:16px!important;height:16px!important;background:#fff!important;border:1px solid #a1a1a1!important;box-sizing:border-box!important}
#moduTalkPopup .moduTalk-popup-bottom .pop_check input[type=checkbox]:checked+label::before{background:url('/images/icon_check.png') center no-repeat #fff!important}
#moduTalkPopup .moduTalk-popup-bottom .pop_check input[type=checkbox]:focus+label{outline:2px solid #1a56db;outline-offset:2px}
#moduTalkPopup .moduTalk-popup-bottom button{min-width:64px;height:32px;background:#2a88d1;color:#fff;border:0;border-radius:3px;cursor:pointer;line-height:normal!important}
/* 팝업이 떠 있는 동안 뒤 페이지 스크롤 잠금 (닫으면 해제) */
html.moduTalk-popup-open,html.moduTalk-popup-open body{overflow:hidden!important}
#moduTalkPopup.moduTalk-popup-wrap{overscroll-behavior:contain;touch-action:none}
#moduTalkPopup .moduTalk-popup{touch-action:auto}
@media (max-width:360px){
#moduTalkPopup .moduTalk-popup-bottom{padding:8px 10px}
#moduTalkPopup .moduTalk-popup-bottom .pop_check input[type=checkbox]+label{font-size:13px!important}
}