@charset "UTF-8";
body {
  background: #f9f9f9;
  min-width: 1000px;
}

body.login {
  background: #fff;
  display: table;
}
body.login .loginWrap {
  display: table-cell;
  vertical-align: middle;
}
body.login .loginWrap .btnGoHomepage {
  width: 220px;
  height: 220px;
  display: block;
  margin: 0 auto;
  margin-bottom: 50px;
}
body.login .h1 {
  padding: 20px 0 60px 0;
  text-align: center;
  float: none;
}
body.login .h1:before {
  display: block;
  content: "";
  width: 168px;
  height: 141px;
  margin: 0 auto 26px auto;
  background: url(/libsta/nleval/images/logoLogin-99c7c5c7cd7441946c9dfc0a5d561d92.png) no-repeat center center;
  background-size: contain;
  position: static;
}
body.login h2 {
  font-size: 36px;
  padding: 30px 0;
  color: #666;
}
body.login form {
  width: 370px;
  padding: 30px 100px 50px 100px;
  margin: 0 auto;
  background: #fff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  text-align: center;
}
body.login .idpw_loginWrap input[type=text],
body.login .idpw_loginWrap input[type=password] {
  width: 100%;
  margin: 4px 0;
  height: 60px;
  border: solid 1px #ccc;
  background: #fff;
  border-radius: 4px;
  font-size: 20px;
  text-indent: 20px;
  font-size: 16px;
}
body.login .idpw_loginWrap #login_btn {
  width: 100%;
  margin: 16px 0;
  height: 60px;
  border-radius: 4px;
  background: rgb(253, 179, 140);
  color: #fff;
  border: 0 none;
  font-size: 20px;
  background: -moz-linear-gradient(90deg, rgb(253, 179, 140) 0%, rgb(229, 102, 144) 100%);
  background: -webkit-linear-gradient(90deg, rgb(253, 179, 140) 0%, rgb(229, 102, 144) 100%);
  background: linear-gradient(90deg, rgb(253, 179, 140) 0%, rgb(229, 102, 144) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdb38c",endColorstr="#e56690",GradientType=1);
}
body.login .loginEctBtn {
  padding: 20px 0;
}
body.login .loginEctBtn input[type=button] {
  border: 0 none;
  background: none;
  background: transparent;
  color: #666;
  letter-spacing: -1px;
  padding-left: 10px;
  background: url(/libsta/nleval/images/decoBar1-4605e0ae58cf643cfd6182ff9a54d5d2.gif) no-repeat 0 center;
}
body.login .loginEctBtn input[type=button]:first-child {
  background: none;
}
body.login #login_id, body.login #login_pw {
  background: url(/libsta/nleval/images/iconID-a39505d1cbf8838d4f44789099d4a4c4.png) no-repeat 95% center;
  background-size: 18px;
}
body.login #login_pw {
  background-image: url(/libsta/nleval/images/iconPW-ad0f0c096b62bfd136e50d5a92f60f95.png);
}

.bodyWrap {
  width: 100%;
  height: 100%; /* padding-top: 90px;  width: 1715px;height:calc( 100% - 90px ); margin:0 auto; */
  position: relative;
}

.h1 {
  float: left;
  font-size: 26px;
  letter-spacing: -2px;
  font-weight: 600;
  padding: 26px 0 0 104px;
  position: relative;
  z-index: 10;
}
.h1:before {
  display: inline-block;
  content: "";
  width: 60px;
  height: 50px;
  background: url(/libsta/nleval/images/h1_logo-e14a0a569385b2c12e916d80039c45c5.png) no-repeat center center;
  position: absolute;
  left: 32px;
  top: 10px;
}
.h1 button {
  font-size: 21px;
  letter-spacing: -2px;
  font-weight: 600;
  background: none;
  margin-top: -6px;
}

.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}

.topMenu {
  padding: 20px 0 0 0;
  height: 55px;
  text-align: right;
  background: #fff;
  border-bottom: solid 1px #ddd;
  position: relative;
  z-index: 5;
}
.topMenu > * {
  vertical-align: middle;
}
.topMenu .loginName {
  position: relative;
  padding: 0 8px 0 20px;
  margin-right: 10px;
  vertical-align: baseline;
  background: url(/libsta/nleval/images/arrow3-7a2dbb2a8f147fde74396aec5b6bfed1.gif) no-repeat right center;
}
.topMenu .loginName:before {
  display: inline-block;
  content: "";
  width: 23px;
  height: 23px;
  margin: 0 6px 0 0;
  vertical-align: text-bottom;
  background: url(/libsta/nleval/images/loginAvatar-59c3e782ef4f50e3376da9147b56ecc9.png) no-repeat center center;
  background-size: contain;
}
.topMenu .loginName > a {
  color: #556080;
  font-weight: 700;
  line-height: 2em;
  background: url(/libsta/nleval/images/loginUnderline-8769b41f1df4ac111074c6b2e0f4b283.gif) repeat-x 0 bottom;
}
.topMenu .loginName ul {
  position: absolute;
  left: 0;
  top: 20px;
  display: none;
}
.topMenu .btnGoHomepage {
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 20px;
}
.topMenu .btnGoHomepage:before {
  display: inline-block;
  content: "";
  width: 23px;
  height: 23px;
  margin: 0 6px 0 0;
  vertical-align: text-bottom;
  background: url(/libsta/nleval/images/btnGoHomepage-20634e06549d4c9f9a3b09cffbb5d6b2.png) no-repeat center center;
  background-size: contain;
  vertical-align: text-bottom;
}
.topMenu .remainTimeWrap {
  display: inline-block;
  margin: 0 20px;
  padding: 5px 0 5px 28px;
  width: 60px;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease 0s;
  background: url(/libsta/nleval/images/iconClock-9a18eec4b04a29aab3c6fd1cf4d6bbbe.png) no-repeat 0 0;
  background-size: 22px;
}
.topMenu .remainTimeWrap .remainTimeText {
  opacity: 0;
  position: absolute;
  left: 28px;
  top: 4px;
  transition: all 0.2s ease 0s;
}
.topMenu .remainTimeWrap:hover, .topMenu .remainTimeWrap:focus {
  width: 205px;
}
.topMenu .remainTimeWrap:hover .remainTimeText, .topMenu .remainTimeWrap:focus .remainTimeText {
  opacity: 1;
}

