@charset "utf-8";
/* CSS Document */


/* board-list */
.board-list {}
.board-list h3 {position: relative;color: #11459c;background: none;border-bottom: 1px dotted #ccc;padding: 0 1.5rem 0.6rem 0;margin-bottom: 1rem}
.board-list h3 .more {position: absolute;top: 0;right: 0}
.board-list h3 .more:hover, .board-list h3 .more:focus {color: #11459c}
.board-list ul {}
.board-list ul > li {}
.board-list ul > li > a {position: relative;display: block}
.board-list ul > li .tit {display: block;width: 80%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.board-list ul > li .date {position: absolute;top: 0.05rem;right: 0;font-size: 0.95rem;color: #999}
.board-list ul > li a:hover .date, .board-list ul > li a:focus .date {color: #666}

/* card-list */
.card-list {border:1px solid #ccc;padding:30px 20px;border-radius:20px;box-sizing: border-box}
.card-list:hover, 
.card-list:focus {border:1px solid #2e61d3}
.card-list h4 {color:#222;font-size:1.125rem;margin-top:0;font-weight:600}
.card-list em {font-style:normal}
.card-list .row {margin-left:0;margin-right:0}
.card-list .row .card-list-tit li {padding-left:0;background:none;font-weight:600;color:#222}
.card-list .row .card-list-txt li {text-align:right;padding-left:0;background:none;color:#555}
.card-list .row .card-list-txt li .rod {position:relative;background:#eaeaea;display:block;margin:5px 0 0;height:7px;padding:0}
.card-list .row .card-list-txt li .rod .class {background: #dc3545;width:80%;display:block;height:7px;left:0}
.card-list .row .card-list-txt li .rod .total {background: #2e61d3;width:auto;display:block;height:7px;left:0}
.card-list p i {font-size:0.938rem}

/* alert-warning */
.alert-warning .icon {background: #fff;width:50px;height: 50px;border-radius: 50%}

/*학습현황*/
.mw-120 {min-width: 120px;}
.learning-list {margin:0 !important}
.learning-list ul li {margin:0.313rem 0 !important;padding-left:0 !important;background:none !important;text-align:left;word-break:keep-all}
.learning-list ul li > div {border-radius:3px}
.learning-list ul li .n1 {border:1px solid #124fb6}
.learning-list ul li .n1.n1-state {border:1px solid #a7b5cb}
.learning-list ul li .n2 {border:1px solid #6c757d}
.learning-list ul li .n2.n2-state {border:1px solid #afb2b5}
.learning-list ul li .n3 {border:1px solid #2e9044}
.learning-list ul li .n3.n3-state {border:1px solid #9dbea5}
.learning-list ul li > div .learning-head {color:#fff;padding:0.4rem}
.learning-list ul li .n1 .learning-head {background-color:#124fb6}
.learning-list ul li .n1.n1-state .learning-head {background-color:#a7b5cb}
.learning-list ul li .n2 .learning-head {background-color:#6c757d}
.learning-list ul li .n2.n2-state .learning-head {background-color:#afb2b5}
.learning-list ul li .n3 .learning-head {background-color:#2e9044}
.learning-list ul li .n3.n3-state .learning-head {background-color:#9dbea5}
.learning-list ul li > div .learning-head .pro {background-color:#fff;padding:0.188rem;border-radius:20px;font-size:0.688rem;display:inline-block;float:right}
.learning-list ul li > div .learning-body {padding:0.4rem}
.learning-list ul li > div .learning-body span {display:block;font-weight:600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.learning-list ul li > div .learning-body .tit {font-weight:bold;color:#333}
.learning-list ul li > div .learning-body .date {font-size:0.688rem}

.learning-step ul li {margin:0.4rem 0;padding-left:0 !important;background:none !important;text-align:center !important;word-break:keep-all}
.learning-step ul li span {display:block}
.learning-step ul li div {border-radius:5px;}
.learning-step ul li .tit {color:#fff;padding:0.4rem 0}
.learning-step ul li .txt {padding:0.4rem 0}
.learning-step ul li .n1 {border:1px solid #1350b7}
.learning-step ul li .n2 {border:1px solid #6c757d}
.learning-step ul li .n3 {border:1px solid #2e9044}
.learning-step ul li .n4 {border:1px solid #dc3545}
.learning-step ul li .n5 {border:1px solid #0d7fa9}
.learning-step ul li .n6 {border:1px solid #ffc107}
.learning-step ul li .n1 .tit {background:#1350b7}
.learning-step ul li .n2 .tit {background:#6c757d}
.learning-step ul li .n3 .tit {background:#2e9044}
.learning-step ul li .n4 .tit {background:#dc3545}
.learning-step ul li .n5 .tit {background:#0d7fa9}
.learning-step ul li .n6 .tit {background:#ffc107;color:#222;}

.pro-rate .badge {width:100%;border-radius:15px;padding:0 0.4em;text-indent:-9999em}
.pro-rate .row {margin-left:0;margin-right:9px}
.pro-rate .row > div {padding-left:0;padding-right:0}

/*그래프*/
#container {
  height: 250px; 
}