@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
*{
	font-family: 'Noto Sans KR', sans-serif !important;
	box-sizing: border-box;
	letter-spacing: -0.5px;
}

input::-ms-clear,
input::-ms-reveal{
   display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
   display:none;
}

html{
    height: 100%;
}
body{
    height: 100%;
    min-height: 100%;
    /* min-width: 1900px; */
}

.rightface{
    margin-left: 260px;
    padding-bottom: 80px;
}

.h100{
    height: 100%;
}

.but1327{
    background-color: #13279f;
    color: #fff;
}

.but1327:hover{
    background-color: #0d1e80;
}

.but6C757D{
    background-color: #6C757D;
    color: #fff;
}

.but6C757D:hover{
    background-color: #595f64;
}

.alarmbox{
    display: inline-block;
    position: relative;
    padding: 0 20px;
    height: 32px;
    background-color: #ecedff;
    border-radius: 50px;
    color: #666cff;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    margin-right: 20px;
}

.appledown{
    background-color: #111111 ;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 5px 18px;
    margin-left: 20px;
    height: 100%;
}

.goalbox{
    position: relative;
}
.searchpage:focus{
    box-shadow: none;
    border: none;
}
.searchpage::placeholder{
    color: #646464;
    font-size: 14px;
}
.searchpage-cancel{
    padding: 0;
    margin: 0;
    display: block;
    background-color: transparent;
    font-size: 18px;
    margin-left: 8px;
    color: #131415;
    width: 10%;
}
@keyframes blink-effect {
    50% {
      opacity: 0;
    }
}
  
.blink {
    position: absolute;
    right: 10px;
    top: 11px;
    animation: blink-effect 1s step-end infinite;
    font-size: 8px;
    color: #fff;
    background-color: #5050ff;
    border-radius: 50px;
    height: 22px;
    width: 40px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0;
}

.landing-header-logout li.logout-li{
    margin-right: 10px;
    height: 38px;
    border: 1px solid #dee2e6;
    line-height: 38px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 400;
    padding: 0 15px;
    color: #6e6e6e;
}

.studytab .nav{
    padding-bottom: 20px;
    padding-left: 30px;
    border-bottom: 1px solid #dee2e6;
}

.studytab .nav-link{
    border-radius: 0;
    color: #c9c9c9;
    font-weight: 500;
    padding: 0;
    margin-right: 30px;
}
.studytab .nav-link.active{
    color: #13279f;
    background-color: transparent;
    position: relative;
}
.studytab .nav-link.active:after{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -21px;
    width: 100%;
    height: 3px;
    background-color: #13279f;
}

.afterdelete:after{
    display: none !important;
}

.mt15{
    margin-top: 10px;
}
.dongContainer{
    height: 100%;
}
.no-focus{
    border: none;
}
.no-focus:focus{
    border: none;
    outline: none;
}

.main-ad-img{
    width: 1145px;
    height: 400px;
}

/* 스티키 */
.sticky{
    position: sticky;
    top: 0;
    z-index: 2;
}
/* 패딩 */
.pl40{
    padding-left: 40px;
}
.p040{
    padding: 0 40px;
}
.p0{
    padding: 0 !important;
}
.treeview .treeview-contentli li{
    padding: 0 !important;
}
/* 와이드 */
.w100{
    width: 100%;
}
.w90{
    width: 90%;
}
.w80{
    width: 80%;
}
.w73{
    width: 73%;
}

.m015{
    margin: 0 15px;
} 

/* 플렉스 */

/* body 배경 */
.g-bg{
    background-color: #f6f6f6;
}

/* 버튼 */
.basebut{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
    border-radius: 8px;
    color: #242424;
}
.basebut-black{
    background-color: #131415 !important;
    color: #fff !important;
}
.bottom-but{
    position: fixed;
    bottom: 0;
    width: 100%;
}

.blackbut{
    width: 100%;
}

.bottom-but button{
    width: 100%;
    height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 50px;
}

button.imporbut{
    background-color: #13279f;
    color: #fff;
}
button.noimporbut{
    background-color: #e4e4e4;
    color: #686868;
}

.dongbut{
    padding: 0px 20px;
    height: 44px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 44px;
}
.mainbut{
    background-color: #13279F;
    color: #fff;
}

.cancelbut{
    background-color: #6C757D;
    color: #fff;
}

/* 하얀색 박스 */
.white-box{
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 8px 8px 9px rgb(0 0 0 / 6%);
    padding: 30px 15px;
}

/* 중앙 */
.position-center{
    position: absolute;
    top: 15%;
}

.but-pri{
    height: 50px;
    border-radius: 8px;
}
.but-w100{
    width: 100%;
    
}

/* 모달 */
.dongmodal .modal-footer{
    border-top: none;
}

.dong-alert{
    font-size: 20px;
    font-weight: 500;
    margin-top: 25px;
    line-height: 28px;
}

.modal-exammake .modal-header{
    border-bottom: none;
}

.modal-exammake .modal-exammake-but{
    padding: 30px;
    background-color: #7898FD;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.18);
}
.modal-exammake-card .modal-body{
    padding: 30px;
    padding-top: 0;
}

/* 왼쪽 슬라이드 */
#leftslide{
    position: fixed;
    background-color: #fff;
    z-index: 20;
}
.liftslide-ul{
    margin-top: 40px;
}
.bigli{
    font-size: 16px;
    font-weight: 500;
    color: #414141;
}
.homeli{
    position: relative;
    background-color: #13279f !important;
}
.homeli span{
    color: #fff !important;
}
.homeli:after{
    content: "New";
    display: block;
    position: absolute;
    width: 48px;
    height: 24px;
    border-radius: 50px;
    background-color: #ff4d49;
    color: #fff;
    right:44px;
    bottom: 9px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
}

.introli a:hover{
    background-color: #272727 !important;
}


.titleli{
    position: relative;
    font-size: 14px;
    color: #979797;
    font-weight: 400 !important;
    padding-left: 20px;
    margin-bottom: 15px;
}
.titleli::after{
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 2px;
    background-color: #c1c1c1;
    left: -15px;
    top: 6px;
}
.titleli02::after{
    top: 12px;
}
.titleli03::after{
    top: 7px;
}
#leftslide{
    width: 260px;
    height: 100%;
    box-shadow: 4px 0px 12px rgb(0 0 0 / 10%);
    padding: 25px 15px;
    overflow: overlay;
}

.bigli{
    display: block;
    width: 100%;
    height: 42px;
    border-radius: 8px;
    line-height: 42px;
    padding: 0 20px;
    font-weight: 400;
}
.bigli:hover{
    background-color: #f1f1f3;
}

.homeli a:hover{
    background-color: #13279f !important;
}

.bigli p{
    font-weight: 500;
}


.classlinkbut{
    font-size: 12px;
    background-color: #13279f;
    color: #fff;
    border-radius: 50px;
    padding: 5px 10px;
}

/* 왼쪽 메뉴 2 */
#leftslidebox02{
    width: 280px;
    margin-top: 10px;

}

.leftslidebox02-user{
    width: 100%;
    height: auto;
    border: 2px solid #d8dcf3;
    border-radius: 10px;
    padding: 20px;
}

.user-p01{
    font-size: 12px;
    font-weight: 400;
    color: #929292;
}
.user-p02{
    font-size: 16px;
    font-weight: 500;
    color: #131415;
    margin-top: 3px;
    width: 57px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.user-icon-box{
    text-align: center;
    margin-right: 15px;
    background-color: transparent;
    padding: 0;
}
.user-icon-box:last-child{
    margin-right: 0px;
}

.user-but{
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    border-radius: 6px;
}
.user-but-file{
    padding: 13px 0;
    border: 1px solid #7889ea;
    color: #7889ea;
    font-size: 14px;
    font-weight: 400;
}
.user-but-url{
    padding: 13px 0;
    background-color: #596ddd;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
}
.user-but-file:hover{
    color: #6d7fe6;
}
.user-but-url:hover{
    background-color: #6d7fe6;
}

.leftslide02-select-but{
    display: block;
    width: 100%;
    padding: 13px 20px;
    background-color: #f1f1f3;
    border-radius: 6px;
    color: #0b0b0b;
    font-weight: 500;
}
.leftslide02-select-butbox{
    margin-top: 10px;
    position: relative;
}
.leftslide02-select-butbox:first-child{
    margin-top: 0;
}
.leftslide02-select-butbox.select a{
    background-color: #13279F;
    color: #fff;
}
.leftslide02-select-but-arrow{
    position: absolute;
    right: 20px;
    top: 10px;
}

.leftslide02-select-butbox.select .iconify{
    color: #fff !important;
}
/* 헤더 */
#header{
    padding: 20px 40px;
    background-color: #fff;
}

.header-searchbox{
    position: relative;
}

.header-searchbox .header-search{
    width: 300px;
    border-radius: 50px;
    padding-right: 40px;
}
.header-search::placeholder{
    color: #858585 !important;
    font-weight: 400 !important;
}
.dongsearchbox-icon{
    position: absolute;
    right: 14px;
    top: 8px;
}

.header-menu{
    font-size: 18px;
    font-weight: 500;
    color: #2f2f2f;
    margin-left: 8px;
}

.user-iconbox,
.alarm-iconbox{
    position: relative;
}
.user-iconbox nav {
    width : 300px; 
    background: #d9d9d9;
    margin : 40px auto; 
    }

.user-iconbox span {
    padding : 30px;
    background : #2d2f31; 
    color : white;
    font-size : 1.2em;
    font-variant : small-caps;
    cursor : pointer;
    display: block;
}

.user-iconbox span::after {
    float: right;
    right: 10%;
    content: "+";
}

.user-iconbox .slide{
    position: absolute;
    clear:both;
    width:200px;
    height:0px;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
    right: 0;
    text-align: left;
    z-index: 999;
    display: none;
    padding: 10px;
    top: 48px;
}
.alarm-iconbox .alarmslide{
    position: absolute;
    clear:both;
    width:320px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 7px rgb(0 0 0 / 16%);
    right: 0;
    text-align: left;
    z-index: 999;
    display: none;
    top: 43px;
}

.user-iconbox .slide li a {
    display: block;
    width: 100%;
    font-size: 15px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    padding: 0 10px;
    color: #81818b;
}
.user-iconbox .slide li a:hover{
    background-color: #e9f3ff;
}
.user-iconbox #touch,
.alarm-iconbox #touch-alarm {
    position: absolute; 
    opacity: 0; 
    height: 0px;
}    

.user-iconbox #touch:checked + .slide,
.alarm-iconbox #touch-alarm:checked + .alarmslide {
    height: auto;
    display: block;
} 

.alarmslide-box01{
    padding: 15px 10px 15px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #333c6d;
}
.alarmslide-box01 .nav-link{
    border: none !important;
    color: rgba(255,255,255,.6);
}
.alarmslide-box01 .nav-link:hover{
    border: none !important;
    color: #fff;
}
.alarmslide-box01 .nav-link.active:hover{
    color: #131415;
}

.alarmslide .tab-content{
    height: 260px;
    overflow: auto;
    padding: 8px 10px 15px 10px;
}

.alarmslide-box01-title{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0;
}

.alarmslide-box01-count{
    color: #f3f6f9;
    background-color: rgba(243,246,249,.1);
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 4px;
}

.alarm-iconbox .alarmslide button{
    font-size: 14px;
}
.alarmslide-box01-li-box{
    padding: 15px;
}
.alarmslide-box01-li-box:last-child{
    border-bottom: none;
}
.alarmslide-box01-li-box-p{
    font-size: 16px;
    line-height: 20px;
}
.alarmslide-box01-li-box-day{
    margin-top: 5px;
}
.alarmslide-box01-li-box-day span{
    font-size: 13px;
    color: #8f8f8f;
}

.alarmslide-box01-li-box:hover{
    background-color: #f3f5fd;
}
.bell-icon{
    position: relative;
}

.bell-icon-alarm{
    position: absolute;
    display: block;
    right: -5px;
    top: -5px;
    color: #fff;
    background-color: #F35956;
    border-radius: 50px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
}
/* 배너내용 */
.bannerbox{
    width: 100%;
    height: 190px;
    background: url("/images/bb.png");
}
.bannerbox-tras{
    width: 100%;
    height: 190px;
    background: url("/images/tras.png");
}
.bannerbox-classtab{
    width: 100%;
    height: 190px;
    background: url("/images/classtab.png");
    background-repeat: no-repeat;
    background-color: #E4F0FF;
}
.bannerbox-achievebg{
    width: 100%;
    height: 190px;
    background: url("/images/achievebg.png");
    background-repeat: no-repeat;
    background-color: #B8EAFF;
}

.student-achievebanner{
    width: 100%;
    height: 190px;
    background: url("/images/student-achievebg.png");
    background-repeat: no-repeat;
}
.teacher-achievebanner{
    width: 100%;
    height: 190px;
    background: url("/images/teacher-achievebg.png");
    background-repeat: no-repeat;
}

/* 컨텐츠 */
.progress-top li a{
    font-size: 14px;
    color: #868686;
}
.progress-top li a.maincolor{
    color: #13279f;
}
.progress-top li.progress-top-arrow{
    margin: 0 8px;
}

.backbut{
    height: 38px;
    background-color: #202020;
    border-radius: 6px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.filter-select{
    position: relative;
}

.filter-select select{
    -webkit-appearance:none !important; /* 크롬 화살표 없애기 */
    -moz-appearance:none !important; /* 파이어폭스 화살표 없애기 */
    appearance:none !important; /* 화살표 없애기 */
}


.file-icon-name{
    font-size: 10px;
}

.filter-iconbox{
    position: relative;
    cursor: pointer;
}
.filter-iconbox nav {
    width : 300px; 
    background: #d9d9d9;
    margin : 40px auto; 
    }

.filter-iconbox span {
    padding : 30px;
    background : #2d2f31; 
    color : white;
    font-size : 1.2em;
    font-variant : small-caps;
    cursor : pointer;
    display: block;
}

.filter-iconbox span::after {
    float: right;
    right: 10%;
    content: "+";
}

.filter-iconbox .slide02 {
    position: absolute;
    clear:both;
    width:120px;
    height:0px;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
    right: 0;
    text-align: left;
    z-index: 999;
    display: none;
    padding: 10px;
}

.filter-iconbox .slide02 li a {
    display: block;
    width: 100%;
    font-size: 12px;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    padding: 0 10px;
    color: #81818b;
}
.filter-iconbox .slide02 li a:hover {
    background-color: #e9f3ff;
}
.filter-iconbox #toucdh {
    position: absolute; 
    opacity: 0; 
    height: 0px;
}    