#logout_btn {
  font-size: 0;
  width: 38px;
  height: 38px;
  padding: 0 20px;
  margin: 0 34px 0 16px;
  border: none;
  background: url(/libsta/nleval/images/btnLogout-8a2accab4164ec60f4f406418ca37e78.png) no-repeat center center;
  background-size: contain;
  vertical-align: super;
}

.nav {
  position: fixed;
  left: 0;
  top: 180px;
  top: 0;
  bottom: 0;
  width: 220px;
  padding: 100px 0 0 0;
  background: #fff;
  z-index: 1;
  /*.hasSub h2 a { background: url(/libsta/nleval/images/arrow-a480da182a25dbe456a44797a330a29b.png) no-repeat 92% 23px; }
  .hasSub.hover h2 a { background-position-y:-10px; background-color: rgba(0,0,0,0.03) }*/
}
.nav article {
  position: relative;
  z-index: 4;
}
.nav article.hover {
  z-index: 5;
}
.nav a {
  display: block;
  letter-spacing: -1px;
  font-size: 15px;
  transition: all 0.2s ease 0s;
}
.nav h2 a {
  font-size: 16px;
  padding: 20px 0 20px 65px;
  font-weight: 600;
  width: 155px;
}
.nav .hasSub h2 a {
  background: url(/libsta/nleval/images/arrow4R-73d31a6f2a699f44f68f0f1a3dee13d8.png) no-repeat 94% center;
}
.nav .hasSub.hover h2 a {
  background: rgba(0, 0, 0, 0.03) url(/libsta/nleval/images/arrow4L-1b6c0004e45b5e1ce1ca4f678eae003f.png) no-repeat 94% center;
}
.nav h2 {
  background: url(/libsta/nleval/images/navManger-2fb721a32873a0497274b7269d90d96d.png) no-repeat 30px center;
}
.nav .navLibMng h2 {
  background-image: url(/libsta/nleval/images/navLibMng-ea64edabe529197a6d28a7cd37c59c5f.png);
}
.nav .navLibInp h2 {
  background-image: url(/libsta/nleval/images/navLibInp-30cc3684eb1724fd9c71d8bf2eff5f82.png);
}
.nav .navBoard h2 {
  background-image: url(/libsta/nleval/images/navBoard-02a5b41d7d11b88e8b5463f4196bb5f6.png);
}
.nav .navIndicator h2 {
  background-image: url(/libsta/nleval/images/navIndicator-18517fa53fed1f6acec73e7ecda08a46.png);
}
.nav .navEnvSetup h2 {
  background-image: url(/libsta/nleval/images/navEnvSetup-50cee0d6c715cce5505e5a6b811be0d1.png);
}
.nav .navStatInp h2 {
  background-image: url(/libsta/nleval/images/navStatInp-c2d6f2946aeb73acae4ca2fe302c4107.png);
}
.nav .navStatIndicator h2 {
  background-image: url(/libsta/nleval/images/navStatIndicator-822ecfab796c4a59c72b4ae0375a1a19.png);
}
.nav ul {
  position: absolute;
  width: 0;
  right: -140px;
  top: 12px;
  top: -80px;
  opacity: 0;
  overflow: hidden;
  z-index: 3;
  transition-property: width, right, opacity;
  transition-duration: 0.1s, 0.2s, 0.2s;
  transition-delay: 0s, 0.01s, 0.02s;
  transition-timing-function: ease-out, ease-out, ease-out;
}
.nav li a {
  padding: 8px 0 8px 16px;
}
.nav li:first-child a {
  padding-top: 100px;
}
.nav li:last-child a {
  padding-bottom: 200px;
}
.nav .hover ul, .nav .focus ul {
  display: block;
  width: 160px;
  right: -160px;
  top: -80px;
  z-index: 3;
  opacity: 1;
  transition-property: width, right, opacity;
  transition-duration: 0.3s, 0.2s, 0.1s;
  transition-delay: 0.02s, 0.01s, 0s;
  transition-timing-function: ease-out, ease-out, ease-out;
}
.nav .navBg {
  position: absolute;
  left: 220px;
  top: 0;
  bottom: 0;
  width: 0;
  background: #f9f9f9;
  border-right: rgba(0, 0, 0, 0.12) solid 1px;
  border-left: rgba(0, 0, 0, 0.12) solid 1px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.09);
  z-index: 2;
  transition: all 0.2s ease 0s;
}
.nav .navBg.on {
  width: 160px;
}

/*.usermng,
.usermng,
.libmng,
.eval.submitstatus,
.eval.questionsmng,
.env.codemng,
.openyard,
.env,*/
.navOff .nav {
  width: 220px;
  transition: all 0.2s ease 0s;
  overflow: hidden;
  border-right: solid 1px rgba(0, 0, 0, 0.1);
}
.navOff .nav .navBg {
  left: 220px;
}
.navOff .nav:hover, .navOff .nav.focus {
  width: 220px;
  z-index: 2;
  overflow: inherit;
}
.navOff .nav:hover .navBg, .navOff .nav.focus .navBg {
  left: 220px;
}
.navOff #content,
.navOff .footer {
  padding-left: 242px;
}

