@charset "utf-8";

/* 팝업레이어 스타일 시작 */
#rumipopup_sub {}
#rumipopup { position: absolute; width: 800px; height: 100%; left: 50%; top: 50%; overflow: hidden; border: 0px; background-color: #fff; padding:16px; border:1px solid #ddd; border-radius: 8px;  box-sizing: border-box; z-index : 9999; transform: translate( -50%, -50%); }
#rumipopup #rumiHead { position: absolute; top: 0; left: 0; width: 100%; }
#rumipopup .rumiTitle { width: 100%;  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: 10px; width: 16px;; right:10px; font-weight:bold; cursor:pointer; }
#rumipopup .rumiClose:hover { transition:all 0.5s; color:#dd6666; }
#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:0px 0px 50px 20px !important; }
#rumipopup .pop_inbox { width:100%; height:100%; padding:15px; background:#fff; overflow:auto; }
#rumipopup .rumiButton { width:100%; height:50px; 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 10px; height: 30px; font-size: 12px; border:0px; border-radius:3px; color:#fff; background:#3059c7; 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 only screen and (max-width: 1024px) {
	#rumipopup { width: 100%; max-width: 100% !important; height: 100%; max-height: 100% !important; border-radius: 0px; }
}








#rumipopup2_sub {}
#rumipopup2 { position: absolute; width: 350px; top: 5%; left:50%; border: 0px; background-color: #fff; padding:16px; border:1px solid #ddd; border-radius: 8px;  box-sizing: border-box; z-index : 9999; transform: translate( -50%, -50%); }
/* #rumipopup2::after {     border-top: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 0px solid transparent;
	content: "";
	position: absolute;
	bottom: -10px;
	left: 160px;} */
#rumipopup2 .rumiTitle { width: 100%;  font-size: 14px; font-weight: bold; padding: 0 15px; color: #dd6666}
#rumipopup2 .rumiClose { display:inline-block; padding: 0px; font-size: 25px; color:#999; width: 16px;;  font-weight:bold; cursor:pointer; }
#rumipopup2 .rumiClose:hover { transition:all 0.5s; color:#dd6666; }

.rumipopup2_arrow {    bottom: -9px;
	position: absolute;
	height: 9px;
	width: 18px;
	overflow: hidden;
	left:50%;
}

.rumipopup2_arrow .prong-dk, .rumipopup2_arrow .prong-lt {
	position: absolute;
	left: 0;
	top: 0;
}


	.rumipopup2_arrow .prong-dk {    border: 9px solid;
    border-color: #ddd transparent;}

	.rumipopup2_arrow .prong-lt {border: 8px solid;
    border-color: #fff transparent;
    left: 1px;}