.form-control {
	font-size: 13px !important;
}

.table > tbody > tr> td > a {
    color: #275a85 !important;
    text-decoration: none;
}

.table > tbody > tr> td > a:focus { color: #F16775 !important; }
.table > tbody > tr> td > a:hover { color: #F16775 !important; }

/* fancytree
ul.fancytree-container {
    border: 0 !important;
}
.fancytree-title {
    white-space: normal;
    font-size: 12px;
}
.fancytree-container, span.fancytree-focused span.fancytree-title
{
	outline: 0 !important;
}
*/

.preview-title {
    font-size: 14px;
    font-weight: bold;
    color: #59af34;
    margin: 0px;
    padding: 0px;
}

.btn-menu-down {width:20px; height:20px; border:0; outline:0; cursor:pointer; background:url(../img/angle-down-solid.png)  no-repeat 95% 50%; background-size:10px; box-sizing:border-box;}
.btn-menu-up {width:20px; height:20px; border:0; outline:0; cursor:pointer; background:url(../img/arrowsUp.png)  no-repeat 95% 50%; background-size:10px; box-sizing:border-box;}
.btn-menu-plus {width:20px; height:20px; border:0; outline:0; cursor:pointer; background:url(../img/plus.png)  no-repeat 95% 50%; background-size:10px; box-sizing:border-box;}
.btn-menu-x {width:20px; height:20px; border:0; outline:0; cursor:pointer; background:url(../img/check_cross.png)  no-repeat 95% 50%; background-size:10px; box-sizing:border-box;}

/* header a size */
.nav > li > a {
    font-weight: 600;
    font-size: 16px;
}

.cc-tree-control      { min-height: 100px; padding: 0; }

.cc-tree-control .white {display:block;box-sizing:border-box;border: none;border-radius: 0;text-decoration: none;color:#333;font-weight:600;background:#ffffff;padding: 10px 12px;font-size: 14px;}
.cc-tree-control .white a {display: inline-block;line-height: 22px;}
.cc-tree-control .grey { display:block; box-sizing:border-box; border:1px solid #ddd; /* height:24px;*/ border-radius:10px; font-size:12px; text-decoration: none; line-height:22px; padding:0 10px; color:#333; font-weight:600; background:#f9f9f9; }

.cc-tree-control .opener { width:11px; display:inline-block; font-size: 9px; }

.cc-tree-control .front10 { width:10%; display:inline-block; }
.cc-tree-control .front20 { width:20%; display:inline-block; }
.cc-tree-control .front50 { width:50%; display:inline-block; }
.cc-tree-control .front70 { width:70%; display:inline-block; }
.cc-tree-control .front80 { width:80%; display:inline-block; }

.cc-tree-control .tail  {
    float: right;
    margin-right: 2px;
}

/* 챙�◈셌�ぢ시�뮻㉲モ�씲� px챠�슿ㅓр�뷜궗 20200515 3px => 9px, 5px => 10px */
.cc-tree-control >ul                      {padding:5px 0;border: 1px solid #e5e5e5;border-radius: 8px;}
.cc-tree-control >ul>li {background:none
}
.cc-tree-control >ul>li + li > .white                  {border-top: 1px solid #e5e5e5;}
.cc-tree-control >ul>li>ul                {
    /* scahn padding: 0; */
    padding: 0 0 0 10px; 
}
.cc-tree-control >ul>li>ul>li             {}
.cc-tree-control >ul>li>ul>li>ul          { padding:0 0 0 9px; }
.cc-tree-control >ul>li>ul>li>ul>li       { padding:5px 0 0 10px; }
.cc-tree-control >ul>li>ul>li>ul>li>ul    { padding:0 0 0 9px; }
.cc-tree-control >ul>li>ul>li>ul>li>ul>li { padding:5px 0 0 10px; }
.cc-tree-control >ul>li>ul>li>ul>li>ul>li>ul    { padding:0 0 0 9px; }
.cc-tree-control >ul>li>ul>li>ul>li>ul>li>ul>li { padding:5px 0 0 10px; }

.cc-tree-control .fakelink { cursor:pointer; color:#337ab7; }
.cc-tree-control .fakelink i {display:inline-block;}
.no-margin { margin: 0; }
.no-padding { padding: 0; }
.context-menu-list {
    border-radius:15px;
    padding: 4px 0;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.1);
    min-width: 0;
    overflow: hidden;
}
.context-menu-item {
    font-size: 14px;
    background: none;
    padding: 3px 1em;
    line-height: 20px;
    min-width: 0;
}
.context-menu-item:before {
    display:inline-block;
    position:relative;
    top: 0;
    width: auto;
    vertical-align: top;
    margin: 0 4px 0 0;
    transform: none;
    line-height: 20px;
}
.context-menu-item span {display:inline-block;line-height:20px;vertical-align: top;}

.context-menu-separator {border-color: #fff;margin: 0;padding: 0;}




/*================================lms================================*/
.ccinput {
    border: 1px dotted #000;
    vertical-align: middle;
    color: red;
    text-align: center;
    font-family: 'NanumGothic';
    font-size: 12pt;
}

.ui-widget-overlay.modal-opened{
    background: rgb(0, 0, 0);
    opacity: 0.5;
    filter: Alpha(Opacity=50);
	height: 3000px !important;
}

.fancytree-icon {
   /* display: none !important; */
}

.fancytree-container {
    border: none !important;
    /* border: 1px dotted #aaa !important; */
}

.fancytree-treefocus {
    outline: none !important;
}

ul.fancytree-container li {
    display: block;
    font-size: 12px;
    text-decoration: none;
    line-height: 22px;
    padding: 3px 3px;
    color: #676a6c;
    font-weight: 600;
    background: #ffffff;
}

.fancytree-container, span.fancytree-focused span.fancytree-title
{
    outline: 0 !important;
}

span.fancytree-title {
    font-size: 14px;
    text-decoration: none;
    line-height: 22px;
    padding: 0 5px;
    color: #676a6c;
    font-weight: 600;
    background: #ffffff;
}

span.fancytree-active span.fancytree-title {
    /* font-weight: bold; */
    text-decoration: underline;
}

/*
.context-menu-item {
    font-size: 13px;
}
*/


/*추가*/
.home {
    padding:30px;
}
.home .txt-title {
    padding:0 0 20px;
    margin:10px 0 0;
}
.home .ibox-title {
    padding:0;
}
.home .tab-list {
    width:230px;
}
.home .tab-list li {
    height:50px;
    box-sizing: border-box;
    padding:16px 20px;
    border-bottom:1px solid #aaa;
    cursor:pointer;
}
.home .tab-list li:hover {
    color:#F16775;
}
.home .tab-list li.select {
    background:#F16775;
    color:#fff;
    border-bottom:none;
}
.home .tab-content {
    position:relative;
    width:calc(100% - 250px);
    margin-left:20px;
}
.home .tab-content .box {
    height:454px;
    text-align: center;
    overflow-y:auto;
    border:1px solid #aaa;
}

.home .tab-content .box img {
    width:90%;
}

.notice .ibox-content .table td {
    height:32px;
    padding:0 10px;
    font-size:12px;
    text-align: left;
    line-height: 32px;
    border:none;
    border-bottom:1px solid #aaa;
}
.notice .ibox-content .table td a {
    /* display: block; */
    /* width:400px; */
    overflow:hidden;
    color:#000;
    font-size:12px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.notice .ibox-content .chart-box {
    height: 160px;
    background:#E5E5E5;
}

.grade .pop-content .visual-wrap {
    display:flex;
    align-items: center;
    margin:0 40px;
}

.print_teacher_icon {
    background:url('../img2/icon_grade.png') no-repeat;
    background-size:contain;
}
.grade .pop-content .visual-wrap p {
    margin-left:50px;
    margin-top:-30px;
    font-size:18px;
    font-weight:bold;
    line-height:32px;
}
.grade .content-wrap {
    height:calc(100% - 70px);
    overflow-y:auto;
}
.grade .content-wrap span {
/* scahn
    display:block;
    margin-bottom:20px;
*/
    font-size:14px;
}
.grade .content-wrap span strong {
    font-weight:bold;
}
.grade .content-wrap .btn-box {
    justify-content: center;
}
.grade .content-wrap .btn-box .btn {
    width:160px;
    margin:0 5px;
}
.grade .content-wrap .table-box {
    height:300px;
    overflow-y:auto;
}
.grade .content-wrap table tr:last-child td {
    border:none;
}

/*grade2*/
.grade2 .pop-content {
    height:calc(100% - 50px);
}
.grade2 .content-wrap {
    height:100%;
    overflow: hidden;
}

.grade2 .content-wrap span {
    font-size:14px;
    font-weight:bold;
    /* scahn margin-left:15px; */
    margin-bottom:0!important;
}

.grade2 .content-wrap .table-box {
    height:100%;
}
.grade2 .content-wrap .right-box {
    height:calc(100% - 44px);
}
.grade2 .content-wrap table tr:last-child td {
    border-bottom:1px solid #aaa;
}
.grade2 .content-wrap table tr:last-child td:nth-child(2) {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.grade2 .tab-list .btn {
    width:100px;
    margin-left:5px;
}
.grade2 .tab-list li.select .btn {
    background:#F16775;
    color:#fff;
}
.grade2 .tab-box {
    display:block;
}
.grade2 .tab-content .box {
    margin-top:20px;
    padding:30px;
    border:1px solid #AAAAAA;
}
.grade2 .tab-content .desc-box {
    width:100%;
    /* height:200px; */
    /* margin-bottom:20px; */
    /* background:#E5E5E5; */
}
.grade2 .tab-content .input-box input[type=text] {
    margin-left:10px;
    width:calc(100% - 160px);
}
.grade2 .tab-content .input-box textarea {
    width:100%;
    height:132px;
	border:1px solid #707070;
}
.grade2 .tab-content .input-box .btn.confirm {
    width:100%;
    height:40px;
    margin-bottom:20px;
}
.grade2 .content-wrap .btn-box .btn {
    width:100px;
}
.grade2 .grade-top {
/*
	scahn
    margin:30px 0 20px 48px;
*/
}


/*slick*/
.grade-box {
    position:relative;
}
.grade-box .slide-content {
    padding:30px;
    border:1px solid #AAAAAA;
}
.grade-box .slide-content .txt-title {
    margin:0;
}
.grade-box .slide-content .answer-box {
    width:100%;
    min-height:120px;
    margin:20px 0;
    background:#E5E5E5;
}
.grade-box .slide-content .btn-box button {
    width:126px;
    height:113px;
    margin:0 20px;
    background:#fff;
    font-size:60px;
    font-weight:900;
    border:1px solid #707070;
}

.grade-box .slide-content .btn-box .select {
    border:4px solid #2075BF;
}

/* scahn
.grade-box .slide-content .btn-box button:hover,
.grade-box .slide-content .btn-box button:focus,
.grade-box .slide-content .btn-box button:active,
.grade-box .slide-content .btn-box button.select {
    border:1px solid #c93240;
}
*/
.grade-box .slide-content .btn-box button.true {
    color:#3C9925;
}
.grade-box .slide-content .btn-box button.wrong {
    color:#E02C11;
}
.grade-box .slide-content .txt-notice {
    margin-top:20px;
    margin-bottom:40px;
    text-align: center;
}
.grade-box .slick-counter {
    display: flex;
/*
	scahn
    position:absolute;
    left:10px;
    top:-46px;
*/
    font-size:13px;
    font-weight:bold;
}
.grade-box .slick-counter span {
    margin:0;
}
.grade-box .slick-arrow.slick-prev {
    right:35px;
    background-image:url(../img2/icon_prev.png);
}
.grade-box .slick-arrow.slick-next {
    right:0;
    background-image:url(../img2/icon_next.png);
}
.grade-box .slick-arrow {
/* scahn
    position:absolute;
    top:-51px;
*/
    width:30px;
    height:30px;
    background-color:#333;
    background-repeat:no-repeat;
    background-position:center center;
    text-indent:-9999px;
    overflow:hidden;
    border-radius: 5px;
    border:none;
}
.grade-box .slick-arrow:hover {
    background-color:#4c4848;
}
.grade-box .slick-arrow.disabled {
    opacity: .4;
}

.report.ibox {
    padding:30px;
}
.report .title-wrap {
    padding:20px;
    margin:33px 0 0;
    border:1px solid #707070;
}
.report .title-wrap > div {
    justify-content: space-between;
    padding:7px 0;
}
.report .title-wrap h2 {
    margin:0;
    font-size:24px;
    font-weight:bold;
}
.report .title-wrap img {
    width:78px;
}
.report .title-wrap p {
    font-size:18px;
}
.report .title-wrap strong {
    font-size:20px;
    font-weight:bold;
}
.report .title-wrap span {
    margin-left:30px;
}
.report .content-wrap {
    padding:0 228px;
}
.report .content-wrap .box {
    margin-top:30px;
}
.report .content-wrap .summary {
    align-items: flex-start;
    line-height: 35px;
}
.report .content-wrap .chart {
    background:#E5E5E5;
}
.report .content-wrap .summary .chart {
    width:270px;
    height:270px;
    margin-right:30px;
}
.report .content-wrap .result-box strong {
    display: block;
    margin:20px 0 30px;
    font-size:28px;
    font-weight:bold;
}
.report .content-wrap .result-box p {
    height:35px;
    color:rgba(0, 0, 0, .8);
}
.report .content-wrap .result-box span {
    color:#000;
    font-weight:900;
}
.report .content-wrap .table-box {
    margin-bottom:30px;
}
.report .content-wrap .table-box caption {
    margin-bottom:20px;
    padding:0;
    font-size:18px;
    font-weight:bold;
    color:#000;
}
.report .content-wrap .table-box th {
    height:40px;
}
.report .content-wrap .table-box td {
    height:40px;
    text-align: left;
    font-size:14px;
}
.report .content-wrap .table-box td.center {
    text-align: center;
}
.report .content-wrap .chart-box {
    margin-bottom:30px;
}
.report .content-wrap .chart-box > div .chart {
    width:100%;
    height:350px;
    margin:20px 0 0;
}
.report .content-wrap .chart-box > div .chart:nth-child(2) {
    margin:20px 20px 0;
}
.report .weak-box .weak {
    margin-top:20px;
}
.report .weak-box .weak table {
    border:1px solid #AAAAAA;
}
.report .weak-box .weak table:nth-child(2) {
    margin:0 20px;
}
.report .weak-box .weak caption {
    background:#333;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    text-align: center;
}
.report .weak-box .weak table {
    padding-top:25px;
}
.report .weak-box .weak tbody {
    height:204px;
}
.report .weak-box .weak td {
    height:35px;
    font-size:14px;
}
.report .weak-box .weak td:first-child {
    padding-left:20px;
}
.report .weak-box .weak td:last-child {
    padding-right:20px;
    text-align: right;
}
.report .weak-box .weak tr:first-child td {
    padding-top:25px;
}
.report .weak-box .weak tr:last-child td {
    padding-bottom:25px;
}
.report .weak-box .weak td a {
    color:#000;
    font-weight:bold;
    font-size:14px;
    text-decoration: underline;
}
.report .weak-box .weak td img {
    width:24px;
    margin-left:10px;
}
.report .bottom-wrap {
    margin:30px 0 10px;
}
.report .bottom-wrap .comment-box {
    padding:30px 20px;
    border:1px solid #707070;
    margin:30px 0;
}
.report .bottom-wrap .comment-box p {
    font-size:14px;
    margin:15px 0 0 30px;
}
.report .bottom-wrap .comment-box ~ .box {
    justify-content: space-between;
}
.report .bottom-wrap .btn-print {
    width:300px;
}
.report .bottom-wrap .btn-box .btn {
    margin-left:10px;
}


/*pop*/
.pop-box.report .pop-area {
    width:1270px;
    height:90%;
    overflow:auto;
}
.pop-box.report .content-wrap {
    width:calc(100% - 180px);
    margin:90px;
    padding:0;
    border:1px solid #707070;
}
.pop-box.report .title-wrap {
    margin:0;
    border-top:0;
    border-left:0;
    border-right:0;
}
.pop-box.report .cont-wrap {
    padding:0 20px;
}
.pop-box.report .comment-box {
    border-bottom:none;
    border-left:none;
    border-right:none;
}
.pop-box.report .bottom-wrap .comment-box {
    margin-bottom:0;
}
.pop-box.report .btn-box {
    width:1250px;
    padding:30px 40px;
    border-top:1px solid #aaa;
}

.pop-box.report .btn-box .btn {
    margin-left:10px;
}

.btn-search {
	padding: 4px 12px 4px 12px !important;
}

.btn-icon .btn.focus,
.btn-icon .btn:focus,
.btn-icon .btn:hover {
    background:#aaa;
}

@media (max-width: 1400px) {
    .notice .ibox-content .table td a {
        /* scahn width:300px; */
    }
    .report .content-wrap {
        padding:0 70px;
    }
    .pop-box.report .pop-area {
        width:90%;
    }
    .pop-box.report .pop-area .pop-header,
    .pop-box.report .pop-area .pop-content,
    .pop-box.report .btn-box {
        width:1270px;
        overflow-x:auto;
    }
}

@media (max-width: 1200px) {
    .notice .ibox-content .table td a {
        width:240px;
    }

}
@media (max-width: 1024px) {
    .notice .ibox-content .table td a {
        width:150px;
    }
    .report .content-wrap {
        padding:0 20px;
    }
    .report .title-wrap > div:last-child {
        flex-direction: column;
        align-items: flex-start;
    }
    .report .content-wrap .summary {
        flex-direction: column;
    }
    .report .content-wrap .result-box strong {
        margin:20px 0 10px;
    }
    .report .content-wrap .result-box p {
        height:auto;
    }
    .report .weak-box .weak {
        flex-direction: column;
    }
    .report .weak-box .weak table {
        width:100%;
        margin:10px 0;
    }
    .report .content-wrap .chart-box .flex {
        flex-direction: column;
    }
    .report .content-wrap .chart-box .chart {
        width:100%;
    }
    .grade2 .pop-content {
        overflow-y:auto;
    }
    .grade2 .content-wrap {
        overflow: inherit;
    }
    .left-box {
        height:auto;
        overflow: initial;
    }
    .grade .content-wrap .table-box {
        overflow:visible;
    }
    .grade2 .content-wrap .right-box .txt-title {
        display: block;
        margin-top:20px;
    }
}
@media (max-width: 968px) {
    .notice .ibox-content .table td a {
        width:400px;
    }

}
@media (max-width: 768px) {

    .grade .content-wrap .btn-box {
        /* scahn flex-direction: column; */
        align-items: center;
    }
    .grade .content-wrap .btn-box .btn {
        margin:2px 0;
    }
}

/* ui-dialog */

.ui-widget.ui-widget-content {
    border-radius: 10px;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.5em 1em;
    background-color: #fff;
}

.ui-widget-header {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #aaaaaa;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
    border: 0px;
    background: #fff !important;
    color: #000 !important;
}

.ui-dialog-buttonset .ui-button {
    color: #000;
    border-color: #000;
    background: #fff;
    width: 80px;
    height: 30px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 2px 4px;
}

.ui-widget-overlay
{
	height: 100vw !important;
}

.ui-dialog {
z-index: 1000000 !important ;
}