.usermng .navManger h2,
.libmng .navLibMng h2,
.stat.statisticsmng .navStatInp h2,
.stat.batch .navStatInp h2,
.stat.questionsmng .navStatIndicator h2,
.stat.statimportmng .navStatIndicator h2,
.stat.mainstatmng .navStatIndicator h2,
.stat.statisticscolmng .navStatIndicator h2,
.stat.questionsmng .navStatIndicator h2,
.eval.submitstatus .navLibInp h2,
.eval.pointmng .navLibInp h2,
.eval.quality .navLibInp h2,
.eval.actualmng .navLibInp h2,
.eval.appealmng .navLibInp h2,
.eval.manualpoint .navLibInp h2,
.eval.pointlog .navLibInp h2,
.eval.questionsmng .navIndicator h2,
.eval.depfilemng .navIndicator h2,
.eval.judgegroup .navIndicator h2,
.eval.pointermng .navIndicator h2,
.eval.statimportmng .navIndicator h2,
.eval.dataexport .navIndicator h2,
.openyard .navBoard h2,
.env .navEnvSetup h2 {
  background-color: #464de4;
  background-image: url(/libsta/nleval/images/navMangerOn-1cf99496d4ffd4599c0bfa9f79b4c3c8.png);
}
.usermng .navManger h2 a,
.libmng .navLibMng h2 a,
.stat.statisticsmng .navStatInp h2 a,
.stat.batch .navStatInp h2 a,
.stat.questionsmng .navStatIndicator h2 a,
.stat.statimportmng .navStatIndicator h2 a,
.stat.mainstatmng .navStatIndicator h2 a,
.stat.statisticscolmng .navStatIndicator h2 a,
.stat.questionsmng .navStatIndicator h2 a,
.eval.submitstatus .navLibInp h2 a,
.eval.pointmng .navLibInp h2 a,
.eval.quality .navLibInp h2 a,
.eval.actualmng .navLibInp h2 a,
.eval.appealmng .navLibInp h2 a,
.eval.manualpoint .navLibInp h2 a,
.eval.pointlog .navLibInp h2 a,
.eval.questionsmng .navIndicator h2 a,
.eval.depfilemng .navIndicator h2 a,
.eval.judgegroup .navIndicator h2 a,
.eval.pointermng .navIndicator h2 a,
.eval.statimportmng .navIndicator h2 a,
.eval.dataexport .navIndicator h2 a,
.openyard .navBoard h2 a,
.env .navEnvSetup h2 a {
  color: #fff;
}

.libmng .navLibMng h2 {
  background-image: url(/libsta/nleval/images/navLibMngOn-9c6aab896bd30c631f808427f6cded42.png);
}

.openyard .navBoard h2 {
  background-image: url(/libsta/nleval/images/navBoardOn-b3ec0b159e13c8f7bb755f2534542afc.png);
}

.env .navEnvSetup h2 {
  background-image: url(/libsta/nleval/images/navEnvSetupOn-fbcc59ecf016b4f8717172d87dc43a95.png);
}

/* 통계입력현황 */
.stat.statisticsmng .navStatInp h2,
.stat.batch .navStatInp h2 {
  background-image: url(/libsta/nleval/images/navStatInpOn-7a67a775e0599bd7e252dddb80f8fd3a.png);
}

.ml8 {
  margin-left: 8px;
}

/* 통계지표관리 */
.stat.questionsmng .navStatIndicator h2,
.stat.statimportmng .navStatIndicator h2,
.stat.mainstatmng .navStatIndicator h2,
.stat.statisticscolmng .navStatIndicator h2,
.stat.questionsmng .navStatIndicator h2 {
  background-image: url(/libsta/nleval/images/navStatIndicatorOn-368292f6daec17bd022f325fae9f6bb6.png);
}

/* 평가입력현황 */
.eval.submitstatus .navLibInp h2,
.eval.pointmng .navLibInp h2,
.eval.quality .navLibInp h2,
.eval.actualmng .navLibInp h2,
.eval.appealmng .navLibInp h2,
.eval.manualpoint .navLibInp h2,
.eval.pointlog .navLibInp h2 {
  background-image: url(/libsta/nleval/images/navLibInpOn-9b4042290e2e8b36f4fc600c62cb1d64.png);
}

/* 평가지표관리 */
.eval.questionsmng .navIndicator h2,
.eval.depfilemng .navIndicator h2,
.eval.judgegroup .navIndicator h2,
.eval.pointermng .navIndicator h2,
.eval.statimportmng .navIndicator h2,
.eval.dataexport .navIndicator h2 {
  background-image: url(/libsta/nleval/images/navIndicatorOn-2a0ff165558756a8dde2d22d974d2362.png);
}

.btnNavOpen,
.btnNavClose {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  padding: 0;
  line-height: 1;
  font-size: 0;
  border-top: solid 1px #ddd;
  background: #efefef url(/libsta/nleval/images/navOpen-f4e76f2ac60b2843db4f55cdf3322611.png) no-repeat center -25px;
  display: none;
  z-index: 9;
}

.btnNavClose {
  display: block;
  background-position-y: 8px;
}

.navOff .btnNavOpen {
  display: block;
}
.navOff .btnNavClose {
  display: none;
}

.focus .btnNavClose {
  display: block;
}

.footer {
  padding: 30px 0 20px 310px;
  padding-left: 250px;
  transition: all 0.2s ease 0s;
}
.footer address {
  font-style: normal;
}
.footer address p, .footer address dl, .footer address dt, .footer address dd {
  display: inline-block;
  color: #999;
  font-size: 14px;
  font-weight: 600;
}
.footer address dl {
  border-left: solid 1px #bbb;
  margin-left: 10px;
  padding-left: 10px;
}
.footer .footLogo {
  display: none;
  width: 120px;
  height: 33px;
  background: url(/libsta/nleval/images/footLogo-c7abfac8695dae3fce2dd34c9bfe42b2.png) no-repeat center center;
  background-size: contain;
  font-size: 0;
}
.footer .verInfo,
.footer .copyright {
  font-size: 12px;
  color: #ccc;
  padding: 14px 0;
}
.footer .copyright {
  padding: 14px 0;
}
.footer .btnGoTop {
  display: block;
  width: 33px;
  height: 33px;
  font-size: 0;
  padding: 0;
  position: absolute;
  right: 35px;
  top: 0;
  background: #cfd1db url(/libsta/nleval/images/btnGoTop-9476fcdda362d4b685ded943b589fae2.gif) no-repeat center center;
  transition: all 0.2s ease 0s;
}
.footer .btnGoTop:hover, .footer .btnGoTop:focus {
  background-color: #acb0c5;
}

.login .footer {
  position: static;
  padding-left: 0;
  text-align: center;
}
.login .footer .footLogo {
  display: block;
  margin: 20px auto;
}
.login .footer .verInfo {
  padding: 14px 0;
}

#content {
  padding: 90px 20px 26px 240px;
  transition: all 0.2s ease 0s;
}

