@charset "utf-8";

#rumiIframe html::-webkit-scrollbar {
	width: 10px;  /* 스크롤바의 너비 */
}

#rumiIframe html::-webkit-scrollbar-thumb {
	height: 30%; /* 스크롤바의 길이 */
	background: #999; /* 스크롤바의 색상 */
	
	border-radius: 10px;
}

#rumiIframe html::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, .1);  /*스크롤바 뒷 배경 색상*/
}


/* 팝업레이어 스타일 시작 */
#rumipopup_sub { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; border: 0px; z-index : 9999; background: rgba(0, 0, 0, 0.7); }
#rumipopup { position: fixed; width: 50%;height:95%; left: 50%; top: 50%; overflow: hidden; border: 0px; background-color: #fff;box-sizing: border-box; z-index : 9999; transform: translate( -50%, -50%); border-radius: 10px;max-width: 1200px !important;}
#rumipopup #rumiHead {position: absolute;left:0px;top:0px;width:100%;background:;text-align: center;}
#rumipopup .rumiTitle {padding: 50px 0 10px; text-align: center;font-size: 20px;line-height:1em;font-weight: 700;color:#121212;background-color: #FFF;}

/* #rumipopup .rumiTitle::after { display: block; content: ''; width: 100px; height: 3px; background-color: #333; margin: 10px auto 0;} */
/*#rumipopup .rumiSubTitle { padding: 25px 0 20px; text-align: center; font-size: 20px; font-weight: 700; color: #121212; background-color: #FFF;}*/

#rumipopup .rumiClose { display:inline-block; padding: 0px; font-size: 25px; color:#999; position:absolute; top: 23px; right:40px; font-weight:bold; cursor:pointer; }
#rumipopup .rumiClose:hover { transition:all 0.3s; color:#333; }
#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:80px 10px 40px 10px !important; }
#rumipopup .pop_inbox { width:100%; height:100%; padding:15px; background:#fff; overflow:auto; }
#rumipopup .rumiButton { display: none !important; 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;display: none;}
.rumi_html_fixed { position:fixed; width:100%; overflow-y: scroll; }

#fregisterform .tbl_wrap table tr{margin-bottom: 20px;}
.tbl_wrap table tr{/*display: flex;flex-wrap: wrap;*/}
.tbl_wrap table th{/*width: 100% !important;*/}
.tbl_wrap table td{width: 100% !important;}


#rumipopup #bo_w {padding: 30px 0px;}

@media only screen and (min-height: 950px) {
	#rumipopup {max-height:800px;}
}

@media only screen and (max-width: 1024px) {
	/* 스크롤 안 보이게 */
	/* html::-webkit-scrollbar {
		display: none;
	} */

	#rumipopup { width: 100%; max-width: 100% !important;min-width: auto !important; height: 100%; max-height: 100% !important; border-radius: 0px;}
	#rumipopup .rumiIframe { height:100%; background:#fff; border:0px; padding:50px 0 0 0 !important;max-height: auto;min-height: auto;}
	#rumipopup .rumiIframe html {position: relative; height: auto !important;}

	#rumipopup .rumiTitle{padding:50px 0 10px;}
	/* #rumipopup .rumiTitle::after { display: block; content: ''; width: 100px; height: 2px; background-color: #333; margin: -5px auto 0;} */
	#rumipopup .rumiClose{top: 20px;right: 20px;}

	
}
@media only screen and (max-width: 500px) {
	#rumipopup .rumiTitle{}
	#rumipopup .rumiClose{top: 0px;right: 10px;}
}