.searcharea {
	position: absolute;
	top: 25px;
	left: 370px;
	height: 46px;
	right: 260px;
	border: 1px solid silver;
	border-radius: 100px;
}

.searcharea select {
	position: absolute;
	top: 7px;
	left: 40px;
	width: 90px;
	height: 30px;
	border: 0;
	border-right: 1px solid silver;
}

.searcharea input {
	position: absolute;
	top: 7px;
	left: 143px;
	right: 53px;
	height: 30px;
	line-height: 30px;
	border: 0;
}

.searcharea .icon {
	margin-left: 18px;
	margin-top: 7px;
}

.searcharea select {
	position: absolute;
	top: 7px;
	left: 25px;
	width: 120px;
	height: 30px;
	border: 0;
	text-align: center;
}

.searcharea input {
	position: absolute;
	top: 7px;
	left: 153px;
	right: 83px;
	height: 30px;
	line-height: 30px;
	border: 0;
	border-left: 1px solid silver;
	padding-left: 20px;
}

.searcharea .icon {
	position: absolute;
	right: 54px;
	top: 12px;
	cursor: pointer;
	margin: 0;
}

.searcharea .btnfilter {
	position: absolute;
	right: 18px;
	top: 7px;
	cursor: pointer;
}

.chartarea {
	text-align: center;
	overflow: hidden;
	background-color: #ecf1fe;
	border-bottom: 1px solid silver;
	overflow: hidden;
	height: 30%;
	min-height: 190px;
}

#piechart1,
#piechart2,
#piechart3 {
	display: inline-block;
	width: 500px;
	height: 110%;
	margin: -5px -50px 30px;
	line-height: 300px;
}

#problemlist {
	background-color: #fff;
	text-align: center;
	list-style-type: none;
	text-indent: 0;
	padding: 0;
	margin: 0;
}

#problemlist[state='2'] {
	padding-left: 0px;
	padding-right: 0px;
}


#problemlist[state='2'] .oneitem {
	display: block;
	width: 100%;
	height: 32px;
	border-bottom: 1px solid #ccc;
	margin: 0;
}

#problemlist[state='2'] .gridcaption {
	display: static;
	background-color: #ececec;
}

#problemlist[state='2'] .oneitem li {
	position: static;
	height: 32px;
	line-height: 32px;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	border: 1px solid transparent;
	background-color: transparent;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	vertical-align: middle;
	text-align: center;
	border-radius: 0;
	letter-spacing: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

#problemlist[state='2'] .oneitem li a {
	font-weight: normal;
	font-size: 1em;
	color: #000;
}

.itemlist label {
	display: inline-block;
	min-width: 120px;
}

/*그리드 체크 지정*/
#problemlist[state='2'] .chkicon {
	content: url("../common/images/ico_unchecked.png");
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
}

#problemlist[state='2'] .oneitem[checked='checked'] .chkicon {
	content: url("../common/images/ico_checked.png");
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
}

#problemlist ul {
	padding: 0;
}

/*그리드 배경색 지정*/
#problemlist[state='2'] .oneitem[checked='checked'] {
	background-color: #efffef;
}

#problemlist[state='2'] .oneitem:hover {
	background-color: #ffefef;
}

#problemlist[state='2'] .gridcaption:hover {
	background-color: #ececec;
}

#problemlist[state='2'] .gridcaption[checked='checked'] {
	background-color: #ececec;
}

#problemlist[state='2'] .oneitem[selected='Y'] {
	background-color:#eef;
}

#problemlist[state='2'] .examid {
	display: inline-block;
	width: 7%;
	border-right: 1px solid #ccc !important;
}

#problemlist[state='2'] .gubun {
	display: inline-block;
	width: 10%;
	border-right: 1px solid #ccc !important;
}

#problemlist[state='2'] .category {
	display: inline-block;
	width: 10%;
	border-right: 1px solid #ccc !important;
}

#problemlist[state='2'] .examnm {
	display: inline-block;
	width: calc(31% - 50px);
	border-right: 1px solid #ccc !important;
}

#problemlist[state='2'] .yymm {
	display: inline-block;
	width: 9%;
	border-right: 1px solid #ccc !important;
}
/* 단꿈아이 요청 : yymm 대신 lesson(차시 사용) */
#problemlist[state='2'] .lesson {
	display: inline-block;
	width: 9%;
	border-right: 1px solid #ccc !important;
}

#problemlist[state='2'] .target {
	display: inline-block;
	width: 6%;
	border-right: 1px solid #ccc !important;
}

#problemlist[state='2'] .totalcnt {
	display: inline-block;
	width: 6%;
	border-right: 1px solid #ccc !important;
}

#problemlist[state='2'] .wdate {
	display: inline-block;
	width: 10%;
	border-right: 1px solid #ccc !important;
}

#problemlist[state='2'] .state {
	display: inline-block;
	width: 7%;
	border-right: 1px solid #ccc !important;
}

#problemlist[state='2'] .menu {
	display: inline-block;
	width: 30px;
	margin-left: 9px !important;
}

#toolbox {
	position: absolute;
	right: 5px;
	bottom: 45px;
	z-index: 99;
	display: none;
	z-index: 9999;
}

#toolbox div {
	text-align: right;
	padding-right: 5px;
	margin-bottom: -3px;
}

#toolbox img {
	width: 10%;
	cursor: pointer;
}

#contentmenu {
	text-align: right;
	padding: 5px;
	background-color: #fff;
	left: 0;
	right: 0;
	z-index: 99999;
	border-bottom: 1px solid silver;
	position: relative;
}

#contentmenu img {
	cursor: pointer;
}

#totalcnt {
	float: left;
	margin-top: 3px;
}

[folder='y'] #problemlist {
	padding-left: 250px;
}

[folder='n'] #folderarea {
	display: none;
}

#folderarea {
	position: fixed;
	left: 0;
	width: 250px;
	top: 350px;
	bottom: 50px;
	border-right: 1px solid silver;
	z-index: 999;
	border-bottom: 1px solid #ccc;
}

[state="2"] .buttonbox,
.dotsbuttonbox {
	display: inline-block;
	border-radius: 20px;
	height: 30px;
	line-height: 25px;
	width: 30px;
	vertical-align: middle;
	text-align: center;
	margin-top: -5px;
}

.buttonbox img,
.dotsbuttonbox img {
	vertical-align: middle;
	cursor: pointer;
}

.buttonbox:hover,
.dotsbuttonbox:hover {
	background-color: silver;
}

.dotsbuttonbox {
	margin-top: -17px;
}

@media (max-width: 700px) {
	#problemlist {
		padding-left: 0 !important;
	}

	#problemlist[state='2'] .examid {
		width: 13%;
	}

	#problemlist[state='2'] .gubun {
		width: 17%;
	}

	#problemlist[state='2'] .category {
		display: none;
	}

	#problemlist[state='2'] .examnm {
		width: calc(50% - 50px);
	}

	#problemlist[state='2'] .yymm {
		display: none;
	}

	#problemlist[state='2'] .target {
		display: none;
	}

	#problemlist[state='2'] .totalcnt {
		display: none;
	}

	#problemlist[state='2'] .wdate {
		display: none;
	}

	#problemlist[state='2'] .state {
		width: 12%;
	}

	#problemlist[state='2'] .menu {
		width: 30px;
	}
}

.jstree li {min-height:24px !important;}