.sectionHeader {
  position: relative;
  padding: 20px 0;
}
.sectionHeader h2 {
  font-size: 20px;
  color: #42526f;
  letter-spacing: -1px;
}
.sectionHeader ol {
  position: absolute;
  right: 0;
  top: 20px;
  text-align: right;
}
.sectionHeader ol li {
  display: inline-block;
  font-size: 14px;
  padding: 0 0 0 12px;
  color: #666;
  background: url(/libsta/nleval/images/decoArrow1-c4d1b6feadfb3e27244b47ff02b35b55.gif) no-repeat 3px center;
}
.sectionHeader ol li:first-child {
  background-image: url(/libsta/nleval/images/decoDot1-dd8bc6d4274a890bd499410d32c6c087.gif);
}

.searchCondition {
  border: solid 2px #a7a7a9;
  margin: 20px 0;
}
.searchCondition tr td {
  border-top: none;
  padding: 10px;
}
.searchCondition tr td:first-child {
  border-left: none;
}
.searchCondition tr td:last-child {
  border-right: none;
}
.searchCondition tr:last-child td {
  border-bottom: none;
}
.searchCondition .th {
  background: #ededed;
}
.searchCondition .tdBtn {
  float: right;
  text-align: right;
}

.sectionHeader + .searchCondition {
  margin-top: 0;
}

#total_count {
  color: #999;
  margin-bottom: -20px;
  display: inline-block;
}

/* .table.caption { border-top:none;
     caption { border-bottom:solid 1px #515151}
     caption.h3 { text-align: left; font-size: 18px;padding: 10px 0 5px 0}

 }*/
/* 화면분할 */
.screenDiv:after {
  display: block;
  content: "";
  clear: both;
}
.screenDiv.ea2 .floatL, .screenDiv.ea2 .floatR {
  width: 49.5%;
}

#evalStatChartDiv {
  height: 300px;
  padding: 10px 0 0 -10px;
}

/*평가지표*/
#questionTmptForm .floatL {
  width: 69%;
}
#questionTmptForm .floatR {
  width: 30%;
  position: fixed;
  right: 24px;
  width: 25%;
}
#questionTmptForm .floatR .btnArea .btn {
  padding-left: 10px;
  padding-right: 10px;
}

#eval_num input[type=text], #eval_num input[type=number] {
  width: 52px;
  text-align: center;
}

td.function {
  text-align: center;
}
td.function div {
  min-width: 118px;
}
td.function .btn {
  padding-left: 6px;
  padding-right: 6px;
  margin-right: -1px;
  letter-spacing: -1px;
}

button.btn.addResponse, button.btn.deleteResponse {
  width: 30px;
  font-size: 0;
  height: 30px;
  background-image: url(/libsta/nleval/images/btnAdd-4d015f5ce1810687bffc0fdd142ec92f.png);
  background-position: center center;
  margin: -1px -1px -1px 0;
}
button.btn.deleteResponse {
  background-image: url(/libsta/nleval/images/btnDelete2-e1cb81b2ea7e4cc056ebe498ccae784b.png);
}

textarea {
  width: 100%;
}

/* 평가지표 - 지표미리보기 팝업 */
#tmptPreviewArea .h3 {
  font-size: 17px;
  font-weight: 600;
  color: #000;
}
#tmptPreviewArea h4 {
  font-size: 16px;
  padding: 16px 0 6px 0;
}
#tmptPreviewArea h4 + div {
  padding: 9px;
  margin: 8px 0 16px 0;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 3px;
}
#tmptPreviewArea h4 + div p {
  color: #666;
  line-height: 1.35em;
  font-size: 14px;
}

#prevResultArea h4 {
  font-size: 16px;
  margin: 16px 0 6px 0;
  color: #000;
}
#prevResultArea h5 {
  margin: 14px 0 4px 0;
  color: #256397;
  line-height: 1.3em;
  font-weight: 600;
}
#prevResultArea h5 div.box-content {
  padding: 16px;
  border: solid 1px #ddd;
  background: #f9f9f9;
  margin: 0 0 8px 0;
}
#prevResultArea h6 {
  margin: 6px;
  color: #256397;
  line-height: 1.3em;
}
#prevResultArea h6 + table {
  margin: 10px 0;
}
#prevResultArea p {
  color: #666;
  margin: 4px 0;
  line-height: 1.3em;
}

#applyContent article {
  padding: 16px 0;
  clear: both;
  border-bottom: solid 1px #ddd;
}
#applyContent .h4 {
  padding: 0 0 8px 0;
}
#applyContent p {
  line-height: 1.3em;
}
#applyContent .btn {
  float: right;
  margin: -4px 0 0 10px;
}

/* 도서관별 입력현황*/
.resultTitle {
  padding: 0 0 8px 0;
}
.resultTitle dt, .resultTitle dd {
  display: inline-block;
  font-size: 17px;
  color: #333;
  padding: 0 12px 0 4px;
}
.resultTitle dt {
  font-weight: 600;
  padding-right: 0;
  color: #999;
}
.resultTitle dd {
  color: #247fb3;
  color: #000;
}
.resultTitle dt:first-child {
  padding-left: 0;
}

.resultSummary {
  margin: 10px 0;
  background: #f3f3f3;
  border-bottom: solid 1px #ccc;
}
.resultSummary:after {
  display: block;
  content: "";
  clear: both;
}
.resultSummary dt, .resultSummary dd {
  float: left;
  padding: 10px 0 0 12px;
  width: 100px;
  min-height: 26px;
  border-top: solid 1px #ccc;
}
.resultSummary dd {
  width: 85%;
  width: calc(100% - 124px);
  background: #fff;
}
.resultSummary dd.GET_POINT, .resultSummary dd.TOT_POINT, .resultSummary dd.JUDGE_POINT, .resultSummary dd.ACTUAL_POINT {
  width: calc(25% - 124px);
}

.inputStatus {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 8px;
  font-weight: 400;
  font-size: 14px;
  border: solid 1px #999;
  background: #aaa;
  letter-spacing: -1px;
  color: #fff;
}
.inputStatus.noInput {
  background: #8b8e99;
  border: solid 1px #7f8391;
  background: #ff919e;
  border: solid 1px #ef7c89;
}

