@charset "utf-8";
@import '/edubank/API/css/font.css';

:root{--basesize:15px;}

*:focus {outline: 0;}
select, textarea, input[type='text']{font-size:1em;}
*, body{font-family: "NotoSans", 'NanumGothic', sans-serif;font-size:var(--basesize);;}
a{text-decoration :none; color:#000;}
body{margin:0;padding:0;overflow:hidden;font-size:var(--basesize);}
input, textarea, select{font-family: "NotoSans", 'NanumGothic', sans-serif;font-size:var(--basesize);}
textarea{resize: none;}


/*틀 구조*/
/*---------------------------------------------------------------*/
header{height:80px;padding-left:40px;}
header .logo{position:absolute;top:28px;left:20px;}
header .title{position:absolute;top:17px;left:130px;font-weight:bold;font-size:25px;}
header .title a {font-weight:800;font-size:20px;}
header #editarea{font-weight:800;font-size:20px;} 
header #subtitle{position:absolute;top:53px;left:130px;width:130px;font-weight:800;font-size:18px;
	text-align:center;background-color:rgb(236,241,254);color:#4676f4;border-radius: 5px;
}


.btnlogout{
	padding-left: 20px;border: 1px #dfdfdf solid;color: #000;
	background: rgb(238, 238, 238) url(../images/ico_logout.png) 15px 50% no-repeat;   
	font-size: var(--basesize);
	border-radius: 12px !important;
	min-width: 75px;height: 25px;line-height: 23px;display: inline-block;
	text-align: center;vertical-align: middle;
	white-space: nowrap;margin-left:4px;
}
header .ver{
	display: inline-block;
	margin-left: 5px;padding: 5px 15px;
	background: #4676f4;color: #fff;
	border-radius: 30px;vertical-align:2px;
	font-size: 16px;line-height:1.1;
}
#username{color:#4676f4;};
#ui-datepicker-div{width:250px;}

.rightmenu{position:absolute;right:20px; top:var(--basesize);text-align:right;line-height:30px;}
.rightmenu img{margin-right:5px;vertical-align:middle;}

.rightmenu > span{display:block; margin-bottom:6px;}
footer{position:absolute;left:0;right:0;bottom:0;line-height:50px;height:50px;text-align:right;padding-right:10px;background-color:#ececec;border-top:1px solid #ccc;}

#contentarea{position:absolute;left:0;top:100px;right:0;bottom:50px;overflow-y:auto;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}

.quickarea{background-color:#ececec;height:208px;text-align:center;overflow:hidden;list-style-type: none;text-indent:0;padding:0;margin:0;border-bottom:1px solid #ccc;}



.quickarea, #problemlist, .contextmenu {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
/*---------------------------------------------------------------*/

/*contextmenu*/
/*---------------------------------------------------------------*/
#contextbottom{display:none;}
#contextallmenu{display:none;z-index:999999;position:absolute;left:-2px;right:-2px;top:100px;background-color:white;border:1px solid silver;box-shadow: rgb(87 117 160 / 60%) 3px 3px 3px;padding:20px;text-align:center;}
#contextallmenu div{min-height:25px;line-height:25px;}

.contextmenu{position:absolute;display:none;z-index:999999;width:210px;box-shadow: rgb(87 117 160 / 60%) 3px 3px 3px;background-color:#fff;border:1px solid silver;}
.contextmenu div, .contextmenu label{display:block;font-size:1.0em; height:29px;padding-left:20px;line-height:29px;cursor:pointer;}
.contextmenu div:hover{background-color:#f1f1f1;}
.contextmenu .itemlist label{display:inline-block;min-width:130px;}
.contextmenu .button{background-color: #0A66C2;border: none;border-radius:2px;color: white;padding: 7px 22px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;}
.contextmenu a{display:block;}
/*---------------------------------------------------------------*/


#folderarea{background-color:#fff;}


/*topmenu*/
.topmenulist, .topmenulist ol{list-style-type: none;text-indent:0;padding:0;margin:0;}
.topmenulist li{min-width:130px;}
.topmenulist  li{text-align:left;} 
.topmenulist > li{display:inline-block;vertical-align:top; margin:5px;margin-bottom:5px;}
.topmenulist ol li{margin-top:6px;}
.topmenulist strong{font-size:1.1em;color:#777;}

@media (max-width: 930px) {
	.searcharea{display:none;}
}

@media (max-width: 700px) {
	.searcharea{display:none;}
	#folderarea{display:none;}
	.enlarge{display:none;}
	/*header .title, header .subtitle{display:none;}*/
	header .editarea, header .username{display:none;}
	#xcontentarea{top:80px;}
	#xcontextallmenu{top:80px;}
	#contentmenu{overflow:hidden;height:25px;}
	#contextallmenu tr{display:block;}
}


/*로딩 이미지*/
/*---------------------------------------------------------------*/
.loader {
	border: 40px solid #eee;
	border-radius: 50%;
	border-top: 40px solid #3498db;
	width: 150px;
	height: 150px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
	position:absolute;left:50%;top:50%;margin-left:-110px;margin-top:-110px;
	z-index:999999;
}



@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*---------------------------------------------------------------*/




/*jstree*/
/*---------------------------------------------------------------*/
[rel=problem] > a > .jstree-checkbox { display:none }
[rel=root] >  .jstree-icon { display:none }
#all >  .jstree-icon { display:none }
[rel=root] > ul{margin-left:-18px !important;}
.jstree-locked a{color:#000000 !important;}
.jstree-default.jstree-focused {background-color:#fff !important;}
.jstree a{margin-bottom:2px !important;margin-top:2px  !important;}
/*---------------------------------------------------------------*/



/*팝업 msgbox*/
/*------------------------------------------------------------*/
#divmsgpopup{position:absolute;display:block;border:4px solid #ccc;width:400px;padding:30px;background-color:#fff;border-radius: 10px;}
#divmsgtitle{font-weight:bold;font-size:1.1em;}
#divmsginner{margin-top:13px;margin-bottom:10px;min-height:80px;line-height:1.6em;padding-bottom:0.8em;border-bottom:1px solid silver;}
#divmsgpopup input[type='button']{height: 30px;padding: 0 14px 0; border: 1px solid #304a8a; background-color: #3f5a9d; color: #fff; line-height: 30px;background-image:none;}
#divmsgbutttonbox{text-align:right;}

.btndefault{.height: 30px;padding: 0 14px 0; border: 1px solid #304a8a; background-color: #3f5a9d; color: #fff; line-height: 30px;background-image:none;}

#divpop iframe{box-shadow:5px 10px 10px #333;}

/*------------------------------------------------------------*/


.divpopupcover{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}

#divpop{z-index:99999999 !important;}






.quickarea{background-color:#e2e2e0;xcolor:white;border-bottom:1px solid silver;}
.quickarea .attr1, .quickarea .attr2{color:#000;}

/*
#contentarea{border-top:1px solid #e2e2e0;}
.quickarea a{color:white;}
.quickarea .oneitem .attr1, .quickarea .oneitem .attr2{color:#fff;}
.quickarea .oneitem .img{border:0}  http://cho.edubase.co.kr/dalkong/common/images/icon-X.png
*/



.jstree li {
	margin-top:1px;
}