.filter-iconbox #toucdh:checked + .slide02 {
    height: auto;
    display: block;
} 

/* 필터박스 */
.file-filterbox{
    margin-top: 10px;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 10px;
}
.file-filterbox .form-check{
    margin-bottom: 0;
    font-size: 14px;
    min-height: 0;
}
.file-filterbox button{
    background-color: transparent;
    font-size: 14px;
    color: #404040;
}

.file-filterbox-box{
    margin-right: 30px;
}

.content-select{
    font-size: 16px;
    font-weight: 500;
    color: #545454;
    background-color: transparent; 
    /* line-height: normal; */
    padding: 0;
    margin-top: -2px;
}

.filebox{
    margin-top: 12px;
}
.file-head{
    height: 40px;
    background-color: #13279f;
    color: #fff;
    line-height: 40px;
}
.file-list:nth-child(2n+0){
    background-color: #f5f5f5;
}
.file-list{
    padding: 0 0 0 20px;
}
.file-list a{
    height: 40px;
    width: 100%;
}
.file-list:hover{
    background-color: #e9f3ff;
}

.treeview .file-list:hover,
.tree01 .file-list:hover,
.tree02 .file-list:hover,
.tree03 .file-list:hover,
.tree04 .file-list:hover{
    background-color: transparent;
}

.file-list-name{
    font-size: 16px;
    font-weight: 400;
    color: #3b3b3b;
}

.file-list-day{
    width: 424px;
    font-size: 14px;
    color: #646464;
    text-align: center;
}
.file-iconbox .file-list-day{
    width: auto !important;
}

.file-list:last-child{
    border-bottom: 1px solid #dee2e6;
}

.file-icon{
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-right: 20px;
    width: calc(100%/10 - 13px);
}

.file-icon-name{
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}

.file-icon .file-list-day{
    margin-top: 3px;
}

.file-icon-checkbox{
    position: absolute;
    top: -5px;
    right: -23px;
}

/* 오른쪽 */
.select-layout-startbut{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(255, 255, 255);
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: rgb(219, 219, 219) 0px -1px 0px;
    z-index: 6;
    margin-left: 0;
}
.select-layout-startbut > div > p:nth-child(1){
    font-size: 18px;
    font-weight: 500;
}
.select-layout-startbut button{
    background-color: #13279F;
    color: #fff;
    padding: 12px 25px;
    font-size: 22px;
    border-radius: 6px;
}
.select-layout-startbut div button:hover{
    background-color: #0c1d81;
}
.select-layout-right{
    width: calc(100% - 280px);
}
.select-layout-right-img{
    position: absolute;
    width: calc(100% - 290px - ((100% - 1200px) / 2));
    min-width: 790px;
    background-repeat: no-repeat;
    height: 201px;
    background: url("/images/study-exam-bg.png");
    padding-left: 40px;
}

.select-layout-right-img-p01{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    width: 500px;
    line-height: 39px;
}
.select-layout-right-img-p02{
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    margin-top: 20px;
}

.select-layout-right-img-startbox{
    background-color: #fff;
    padding: 15px 15px;
    border-radius: 10px;
}

.star-icon{
    margin-right: -3px;
}
.star-progress01{
    position: relative;
    width: 136px;
    height: 24px;
    background: url("/images/star-progress01.png");
}
.star-progress02{
    position: absolute;
    width: 100%;
    height: 24px;
    top: 0;
    left: 0;
    background: url("/images/star-progress02.png");
}
.star-score{
    font-size: 18px;
    font-weight: 500;
    color: #4d4d4d;
    margin-left: 10px;
}

.right-reviewbox{
    background-color: #333333;
    border-radius: 6px;
    color: #fff;
    padding: 6px 30px 6px 15px;
    margin-top: 8px;
}
.right-reviewbox:hover{
    background-color: #2c2c2c;
}
.exampleModal-reviewlist-li{
    padding: 30px;
    border-bottom: 1px solid #dee2e6;
}

.exampleModal-reviewlist-li-id{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 2px;
}
.exampleModal-reviewlist-li-id-span{
    display: inline-block;
    font-size: 14px;
    color: #3d4679;
    margin-left: 5px;
}
.exampleModal-reviewlist-li-content{
    margin-top: 20px;
}
.exampleModal-reviewlist-li-content p{
    font-size: 18px;
    line-height: 24px;
}
.exampleModal-reviewlist-li-day p{
    font-size: 13px;
    color: #818181;
    margin-top: 10px;
    letter-spacing: 0;
}

.rignt-exam-starbox{
    background-color: #13279F;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
    padding: 15px 35px;
    line-height: 24px;
}

.rignt-exam-starbox:hover{
    background-color: #132380;
}

.rightmain-mainbox{
    margin-top: 180px;
    border-left: 1px solid #dee2e6;
    padding-top: 30px;
    padding-left: 40px;
}

.rightmain-mainbox .file-filterbox-box > button{
    text-align: left;
    padding: 0;
}
.rightmain-mainbox .file-filterbox-box:last-child{
    margin-right: 0;
}

.rightmain-mainbox .file-filterbox-box > button svg{
    margin-top: -2px;
    margin-right: 2px;
}

/* 오른쪽 많은 메뉴 */

/* 편집 */
.edit-filter-iconbox{
    position: relative;
    cursor: pointer;
}
.edit-filter-iconbox nav {
    width : 300px; 
    background: #d9d9d9;
    margin : 40px auto; 
    }

.edit-filter-iconbox span {
    padding : 30px;
    background : #2d2f31; 
    color : white;
    font-size : 1.2em;
    font-variant : small-caps;
    cursor : pointer;
    display: block;
}

.edit-filter-iconbox span::after {
    float: right;
    right: 10%;
    content: "+";
}

.edit-filter-iconbox .slide02 {
    position: absolute;
    clear:both;
    width:120px;
    height:0px;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
    right: 0;
    text-align: left;
    z-index: 999;
    display: none;
    padding: 10px;
}

.edit-filter-iconbox .slide02 li a,
.edit-filter-iconbox .slide02 li button {
    display: block;
    width: 100%;
    font-size: 12px;
    height: 30px;
    border-radius: 4px;
    line-height: 30px;
    padding: 0 10px;
    color: #81818b;
}
.edit-filter-iconbox .slide02 li button{
    padding: 0 10px;
    text-align: left;
}
.edit-filter-iconbox .slide02 li a:hover,
.edit-filter-iconbox .slide02 li button:hover {
    background-color: #e9f3ff;
}
.edit-filter-iconbox #toucdh03 {
    position: absolute; 
    opacity: 0; 
    height: 0px;
}    

.edit-filter-iconbox #toucdh03:checked + .slide02 {
    height: auto;
    display: block;
} 


/* 목표설정 */
.goalset-search{
    width: 100%;
    height: 136px;
    padding-top: 42px;
    border-radius: 10px;
    background: url("/images/goalsearch-bg.png");
}

.goalset-search-box{
    position: relative;
    width: 740px;
    height: 50px;   
    margin: 0 auto; 
}

.goalset-search input{
    width: 740px;
    height: 50px;   
    margin: 0 auto;
    border: none;
    padding-left: 20px;
}
.goalset-search input::placeholder{
    color: #A6A6A6 !important;
    font-weight: 300 !important;
}
.goalset-tabmenu{
    margin-top: 60px;
}
.goalset-tabmenu .goalset-tabmenu-bigmenu .nav-link{
    color: #A5A5A5 !important;
    font-size: 26px !important;
    font-weight: 500 !important;   
    border-radius: 0 !important;
    padding: 0 !important;
}
.goalset-tabmenu .goalset-tabmenu-bigmenu .nav-link.active{
    background-color: transparent !important;
    color: #131415 !important;
    border-bottom: 3px solid #13279F !important;
    padding-bottom: 12px !important;
}

.goalset-date{
    background-color: #787EFF;
    height: 48px;
    border-radius: 6px;
    padding: 0 15px;  
}

.goaldate-input{
    width: 90px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;  
    background-color: transparent !important;
    color: #fff;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    padding-left: 3px !important;
    font-size: 16px !important;
}
.input-group-addon{
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
}

.datepicker.dropdown-menu{
    margin-top: 20px
}

.goalset-tabmenu-su-button{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    border-top: 1px solid #dee2e6;
    padding-top: 20px;
    grid-gap: 15px;
    gap: 15px;
}

.goalset-tabmenu-su-button button{
    width: calc(100%/6 - 13px);
    height: 50px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    font-size: 18px;
    font-weight: 400;
}

.goalset-tabmenu-su-button-name{
    color: #626262;
}
.goalset-tabmenu-su-button-active{
    border-color: #8f95ff !important;
}

.goalset-tabmenu-su-button button .iconify{
    color: #626262;
}

.goalset-tabmenu-su-button-active .iconify{
    color: #8f95ff !important;
}
.goalset-tabmenu-su-button-active .goalset-tabmenu-su-button-name{
    color: #8f95ff !important;
}


.goalset-certify-tabbox{
    background-color: #F7F7F7;
    height: auto;
    padding: 40px 120px;
}

.goalset-certify-tabbox .nav-item{
    width: 32%;
}

.goalset-certify-tabbox .nav-item .nav-link{
    width: 100%;
    color: #2C2C2C;
    height: 48px;
    background-color: #fff;
    border: 1px solid #BBBBBB;
    border-radius: 0 !important;
}

.goalset-certify-tabbox .nav-item .nav-link.active{
    background-color: #292929;
    color: #fff;
}

.goalset-certify-tabbox .tab-content{
    background-color: #fff;
    border: 1px solid #BBBBBB;
    max-height: 294px;
}

.goalset-certify-tabbox-listbox{
    max-height: 200px;
}
.goalset-certify-tabbox-listbox ul{
    width: 25%;
    height: 200px;
    border-right: 1px solid #BBBBBB;
    overflow-y: auto;
}

.goalset-certify-tabbox-listbox ul::-webkit-scrollbar {
    width: 5px;
}
.goalset-certify-tabbox-listbox ul::-webkit-scrollbar-thumb {
    background-color: #adadad;
    border-radius: 10px;
}
.goalset-certify-tabbox-listbox ul::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}


.goalset-certify-tabbox-combox{
    height: 92px;
    border-top: 1px solid #bbbbbb;
}

.goalset-certify-tabbox-listbox-ul li,
.goalset-certify-tabbox-listbox-ul02 li{
    word-break: break-all;
    background-color: #fff;
    padding: 12px 35px 12px 20px;
    cursor: pointer;
    color: #626262;
    font-weight: 400;
    font-size: 15px;
}

.goalset-certify-tabbox-listbox-ul li.current{
    background-color: #F3F3F3;
    position: relative;
    color: #131415;
}

.goalset-certify-tabbox-listbox-ul02 li.current02{
    background-color: #F3F3F3;
    color: #131415;
}

.goalset-certify-tabbox-listbox-ul li.current::after{
    content: "";
    display: block;
    width: 6px;
    height: 11px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: url("/images/listbox-arrow.png");
}

.goalset-certify-tabbox-combox-leftbox{
    width: 85%;
    display: flex; 
    flex-wrap: wrap;
    padding: 10px 20px 20px 20px;
    overflow-y: auto;
}

.goalset-tabbox-combox-butbox{
    margin-right: 10px;
    margin-top: 10px;
}
.goalset-tabbox-combox-butbox:last-child{
    margin-right: 0px;
}
.goalset-tabbox-combox-but{
    display: flex;
    align-items: center;
    background-color: transparent;
}

.goalset-tabbox-combox-but-tag{
    font-size: 13px;
    color: #fff;
    padding: 4px 7px;
    border-radius: 5px;
}

.goalset-day-tabbox-combox-daybut .goalset-tabbox-combox-but-tag{
    background-color: #FD6008;
}
.goalset-bun-tabbox-combox-bunbut .goalset-tabbox-combox-but-tag{
    background-color: #0B7BFF;
}
.goalset-certify-tabbox-combox-cerbut .goalset-tabbox-combox-but-tag{
    background-color: #760BFF;
}

.goalset-tabbox-combox-but-name{
    color: #005EEB;
    margin-top: -2px;
    margin-left: 5px;
    font-size: 14px;
}

.goalset-tabbox-combox-but .iconify{
    margin-top: -4px;
    margin-left: 3px;
}


.scroll-css::-webkit-scrollbar {
    width: 5px;
}
.scroll-css::-webkit-scrollbar-thumb {
    background-color: #adadad;
    border-radius: 10px;
}
.scroll-css::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}

.goalset-certify-tabbox-combox-rightbox{
    width: 15%;
    text-align: center;
    padding-top: 20px;
}

.goalset-certify-tabbox-combox-rightbox button{
    width: 112px;
    height: 52px;
    background-color: #13279F;
    color: #fff;
    border-radius: 6px;
}

.lang-title-span{
    display: inline-block;
    border-radius: 50px;
    width: 32px;
    height: 32px;
    background-color: #EEEEEE;
    font-size: 12px;
    font-weight: 600;
    color: #575757;
    text-align: center;
    line-height: 32px;
    margin-right: 8px;
}
.goalset-tabmenu-su-button-active .lang-title-span{
    background-color: #787EFF !important;
    color: #fff !important;
}

.goalset-certify-tabbox-combox-rightbox button:hover{
    background-color: #0d1e81;
}

.lang-butbox{
    background-color: #787EFF;
    padding: 30px;
    border-radius: 10px;
    margin-top: 10px;
    display: flex;
    grid-gap: 15px;
    gap: 15px;
    flex-wrap: wrap;
}

.lang-but{
    width: calc(100%/6 - 13px);
    background-color: #fff;
    padding: 8px 10px;
    text-align: left;
    display: flex;
    align-items: center;
    border-radius: 50px;
    box-shadow: 3px 3px 2px rgb(63 68 174 / 70%);
}

.lang-but .iconbox{
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #EEEEEE;
    border-radius: 50px;
    text-align: center;
    padding-top: 1px;
    margin-right: 6px;
}

.lang-but .iconbox .iconify{
    color: #9B9B9B;
}

.lang-but-name{
    color: #444444;
    margin-top: -1px;
    font-size: 15px;
    word-break: break-all;
}

.lang-but-current .iconbox{
    background-color: #787EFF;
}