label[for=nyeondo] {
  vertical-align: middle;
}

#preview-container { /*width: 100%;height: 500px;*/
  width: 100%;
  width: calc(100% - 1px);
  border: 0;
  outline: #ddd solid 1px;
  background: #fff;
}

.table_quality_list_wrap {
  margin-top: -90px;
}
.table_quality_list_wrap .floatL {
  height: 400px;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 90px;
}
.table_quality_list_wrap .floatR {
  padding-top: 90px;
}

.ul_file_list {
  background: #fff;
}
.ul_file_list li {
  border-top: solid 1px #ddd;
  position: relative;
  padding: 8px;
}
.ul_file_list li:first-child {
  border-top-color: #444;
  padding-top: 12px;
}
.ul_file_list li:last-child {
  border-bottom-color: #999;
  padding-bottom: 12px;
}
.ul_file_list li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: no-repeat center center;
  font-size: 0;
  vertical-align: middle;
}
.ul_file_list li a {
  font-size: 14px;
}
.ul_file_list li .btn {
  position: absolute;
  right: 8px;
  top: 7px;
  font-size: 14px;
  padding: 3px 5px;
  letter-spacing: -1px;
}

h5.TITLE .accordion-inner.padded,
.resultCMMT {
  margin: 8px 0 16px 0;
  border: solid 1px #ddd;
  background: #fff;
  padding: 16px;
  border-radius: 3px;
  line-height: 1.3em;
  text-indent: 0;
}

h6.accordion-toggle {
  font-size: 16px;
  padding: 8px 0;
}

.accordion-heading {
  position: relative;
}
.accordion-heading .accordionOn, .accordion-heading .accordionOff {
  display: none;
}

.resultY,
.result1,
.result0 {
  position: absolute;
  right: 0;
  bottom: -2px;
  display: inline-block;
  padding: 6px 14px;
  background: #eee;
  color: #666;
  border: solid 1px #cecece;
  border-radius: 2px;
}

.result0 {
  background: #ff919e;
  border: solid 1px #ef7c89;
  color: #fff;
}

.box-content table {
  margin: 8px 0;
}

.reportWrap {
  border: solid 1px #ddd;
  padding: 16px;
  background: #fff;
}
.reportWrap .h4 {
  padding: 24px 0 8px;
}
.reportWrap table {
  margin: 0 0 8px 0;
}
.reportWrap .prizeHistory table {
  margin: 0;
}
.reportWrap .prizeHistory table + table tr:first-child td, .reportWrap .prizeHistory table + table tr:first-child th {
  border-top: none;
}

.infoNote {
  text-align: right;
  padding: 10px 0 4px 0;
}

.explaneText {
  padding: 16px 0 8px 0;
}

.dataYY {
  float: right;
  padding: 0 0 8px 0;
}

label.score {
  background: #555;
  float: right;
  margin-top: -26px;
  font-size: 16px;
  display: block;
  width: 50px;
  height: 25px;
  border-radius: 6px;
  padding: 7px 0 0 0;
  line-height: 1;
  text-align: center;
  color: #fff;
  cursor: inherit;
}

td.score {
  text-align: right;
  width: 30px;
  padding-left: 0;
}

#actualPointDiv {
  margin-top: 8px;
}
#actualPointDiv tr .th:first-child {
  width: 60px;
}
#actualPointDiv tr .th:first-child + td {
  width: 60px;
}
#actualPointDiv td[rowspan] {
  background: #f9f9f9;
}

#answerContentDiv .h4 {
  padding-right: 40px;
}

.resultPoint {
  border: solid 1px #ccc;
  background: #fff;
  padding: 0 !important;
  margin: 8px 0;
}
.resultPoint:after {
  display: block;
  content: "";
  clear: both;
}
.resultPoint h5, .resultPoint dt, .resultPoint dd {
  float: left;
  padding: 8px 16px;
  border-left: solid 1px #ededed;
}
.resultPoint h5 {
  background: #f1f1f1;
  border: none;
  color: #666;
  font-weight: 600;
}
.resultPoint dt {
  background: #f9f9f9;
}
.resultPoint dd {
  color: #000;
  font-weight: 600;
}

tr.addDesc td {
  background: #e2e7f7 no-repeat 4px 4px;
}

#prevStatDataDlg .statDataFrom {
  padding: 0 0 6px 0;
}
#prevStatDataDlg .statDataFrom li {
  padding-bottom: 4px;
}
#prevStatDataDlg .statDataFrom span {
  padding-left: 8px;
  font-size: 18px;
  color: #000;
}
#prevStatDataDlg .statDataFrom strong {
  font-weight: normal;
  font-weight: 600;
  font-size: 15px;
  padding-right: 10px;
  color: #4c6b9f;
  font-weight: 600;
}
#prevStatDataDlg .statDataFrom strong, #prevStatDataDlg .statDataFrom span {
  vertical-align: bottom;
}
#prevStatDataDlg .inner-cell {
  width: auto;
}

/* 환경설정 */
/* 시스템접근관리*/
input#ip_1, input#ip_2, input#ip_3, input#ip_4 {
  width: 80px;
}

/* 로그인 */
#certify_button_ipin,
#certify_button_handphone,
#findIdEmailBtn,
#findPwEmailBtn {
  padding-top: 180px;
  padding-bottom: 20px;
  font-size: 17px;
  background: url(/libsta/nleval/images/loginIpin-587337a2b91ad3e1b9f12f8f0a1082de.png) no-repeat center 33%;
  border: 0 none;
  width: 24.5%;
}
#certify_button_ipin:hover, #certify_button_ipin:focus,
#certify_button_handphone:hover,
#certify_button_handphone:focus,
#findIdEmailBtn:hover,
#findIdEmailBtn:focus,
#findPwEmailBtn:hover,
#findPwEmailBtn:focus {
  background-color: #f3f3f3;
}

#certify_button_handphone {
  background-image: url(/libsta/nleval/images/loginMobile-5b911bf9fb46d70e941f76100be992c8.png);
}

#findIdEmailBtn {
  background-image: url(/libsta/nleval/images/loginMyInfo-845ce3aeeffe361c00569b6dac02bff1.png);
}

