@charset "utf-8";

/* 팝업레이어 스타일 시작 */
#rumipopup_sub { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; border: 0px; z-index : 9998}
#rumipopup { position: fixed;width:600px !important; height:600px !important;border:1px solid #ddd;left: 50%; top:50%; overflow: hidden;background-color: #fff; padding: 41px 0px 0px 0px; border-radius: 5px;  box-sizing: border-box; z-index : 9999; transform: translate( -50%, -50%); }
#rumipopup #rumiHead { position: absolute; top: 0; left: 0; width: 100%; }
#rumipopup .rumiTitle { background:#172345; width: 100%; height: 40px;line-height: 40px; font-size: 14px; font-weight: bold; padding: 0 15px; color: #fff}
#rumipopup .rumiClose { display:inline-block; padding: 0px; font-size: 25px; color:#fff; position:absolute; top: 0px; right:10px; font-weight:bold; cursor:pointer; }
#rumipopup .rumiReload { display:inline-block; padding:0px; color:#999; position:absolute; bottom:9px; 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 0 0 20px;}
#rumipopup .pop_inbox { width:100%; height:100%; padding:15px; background:#fff; overflow:auto; }
#rumipopup .rumiButton { width:100%; height:60px; padding:10px 20px 0px 0px; position:absolute; bottom:0px; left:0px; text-align:right; font-size:12px; border-top:1px solid #ccc; background:#ededed; }
#rumipopup button { padding: 0px 20px; height:50px; font-size: 14px; border:0px; border-radius:3px; color:#fff; background:#333; margin-left:3px; outline: none; }
#rumipopup button:hover { background:#dd6666; }
#rumipopup .fa-folder-open { font-size:17px; vertical-align:middle}
.rumi_html_fixed { position:fixed; width:100%; overflow-y: scroll; }

@media (max-width:640px){
#rumipopup{width:90% !important;height:60% !important}
}