.lang-but-current .iconify{
    color: #fff !important;
}

.lang-but-current .lang-but-name{
    color: #787EFF;
}

.goalset-bottomlist{
    background-color: #fff;
    position: fixed;
    width: calc(100% - 260px);
    bottom: 0;
    border-top: 1px solid #dee2e6;
    height: 88px;
    z-index: 10;
    right: 0;
    padding: 0 40px 10px 40px;
}

.goalset-bottomlist-leftbox{
    height: 88px;
    overflow-y: auto;
}

.goalset-bottomlist-rightbox-but{
    width: 216px;
    height: 52px;
    background-color: #13279F;
    border-radius: 6px;
    color: #fff;
    line-height: 52px;
}
.goalset-bottomlist-rightbox-but:hover{
    background-color: #0d1e81;
}

.goalset-searchresult-box{
    padding: 0 120px;  
    margin-top: 50px;
    padding-bottom: 180px;
}

.goalset-searchresult-title{
    font-size: 24px;
    font-weight: 500;
}

.goalset-searchresult-title span{
    color: #787EFF;
}


.goalset-searchresult-tr{
    border-bottom: 1px solid #dee2e6;
}

.goalset-searchresult-tr td{
    vertical-align: middle;
    padding: 13px 0;
}

.goalset-searchresult-tr td:nth-child(1){
    padding-left: 20px;
}

.goalset-searchresult-td-certi{
    padding: 4px 10px;
    background-color: #fff;
    border: 1px solid #787EFF;
    color: #787EFF;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
}

.goalset-searchresult-td-name01{
    font-size: 20px;
    font-weight: 600;
    color: #252525;
    line-height: 26px;
}
.goalset-searchresult-td-name02{
    font-weight: 500;
    font-size: 16px;
    color: #808080;
    margin-left: 10px;
}

.goalset-searchresult-td-name03{
    font-size: 14px;
    font-weight: 400;
    color: #696969;
    margin-top: 10px;
}

.goalset-searchresult-td-day01,
.goalset-searchresult-td-day02{
    font-size: 15px;
    font-weight: 400;
    color: #696969;
}
.goalset-searchresult-td-day02{
    margin-top: 10px;
}

.goalset-searchresult-td-day{
    font-weight: 600;
    font-size: 20px;
    color: #131415;
    text-align: center;
}

.goalset-searchresult-tr .form-check-input{
    width: 17px;
    height: 17px;
}
.goalset-searchresult-td-day-black{
    color: #131415 !important;
}
.goalset-searchresult-td-day-blue{
    color: #13279F !important;
}
.goalset-searchresult-td-day-gray{
    color: #B4B4B4 !important;
}

.goal-select-content{
    margin-top: 40px;
}

.goal-select-content-ul{
    display: flex;
    align-items: center;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 6px;
}