#findPwEmailBtn {
  background-image: url(/libsta/nleval/images/loginEmail-1d871d3525f7f1182857715610011f56.png);
}

#certifyDiv .jsDivContent {
  text-align: center;
}

/* 약관동의 */
#reAgreeDivContent h3 {
  padding: 20px 0 10px 0;
  font-size: 17px;
  letter-spacing: -1px;
  color: #000;
}
#reAgreeDivContent .textarea {
  margin-bottom: 10px;
  height: 150px;
  padding: 10px 2%;
  color: #444;
  background: #f9f9f9;
  line-height: 1.3em;
  border: solid 1px #ddd;
  overflow: hidden;
  overflow-y: auto;
}
#reAgreeDivContent .textarea p {
  color: #777;
}
#reAgreeDivContent .textarea + div {
  padding-bottom: 8px;
}

.tabWrap {
  position: relative;
  padding: 51px 0;
}
.tabWrap .tabH {
  width: 20%;
  width: calc(20% + 1px);
  position: absolute;
  top: 0;
}
.tabWrap .tabH a {
  display: block;
  padding: 14px 0 0 0;
  background-color: #efefef;
  text-align: center;
  height: 36px;
  border: solid 1px #ccc;
  border-bottom-color: #464de4;
  font-size: 15px;
  transition: all 0.2s ease 0.1s;
}
.tabWrap .tabH a:hover, .tabWrap .tabH a:focus {
  background-color: #ddd;
  color: #333;
}
.tabWrap article.on {
  padding: 16px 0; /*border-top:$pri-color solid 1px;*/
}
.tabWrap article:nth-child(2) .tabH {
  left: 20%;
}
.tabWrap article:nth-child(3) .tabH {
  left: 40%;
}
.tabWrap article:nth-child(4) .tabH {
  left: 60%;
}
.tabWrap article:nth-child(5) .tabH {
  left: 80%;
}
.tabWrap .tabContent {
  display: none;
}
.tabWrap .tabContent h4 {
  font-size: 17px;
  padding: 16px 0 8px 0;
}
.tabWrap .on .tabContent {
  display: block;
}
.tabWrap .on .tabH a {
  background-color: #464de4;
  color: #fff;
  border-color: #464de4;
}
.tabWrap .tabContent.jsSubmitBody {
  /*article {line-height: 1.4em; padding: 8px 25px;}*/
}
.tabWrap .tabContent.jsSubmitBody .rootData {
  border-top: solid 1px #ddd;
}
.tabWrap .tabContent.jsSubmitBody .rootData > h4 {
  color: #000;
  font-weight: 600;
}
.tabWrap .tabContent.jsSubmitBody .rootData h4 + div,
.tabWrap .tabContent.jsSubmitBody .rootData h4 + .btn + div {
  margin: 8px 0 16px 0;
  border: solid 1px #ddd;
  background: #fff;
  padding: 16px;
  border-radius: 3px;
  line-height: 1.4em;
}
.tabWrap .tabContent.jsSubmitBody .rootData h4 + div p,
.tabWrap .tabContent.jsSubmitBody .rootData h4 + .btn + div p {
  padding: 3px 0;
  line-height: 1.3;
}
.tabWrap .tabContent.jsSubmitBody .rootData h4 + div ul,
.tabWrap .tabContent.jsSubmitBody .rootData h4 + .btn + div ul {
  padding: 3px 0 10px 26px;
}
.tabWrap .tabContent.jsSubmitBody .rootData h4 + div li,
.tabWrap .tabContent.jsSubmitBody .rootData h4 + .btn + div li {
  color: #666;
}
.tabWrap .tabContent.jsSubmitBody .rootData h4 + div li.dot,
.tabWrap .tabContent.jsSubmitBody .rootData h4 + .btn + div li.dot {
  padding-left: 16px;
  background: url(/libsta/nleval/images/decoDot2-0159b2cb64473456f92ef65215b604b1.gif) no-repeat 5px 10px;
}
.tabWrap .tabContent.jsSubmitBody .rootData h4 + .btn {
  float: right;
  margin-top: -34px;
}
.tabWrap .tabContent.jsSubmitBody .rootData h4 + div.inBtnArea {
  border: none;
  margin: 0;
  padding: 4px 0 12px 0;
  background: none;
}
.tabWrap .tabContent.jsSubmitBody .branchData {
  padding: 8px 0 8px 16px;
  border-top: dotted 1px #ddd;
  padding: 16px;
  border: solid 1px #ccc;
  color: #666;
  background: #fefefe;
  margin: 4px 0;
  border-radius: 3px;
}

.tabHeader {
  position: relative;
  padding: 39px 0;
}
.tabHeader > span {
  width: 20%;
  width: calc(20% + 1px);
  position: absolute;
  top: 0;
}
.tabHeader > span button {
  background-color: #efefef;
  text-align: center;
  height: 38px;
  width: 100%;
  border: solid 1px #ccc;
  border-bottom: #777 solid 1px;
  font-size: 16px;
  line-height: 1;
  transition: all 0.2s ease 0.1s;
}
.tabHeader > span button:hover, .tabHeader > span button:focus {
  background-color: #ddd;
  color: #333;
}
.tabHeader > span button.stateRed {
  color: #f31932;
}
.tabHeader > span.active button {
  background-color: #777;
  color: #fff;
  border-color: #777;
}
.tabHeader > span.active button.stateRed {
  color: #ff919e;
}
.tabHeader > span:nth-child(2) {
  left: 20%;
}
.tabHeader > span:nth-child(3) {
  left: 40%;
}
.tabHeader > span:nth-child(4) {
  left: 60%;
}
.tabHeader > span:nth-child(5) {
  left: 80%;
}
.tabHeader.ea6 > span {
  width: 16.7%;
}
.tabHeader.ea6 > span:nth-child(2) {
  left: 16.7%;
}
.tabHeader.ea6 > span:nth-child(3) {
  left: 33.3%;
}
.tabHeader.ea6 > span:nth-child(4) {
  left: 49.9%;
}
.tabHeader.ea6 > span:nth-child(5) {
  left: 66.5%;
}
.tabHeader.ea6 > span:nth-child(6) {
  left: 83.1%;
}

