@charset "utf-8";

/* 팝업레이어 스타일 시작 */
#rumipopup_sub { position: fixed; width:100%; height:100%; top:0px; left:0px; border: 0px; z-index : 9998; }
#rumipopup { position: fixed; left: 50%; top: 50%; overflow: hidden; border: 0px; background-color: #fff; padding:0px; border-radius:5px;  box-sizing: border-box; box-shadow : rgba(0,0,0,0.7) 0 0 0 9999px; z-index : 9999;
    max-width: 950px !important;
    width: calc(100% - 40px) !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    transform: translate(-50%, -50%) !important;
}


#rumipopup .rumiHead { height:40px; width:100%; }
#rumipopup .rumiTitle { background:#ededed; width:100%; height:45px; border-bottom:1px solid #cccccc; line-height:45px; font-size:14px; font-weight:bold; padding:0 15px; color:#dd6666}
#rumipopup .rumiClose { display:inline-block; padding:0px; font-size:25px; color:#999; position:absolute; top:9px; right:14px; font-weight:bold; cursor:pointer;line-height: 28px; }
#rumipopup .rumiClose:hover { transition:all 0.5s; color:#dd6666; }
#rumipopup .rumiReload { display:inline-block; padding:0px; color:#999; position:absolute; bottom:10px; left:10px; font-weight:bold; cursor:pointer; }
#rumipopup .rumiReload button { background:#555; }
#rumipopup .noIframe { width:100%; height:100%; background:#fff; border:0px; display:none; overflow:auto; }
#rumipopup .rumiIframe { height:100%; background:#fff; border:0px; padding:10px 0px 110px 20px !important; }
#rumipopup .pop_inbox { width:100%; height:100%; padding:15px; background:#fff; overflow:auto; }
#rumipopup .rumiButton { width:100%; height:65px; padding:10px 20px 0px 0px; position:absolute; bottom:0px; left:0px; text-align:right; font-size:12px; border-top:1px solid #ccc; background:#ededed; }
.rumiButton button { padding:8px 12px; border:1px solid rgb(85, 85, 85); border-radius:3px; color:#000; background:none; margin-left:3px; outline:none; }
.rumiReload button{ padding:8px 12px; border:1px solid rgb(85, 85, 85); border-radius:3px; color:#fff; background:none; margin-left:3px; outline:none;}
.rumiReload button:hover{ border:1px solid rgb(85, 85, 85) !important;}
.rumiButton button:hover { background:#ff550f;color: #fff; border:1px solid #ff550f !important;}
.rumiButton button:last-child{color: #fff; border:1px solid rgb(85, 85, 85)}
.rumiButton button:last-child:hover{ border:1px solid rgb(85, 85, 85) !important}

#rumipopup .fa-folder-open {display: none;}
.rumi_html_fixed { position:fixed; width:100%; overflow-y: scroll; }


@media screen and (max-width: 500px) {
    #rumipopup {height:80vh !important;}
    #rumipopup .rumiIframe {padding:0 !important;}
    #rumipopup .rumiClose {line-height: 28px;}
    #rumipopup .rumiTitle {line-height: 45px;font-size: 15px;}
    #rumipopup .rumiButton {height: 46px;}
    .rumiButton button {
        padding: 5px 12px;
        font-size: 11px;
    }
}





/* 팝업 레이어 스타일 끝 */