.goal-select-content-ul li{
    font-size: 20px;
    font-weight: 500;
    color: #A5A5A5;
    margin-right: 30px;
    cursor: pointer;
    position: relative;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.goal-select-content-ul li:last-child{
    margin-right: 0;
}

.goal-select-content-ul .goal-select-content-active{
    color: #131415;
}
.goal-select-content-ul .goal-select-content-active::after{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    bottom: -15px;
    background-color: #13279F;
    position: absolute;
}

.goal-select-section-ul{
    margin-top: 30px;
}

.goal-select-section-ul li{
    cursor: pointer;
    color: #7D7D7D;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 10px 20px;
    margin-right: 10px;
    transition: background 0.2s ease-in-out;
    background-color: #fff;
}

.goal-select-section-ul li:hover{
    background-color: #f5f6ff;
}

.goal-select-section-ul li.goal-select-section-active{
    color: #787EFF;
    border-color: #787EFF;
    background-color: #fff;
}

.goal-select-section-ul-video li.goal-select-video-active a{
    color: #787eff;
    font-weight: 500;
}

.goal-select-section-ul-video li a{
    color: #6b6b6b;
    font-weight: 400;
    font-size: 15px;
}

.goal-select-searchresult{
    margin-top: 30px;
}

.goal-select-selectbox{
    border: none !important;
    outline:none !important;
    font-size: 14px;
    color: #404040;
    width: 110px;
}

.goal-select-selectbox:focus{
    border: none !important;
    outline:none !important;
}

.goal-select-modalbut{
    background-color: transparent;
    font-size: 14px;
    color: #404040;
    margin-left: 26px;
}

.goal-select-allcheck{
    font-size: 14px;
    color: #404040;
    margin-left: 34px;
}
.goal-select-allcheck .form-check-input{
    width: 16px !important;
    height: 16px !important;
}
.goal-select-allcheck .form-check-input:focus{
    box-shadow: none;
}

.goalset-select-bage{
    display: inline-block;
    height: 20px;
    line-height: 13px;
    background-color: #7898FD;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding: 3px 8px;
}

.goalset-select-td-id{
    font-size: 14px;
    font-weight: 400;
    color: #696969;
}

.goalset-searchresult-td-user{
    font-weight: 500;
    font-size: 16px;
    color: #292929;
}

.goalset-searchresult-td-rank{
    margin-top: 10px;
    background-color: #353535;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    padding: 7px 18px;
}

.goalset-searchresult-td-rank:hover{
    background-color: #272727;
}

/* 시험결과페이지 */
.examresult-page{
    padding: 0 40px;
    margin-top: 60px;
}

.examresult-page-tabmenu li{
    font-size: 16px;
    color: #787EFF;
    padding: 0 25px;  
    height: 36px;
    line-height: 33px;
    border: 1px solid #787EFF;
    cursor: pointer;
}
.examresult-page-tabmenu li:nth-child(1){
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.examresult-page-tabmenu li:nth-child(2){
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-left: -1px;
}

.examresult-page-tabmenu li.examresult-page-tabmenu-active{
    background-color: #787EFF;
    color: #fff;
}
.classstab02-examresult-classname{
    background-color: #787EFF;
    text-align: center; 
    color: #fff; 
    padding: 10px 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.examresult-page-content{
    margin-top: 30px;
    border: 1px solid #dee2e6;
    border-radius: 12px;
}
.examresult-page-calender{
    height: 602px;
}
.examresult-page-calender-left{
    flex-grow: 1;
    border-right: 1px solid #dee2e6;
}
.examresult-page-calender-right{
    position: relative;
    padding: 20px;
    width: 378px;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
}

.classtab02-listbox{
    border: 1px solid #dee2e6;
    margin-left: 20px;
    border-radius: 10px;
}
.left-examresult-name{
    border-right: 1px solid #dee2e6;
    width: 110px;
    text-align: center;
    padding: 20px 8px;
    vertical-align: top;
    line-height: 24px;
}

.left-examresult-name button{
    background-color: #13279f;
    font-size: 14px;
    border-radius: 4px;
    padding: 4px 5px;
    width: 100%;
    margin-top: 5px;
    color: #fff;
}

.examresult-page-calender-left-top{
    height: 64px;
    padding: 0 40px;
    border-bottom: 1px solid #dee2e6;
}

.examresult-page-calender-left-top-arrow{
    background-color: transparent;
}

.examresult-page-calender-left-top-title{
    background-color: #F4F5FF;
    display: inline-block;
    padding: 10px 30px;
    color: #787EFF;
    border-radius: 6px;
    border: 1px solid #787eff;
    font-size: 14px;
}

.examresult-page-calender-thead-tr{
    border-bottom: 1px solid #dee2e6;
    text-align: center;
}
.examresult-page-calender-thead-tr th{
    padding: 10px 0;
    font-weight: 500;
    color: #4D4D4D;
}

.examresult-page-calender-tbody tr td{
    height: 100px;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 7px;
    font-size: 14px;
    font-weight: 300;
    color: #4d4d4d;
    position: relative;
}
.examresult-page-calender-tbody tr td.select{
    background-color: #F4F5FF;
}
.examresult-page-calender-tbody tr td:nth-child(1){
    border-left: none;
}
.examresult-page-calender-tbody tr:last-child td{
    border-bottom: none;
}

.examresult-page-calender-tbody tr td.select-exam-img:after{
    content: "";
    position: absolute;
    width: 73px;
    height: 62px;
    left: 45px;
    top: 19px;
    background: url("/images/select-exam.png");
}

.examresult-page-calender table tbody tr td.hovtd:hover{
    background-color: #F4F5FF;
    cursor: pointer;
}

.select-scoreul{
    margin-top: 15px;
    text-align: right;
    margin-right: 15px;
}
.select-scoreul li{
    margin-top: 6px;
    font-size: 12px;
    font-weight: 400;
}
.select-scoreul li:nth-child(1){
    margin-top: 0;
}

.select-scoreul-pass{
    color: #44B77D;
}
.select-scoreul-wrong{
    color: #FF5B6E;
}

.examresult-page-calender-right-title{
    width: 290px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #666CFF;
    border-radius: 6px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.examresult-page-calender-right-listbox{
    margin-top: 10px;
}

.examresult-page-calender-right-listbox-tablebox{
    border-bottom: 1px solid #dee2e6;
    padding: 20px 0;
}

.examresult-page-calender-right-listbox-tablebox table tr td{
    font-size: 14px;
    padding: 5px 0;
}

.calender-link{
    position: relative;
}

.calender-link:hover{
    color: #666cff;
}

.calender-link:after{
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    right: -18px;
    width: 23px;
    height: 21px;
    background: url("/images/calender-pointer.png");
}

.examresult-page-calender-right-listbox-tablebox table tr td:last-child{
    text-align: center;
}

.examresult-page-calender-right-td-tag{
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;    
    color: #fff;
    display: inline-block;
    border-radius: 4px;
}
.examresult-page-calender-right-td-tag.tag-ju{
    background-color: #7898FD;
}

.examresult-page-calender-right-td-tag.tag-wo{
    background-color: #FDB528;
}

.examresult-page-calender-right-td-tag.tag-bl{
    background-color: #72E128;
}

.examresult-page-calender-right-td-tag.tag-om{
    background-color: #DD34B8;
}

.examresult-page-calender-right-td-tag.tag-mo{
    background-color: #232323;
}
.examresult-page-calender-right-td-tag.tag-sil{
    background-color: #13279F;
}

.examresult-page-calender-right-listbox-tablebox-gak .td-name{
    text-align: left !important;
}

.examresult-page-calender-right-td-result.green{
    color: #44B77D;
}
.examresult-page-calender-right-td-result.red{
    color: #FF5B6E;
}

.examresult-page-graph-left{
    width: 206px;
    border-right: 1px solid #dee2e6;
}
.examresult-page-graph-right{
    position: relative;
    flex-grow: 1;
    padding: 20px;
    overflow-y: auto;
    
}

.examresult-page-graph-right .accordion{
    --bs-accordion-btn-focus-box-shadow : none;
    --bs-accordion-btn-icon-width : 2.25rem;  
    --bs-accordion-btn-active-icon : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
    --bs-accordion-border-color : none;
    --bs-accordion-bg : transparent;
}
.examresult-page-graph-right .accordion-button:not(.collapsed){
    background-color: transparent;
    color: inherit;
}

.examresult-page-graph-right .examresult-page-graph-right-bigbox{
    border-bottom: 1px solid #dee2e6 !important;
    padding: 30px;
}
.examresult-page-graph-right .examresult-page-graph-right-bigbox:last-child{
    border-bottom: none !important;
}

.examresult-page-graph-right .accordion-button{
    padding: 0;
}

.examresult-page-graph-right-span01{
    display: inline-block;
    font-size: 16px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    border-radius: 4px;
    padding: 0 8px;
}
.examresult-page-graph-right-span02{
    font-size: 18px;
    font-weight: 500;
    color: #222222;
}

.examresult-page-graph-right-span01.tag-ju{
    background-color: #7898FD;
}
.examresult-page-graph-right-span01.tag-wo{
    background-color: #FDB528;
}

.examresult-page-graph-right-span01.tag-bl{
    background-color: #72E128;
}

.examresult-page-graph-right-span01.tag-om{
    background-color: #DD34B8;
}

.examresult-page-graph-right-span01.tag-mo{
    background-color: #232323;
}
.examresult-page-graph-right-span01.tag-sil{
    background-color: #13279F;
}
.examresult-page-graph-right-resultbox{
    width: 125px;
}
.examresult-page-graph-right-resultbox-fake{
    width: 70px;
}

.examresult-page-graph-right-resultbox-100{
    width: 100px;
    margin: 0 auto;
}

.examresult-page-graph-right-resultbox-box{
    border: 1px solid #131415;
    border-radius: 9px;
    margin-top: 10px;
    background-color: #fff;
    min-height: 178px
}

.examresult-page-graph-right-resultbox-box.result-nonebox{
    min-height: 178px;
}

.examresult-page-graph-right-resultbox-box.result-nonebox .resultbox-scorebox-none{
    margin-top: 25px !important;
    font-size: 16px;
    font-weight: 500;
    color: #777777;
}

.examresult-page-graph-right-resultbox-scorebox{
    padding: 10px 0;
    text-align: center;
}

.examresult-page-graph-right-resultbox-scorebox > p:nth-child(1){
    font-weight: 500;
    font-size: 18px;
}

.examresult-page-graph-right-resultbox-scorebox > p:nth-child(1) span{
    font-size: 15px;
    color: #a7a7a7;
}

.examresult-page-graph-right-resultbox-scorebox > p:nth-child(2){
    margin-top: 5px;
    font-size: 16px;
    font-weight: 500;
}

.examresult-page-graph-right-resultbox-examtitle{
    font-size: 13px;
    font-weight: 400;
    background-color: #1B1B1B;
    color: #fff;
    height: 26px;
    text-align: center;
    border-radius: 50px;
    line-height: 26px;
}

.examresult-page-graph-right-resultbox-scorebox .resultbox-scorebox-pass{
    color: #44B77D;
}
.examresult-page-graph-right-resultbox-scorebox .resultbox-scorebox-fail{
    color: #FF5B6E;
}
.examresult-page-graph-right-resultbox-scorebox .resultbox-scorebox-retry{
    color: #FF8D24;
}

.examresult-page-graph-right .accordion-body{
    padding: 0;
}

.examresult-page-graph-right .accordion-body tr td{
    width: 125px;
    border: 1px solid #dee2e6;
    text-align: center;
    padding: 14px 0;
    background-color: #fff;
}
.examresult-page-graph-right .accordion-body tr td:nth-child(1){
    width: 70px;
    vertical-align: middle;
    font-size: 14px;
    background-color: #F6F6F7;
}

.accordion-body-examresult-td > p:nth-child(1){
    font-size: 16px;
    font-weight: 500;
}
.accordion-body-examresult-td-but{
    background-color: #131415;
    border-radius: 50px;
    color: #fff;
    padding: 5px 15px;
    font-size: 14px;
    margin-top: 8px;
}
.accordion-body-examresult-td > p:nth-child(2),
.accordion-body-examresult-td > p:nth-child(3){
    font-size: 14px;
    font-weight: 400;
    color: #494949;
    margin-top: 8px;
}

.accordion-body-examresult-td.pass{
    background-color: #D0FFC5 !important;
}
.accordion-body-examresult-td.fail{
    background-color: #FFB8B8 !important;
}

.examresult-page-graph-left-category{
    width: 100%;
    height: 40px;
    background-color: #666CFF;
    border-radius: 6px;
    line-height: 40px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    letter-spacing: 0;
    box-shadow: rgba(76, 78, 100, 0.42) 0px 4px 8px -4px;
}

.examresult-page-graph-left{
    padding: 20px;
}

.examresult-page-graph-left-checkbox{
    width: 22px;
    height: 22px;
    border-radius: 2px;
}
.examresult-page-graph-left-box{
    cursor: pointer;
    margin-top: 20px;
}

.examresult-page-graph-left-box svg{
    display: none;
}
.examresult-page-graph-left-box-active svg{
    display: block;
}

.examresult-page-graph-left-box:nth-child(1){
    margin-top: 0;
}
.examresult-page-graph-left-box > p:nth-child(2){
    margin-top: -2px;
    margin-left: 10px;
}

.examresult-page-graph-left-checkbox.gray,
.examresult-page-graph-right-span01.tag-gray,
.tag-gray{
    background-color: #6D788D!important;
}
.examresult-page-graph-left-checkbox.blue,
.examresult-page-graph-right-span01.tag-blue,
.tag-blue{
    background-color: #7898FD!important;
}
.examresult-page-graph-left-checkbox.orange,
.examresult-page-graph-right-span01.tag-orange,
.tag-orange{
    background-color: #FDB528!important;
}
.examresult-page-graph-left-checkbox.green,
.examresult-page-graph-right-span01.tag-green,
.tag-green{
    background-color: #72E128!important;
}
.examresult-page-graph-left-checkbox.sky,
.examresult-page-graph-right-span01.tag-sky,
.tag-sky{
    background-color: #26C6F9!important;
}
.examresult-page-graph-left-checkbox.purple,
.examresult-page-graph-right-span01.tag-purple,
.tag-purple{
    background-color: #DD34B8 !important;
}

/* ----- */
.main-child .mainbannerbox{
    width: 100%;
    height: 200px;
    background-color: #F7F7FC;
}
.main-child .searchbannerbox{
    width: 100%;
    height: 200px;
    background-color: #363A4F;
    text-align: center;
    padding: 54px 0;
}

.main-child .searchbannerbox .header-search{
    border-radius: 0 !important;
    width: 600px !important;
    height: 50px !important;
    padding-left: 60px !important;
}
.main-child .searchbannerbox .header-search:focus{
    border: none !important;
    box-shadow: none !important;
}

.main-child .searchbannerbox .dongsearchbox-icon{
    left: 20px !important;
    right: auto !important;
    top : 13px !important;
}
.searchbannerbox-tag{
    margin-top: 25px;
}
.searchbannerbox-tag li a{
    display: inline-block;
    color: #fff;
    font-weight: 300;
    margin: 0 20px;
}

.mainbannerbox-child{
    width: 1200px;
    margin: 0 auto;
    padding-left: 170px;
}

.mainbannerbox-title01{
    font-size: 32px;
    font-weight: 600;
}

.mainbannerbox-title02{
    font-size: 18px;
    margin-top: 20px;
}

/* 동영상 */
.video_modal_popup.reveal {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.video_modal_popup .video-wrapper {
    position: relative;
    width: 854px;
    height: 480px;
    z-index: 10;
}

.video_modal_popup .video-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.section06 .video_modal_popup .video-wrapper iframe{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.video_modal_popup.reveal .video_modal_popup-closer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
}

.main-child-content{
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0 80px;
}

.goal-select-section-ul-video{
    width: 200px;
    padding-top: 30px;
}

.goal-select-section-ul-video li{
    margin-top: 30px;
}
.goal-select-section-ul-video li:nth-child(1){
    margin-top: 0;
}

.main-child-content02{
    padding: 50px 40px;
}

.popupModalVideo{
    width: 1200px;
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    padding-left: 30px;
}

.popupModalVideo .videobox{
    width: calc(100%/4 - 13px);
    margin-top: 30px;
}

.popupModalVideo .videobox img{
    cursor: pointer;
}

.popupModalVideo-title{
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
}

.popupModalVideo-title02{
    font-size: 12px;
    color: #6d6d6d;
    margin-top: 6px;
}

.nav-num{
    padding: 60px 0;
}

.nav-num ul li a{
    display: block;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 50px;
    font-weight: 500;
    margin: 0 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 1.6rem;
    border-radius: 50%;
    box-sizing: border-box;
    text-align: center;
    line-height: 39px;
}


.nav-num-active{
    background-color: #13279F;
    color: #fff;
}

.main-child-content-left{
    width: 200px;
    border-radius: 6px;
    padding: 20px;
    border: 1px solid #dee2e6;
    min-height: 508px;
    overflow-y: auto;
    margin-right: 20px;
}

.main-child-content-left .mainmenu{
    margin-bottom: 25px;
}

.main-child-content-left .sidenav a{
    display: block;
    font-size: 14px;
}
.main-child-content-left .sidenav .sub-btn{ 
    position: relative;
    cursor: pointer;
    color: #363636;
}

.main-child-content-left .sidenav .sub-menu > a{
    font-size: 14px;
    color: #5a5a5a;
    font-weight: 400;
    margin-top: 15px;
}

.main-child-content-left .sub-menu{
    display: none;
}
.main-child-content-left .dongdown{
    position: absolute;
    right: -2px;
    transition: 0.3s ease;
}
.main-child-content-left .rotate{
    transform: rotate(90deg);
}

.main-child-content-left button{
    width: 100%;
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background-color: #666CFF;
    border-radius: 6px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 14%);
}

.main-child-content-right{
    flex-grow: 1;
}
.main-child-content-right table{
    width: 100%;
}

.main-child-content-right table thead tr{
    text-align: center;
    border-top: 2px solid #131415;
}
.main-child-content-right table thead tr th{
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
}
.main-child-content-right table tbody tr{
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.main-child-content-right table tbody tr td{
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #272727;
}

.main-child-content-right table tbody tr td:nth-child(1){
    text-align: left;
    padding-left: 20px;
}

.main-child-content-right table tbody tr.alarm-tr{
    background-color: #F9F9F9;
}

.main-child-content-right table tbody tr.alarm-tr .alarm{
    display: inline-block;
    height: 24px;
    border-radius: 3px;
    background-color: #ECEDFF;
    border: 1px solid #7C6CFF;
    font-size: 12px;
    font-weight: 300;
    color: #7C6CFF;
    padding: 0px 8px;
    line-height: 22px;
    margin-right: 10px;
}

.searchbannerbox .header-searchbox{
    display: inline-block;
}

.main-child-content-left-list a.active{
    color: #666CFF !important;
}

.main-child-content-right-child{
    border-top: 2px solid #131415;
}
.main-child-content-right .accordion{
    --bs-accordion-btn-active-icon : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.main-child-content-right .accordion-item{
    border: none;
    border-bottom: 1px solid #dee2e6;
}

.main-child-content-right .accordion-button{
    padding: 12px 20px !important;
    font-size: 14px;
    color: #272727;
}

.main-child-content-right .accordion-button:focus{
    border: none !important;
    box-shadow: none !important;
}

.main-child-content-right .accordion-button:not(.collapsed){
    background-color: #F8F8F8;
    color: #666cff;
}

.main-child-content-right .accordion-body{
    font-size: 14px;
    line-height: 20px;
    color: #494949;
    background-color: #f8f8f8;
}


.main-child-content-mypage-profile{
    border: 1px solid #dee2e6;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px;
    margin-top: -57px;
    align-items: flex-end;
}

.mypage-profile-name{
    font-size: 26px;
    font-weight: 500;
    color: #1B1B1B;
}

.mypage-profile-rank{
    display: inline-block;
    font-size: 13px;
    color: #787EFF;
    border: 1px solid #787EFF;
    padding: 6px 10px;  
    border-radius: 4px;
    margin-left: 10px;
}

.mypage-profile-info{
    margin-top: 16px;
}

.mypage-profile-info-p{
    font-size: 15px;
    color: #3D3D3D;
    margin-right: 30px;
}

.main-child-content-mypage-title{
    font-size: 18px;
    font-weight: 500;
    color: #1b1b1b;
}

.mypage-profile-edit{
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    background-color: #666CFF;
    border-radius: 6px;
    text-align: center;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 14%);
    padding: 0 20px;
}
.mypage-profile-exit{
    text-align: center;
    width: 145px;
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    background-color: #FF4D49;
    border-radius: 6px;
    text-align: center;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 14%);
}

.mypage-profile-edit:hover{
    background-color: #6064ec;
}

.main-child-content-mypage-buy,
.main-child-content-mypage-infobox{
    margin-top: 60px;
}

.main-child-content-mypage-buy-box{
    width: 100%;
    height: 220px;
    border: 1px solid #dee2e6;
    margin-top: 15px;
    text-align: center;
    line-height: 220px;
}

.main-child-content-mypage-buy-box-no{
    font-size: 20px;
    font-weight: 500;
    color: #b9b9b9;
}

.main-child-content-mypage-infobox-box1{
    width: 50%;
}

.main-child-content-mypage-infobox-box1 .infoagree-box{
    border-top: 2px solid #131415;
    margin-top: 20px;
}

.infoagree-box-p{
    font-size: 15px;
    color: #1b1b1b;
}

.main-child-content-mypage-infobox-box1 .rank-box{
    background-color: #F8F8F8;
    height: 114px;
    margin-top: 20px;
    padding: 0 20px;
}

.main-child-content-mypage-infobox-box1 .rank-box p{
    font-size: 20px;
    font-weight: 500;
    color: #1b1b1b;
    margin-left: 20px;
}

.user-exit-modal{
    --bs-modal-border-color : transparent !important;
    --bs-modal-header-padding : 1.2rem 1rem;
}

.user-exit-modal .modal-footer{
    border-top: none;
}

.user-exit-modal .modal-content{
    border-radius: 15px;
}

.user-exit-modal .modal-content .modal-body{
    padding: 30px;
}

.mypage-input{
    width: 100%;
    border: none;
    border-bottom: 1px solid #dee2e6;
    margin-top: 25px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-radius: 0 !important;
}

.mypage-input::placeholder{
    font-size: 16px;
    font-weight: 300;
    color: #B5B5B5;
}
.user-exit-modal .modal-footer{
    padding: 30px;
    padding-top: 0;
}
.user-exit-modal .modal-footer button{
    flex: 1;
    height: 52px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    background-color: transparent;
}

.user-exit-modal .modal-footer button:nth-child(1){
    border: 1px solid #dee2e6;
    color: #3c3c3c;
}
.user-exit-modal .modal-footer button:nth-child(2){
    background-color: #13279F;
    color: #fff;
}

.mypage-edit .mypage-edit-title{
    font-size: 20px;
    font-weight: 500;
    color: #131415;
    border-bottom: 2px solid #131415;
    padding-bottom: 15px;
}
.mypage-edit dl{
    padding: 30px 0;
    border-bottom: 1px solid #dee2e6;
}
.mypage-edit dl dt,
.mypage-edit dl dd{
    display: inline-block;
}

.mypage-edit dl dt{
    width: 26%;
    font-size: 16px;
    font-weight: 500;
}
.mypage-edit dl dd{
    width: 73%;
}

.mypage-edit-password-but{
    width: 160px;
    height: 40px;
    background-color: #666CFF;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
}

.mypage-edit-password-change-input{
    width: 475px;
    height: 40px;
    border: 1px solid #dee2e6;
    font-size: 14px;
    padding-left: 10px;
}

.mypage-edit-password-change-select{
    height: 40px;
    border: 1px solid #dee2e6;
    padding: 0 10px;
}

.mypage-edit-password-change-save{
    width: 400px;
    height: 65px;
    background-color: #13279F;
    color: #fff;
    font-size: 18px;
    border-radius: 6px;
    display: block;
    margin: 70px auto 0;
}

/* 메인광고페이지 */
.main-ad{
    position: relative;
    max-width: 1145px;
    margin-left: 40px;
    padding-bottom: 80px;
}
.main-ad .carousel-inner{
    border-radius: 10px;
}
.main-ad .carousel-item{
    background-color: #82e0d1;
    height: 400px;
    border-radius: 10px;
}

/* 구글광고 */
.ad240-goggle{
    width: 240px;
    height: 400px;
    border-radius: 10px;
    background-color: #131415;
    position: absolute;
    right: 12px;
    top: 120px;
}
.ad230-goggle{
    width: 230px;
    height: 60px;
    border-radius: 6px;
    background-color: #0d1e81;
    margin-top: 20px;
}

.adbox{
    width: 562px;
    height: 245px;
    padding: 30px;
    transition: all 0.2s ease-out;
    border-radius: 11px;
}
.adbox:hover{
    cursor: pointer;
    border-radius: 12px;
    box-shadow: 4px 4px 12px rgb(120 137 234 / 40%);
    transform: translateY(-10px);
}
.adbox > p:nth-child(1){
    font-size: 18px;
    font-weight: 500;
    color: #B0B3FF;
}
.adbox > p:nth-child(2){
    font-size: 26px;
    font-weight: 600;
    margin-top: 20px;
}
.adbox > p:nth-child(3){
    font-size: 17px;
    font-weight: 300;
    margin-top: 20px;
    color: #828282;
    line-height: 24px;
}
.adbox01{
    background : url("/images/adbox01.png");
    margin-right: 20px;
}
.adbox02{
    background : url("/images/adbox02.png");
}
.adbox03{
    background : url("/images/adbox03.png");
    margin-right: 20px;
}
.adbox04{
    background : url("/images/adbox04.png");
}

.main-ad-title{
    font-size: 20px;
    font-weight: 500;
}
.main-ad-title-link{
    font-size: 14px;
    font-weight: 500;
    color: #13279f;
}
.modal-exammake-card .modal-dialog{
    max-width: 1080px;
}

.imgWrap {
    position: relative;   
    transform-style: preserve-3d;  
    perspective: 1000; 
    cursor: pointer;
    border-radius: 10px;
}

.imgWrap img{
    border-radius: 12px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.18);
}

.imgWrap-coming{
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #131415;
    color: #fff;
    width: 101px;
    text-align: center;
    font-size: 12px;
    height: 26px;
    line-height: 24px;
    border-radius: 50px;
}


.face {
    top: 0; 
    left: 0; 
    width: 100%;
    height: 100%; 
    color: white; 
    text-align: center; 
    backface-visibility: hidden; 
    transition: all 1s;
}
.front {
    position: relative; 
    z-index: 2;
    opacity: 1; 
    transform: rotateY(0deg);
}
.back {
    position: absolute; 
    z-index: 1; 
    opacity: 0; 
    transform: rotateY(180deg);
}

.imgWrap:hover > .front {
    z-index: 1; 
    opacity: 0; 
    transform: rotateY(180deg);
}
.imgWrap:hover > .back {
    z-index: 2; 
    opacity: 1; 
    transform: rotateY(0)
}

.select-layout-slide .carousel-control-prev-icon{
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cg transform="rotate(180 512 512)"%3E%3Cpath fill="currentColor" d="M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.select-layout-slide .carousel-control-next-icon{
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"%2F%3E%3C%2Fsvg%3E');
}

.select-layout-slide .pc-studyexam-whitebox{
    width: 520px;   
    opacity: 0.6;
    margin-top: 40px;
}

.select-layout-slide .study-exam-audio{
    width: 520px;
}

.select-layout-slide-title{
    text-align: center;
    margin-top: 40px;
}
.select-layout-slide-title p{
    display: inline-block;
    background-color: #596ddd;
    color: #fff;
    font-size: 18px;
    padding: 14px 25px;
    border-radius: 10px;
    border: 4px solid #d6dcff;
}

.scroll-down {
	display: block;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
    width: 13px;
    height: 13px;
    border-bottom: 2px solid #13279F;
    border-right: 2px solid #13279F;
    z-index: 9;
    transform: translate(0%, 0%) rotate(-45deg);
	animation: fade_move_down 1s ease-in-out infinite;
    margin-right: 40px;
}


/*animated scroll arrow animation*/
@keyframes fade_move_down {
  0%   { transform:translate(0px,0px) rotate(-45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(20px,0px) rotate(-45deg); opacity: 0; }
}

.leftslide-bottom{
    margin-top: 90px;
}

.leftslide-bottom li{
    padding: 0 20px;
    width: 100%;
    margin-top: 20px;
}
.leftslide-bottom li a{
    display: flex;
    align-items: center;
}

.scroll-bar-css::-webkit-scrollbar {
    width: 5px;
}
.scroll-bar-css::-webkit-scrollbar-thumb {
    background-color: #787EFF;
    border-radius: 10px;
}
.scroll-bar-css::-webkit-scrollbar-track {
    background-color: #E7E7E7;
    border-radius: 10px;
}

.alarm-detail-title01{
    font-size: 20px;
    font-weight: 600;
    border-bottom: 3px solid #131415;
    padding-bottom: 14px;
}
.alarm-detail-title02{
    color: rgb(160, 160, 182);
    font-size: 16px;
    font-weight: 600;
}
.alarm-detail-title03{
    font-size: 18px;
    font-weight: 600;
    margin-top: 14px;
    line-height: 26px;
    word-break: break-all;
}

.alarm-detail-box-01{
    padding: 20px;
    border-bottom: 1px solid #dee2e6;
}
.alarm-detail-box-02{
    padding: 30px 20px;
    border-bottom: 1px solid #a1a1a1;
}

.alarm-detail-content{
    word-break: break-all;
    line-height: 24px;
}

.alarm-detail-daytimebox{
    display: flex;
    justify-content: end;
    margin-top: 40px;
    align-items: center;
}

.alarm-detail-daytime{
    margin-right: 10px;
    font-size: 14px;
    color: rgb(160, 160, 182);
}
.alarm-detail-file{
    margin-top: 8px;
    display: block;
}
.alarm-file li:nth-child(1) .alarm-detail-file{
    margin-top: 0;
}
.alarm-detail-file:hover{
    border-bottom: 1px solid #272727;
}
.alarm-detail-daytime:last-child{
    margin-right: 0;
}

.alarm-detail-nav{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    align-items: center;
}
.alarm-detail-nav button{
    background-color: transparent;
    font-size: 20px;
    font-weight: 400;
}

.m_goalset-nobox{
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 0 35px;
  }
  
  .m_goalset-nobox p{
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 30px;
  }
  
  .m_goalset-nobox button{
    margin-top: 30px;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    background-color: #13279F;
    color: #fff;
  }


  /* --- */
.share-blank-modal .share-blank-modal-p{
    line-height: 24px;
    background-color: #E6EFFE;
    border-radius: 6px;
    padding: 15px;
    word-break: break-all;
}


.share-blank-modal .exam-make-box{
    background-color: #fff;
    border: 3px solid #D8DCF3;
    border-radius: 10px;
    margin-top: 20px;
}
.share-blank-modal .exam-make-box:nth-child(1){
    margin-top: 0;
}
.share-blank-modal .exam-make-box-selectbox{
    text-align: center;
    color: #fff;
    display: block;
}

.classtab02-student-ul{
    border-top: 1px solid #dee2e6;
    margin-top: 10px;
}
.classtab02-student-ul li{
    border-bottom: 1px solid #dee2e6;
    padding: 30px 0;
}
.classtab02-achieve02-ul li{
    padding: 15px 0;
}
.classtab02-student-ul li:nth-child(1){
    padding-top: 0;
}
.classtab02-student-ul li .classtab02-student-li-img{
    margin-right: 10px;
}

.classtab02-student-ul li .classtab02-student-li-p01{
    font-size: 16px;
    margin-bottom: 6px;
}

.classtab02-student-ul li .classtab02-student-li-p02{
    font-size: 14px;
    color: #7D7D7D;
}

.classtab02-student-ul li .classtab02-student-li-namechange{
    width: 75px;
    height: 32px;
    background-color: #787EFF;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
}
.classtab02-student-ul li .classtab02-student-li-namechange:hover{
    background-color: #5e64d8;
}

.main-classtab02-student-modal{
    border: none;
}

.main-classtab02-student-modal .modal-header{
    background-color: #FAE100;
    align-items: normal;
    padding-bottom: 0;
    padding-top: 0;
}

.main-classtab02-student-modal .modal-header a{
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.main-classtab02-student-modal .modal-header a span{
    font-size: 16px;
}

.main-classtab02-student-modal .modal-header .btn-close{
    --bs-btn-close-opacity:none;
}

.main-classtab02-student-modal .main-classtab02-student-modal-but{
    width: 170px;
    height: 140px;
    border-radius: 6px;
    color: #fff;
}

.main-classtab02-student-modal .main-classtab02-student-modal-but span{
    font-size: 16px;
    line-height: 24px;
}

.mBtn-set-input{
    height: 42px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    padding: 0 10px;
}

.main-classtab02-student-modal .main-classtab02-student-modal-but:nth-child(1){
    background-color: #7898FD;
}
.main-classtab02-student-modal .main-classtab02-student-modal-but:nth-child(1):hover{
    background-color: #6067dd;
}
.main-classtab02-student-modal .main-classtab02-student-modal-but:nth-child(2){
    background-color: #7F5AC8;
}
.main-classtab02-student-modal .main-classtab02-student-modal-but:nth-child(2):hover{
    background-color: #724dbd;
}
.main-classtab02-student-modal .main-classtab02-student-modal-but:nth-child(3){
    background-color: #06AC90;
}
.main-classtab02-student-modal .main-classtab02-student-modal-but:nth-child(3):hover{
    background-color: #08967e;
}


.classtab02-student-sangbut{
    height: 42px;
    border: 1px solid #13279f;
    color: #13279f;
    background-color: #fff;
    padding: 0 20px;
    border-radius: 50px;
    margin-right: 10px;
}

.classtab02-student-sangbut02{
    height: 34px;
    background-color: #13279f;
    color: #fff;
    padding: 0 20px;
    border-radius: 4px;
    font-size: 14px;
}

.classtab02-student-findstudent{
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 15px 0 15px 15px;
}

.classtab02-syllabus{
    position: relative;
    width: 100%;
    background-color: #F4F7F9;
    padding: 30px;
    border-radius: 15px;
    display: flex;
    margin-top: 30px;
    grid-gap: 30px;
    gap: 30px;
}
.classtab02-achieve{
    width: 100%;
    background-color: #F4F7F9;
    padding: 30px;
    border-radius: 15px;
    margin-top: 30px;
}

.classtab02-syllabus .classtab02-syllabus-leftbox{
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 6px 6px 12px rgb(0 0 0 / 8%);
    width: 100%;
}

.classtab02-achieve-left{
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 6px 6px 12px rgb(0 0 0 / 8%);
    flex-grow: 1;
    margin-right: 20px;
    min-height: 620px;
    position: relative;
}
.classtab02-achieve-left-butbigbox{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
}
.classtab02-achieve-right{
    background-color: #fff;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 6px 6px 12px rgb(0 0 0 / 8%);
    width: 68%;
}

.classtab02-syllabus-leftbox .classtab02-syllabus-leftbox-box01{
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #dee2e6;
    padding-top: 30px;
}
.classtab02-syllabus-leftbox .classtab02-syllabus-leftbox-box01:nth-child(1){
    margin-top: 0;
    border: none;
    padding-top: 0;
}
.classtab02-syllabus-leftbox-daybox{
    width: calc(100% - 90%);
    padding: 0px 20px 0 0;
    text-align: center;
}
.classtab02-syllabus-leftbox-daybox-01{
    font-size: 15px;
    color: #6f6f6f;
    font-size: 15px;
}
.classtab02-syllabus-leftbox-daybox-02{
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}
.classtab02-syllabus-leftbox-abox{
    width: 90%;
    background-color: #666CFF;
    border-radius: 10px;
    padding: 20px;
}

.classtab02-syllabus-leftbox-abox-inputbut{
    display: block;
    text-align: center;
    background-color: transparent;
    width: 142px;
    height: 42px;
    line-height: 40px;
    background-color: #fff;
    color: #2D2D2D;
    margin: 0 auto;
    margin-top: 20px;
    border-radius: 6px;
}

.classtab02-syllabus-leftbox-abox-inputbut:hover{
    color: #666cff;
}

.classtab02-syllabus-leftbox-abox-flex{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 16px;
    gap: 16px;
}

.classtab02-syllabus-leftbox-abox .classtab02-syllabus-leftbox-abox-a{
    background-color: #fff;
    width: calc(100%/3 - 11px);
    border-radius: 6px;
    padding: 15px;
}

.classtab02-syllabus-leftbox-abox-a-title{
    word-break: break-all;
    line-height: 22px;
    margin-top: 10px;
    height: 60px;
}

.classtab02-syllabus-leftbox-abox-a .examresult-page-calender-right-td-tag{
    margin-right: 3px;
}
.classtab02-syllabus .classtab02-syllabus-rightbox{
    background-color: #fff;
    box-shadow: 6px 6px 12px rgb(0 0 0 / 8%);
    width: calc(100% - 948px);
    border-radius: 15px;
    z-index: 2;
    position: fixed;
    right: -100%;
    transition: all 0.3s ease;
    width: 580px;
    height: 797px;
    bottom: 0;
}
.classtab02-syllabus .classtab02-syllabus-rightbox.on{
    right: 30px;
    bottom: 0;
}

.classtab02-syllabus-leftbox-abox-a-changebut{
    width: 174px;
    height: 30px;
    font-size: 14px;
    border: 1px solid #131415;
    border-radius: 50px;
    background-color: #fff;
}

.classtab02-syllabus-leftbox-abox-a .classtab02-syllabus-leftbox-closebut{
    background-color: transparent;
    padding: 0;
}

.classtab02-syllabus-rightbox-day{
    width: 100%;
    height: 50px;
    background-color: #373737;
    color: #fff;
    text-align: center;
    line-height: 50px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.classtab02-syllabus-rightbox-02{
    padding: 0px 20px;
    height: 630px;
    overflow-y: auto;
    margin-bottom: 30px;
}

/* .classtab02-syllabus-rightbox-02 .treeview li{
    padding-left: 0;
    padding-top: 0;
} */

.classtab02-syllabus-rightbox-02 .treeview li.r02mt{
    margin-top: 20px;
}
/* .classtab02-syllabus-rightbox-02 .treeview li.lastCollapsable:nth-child(1),
.classtab02-syllabus-rightbox-02 .treeview li.r02mt:nth-child(1){
    margin-top: 0;
} */
.classtab02-syllabus-rightbox-02 .treeview .file-list{
    margin: 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #dee2e6;
}
.classtab02-syllabus-rightbox-02 .treeview .file-list:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
}

.classtab02-syllabus-rightbox-02 .treeview .file-list:nth-child(2n+0){
    background-color: transparent;
}
.classtab02-syllabus-rightbox-02 .treeview ul{
    margin-top: 0;
}
.classtab02-syllabus-rightbox-02 .treeview .file-list-name{
    word-break: break-all;
    line-height: 22px;
    width: 400px;
}

.classtab02-syllabus-rightbox-02 .treeview .form-check{
    padding: 0;
}

.classtab02-syllabus-rightbox-02 .treeview li .tagbox{ 
    width: 60px;
}

.classtab02-syllabus-leftbox-abox-inputbut02{
    display: block;
    width: 300px;
    height: 50px;
    background-color: #666CFF;
    border-radius: 6px;
    color: #fff;
    margin: 0 auto;
}
.classtab02-syllabus-leftbox-abox-inputbut02:hover{
    background-color: #6167e0;
}

.bg-shadow {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    cursor: pointer;
}

.turn-label-bage02{
    display: inline-block;
    width: auto;
    background-color: #7898FD;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
    padding: 4px 15px;
    text-align: left;
    line-height: 20px;
    word-break: break-all;
    margin-bottom: 10px;
  }

  .turn-label-bage03{
    display: inline-block;
    width: auto;
    background-color: #b278fd;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
    padding: 4px 15px;
    text-align: left;
    line-height: 20px;
    word-break: break-all;
    margin-bottom: 10px;
  }

  .turn-label-bage04{
    display: inline-block;
    width: auto;
    background-color: #fd78ba;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-right: 5px;
    padding: 4px 15px;
    text-align: left;
    line-height: 20px;
    word-break: break-all;
    margin-bottom: 10px;
  }
  .left-exam-title{
    font-size: 20px;
    line-height: 28px;
  }

  /* 실라버스 */
.classtab02-syllabus-popup-01{
    width: 300px;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 20px;
}

.classtab02-syllabus-popup-01-box0-pbox{
    margin-top: 15px;
    background-color: #ecedff;
    padding: 20px;
}

/* 실라 체크 */
.classtab02-syllabus-popup-01-box02 input[type="checkbox"]:checked + label::after{
    content: none !important;
  }
  
  .classtab02-syllabus-popup-01-box02 input[type="checkbox"] {
    display: none;
  }
  
  .classtab02-syllabus-popup-01-box02 input[type="checkbox"] + label {
    width: 100%;
    line-height: 24px;
    font-size: 15px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #222222;
    text-align: left;
    padding: 10px;
  }
  .classtab02-syllabus-popup-01-box02 input[type="checkbox"]:checked + label {
    background-color: #fff;
    color: #6599ff;
    border: 1px solid #6599ff;
    box-shadow: 2px 5px 9px rgb(0 0 0 / 11%);
  }
/* -- */

.classtab02-syllabus-popup-01-box0-pbox p{
    word-break: break-all;
    font-size: 15px;
    line-height: 26px;
}

.classtab02-syllabus-popup-01-box02{
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #dee2e6;
}

.classtab02-syllabus-popup-03{
    width: 396px;
    height: 100%;
    background-color: #fff;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.classtab02-syllabus-popup-03-02{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.classtab02-syllabus-popup-03-p{
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 40px;
}
.classtab02-syllabus-popup-04{
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
}

.mr80{
    margin-right: 80px;
}
.mr20{
    margin-right: 20px;
}

.sylla-choice{
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sylla-choice .sylla-check{
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.syllya-examname{
    display: block;
    background-color: #131415;
    color: #fff;
    border-radius: 50px;
    padding: 8px 12px;
    font-size: 14px;
}

.sylla-label{
    line-height: 24px;
}

.classtab02-syllabus-popupexam{
    width: 695px;
    margin: 0 auto;
    padding: 50px 0;  
    text-align: center;
}
.classtab02-syllabus-popupexam .pc-studyexam-exambox{
    width: 556PX;
    margin: 0 auto;
    padding: 30px;
}

.select-word-quiz-title{
    background-color: #131415;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    margin: 20px 0;
}

.classtab02-syllabus-popupexam .pc-studyexam-whitebox{
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 12px rgb(46, 46, 46, 0.4);
}
.pc-studyexam-explain{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}
.dr .form-check{
    padding-left: 0;
}
.dr .form-check-label{
    cursor: pointer;
}
.dr .form-check-input[type="checkbox"],
.dr .form-check-input[type="radio"]{
    display: none;
}

.dr .form-check-input[type="radio"] + label,
.dr .form-check-input[type="checkbox"] + label{
    display: block;
    border: 2px solid #eee;
    border-radius: 10px;
    padding: 8px 20px;
    margin-top: 10px;
    line-height: 30px;
}

.classtab02-syllabus-popupexam .pc-studyexam-exambox-num{
    width: auto;
    height: 40px;
    display: inline-block;
    background-color: #7889EA;
    border: 2px solid #D8DCF3;
    line-height: 36px;
    padding: 0 15px;
    border-radius: 6px;
    font-weight: 400;
    color: #fff;
    margin-right: 20px;  
}
.classtab02-syllabus-popupexam .pc-studyexam-exambox-speakerbut{
    height: 40px;
    border: 2px solid #D8DCF3;
    width: 66px;
    border-radius: 50px;
}
.classtab02-syllabus-popupexam  .pc-studyexam-exambox-titlebox{
    margin-top: 20px;
}
.classtab02-syllabus-popupexam  .pc-studyexam-exambox-title{
    font-size: 20px;
    font-weight: 400;
    word-break: break-all;
    line-height: 28px;
    font-family: Tahoma,Verdana,Segoe,sans-serif !important; 
    letter-spacing: 0;
}

.classtab02-syllabus-popupexam .pc-studyexam-exambox-imgbox{
    margin-top: 30px;
}
.classtab02-syllabus-popup-04-div01{
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 20px;
}
.classtab02-syllabus-popup-04 .mBtn-set-bigbox{
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 20px;
    margin-top: 20px;
}

.classtab02-syllabus-popup-04 .mBtn-set-box{
    margin-top: 15px;
}
.classtab02-syllabus-popup-04 .mBtn-set-box > p:nth-child(1),
.classtab02-syllabus-popup-04 .mBtn-set-box .form-check-label{
    font-size: 17px;
    font-weight: 400;
    color: #646464;
}


.classtab02-syllabus-popup-04 .mBtn-set-title{
    font-size: 20px;
    color: #303030;
    font-weight: 500;
}

.classtab02-syllabus-popup-04 .mBtn-set-box .form-check-input{
    height: 26px;
    width: 45px;
}

.classtab02-syllabus-popup-04 .pc-studyexam-header02-setbut{
    height: 40px;
    border-radius: 6px;
    background-color: #13279F;
    line-height: 40px;
    padding: 0 20px;  
    font-weight: 500;
    color: #fff;
    margin-left: 5px;
}



/*progressbar*/
.classtab02-achieve-left .progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
.classtab02-achieve-left .progressbar li {
	list-style-type: none;
	color: #131415;
	text-transform: uppercase;
	font-size: 14px;
	width: 33.33%;
	float: left;
	position: relative;
    text-align: center;
}
.classtab02-achieve-left .progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 35px;
    height: 35px;
	line-height: 35px;
	display: block;
	font-size: 14px;
    font-weight: 500;
	color: #fff;
	background: #DADADA;
	border-radius: 4px;
	margin: 0 auto 5px auto;
    position: relative;
    z-index: 1;
}
/*progressbar connectors*/
.classtab02-achieve-left .progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #dadada;
	position: absolute;
	left: -50%;
	top: 18px;
	z-index: 0; /*put it behind the numbers*/
}
.classtab02-achieve-left .progressbar li.active:after{
    background-color: #666CFF;
}
.classtab02-achieve-left .progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
.classtab02-achieve-left .progressbar li.active:before,  #progressbar li.active:after{
	background: #666CFF;
	color: white;
}

.classtab02-achieve-left-text{
    font-size: 18px;
    line-height: 26px;
    text-align: center;
}
.classtab02-achieve-left-prevbut{
    width: 100%;
    height: 50px;
    background-color: #6C757D;
    color: #fff;
    font-size: 18px;
    border-radius: 6px;
    margin-right: 10px;
}
.classtab02-achieve-left-nextbut{
    width: 100%;
    height: 50px;
    background-color: #666CFF;
    color: #fff;
    font-size: 18px;
    border-radius: 6px;
}
.classtab02-achieve-left-nextbut:hover{
    background-color: #5d64df;
}
.classtab02-achieve-left-prevbut:hover{
    background-color: #5d646b;
}

.classtab02-achieve-right-setbox{
    width: 444px;
    height: auto;
    border: 2px solid #acacac;
    border-radius: 10px;
    padding-bottom: 30px;
}

.classtab02-achieve-right-setbox .classtab02-achieve-right-setbox-title{
    background-color: #373737;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.classtab02-achieve-right-setbox02{
    padding: 30px 40px;
}
.classtab02-achieve-right-setbox02 table{
    width: 100%;
}
.classtab02-achieve-right-setbox02 table tr{
    border-bottom: 1px solid #dee2e6;
}

.classtab02-achieve-right-setbox02 table tr td{
    padding: 15px 0;
}
.classtab02-achieve-right-setbox02 table tr td:nth-child(2){
    line-height: 24px;
}
.classtab02-achieve-right-setbox02 table tr td:nth-child(1){
    font-weight: 500;
}
.classtab02-achieve-right-setbox02 table tr:nth-child(1) td{
    padding-top: 0;
}

.classtab02-achieve-right-setbox button,
.achieve-bottom-butbox button{
    width: 116px;
    height: 42px;
    border-radius: 6px;
    color: #fff;
}

.classtab02-achieve-right-setbox .goalset-tabbox-combox-butbox{
    display: inline-block !important;
    margin-right: 0;
}

.classtab02-achieve-right-setbox button.goalset-day-tabbox-combox-daybut{
    width: auto !important;
    height: auto !important;
    padding: 0;
}
.classtab02-achieve-right-setbox button.goalset-day-tabbox-combox-daybut .goalset-tabbox-combox-but-name{
    font-size: 16px;
    color: #131415;
    margin-left: 0;
}

.classtab02-achieve-right-setbox-but01{
    background-color: #FF6464;
}
.classtab02-achieve-right-setbox-but02{
    background-color: #373737;
    margin: 0 4px;
}
.classtab02-achieve-right-setbox-but03{
    background-color: #666CFF;
}

.achieve-01-date .goalset-date{
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.achieve-01-date .goaldate-input{
    color: #131415;
}
.classtab02-achieve-right-achieve02{
    height: 500px;
    overflow-y: auto;
}
.classtab02-achieve-right-achieve02-head table thead tr{
    border-bottom: 1px solid #dee2e6;
}
.classtab02-achieve-right-achieve02-head table thead tr th{
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 15px;
}
.classtab02-achieve-right-achieve02 table tbody tr td{
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    padding: 10px 0;
}

.classtab02-achieve-right-achieve02 table tbody tr:nth-child(even) td{
    background-color: #F5F5F5;
}
.classtab02-student-removeteacher ul{
    height: 100px;
    overflow-y: auto;
}
.classtab02-student-removeteacher li{
    border: none;
    padding: 8px 0;
}

.classtab02-achieve-right02-title{
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #131415;
    padding-bottom: 10px;
}

.achieve-05-picture-box{
    border: 1px solid #cccccc;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    width: 350px;
}

.achieve-05-picture-box > p:nth-child(2){
    margin-top: 20px;
    line-height: 24px;
}
.achieve-05-picture-box > button{
    width: 100%;
    height: 42px;
    background-color: #373737;
    border-radius: 6px;
    color: #fff;
    margin-top: 20px;
}
.achieve-05-picture-box > button:hover{
    background-color: #2c2c2c;
}

.achieve-05-but{
    background-color: transparent;
    border: 1px solid #13279f;
    border-radius: 50px;
    color: #13279f;
    width: 350px;
    padding: 15px 0;
    margin: 0 auto;
    margin-top: 20px;
}

.treeview-contentli li.select-contentli-active{
    background-color: #666CFF;
    border-radius: 6px;
}
.treeview-contentli li.select-contentli-active a{
    color: #fff !important;
}
.treeview-contentli li.select-contentli-active .bigli:hover{
    background-color: transparent;
}

.date .datebut button{
    border-radius: 4px;
    margin-left: -3px;
    width: 40px;
    height: 40px;
    background-color: #fff;
    padding-bottom: 4px;
    border: 1px solid #dee2e6;
}

.datebut .date_today{
    width: 240px;
    border: none;
    font-size: 20px;
    font-weight: 500;
    color: #131415;
    text-align: center;
}
.datebut .date_today::placeholder{
    color: #131415;
}

.datebut .pickerbut{
    background-color: transparent !important;
    border: 1px solid #dee2e6;
}

.commontable{
    width: 100%;
  }
  
  .examresult-monthly-table tr th,
  .examresult-monthly-table tr td{
    text-align: center;
  }
  .examresult-monthly-table thead tr{
    border-bottom: 1px solid #dee2e6;
  }
  .examresult-monthly-table thead tr th{
    font-size: 16px;
    font-weight: 400;
    color: #1e1e1e;
    padding-bottom: 15px;
  }
  
  .examresult-monthly-table tbody tr td{
    padding: 25px 10px 0 10px;
    font-size: 15px;
  }
  
  .monthly-table-exam-today{
    position: relative;
    z-index: 2;
    color: #fff !important;
  }
  
  .monthly-table-exam-today::after{
    content: "";
    display: block;
    position: absolute;
    top: 84%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 32px;
    height: 32px;
    border-radius: 50px;
    border: 1px solid #CBCBCB;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
    border: none;
    background-color: #13279F;
    z-index: -1;
  }
  
  .monthly-table-exam-exam{
    position: relative;
    z-index: 2;
  }
  .monthly-table-exam-exam::after{
    content: "";
    display: block;
    position: absolute;
    top: 84%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 32px;
    height: 32px;
    border-radius: 50px;
    border: 1px solid #8a8a8a;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
    z-index: -1;
  }
.classtab02-student-bigbox{
    border-bottom: 1px solid #dee2e6 !important;
}
  .classtab02-student-namebox{
    padding: 20px;
}

.classtab02-student-namebox .classtab02-student-namebox01{
    font-size: 20px;
    font-weight: 500;
} 

.classtab02-student-namebox .classtab02-student-namebox02{
    font-size: 14px;
    font-weight: 400;
    color: #6C757D;
    margin-top: 5px;
}

.classtab02-student-bigbox .accordion-button::after{
    position: absolute;
    right: 32px;
}

.classtab-examresut-content .accordion{
    --bs-accordion-btn-icon-width : 30px;
}

.main-classtab02-student-listbox{
    padding: 20px !important;
    border-top: 1px solid #dee2e6;
}


.circle-wrap {
    overflow: hidden;
    margin: 10% auto;
  }
  
  .circular-bar {
    text-align: center;
    position: relative;
  }
  .circular-bar .circular-bar-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .circular-bar .circular-bar-content strong {
    display: block;
    font-weight: 600;
    font-size: 16px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    line-height: 24px;
  }
  .circular-bar .circular-bar-content label {
    display: block;
    font-weight: 300;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    line-height: 20px;
  }

  .circular-bar canvas{
    background-color: #fff;
    border-radius: 50%;
  }

  .classtab02-student-namebox-date{
    font-size: 14px;
    color: #707070;
  }
  .classtab02-student-exambutbox{
    text-align: center;
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 20px;
  }
  .classtab02-student-exambut{
    background-color: #13279f;
    border-radius: 4px;
    padding: 15px 30px;
    color: #fff;
    font-size: 18px;
  }

.student-resultlist-innerbox{
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 20px;
    padding-top: 20px;
}

  /* ---------------------------------- */
  .achievement-table table{
    border: 1px solid #dee2e6;
  }
  .achievement-table th, .achievement-table td {
    white-space: nowrap;
    text-align: center !important;
  }
  .achievement-table div.dataTables_wrapper {
      margin: 0 auto;
  }
  .achievement-table .dataTables_info{
      display: none;
  }
  .achievement-table thead tr{
    background-color: #f0faff;
  }
  .achievement-table table.dataTable.display>tbody>tr.odd>*{
  box-shadow: none;
  }
  .achievement-table thead tr th{
    border-right: 1px solid #d6e1ee;
    border-top: 1px solid #d6e1ee;
  }

  .achievement-table tbody tr td{
    border-right: 1px solid #d6e1ee;
    font-size: 18px;
  }

  .enrollment-table .right-enroll{
    background-color: #D0FFC5;
  }
  .enrollment-table .wrong-enroll{
    background-color: #FFB8B8;
  }

  .enrollment-table .button-enroll{
    background-color: #13279f;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    margin-top: 10px;
  }

  .padding-su li:nth-child(1){
    padding-top: 30px;
  }


  /* 학교학원 -학생 - 시험 */
.main-studentclasstab02-exambox .classstab02-examresult-classname{
    position: relative;
    width: 100%;
    display: block;
    height: 50px;
    border-radius: 0;
    line-height: 50px;
    padding: 0;
}

.main-studentclasstab02-exambox .examresult-page-graph-right,
.main-studentclasstab02-exambox .left-examresult-name{
    border-bottom: 1px solid #dee2e6;
}

.studentclasstab02-exam-li-gray{
    background-color: #CECECE;
}
.studentclasstab02-exam-li-gray-righttext{
    padding-left: 30px;
    color: #777777;
    line-height: 105px;
}

.studentclasstab02-exam-li-gray .left-examresult-name{
    color: #777777;
}

.studentclasstab02-exam-li-select{
    background-color: #F3F4FF;
}


.classstab02-examresult-classname-arrow{
    position: absolute;
    right: 35px;
    top: 0;
}

.classstab02-examresult-classname-arrow-img{
    transition: 0.3s ease;
}
.classstab02-examresult-classname-arrow .rotate{
    transform: rotate(-180deg);
}

.examresult-page-graph-li{
    border-top: 1px solid #dee2e6;
}

.re-search-box{
    max-width: 1400px;
    margin-top: 30px;
}

.seresultbox{
    margin-bottom: 20px;
}
.re-search-box .re-search-box-title{
    position: relative;
    font-size: 24px;
    font-weight: 600;
}

.seresultbox-img{
    content: "";
    display: block;
    position: absolute;
    right: -48px;
    top: -7px;
}

.re-search-box .re-search-box-title span{
    color: #FF2424;
}

.goalset-searchresult-li-re .goalset-searchresult-tr{
    border: none;
}

.re-search-colorbox{
    background-color: #F0F0F0;
    border-radius: 10px;
    padding: 20px;
    margin-top: 13px;
    max-width: 1400px;
}
.goalset-searchresult-li-re-a{
    display:block;
    margin-top: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px;
    background-color: #fff;
}
.goalset-searchresult-li-re-a:nth-child(1){
    margin-top: 0;
}

.goalset-searchresult-li-re-a:hover{
    box-shadow: 0 0 0 3px #4872f4 inset;
}

.goalset-searchresult-li-re .goalset-searchresult-td-rank,
.goalset-searchresult-li-re .goalset-searchresult-td-see{
    display: block;
    margin: 0 auto;
    width: 120px;
    margin-top: 8px;
}

.goalset-searchresult-li-re .goalset-searchresult-td-rank{
    margin-top: 10px;
}

.goalset-searchresult-li-re .goalset-searchresult-td-see{
    background-color: #fff;
    color: #131415;
    border-radius: 4px;
    font-size: 13px;
    padding: 7px 18px;
    border: 1px solid #DEE2E6;
}

.re-search-box-allsee{
    font-size: 14px;
    color: #131415;
    font-weight: 500;
}

.re-search-modalcontent{
    border: none;
}
.re-search-modalcontent .modal-header{
    border-bottom: none;
    padding-bottom: 0;
}

.re-search-modalcontent .modal-footer{
    border-top: none;
    padding-top: 0;
    padding-bottom: 30px;
}

.re-search-modalcontent .carousel-control-prev-icon,
.re-search-carousel .carousel-control-prev-icon{
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cg transform="rotate(180 512 512)"%3E%3Cpath fill="currentColor" d="M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.re-search-modalcontent .carousel-control-next-icon,
.re-search-carousel .carousel-control-next-icon{
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0z"%2F%3E%3C%2Fsvg%3E');
}
.re-search-modalcontent .carousel-item,
.re-search-carousel .carousel-item{
    padding: 20px;
}

.re-search-modalcontent .carousel-inner{
    text-align: center;
}

.re-search-carousel .carousel-inner{
    overflow: unset;
}

.pc-studyexam-exambox-title{
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    word-break: break-word;
    line-height: 28px;
    letter-spacing: 0;
}

.study-exam-audio{
    width: 500px;
    margin: 30px auto 0;
}

.pc-studyexam-exambox-num{
    width: auto;
    height: 40px;
    display: inline-block;
    background-color: #7889EA;
    border: 2px solid #D8DCF3;
    line-height: 36px;
    padding: 0 15px;
    border-radius: 6px;
    font-weight: 400;
    color: #fff;
    margin-right: 10px;  
}

.pc-studyexam-exambox .staricon{
    font-size: 24px;
}

.pc-studyexam-exambox-speakerbut{
    height: 40px;
    border: 2px solid #D8DCF3;
    width: 66px;
    border-radius: 50px;
    background-color: #fff;
}

.enterbut{
    width: 160px;
    height: 42px;
    background-color: #333333;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    margin: 0 auto;
}

.gakbox{
    width: 500px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(46, 46, 46, 0.3);
    opacity: 0.7;

}
.blankbox{
    width: 900px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(46, 46, 46, 0.3);
    margin: 20px auto !important;
    opacity: 0.7;
}
.wordbox{
    width: 900px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(46, 46, 46, 0.3);
    margin: 20px auto !important;
    opacity: 0.7;
}
.wordbox02{
    width: 400px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(46, 46, 46, 0.3);
    margin: 20px auto !important;
    opacity: 0.7;
}

.omrbox{
    width: 500px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgb(46, 46, 46, 0.3);
    margin: 0px auto !important;
    opacity: 0.7;
}

.omrbox button{
    background-color: transparent;
}

.wordbox02 .pc-studyexam-whitebox button{
    background-color: transparent;
}

.pc-studyexam-exambox{
    margin: 0 auto ;
    padding: 30px;
    position: relative;
    z-index: 0;
}

.exam-blank-p{
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 0;
    color: #414141;
    word-break: break-word;
    text-align: left;
}

.gakbox label{
    text-align: left;
}

.make-blank-new-backspan{
    background-color: #E4E4FF;
}
.make-blank-new-writebackspan{
    color: #f52f39;
}

.make-blank-new-writespan{
    background-color: #fff;
    color: #353535;
    border: 1px solid #dee2e6;
    width: 100px;
    height: 27px;
    line-height: 25px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
    vertical-align: middle;
    padding: 0 8px;
    text-align: center;
    font-size: 15px;
    border-radius: 4px;
}
.make-blank-new-writespan::placeholder{
    color: #c5c5c5;
}

.blank-write-ul{
    margin: 0 auto;
    width: 100%;
}

.blank-write-li-pbox{
    padding: 15px 40px;
    background-color: #f0f0ff;
    border-radius: 6px;
}
.blank-write-li-active .blank-write-li-pbox{
    padding: 15px 40px;
    background-color: #E4E4FF;
    border-radius: 6px;
}

.blank-write-li{
    width: 90%;
    margin: 0px auto 30px;
}
.blank-write-li-active{
    width: 100%;
}

.blank-write-li-p{
    word-break: break-word;
    font-size: 16px;
    line-height: 30px;
    color: #c2c2df;
}

.blank-write-li-active .blank-write-li-p{
    word-break: break-word;
    font-size: 20px;
    line-height: 30px;
    color: #131415;
}



.blank-write-li-active .blank-write-li-inputbox{
    position: relative;
}
.blank-write-li-input{
    width: 100%;
    border: none;
    margin-top: 10px;
    padding-bottom: 6px;
    font-size: 20px;
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid #bdbdbd;
}
.blank-write-li-active .blank-write-li-input{
    width: 100%;
    border: none;
    border-bottom: 1px solid #424242;
    margin-top: 10px;
    padding-bottom: 6px;
    font-size: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.blank-write-li-active .blank-write-li-inputbox-icon{
    position: absolute;
    left: 10px;
    bottom: 10px;
}
.blankwrite02-lineheight{
    margin-top: 20px;
}
.blankwrite02-lineheight:nth-child(1){
    margin-top: 0;
}
.blankwrite02-lineheight-title{
    background-color: #596ddd;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border-radius: 6px;
}
.blankwrite02-lineheight-box{
    margin-top: 15px;
}
.blankwrite02-lineheight{
    border: 1px solid #dee2e6;
    line-height: normal !important;
    padding: 10px;
    border-radius: 6px;
}
.re-search-box-bigbox{
    margin-top: 60px;
}
.re-search-box-bigbox:nth-child(1){
    margin-top: 0;
}

.re-search-box-bigtitle{
    font-size: 18px;
    font-weight: 500;
    color: #292929;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 14px;
}

.re-search-box-bigtitle span{
    color: #787EFF;
}

.make-blank-new-cardspan{
    background-color: #fff;
    color: #fff;
    border: 1px solid #dee2e6;
    width: auto;
    height: 27px;
    line-height: 25px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-word;
    vertical-align: middle;
    padding: 0 8px;
    font-size: 15px;
    border-radius: 4px;
}
.make-blank-new-cardspan-boxshadow{
    box-shadow: 3px 3px 4px rgb(0 0 0 / 35%);
}
.new-cardspan-80{
    background-color: #30cc57 !important;
    color: #fff !important;
    border: none !important;
    font-weight: 300;
}
.new-cardspan-60{
    background-color: #91df5d !important;
    color: #fff !important;
    border: none !important;
    font-weight: 300;
}
.new-cardspan-40{
    background-color: #F1D900 !important;
    color: #fff !important;
    border: none !important;
    font-weight: 300;
}
.new-cardspan-20{
    background-color: #FF9040 !important;
    color: #fff !important;
    border: none !important;
    font-weight: 300;
}
.new-cardspan-0{
    background-color: #FF625F !important;
    color: #fff !important;
    border: none !important;
    font-weight: 300;
}
.new-cardspan-no{
    background-color: #565656 !important;
    color: #fff !important;
    border: none !important;
    font-weight: 300;
}

.new-cardspan-wrong{
    color: #ff625f;
}

.sidebar-box-blankexam .sidebar-box-blankexam-blank{
    width: 116px;
    height: 36px;
    border-radius: 6px;
    line-height: 36px;
    text-align: center;
    color: #fff;
}

.blankexam-blank-80{
    background-color: #30cc57 !important;
    color:#fff !important;
}
.blankexam-blank-60{
    background-color: #91df5d !important;
    color:#fff !important;
}
.blankexam-blank-40{
    background-color: #F1D900 !important;
    color:#fff !important;
}
.blankexam-blank-20{
    background-color: #FF9040 !important;
    color:#fff !important;
}
.blankexam-blank-0{
    background-color: #FF625F !important;
    color:#fff !important;
}
.blankexam-blank-no{
    background-color: #565656 !important;
    color:#fff !important;
}

.pc-studyexam-exambox-input{
    width: 100%;
    height: 50px;
    border-radius: 10px;
    padding: 0 20px;
    border: 2px solid #dee2e6;
}

.modal-make-word-allsee-ul li{
    display: flex;
    align-items: center;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 20px;
    margin-top: 10px;
}

.exam-word-count{
    font-size: 20px;
    margin-left: 10px;
    font-weight: 500;
}
.modal-make-word-allsee-ul li:nth-child(1){
    margin-top: 0;
}
.exam-word-list-li .exam-word-list-li01{
    width: 30%;
    font-weight: 500;
    margin-right: 20px;
    line-height: 24px;
}

.exam-word-list-li .exam-word-list-li01 .exam-word-list-li01-num{
    width: 60px;
}
.exam-word-list-li .exam-word-list-li01 .exam-word-list-li01-word{
    width: calc(100% - 60px);
}
.exam-word-list-li01-word{
    line-height: 24px;
}
.exam-word-list-li .exam-word-list-li02{
    width: 50%;
    margin-right: 20px;
}
.exam-word-list-li .exam-word-list-li02 .exam-word-list-li02-p{
    margin-top: 10px;
    line-height: 22px;
}
.exam-word-list-li .exam-word-list-li02 .exam-word-list-li02-p span{
    color: #7898fd;
}

.exam-word-list-li .exam-word-list-li02 .exam-word-list-li02-p:nth-child(1){
    margin-top: 0;
}
.exam-word-list-li .exam-word-list-li03{
    width: 20%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.exam-word-list-li03 button{
    background-color: transparent;
}

.iconspan{
    display: block;
    font-size: 12px;
    height: 19px;
    margin-top: 4px;
    color: #535353;
}


.exam-word-cardbox{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 430px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 12px rgb(46, 46, 46, 0.4);
}

.exam-word-cardbox-inner{
    position: relative;
}

.exam-word-cardbox-inner-count{
    color: rgb(143, 143, 143);
    letter-spacing: 0 !important;
    margin-bottom: 20px;
    text-align: center;
}
.exam-word-cardbox-inner .exam-word-cardbox-inner-count span{
    color: rgb(85, 85, 85);
}

.exam-word-cardbox-inner-wordbox{
    height: auto;
    margin: 40px 0;
}
.exam-word-cardbox-inner-wordbox-p01{
    line-height: 52px;
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    word-break: break-word;
}

.exam-word-cardbox-inner-wordbox-announce{
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    word-break: break-word;
}

.exam-word-cardbox-inner-wordbox-p02-box{
    margin-top: 25px;
}
.exam-word-cardbox-inner-wordbox-p02{
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    word-break: break-word;
}

.exam-word-speech-micinput{
    width: 80%;
    height: 42px;
    text-align: center;
    margin: 20px auto 0;
    font-size: 18px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.exam-word-cardbox-inner-chance{
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    line-height: 26px;
    border: 2px solid #dadada;
    font-size: 14px;
    border-radius: 50px;
    margin-left: 10px;
    color: #8C8C8C;
}
.exam-word-cardbox-inner-chance span{
    color: #787EFF;
}

.micbutbox{
    text-align: center;
    margin: 70px 0;
}

.micbut.speech-mic-purple{
    position: relative;
    width: 70px;
    height: 70px;
    background: rgb(145,64,255) !important;
    background: linear-gradient(232deg, rgba(145,64,255,1) 0%, rgba(105,64,255,1) 100%) !important;
    border-radius: 100px;
}

.purplestart.speech-mic-purple::before{
    content: "";
    display: block;
    position: absolute;
    left: 14%;
    top: 15%;
    width: 50px;
    height: 50px;
    background-color: #b990f7;
    opacity: 0.9;
    border-radius: 50px;
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    z-index: -1;
    transform: translate(-50%, -50%);
}
.purplestart.speech-mic-purple::after{
    content: "";
    display: block;
    position: absolute;
    left: 14%;
    top: 15%;
    width: 50px;
    height: 50px;
    background-color: #e5d2ff;
    opacity: 0.5;
    border-radius: 50px;
    animation-name: example02;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    z-index: -1;
    transform: translate(-50%, -50%);
    filter: blur(2px);
}
@keyframes example02 {
    from {transform: scale(1);}
    to {transform: scale(3);}
}

@keyframes example {
    from {transform: scale(1);}
    to {transform: scale(2);}
}

.starbut .star{
    color: #dadada;
}

.exam-word-interval-li .exam-word-interval-li-01{
    font-weight: 500;
    width: 5%;
    margin-right: 10px;
}
.exam-word-interval-li .exam-word-interval-li-02{
    font-weight: 500;
    width: 35%;
    margin-right: 10px;
}

.exam-word-interval-li .exam-word-interval-li-02 p{
    line-height: 24px;
    word-break: break-word;
}

.exam-word-interval-li .exam-word-interval-li-03{
    width: 10%;
    margin-right: 10px;
    word-break: break-word;
}

.exam-word-interval-li .exam-word-interval-li-04{
    width: 90%;
    margin-right: 10px;
}
.exam-word-interval-li .exam-word-interval-li-06{
    width: 12%;
    padding-left: 10px;
}

.exam-word-interval-li-06 .starbut .iconspan{
    margin-top: 2px !important;
}

.exam-word-interval-li .exam-word-interval-li-plus{
    width: 41%;
}

.exam-word-interval-li .exam-word-interval-li-input{
    width: 100%;
    border: 1px solid #afafaf;
    height: 38px;
    font-size: 16px;
    border-radius: 4px;
}
.exam-word-interval-li .exam-word-interval-li-input:focus{
    border: 1px solid #787EFF;
}

.exam-word-interval-li-plus > div.d-flex{
    margin-top: 10px;
}
.exam-word-interval-li-plus > div.d-flex:nth-child(1){
    margin-top: 0;
}
.announce-span{
    color: #7898fd;
    font-weight: 400;
}

.exam-word-interval-li-06 button{
    background-color: transparent;
}

.exam-omr-imgbox{
    padding: 40px 30px 0 30px;
    text-align: center;
}
.exam-omr-imgbox02{
    padding: 40px 30px 30px 30px;
    text-align: center;
}

.exam-omr-scroll-imgbox > div{
    height: 200px;
    overflow-y: auto;
}


.exam-omr-line{
    width: 100%;
    height: 1px;
    background-color: #aaaaaa;
    margin: 20px 0;
}
.pc-studyexam-exam-omr-box{
    margin: 0 auto;
    padding: 0px;
    position: relative;
    z-index: 0;
    min-height: 500px;
}
.omr-make-box01{
    width: 428px;
    margin-right: 10px;
}

.omr-make-box02{
    flex: 1;
}

.omr-radio{
    opacity: 0;
}

.omr-label{
    width: 35px;
    height: 35px;
    border-radius: 50px;
    background-color: #fff;
    border: 2px solid #D8DCF3;
    text-align: center;
    line-height: 29px;
    color: #7889EA;
    cursor: pointer;
}

.exam-omr-box02{
    padding: 0 30px 40px 30px;
}
.exam-omr-box02 .form-check{
    padding-left: 15px;
}
.exam-omr-box02 .form-check:nth-child(1){
    padding-left: 0;
}
.exam-omr-box02 .omr-label{
    width: 50px;
    height: 50px;
    border: 3px solid #D8DCF3;
    line-height: 44px;
    color: #7889EA;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
}

.exam-omr-box02 .omr-radiobox{
    margin: 25px 0;
}

.omrbox .pc-studyexam-header02-setbut{
    height: 40px;
    border-radius: 6px;
    background-color: #13279F;
    line-height: 40px;
    padding: 0 20px;  
    font-weight: 500;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
}

.re-search-box-bigbox-academyContent{
    display: flex;
    gap: 20px;
    margin-top: 30px;
    flex-wrap: wrap;
}
.re-search-box-bigbox-academybox{
    display: block;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    width: calc(100%/3 - 40px);
}
.re-search-box-bigbox-academybox:hover{
    border: 1px solid #787EFF;
}

.acaademy-img{
    height: 28px;
}
.academybox-title .academybox-title02{
    font-size: 20px;
    font-weight: 600;
    margin: 0 5px; 
}
.academybox-title .academybox-title03{
    font-size: 20px;
    font-weight: 600;
}

.academybox-box02-bar{
    width: 1px;
    height: 12px;
    background-color: #d9d9d9;
    margin: 0 8px;
}

.academybox-box02 .academybox-box02-span02{
    color: #696969; 
    margin-left: 5px;
    display: inline-block;
}

.academybox-box02{
    margin-top: 18px;
}

.aca-for-box{
    text-align: center;
}

.aca-for-box p{
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.aca-for-box p span{
    color: #FF2424;
}

.li-re-aca-title{
    width: auto;
    height: 22px;
    background-color: #6675FF;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    line-height: 22px;
    font-size: 12px;
    padding: 0 8px;
    margin-bottom: 10px;
}

.goalset-searchresult-li-re-aca{
    background-color: #D7D8FF !important;
}

.re-search02-but{
    background-color: #2C2C2C;
    border-radius: 4px;
    font-size: 14px;
    width: auto;
    padding: 8px 10px;
    color: #fff;
    margin-right: 10px;
}

.re-search02-but:hover{
    background-color: #202020;
}

.re-search-endseebox-01{
    width: 366px;
    margin-right: 20px;
}
.re-search-endseebox-02{
    background-color: #fff;
    flex: 1;
    border-radius: 10px;
    padding: 40px 0;
}

.re-search-endseebox-a{
    display: block;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-top: 15px;
    box-sizing: border-box;
}
.re-search-endseebox-a:nth-child(1){
    margin-top: 0;
}

.re-search-endseebox-a:hover{
    box-shadow: 0 0 0 3px #4872f4 inset;
}

.re-search-endseebox-userdiv{
    background-color: #EDEFFF;
    border-radius: 50px;
    padding: 8px 13px;
    display: flex;
    align-items: center;
}

.re-search-endseebox-userdiv .re-search-endseebox-userdiv-span02{
    font-size: 13px;
    color: #484952;
    font-weight: 500;
    margin-left: 4px;
}

.re-search-endseebox-a-see{
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    font-weight: 500;
    color: #808080;
    width: 84px;
    height: 32px;
    line-height: 28px;
    font-size: 13px;
    margin-top: 20px;
    transition: background 0.2s ease-in-out;
}

.re-search-endseebox-a-seerank{
    background-color: #333333;
    border-radius: 4px;
    font-weight: 400;
    color: #fff;
    width: auto;
    height: 30px;
    line-height: 28px;
    font-size: 13px;
    margin-top: 20px;
    padding: 0 16px;  
    transition: background 0.2s ease-in-out;
}

.re-search-endseebox-a-seerank:hover{
    background-color: #222222;
}

.re-search-endseebox-a-see:hover{
    background-color: #F4F6FF;
}

.re-search-endseebox-01-paging{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.re-search-endseebox-01-paging-num{
    margin: 0 40px;
    font-weight: 500;
    color: #282828;
}

.re-search-endseebox-02 .carousel{
    height: 100%;
}

.re-search-endseebox-02 .re-search-endseebox-02-inner{
    height: 530px;
    overflow-y: auto;
    overflow-x: hidden;
}

.re-search-endseebox-02 .select-layout-slide-title{
    padding-bottom: 20px;
}

.re-search-carousel-enterbut{
    position: absolute;
    right: 42px;
    top: 4px;
    width: auto;
    padding: 0 15px;
    height: 46px;
    background-color: #333333;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    z-index: 999;
    transition: background 0.2s ease-in-out;
}

.re-search-carousel-enterbut:hover{
    background-color: #222222;
}


.researh-span{
    color: #B4B8FF;
    display: inline-block;
    background-color: #131415;
    padding: 2px 8px;
    border-radius: 3px;
}

.prov-butbox{
    display: flex;
    margin-top: 20px;
}

.porv-but{
    width: 50%;
    height: 42px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    color: #242424;
    color: #fff;
}

.prov-phone{
    margin-right: 7px; 
    background-color: #131415;
}
.prov-email{
    background-color: #13279f;
}

.student-plus-li{
    display: flex;
    margin-top: 20px;
    border-top: 1px solid #dee2e6;
    padding-top: 20px;
}

.student-plus-li:nth-child(1){
    margin-top: 0;
    padding-top: 0;
    border: none;
}

.mr10{
    margin-right: 10px;
    
}

.student-plusbut{
    text-align: center;
    margin-top: 15px;
}

.student-plusbut button{
    width: 140px;
    height: 40px;
    border-radius: 4px;
    background-color: #13279f;
    color: #fff;
}

/* ----------------------- */
.student-plustable thead tr th{
    text-align: center;
}


.student-plustable tbody tr td{
    padding: 6px 10px;
}

.student-plustable tbody tr td:last-child{
    padding-left: 0;
}



.stu-achieve-navbar{
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #fff;
}

.student-achievePage-content{
    background-color: #EEF1FF;
}

.student-achieve-contentBox{
    background-color: #fff;
    padding: 30px;
}

.scrollspyHeading1{
    font-size: 20px;
    font-weight: 500;
}

.studentclasstab02-exam-li:last-child .left-examresult-name,
.studentclasstab02-exam-li:last-child .examresult-page-graph-right{
    border-bottom: none !important;
}

.noinfo-exam{
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.teacher-achieve-ul{
    margin-left: 4px;
}

.teacher-ul-big-li{
    position: relative;
}

.teacher-ul-big-li:after{
    content: "";
    display: block !important;
    position: absolute !important;
    right: -28px !important;
    top: 4px !important;
    width: 16px !important;
    height: 12px !important;
    background: url("/images/teacher-li-arrow.png") !important;
}

.teacher-achieve-ul li a{
    color: #787EFF;
}

.teacher-achieve-ul li.examresult-page-tabmenu-active a{
    color: #fff !important;
}

.achieve-inputdate{
    text-align: center;
    width: 120px !important;
    background-color: #f4f4f4 !important;
    border: 1px solid #dee2e6 !important;
    padding: 6px 0 !important;
    color: #131415;
}

.achieve-dateicon{
    display: inline-block;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
    height: 38px;
    width: 38px;
    text-align: center;
    line-height: 33px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.newachieve-date .datepicker.dropdown-menu{
    margin-top: 10px !important;
}

.date-wave{
    font-size: 22px;
    font-weight: 500;
    margin: 0 8px;
}

.newacheive-Classh2{
    font-size: 24px;
    font-weight: 600;
}



/* 선셍님 페이지 시험페이지 테이블 */

.teacher-achieve-ul-big li a:hover{
    color: #5050ff !important;
}

.teacher-achieve-ul-big .examresult-page-tabmenu li:hover{
    background-color: #787EFF;
    color: #fff !important;
}

.teacher-achieve-ul-big .examresult-page-tabmenu li:hover a{
    color: #fff !important;
}

.teacher-achieve-ul-big .examresult-page-tabmenu li.active{
    background-color: #787EFF;
    color: #fff !important;
}

.teacher-achieve-ul-big .examresult-page-tabmenu li.active a{
    color: #fff !important;
}

.achievement-table table thead tr th{
    font-size: 14px !important;
    font-weight: 400 !important; 
    vertical-align: middle;
    border-color: #868686 !important;
}

.achievement-table table tbody td{
    font-size: 15px;
    box-shadow: none !important;
}

.thead-top{
    background-color: #272727 !important;
}

.thead-bottom,
.enroll-gray{
    background-color: #363636 !important;
    color: #fff !important;
}

.achieve-linkbut{
    display: inline-block;
    width: 100%;
    background-color: #0D1E81;
    color: #fff;
    font-size: 11px;
    padding: 8px 12px;
    border-radius: 3px;
    margin-top: 5px;
}

.achievement-table .dataTables_wrapper.no-footer .dataTables_scrollBody{
    max-height: 500px;
}

.achieve-studentlist-fix{
    position: absolute;
    left: 280px;
    top: 460px;
    width: 330px;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px 0;
    box-shadow: 3px 4px 4px 1px rgba(0, 0, 0, 0.11);
}

.achieve-studentlist-fix ul{
    max-height: 400px;
    overflow: auto;
    padding: 0 10px 0 15px;
}

.achieve-studentlist-name{
    width: 90%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #272727;
    color: #fff;
    font-size: 16px;
    border-radius: 3px;
    margin: 0 auto;
}

.achieve-studentlist-fix .achieve-linkbut{
    width: 70px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center; 
    margin-top: 0 !important;
}

.achieve-studentlist-fix-li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 0;
    border-bottom: 1px solid #dee2e6;
}

.achieve-studentlist-fix-id{
    font-size: 13px;
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    color: #6F6F6F;
}

.teacher-achieve03-modalbut{
    width: 96px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    color: #fff;
    background-color: #0D1E81;
    margin-right: 20px;
}

.achieve-see-iconbut{
    background-color: transparent;
    padding: 0;
    margin-left: 4px;
}