.fixed-board > td {
  background-color: azure;
}

/*.jsResponse { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 8px 0}*/
.jsResponse table {
  /*    td {text-align: center;}
      td.option{text-align: left;}
      tr td:first-child {padding-left: 0;padding-right: 0;width: 40px;

      }*/
}
.jsResponse table input[type=radio] + label:before, .jsResponse table input[type=checkbox] + label:before {
  margin-left: -14px;
}

button[name=attachFile] {
  margin: 8px 0;
}

/* 팝업 */
article.jsDiv {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%; /*z-index: 600;*/
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.2s ease 0s;
  z-index: 10;
}

article.jsDiv.block {
  display: table;
}

article.jsDiv.on {
  opacity: 1;
}

.jsDivContent {
  padding: 16px;
  max-height: 700px;
  overflow: auto;
}
.jsDivContent .divContent {
  padding: 10px 0;
}
.jsDivContent .contentLoc {
  position: absolute;
  right: 50px;
  top: 13px;
}
.jsDivContent .contentLoc li {
  color: #999;
  display: inline-block;
  padding: 0 0 0 10px;
  background: url(/libsta/nleval/images/arrow1-e6a666a9178fb42373fa131ba7c80cca.gif) no-repeat 1px 4px;
}
.jsDivContent .contentLoc li:first-child {
  background-image: url(/libsta/nleval/images/decoDot1-dd8bc6d4274a890bd499410d32c6c087.gif);
  background-position: 0 7px;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.inner-cell {
  position: relative;
  width: 50%;
  margin: 0 auto;
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.inner-cell header {
  padding: 16px;
  border-bottom: solid 1px #ddd;
}
.inner-cell header .title {
  font-size: 17px;
  font-weight: 600;
}
.inner-cell .btnArea {
  padding: 12px 16px 14px 16px;
  border-top: solid 1px #ddd;
}

.jsDivClose {
  display: block;
  width: 25px;
  height: 25px;
  font-size: 0;
  position: absolute;
  right: 16px;
  top: 11px;
  border: solid 1px #ccc;
  z-index: 601;
  opacity: 0.8;
  background: url(/libsta/nleval/images/commonInput-5337f6f7f3d3f595198b25854084b132.png) no-repeat -56px 4px;
}
.jsDivClose:hover, .jsDivClose:focus {
  background-color: #f9f9f9;
  opacity: 1;
}

/*no fixed popup*/
article.jsDiv.no_fixed {
  height: auto !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
article.jsDiv.no_fixed .table-cell {
  height: auto;
}
article.jsDiv.no_fixed_new {
  position: absolute !important;
  background: none !important;
  transition: all !important;
  width: 800px !important;
  height: auto !important;
  z-index: 10 !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
article.jsDiv.no_fixed_new .inner-cell {
  width: 100%;
}
article.jsDiv.no_fixed_new .jsDivContent {
  max-height: 500px;
}

.mainContentWarp {
  position: relative;
}
.mainContentWarp:after {
  display: block;
  content: "";
  clear: both;
}
.mainContentWarp > article {
  border: solid 1px #d5dcec;
  border-radius: 3px;
  padding: 25px;
  margin: 8px 16px 7px 0;
  width: calc(25% - 64px);
  height: 360px;
  float: left;
  position: relative;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.07);
}
.mainContentWarp > article.mainGraph1 {
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  border: 0 none;
  background: none;
  background: transparent;
  box-shadow: none;
}
.mainContentWarp > article.mainGraph1 h3 {
  height: 28px;
}
.mainContentWarp > article h3 {
  color: #0a0e57;
  font-weight: 600;
  font-size: 21px;
  letter-spacing: -1px;
  height: 36px;
}
.mainContentWarp > article button.btnMore {
  width: 40px;
  height: 40px;
  border: 0 none;
  position: absolute;
  right: 15px;
  top: 15px;
  background: transparent url(/libsta/nleval/images/btnMore2-a0cdbd610d0da8c79267b22bed220681.png) no-repeat center center;
  opacity: 0.6;
  transition: all 0.2s ease 0s;
  font-size: 0;
}
.mainContentWarp > article button.btnMore:hover, .mainContentWarp > article button.btnMore:focus {
  opacity: 1;
}
.mainContentWarp > article .graphWrap {
  max-height: 333px;
  height: 330px;
}
.mainContentWarp .mainNotice {
  margin-right: 0;
}

.mainGraph1 .during {
  position: absolute;
  right: 60px;
  top: 24px;
  font-size: 17px;
  color: #999;
}

#tabLink2 .mainGraph5 {
  margin-right: 0;
}

.graphBar {
  padding: 8px 0;
  position: relative;
}
.graphBar h4 {
  font-size: 20px;
  padding: 8px 0;
  font-weight: 600;
  letter-spacing: -1px;
}
.graphBar p {
  position: absolute;
  right: 0;
  top: 19px;
}
.graphBar p span {
  color: #888;
}
.graphBar .graph {
  background: #ddd;
  border-radius: 3px;
  overflow: hidden;
}
.graphBar .graph span {
  display: block;
  height: 6px;
  border-radius: 3px;
  background: #f8a688; /*background: linear-gradient(90deg, #f2b342 0%, #10c3fe 100%);*/
}
.graphBar:nth-child(2) .graph span {
  background: #f4688d;
}
.graphBar:nth-child(3) .graph span {
  background: #00bfff;
}
.graphBar:nth-child(4) .graph span {
  background: #f2b443;
}
.graphBar:nth-child(5) .graph span {
  background: #a2ba4d;
}

.mainGraph5 h4 {
  font-size: 20px;
  font-weight: 600;
  color: #0a0e57;
}
.mainGraph5 h4 span {
  float: right;
  font-size: 16px;
  color: #999;
  font-weight: 400;
}
.mainGraph5 table caption {
  font-size: 0;
  height: 10px;
}
.mainGraph5 table td, .mainGraph5 table th {
  border: 0 none;
  padding: 2px 0;
  background: none transparent;
}
.mainGraph5 table th {
  text-align: left;
  font-size: 16px;
  color: #666;
}
.mainGraph5 table td {
  text-align: right;
  color: #999;
}

.progressPercent {
  font-size: 98px;
  text-align: center;
  letter-spacing: -4px;
  color: #000;
  font-weight: 600;
  padding: 35px 0 0 0;
  height: 85px;
}

.progressCount {
  position: absolute;
  right: 20px;
  top: 25px;
  text-align: right;
}
.progressCount dt, .progressCount dd {
  display: inline-block;
  padding: 0 12px 4px 0;
  color: #10c3fe;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -1px;
}
.progressCount dd {
  background: url(/libsta/nleval/images/decoSlash-92b2f10a66822b54f79acab78e02b79e.png) no-repeat right 1px;
}
.progressCount dd:last-child {
  background: none;
  padding: 0;
}
.progressCount dt {
  position: fixed;
  left: -9999px;
}

.mainNotice {
  padding: 20px 0 0 0;
}
.mainNotice ul {
  padding-top: 10px;
}
.mainNotice li {
  padding: 2px 0;
}
.mainNotice li a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  width: 100%;
  overflow: hidden;
  color: #333;
  font-size: 16px;
  padding: 10px 0 5px 0;
  letter-spacing: -0.75px;
}
.mainNotice li span {
  color: #999;
}

.list {
  padding: 8px 0 16px 0;
}
.list li {
  padding: 3px 0 3px 16px;
  background: url(/libsta/nleval/images/decoDot2-0159b2cb64473456f92ef65215b604b1.gif) no-repeat 4px 10px;
  line-height: 1.2em;
  color: #5a80a7;
}

/* 메인 - 소장도서 증감현황 */
#libraryEvalInputDateChartDiv,
#libraryStatInputDateChartDiv {
  height: 310px;
  padding-top: 20px;
  border: #ddd solid 1px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.07);
}

#eval_stat_code { /*width: 100%;*/ }

#ajaxLoadingDiv.on {
  z-index: 10;
  display: block;
}
#ajaxLoadingDiv.on img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
  padding: 20px;
  background: #fff;
  border-radius: 50%;
}

#outputList li {
  float: left;
  padding: 4px 12px 12px 0;
}
#outputList li .btn {
  width: 16px;
  height: 16px;
  border: solid 1px #ccc;
  background: url(/libsta/nleval/images/btnDelete-3f622e784a03f87bb14c5ce4d08a135c.gif) no-repeat center center;
  font-size: 0;
  padding: 0;
  line-height: 1;
  margin: 0 12px 0 4px;
  vertical-align: bottom;
}
#outputList li .btn:hover, #outputList li .btn:focus {
  border: solid 1px #4667e4;
}
#outputList:after {
  display: block;
  content: "";
  clear: both;
}

/* 평가지표관리 */
/* 통계소급적용 */
body.statimportmng .screenDiv .searchCondition caption {
  margin-top: -39px;
}
body.statimportmng .screenDiv #lib_code {
  min-width: 104px;
  width: calc(100% - 134px);
}

/* common */
.h3 {
  font-size: 19px;
  padding: 16px 0 8px 0;
}

.h4 {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.75px;
  line-height: 1.3;
}

h4.TITLE {
  color: #000;
  font-weight: 600;
  font-size: 17px;
  padding: 16px 0 8px 0;
}

h5.TITLE {
  font-size: 17px;
  padding: 16px 0 8px 34px;
  text-indent: -34px;
  line-height: 1.3em;
}

td.radioTd,
td.checkTd {
  width: 30px;
  padding: 0;
  text-align: center;
}

.datepicker0 {
  width: 130px;
}

button.calendar {
  font-size: 0;
  background: url(/libsta/nleval/images/calendar-7d9088db3e5491de7bb1ee03065f456b.png) no-repeat center center;
  width: 24px;
  height: 24px;
  margin: 0 6px 0 -30px;
  vertical-align: middle;
}

.sortable,
.sortUp,
.sortDn {
  background: url(/libsta/nleval/images/sortAble-91f864e5e32274274768698e52d40e47.png) no-repeat 95% center;
  padding-right: 14px;
}
.sortable span,
.sortUp span,
.sortDn span {
  font-size: 0;
  vertical-align: middle;
}

.sortUp {
  background-image: url(/libsta/nleval/images/sortUp-157902c9891b3c4b88fa1cc48769543b.png);
}

.sortDn {
  background-image: url(/libsta/nleval/images/sortDn-38859f4e7e15eb81d842e6802fdd4283.png);
}

p.noteR {
  margin: 10px 0;
  color: #f34784;
}

span.red {
  display: block;
  margin: 10px 0;
}

.btnXLS,
a.btnXLS,
input.btnXLS,
.btn.btnXLDn {
  padding-left: 34px;
  font-size: 0;
  width: 30px;
  height: 30px;
  background: #5977e7 url(/libsta/nleval/images/btnXLSw-a5f2c4946370de71789f7cf0e9cdc0f2.png) no-repeat center 49%;
}
.btnXLS:hover, .btnXLS:focus,
a.btnXLS:hover,
a.btnXLS:focus,
input.btnXLS:hover,
input.btnXLS:focus,
.btn.btnXLDn:hover,
.btn.btnXLDn:focus {
  background-color: #4667e4;
  border-color: #383fd5;
}

.btnArea .btnXLS,
.btnArea a.btnXLS,
.btnArea input.btnXLS,
.btnArea .btn.btnXLDn {
  height: 37px;
}

span.must {
  background: #f34784;
  width: 5px;
  height: 5px;
  display: inline-block;
  font-size: 0;
  padding: 0;
  line-height: 0;
  margin: 0 4px;
  vertical-align: top;
}

#libUpdateDlg .inner-cell {
  height: auto !important;
}

.txt_info {
  padding-top: 14px;
  font-size: 14px;
  color: red;
}

#evalInfoDialog .jsDivContent {
  overflow: visible;
}
#evalInfoDialog .inner-cell {
  width: 830px;
}

@media (max-width: 1300px) {
  .graphBar p span {
    display: none;
  }
}
@media (max-width: 1200px) {
  #progressInfoTbl td {
    display: none;
  }
}