.after::after{
    content: '';
    display: block;
    clear: both;
}
/* our school */
/* main - regular */
#container .ourschool_main #contents{
    padding: 15px;
    margin-bottom: 0;
}
.ourschool_main{
    width: 100%;
    max-width: none;
    /* background: #f5f5f5; */
    background: #ededed;
    color: #333;
    font-size: 16px;
}
.ourschool_main h4{
    font-size: 20px; /* 221214 */
    font-weight: 600;
}
.ourschool_main section{
    margin-bottom: 15px;
}
.ourschool_main section:last-child{
    margin-bottom: 0;
}
.bg_box{
    background: #fff;
    border-radius: 5px;
    padding: 30px 0 30px 30px;
    transition: .3s linear;
}
.bg_box:hover{
    box-shadow:#d6d6d6 0px 0px 20px;
}
.ourschool_section1{
    height: 200px;
    position: relative;
}
.ourschool_section1::after{
    content: '';
    display: block;
    clear: both;
}
.ourschool_section1 > div{
    float: left;
}
.ourschool_section1 > div:nth-child(1){
    width: calc(75.5% - 15px); /*230102*/
}
.ourschool_section1 > div:nth-child(2),
.ourschool_section1 > div:nth-child(3){
    margin: 10px 0px;
    padding: 0 30px;
    width: calc(24.5% - 47.5px);
}
.ourschool_section1 > div:nth-child(2){
    border-left: 1px dashed #ccc; /*230102*/
}

/* 학습더하기 홈 : 대상자 */
.myLearning{
    position: relative;
    top: 30px;
}

.myLearning1{
	position: relative;
}

.myLearning .user_text{
    font-size: 20px;
    font-weight: 600;
    margin-left: 55px;
}
.myLearning .user_text > span{ /*220228*/
    max-width: calc(100% - 200px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4b69cb;
}
.myLearning > span{
    line-height: 40px;
    color: #7f7f7f;
    margin-left: 55px;
}
.myLearning > .member{
    position: absolute;
    top: 2px;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 30px;
    border: 1px solid #e3e3e3;
    text-align: center;
    box-shadow: inset 2px 2px 3px 1px #e1e1e2;
}
.myLearning > .member img{
    margin-top: 7px;
    width: 25px;
}
.myLearning .myLearning_btn{
    position: absolute;
    top: 110px; /*230102*/
    left: 0px; /*230102*/
    display: block;
    width: 50%; /*230102*/
    line-height: 50px;
    background: #4b69cb;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    text-align: center;
}
.learningPlus_section1 .myLearning{
    display: table;
}
.learningPlus_section1 .myLearning .level_wrap{
    position: relative; /* 221214 */
    width: 200px;
    height: 100%;
    background: #f6f8fa;
    border-radius: 3px;
    text-align: center;
    display: table-cell;
    flex-wrap: wrap;
    vertical-align: middle;
}
.learningPlus_section1 .myLearning .user_text{
    /* margin-top: 20px; 221214수정 */
    margin-left: 20px;
}
.learningPlus_section1 .myLearning > span{
    margin-left: 20px;
}
/*220228*/
.level_wrap .bedge_wrap{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-indent: -99999px;
}
.level_wrap .bedge_wrap .bedge{
    height: 100%;
    display: inline-block;
    background-position: 50% 50%;
}
.bedge-1 .bedge{
    background: url(../../images/learningPlus/bedge01.png) no-repeat;
}
.bedge-2 .bedge{
    background: url(../../images/learningPlus/bedge02.png) no-repeat;
}
.bedge-3 .bedge{
    background: url(../../images/learningPlus/bedge03.png) no-repeat;
}
.bedge-4 .bedge{
    background: url(../../images/learningPlus/bedge04.png) no-repeat;
}
.bedge-5 .bedge{
    background: url(../../images/learningPlus/bedge05.png) no-repeat;
}
.bedge-6 .bedge{
    background: url(../../images/learningPlus/bedge06.png) no-repeat;
}
.bedge-7 .bedge{
    background: url(../../images/learningPlus/bedge07.png) no-repeat;
}
.bedge-8 .bedge{
    background: url(../../images/learningPlus/bedge08.png) no-repeat;
}
.bedge-9 .bedge{
    background: url(../../images/learningPlus/bedge09.png) no-repeat;
}
.bedge-10 .bedge{
    background: url(../../images/learningPlus/bedge10.png) no-repeat;
}
.level_wrap_m{
    display: none;
}

/* 221215 */
.level_procress{
    position: absolute;
    bottom: 5px;
    left: 1.5%;
    width: 97%;
}
.level_procress > div{
    position: relative;
    font-size: 0;
    width: 100%;
    height: 8px;
    background: #cbcbcb;
    border-radius: 5px;
}
.level_procress > div::after{
    content: '';
    display: block;
    clear: both;
}
.level_procress > div > span{
    float: left;
    display: block;
    width: calc(10% - 0.9px);
    height: 8px;
    border-right: 1px solid #fff;
}
.level_procress > div .bg-fill{
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 8px;
    background: linear-gradient(90deg, #9bb1f0, #4c6acc);
    border-radius: 4px;
}
.level_procress > div .levelbar{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.level_procress > div .levelbar span{
    flex: 1;
    display: inline-block;
    height: 8px;
    border-right: 1px solid #e3e3e3;
}
.level_procress > div .levelbar span:last-child{
    border-right: none;
}
.level_procress > div .arrow_lv{
    position: absolute;
    top: 8px;
    left: calc(45% - 4px);
    width: 0px;
    height: 0px;
    border-color: transparent transparent #4c6acc;
    border-style: solid;
    border-width: 0 4px 8px;
}


.learningPlus_section1 .lapse{
    padding: 0 20px;
}
.ML-subject{ /* 221214수정 */
    height: 128px;
    padding: 10px 0;
    background: #f2f5f7;
    border-radius: 3px;
    overflow-y: auto; 
}
.ML-subject li{ /* 221214수정 */
    padding: 0 20px;
    line-height: 36px;
    height: 36px;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}
.ML-subject li:hover{
    font-weight: 600;
    
}
.ML-subject li:hover a{
    text-decoration: underline;
}
.ML-subject li > span{ /* 221214수정 */
    margin-top: 0px; 
    padding: 0 10px;
    display: inline-block;
    width: 92px;
    background: #555;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 35px;
    border-radius: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ML-subject li > a{
    margin-left: 10px;
    display: inline-block;
    width: calc(100% - 137px);
    letter-spacing: -1px; /* 221214 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.learningPlus_section1 .lapse h5{
    margin-top: 25px; /* 221214 */
}
.learningPlus_section1 .lapse h5 a{
    margin-right: 0;
}
.learningPlus_section1 > div:nth-child(2){
    border-right: none;
}



.last-study > h4 > a{
    float: right;
    margin-right: 30px;
    font-size: 15px;
    font-weight: normal;
    color: #666;
}
.LS-list{
    margin-top: 15px;
    padding-right: 30px;
}
.LS-list > li{
    margin-bottom: 10px;
    height: 70px;
    background: #f2f5f7;
    padding: 0 20px;
}
.LS-list li a{
    position: relative;
    display: block;
}
.LS-list li a::after{
    content: '';
    display: block;
    clear: both;
}
.LS-list li a *{
    position: absolute;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.LS-list li a .LS-subject{
    width: 80px;
    top: 15px;
    left: 0;
    font-weight: 600;
}
.LS-list li a .LS-state{
    width: 80px;
    top: 35px;
    left: 0;
    font-weight: normal;
    color: #fff;
    background: #8d8d8d;
    line-height: 23px;
    border-radius: 3px;
}
.LS-list li a .LS-state.before{
    background: #29a093;
}
.LS-list li a .LS-subject,
.LS-list li a .LS-state,
.LS-list li a p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.LS-list li a p{
    top: 0;
    left: 85px;
    width: calc(100% - 80px);
    font-size: 16px;
    text-align: left;
    line-height: 65px;
}
.LS-list li a:hover p{
    text-decoration: underline;
}
.LS-imgwrap{
    text-align: center;
}

.lapse h5{ /* 221214수정 */
    margin: 10px 0;
    font-size: 17px; 
    font-weight: 400;
    letter-spacing: -0.5px;
}
.lapse h5::after{
    content: '';
    display: block;
    clear: both;
}
/*220228*/
.lapse h5 > a{
    margin-right: 30px;
    float: right;
    font-size: 15px;
    font-weight: normal;
    color: #666;
}
.lapse h5 > a:hover{
    font-weight: 500;
}
.lapse h5 .lapse_week{
    color: #7f7f7f;
}

.lapse .graph {
    width: calc(100% - 30px);
}
.lapse .graph > div{
    position: relative;
    margin-top: 6px;
    width: calc(100% - 55px);
    background: #e8eaec;
    border-radius: 5px;
}
.lapse .graph > div > p{
    background: #4b69cb;
    text-align: center;
    height: 23px;
    line-height: 23px;
    border-radius: 5px;
}
.lapse .graph > div:nth-child(2) > p{
    background: #e5355a;
}
.lapse .graph > div > p > span{
    width: 7%;
    text-align: right;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}
.lapse .graph > div > span{
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 10px;
    color: #4b69cb;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    text-align: right;
    width: 40px;
}
.lapse .graph > div:nth-child(2) > span{
    color: #e5355a;
}
.lapse .graph > div > span.graph_text{
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    width: 100%;
    height: 25px;
    text-align: center;
    font-size: 14px;
    color: #888;
}
.lapse .graph .graph_under_70px > p > span{
    display: none;
}
.lapse .graph > span.graph_text{
    display: none;
}
.lapse .graph > div > span.graph_text{
    display: none;
}
.lapse .graph .graph_under_70px > span.graph_text{
    display: block;
}

.myProgress .col_graph{/* 230102 */
    display: flex;
    height: 85px;
    justify-content: space-evenly;
    border-bottom: 1px solid #ccc;
    margin-top: 15px;
}
.myProgress .col_graph li{
    flex: 1;
    position: relative;
    height: 100%;
    text-align: center;
}
.myProgress .col_graph li .colbar{ /* 230102 */
    position: absolute;
    bottom: 0;
    left: calc(50% - 15px);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 30px;
}
.myProgress .col_graph li.semesterBar .colbar{
    background-color: #9cb1f0;
}
.myProgress .col_graph li.allBar .colbar{
    background-color: #4b69cb;
}
.myProgress .col_graph li.etcBar .colbar{
    background-color: #ffc600;
}
.myProgress .col_graph li .colbar > p{
    position: relative;
    width: 100%;
    height: 100%;
}
.myProgress .col_graph li .colbar p > *{
    position: absolute;
    width: calc(100% + 20px);
    text-align: center;
}
.myProgress .col_graph li .colbar p em{ /* 230102 */
    left: -10px;
    top: -20px;
    color: #999;
    font-weight: 500;
    font-size: 15px;
}
.myProgress .col_graph li .colbar p span{ /* 230102 */
    width: 100px;
    bottom: -25px;
    left: -35px;
    font-weight: 500;
    font-size: 15px;
}



/* 학습더하기 홈 : 비대상자*/
.LP_nonmember{
    padding-right: 30px;
    text-align: center;
}
.LP_nonmember::after{
    content: '';
    display: block;
    clear: both;
}
.LP_nonmember > a{
    position: relative;
    display: block;
    float: right;
    width: 260px;
    background: #eee;
    line-height: 55px;
    border-radius: 25px;
    font-weight: 500;
    transition: .2s linear;
}
.LP_nonmember > a:hover{
    font-weight: 600;
    background: #e0ebf5;
}
.LP_nonmember > a::before{
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    left: 20px;
    width: 38px;
    height: 38px;
    background: url('../../images/learningPlus/learningplus_nonmember_info.png') no-repeat;
}
.LP_nonmember > a::after{
    content: '>';
    display: block;
    position: absolute;
    top: 0;
    right: 30px;
    color: #999;
}
.LP_nonmember .user_text{
    float: left;
    width: calc(100% - 260px);
    line-height: 55px;
    font-size: 20px;
    font-weight: 500;
}
.LP_nonmember .user_text span{
    margin-left: 260px;
    color: #4b69cb;
}

.quick_menu_list ul{
    display: flex;
    flex-wrap: wrap;
}
.quick_menu_list ul li{
    width: 131px;
    height: 135px;
    text-align: center;
}
.quick_menu_list ul li:nth-child(odd){
    margin-right: 30px;
}
.quick_menu_list ul li:nth-child(3),
.quick_menu_list ul li:nth-child(4){
    margin-top: 30px;
}
.quick_menu_list ul li a{
    display: block;
    width: 131px;
    height: 135px;
    padding: 0;
}
.quick_menu_list ul li a span{
    margin-top: 25px;
    display: inline-block;
    width: 55px;
    line-height: 55px;
    border-radius: 30px;
    background: #ededed;
    transition: .2s linear;
}
.quick_menu_list ul li:hover a span{
    background: #e0ebf5;
}
.quick_menu_list ul li a p{
    margin-top: 10px;
    font-weight: 500;
}
.quick_menu_list ul li a:hover p{
    font-weight: 600;
    color: #2774d1;
}
.quick_menu_list ul li:hover a:hover{
    background: #fff;
}

.learning_progress_rate.LP_sub_list li .inner_btn_wrap > a,
.learning_progress_rate.LP_sub_list li .inner_btn_wrap > p{
    width: 135px !important;
    background: #f3f5fc;
    border: 1px solid #a5b5ea;
    color: #5d75c4;
    font-weight: 500;
}
.learning_progress_rate.LP_sub_list li .inner_btn_wrap > a:hover{
    background: #5d75c4;
    color: #fff;
}
.learning_progress_rate.LP_sub_list .inner_btn_wrap a.cancel{
    background: #a4acb6;
    color: #fff;
    border: 1px solid #a4acb6;
}
.learning_progress_rate.LP_sub_list .inner_btn_wrap a.cancel:hover{
    background: #64768d;
    border: 1px solid #64768d;
}
.learning_progress_rate.LP_sub_list .inner_btn_wrap p.finished{
    background: #a7a7a7;
    color: #fff;
    border: 1px solid #a7a7a7;
}
.learning_progress_rate.LP_sub_list .inner_btn_wrap p.finished:hover{
    background: #626060;
    border: 1px solid #626060;
}

.learning_progress_rate.LP_sub_list li .graph_wrap h6{
    padding-left: 0;
    width: 100%;
}
.LP_sub_list li .LP_subject{
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.learning_progress_rate.LP_sub_list li .inner_btn_wrap{
    width: 145px; /* 221214 */
}
.learning_progress_rate.LP_sub_list .LP_subject{
    width: calc(100% - 145px);
}
.learning_progress_rate.LP_sub_list .LP_subject > a{
    display: block;
}
.learning_progress_rate.LP_sub_list .LP_subject > a:hover .sub_text{
    font-weight: 600;
}
.LP_subject .sub{
    display: inline-block;
    width: 98px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.LP_subject .sub_text{
    display: inline-block;
    padding-left: 20px;
    width: calc(100% - 125px);
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.serction3_header .LP_tabwrap{
    display: flex; /*0221*/
}
.serction3_header .LP_tabwrap li{
    position: relative;
    flex: 1;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    background: #efefef;
    color: #6f6f6f;
    border-radius: 5px;
    font-weight: 500;
}
.serction3_header .LP_tabwrap li::after{
    position: absolute;
    top: 0px;
    right: 30px;
    content: '+';
    display: block;
    color: #a4a4a4;
    font-size: 22px;
}
.serction3_header .LP_tabwrap li.active{
    background: #f3f5fc;
    color: #4b69cb;
    font-weight: 600;
}
.serction3_header .LP_tabwrap li.active::after{
    background: #f3f5fc;
    color: #4b69cb;
}
.learning_progress_rate.LP_sub_list{
    margin-top: 5px;
}
.learning_progress_rate.LP_sub_list.videoClass .LP_subject{
    width: calc(100% - 525px);
}
.learning_progress_rate.LP_sub_list.videoClass .LP_subject > a{
    width: 100%;
}
/*220322*/
.learning_progress_rate.LP_sub_list.videoClass .LP_subject .sub,
.learning_progress_rate.LP_sub_list.videoContents .LP_subject .sub{
    padding: 0 5px;
    width: 90px;
    text-align: center;
    border-radius: 30px;
    font-size: 14px;
    background: #fff;
    color: #555;
    border: 1px solid #c5c5c5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.videoClass .LP_subject .sub_text{
    width: calc(100% - 130px);
}
.learning_progress_rate.LP_sub_list.videoContents .LP_subject .sub_text{
/*     width: 240px; */
    width: calc(100% - 165px);
    font-size: 16px;
    font-weight: 500;
}
.learning_progress_rate.LP_sub_list.videoContents  .LP_subject{
    width: 100%;
}
.learning_progress_rate.LP_sub_list.videoContents .LP_subject > a{
/*     width: 380px; */
    width: 100%;
}
.learning_progress_rate li .graph_wrap .graph,
.learning_progress_rate.videoContents li .LP_subject .graph_wrap .graph{
    position: relative;
    margin-top: 15px;
    margin-left: 15px;
    width: calc(100% - 210px);
    height: 10px;
    border-radius: 5px;
    background: #e8eaec;
}
.learning_progress_rate li .graph_wrap .graph span,
.learning_progress_rate.videoContents li .LP_subject .graph_wrap .graph span{
    position: absolute;
    height: 10px;
    border-radius: 5px;
    background: #9cb1f0;
    transition: .3s linear;
}
.learning_progress_rate li .graph_wrap .graph img{
    position: absolute;
    top: -15px;
    z-index: 3;
}
.learning_progress_rate li .graph_wrap .rate_value,
.learning_progress_rate.videoContents li .LP_subject .graph_wrap .rate_value{
    margin-left: 10px;
    width: 55px; /*220819*/
    font-size: 18px;
    font-weight: 600; /*220819*/
    text-align: right;
}
.learning_progress_rate .inner_btn_wrap::after{
    content: '';
    display: block;
    clear: both;
}

.LP_subject_info{
    display: flex;
    width: 380px;
    line-height: 40px;
    font-size: 14px;
}
.LP_subject_info span{
    flex: 1;
    text-align: center;
    font-weight: 500;
}
.LP_subject_info span:nth-child(2){
    flex: 2;
}
.LP_subject_info span:nth-child(3){
    font-weight: 600;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.LP_subject_info .lack strong{
    color: #4b69cb;
}

.LP_subject_info .full strong{
    color: #cb0048;
}

.videoContents .LP_subject{
    position: relative;
}
.videoContents .LP_subject > a{
    position: absolute;
    top: 0;
    left: 0;
}
.videoContents .LP_subject > .graph_wrap{
    position: absolute;
    top: 0;
    right: 0;
}
.learning_progress_rate.videoContents li .LP_subject .graph_wrap .graph{
    width: calc(100% - 80px); /*220819*/
}
.learning_progress_rate.videoContents li .LP_subject .graph_wrap .rate_value{
    position: absolute;
    top: 0;
    right: 0;
}
.videoContents .LP_subject .inner_btn_wrap a{
    display: inline-block;
}




/* 지난 주 학습평가 */
.last-week::after{
    content: '';
    display: block;
    clear: both;
}
.last-week > div{
    position: relative;
}

/*220905*/
.subj_rolling_wrap{
    width: 100%;
    height: 77px;
    overflow: hidden;
}
.subj_rolling_wrap > div{
    width: 100%;
    position: relative;
    height: 77px;
}
.subj_item{
    width: 100%;
}
.subj_wrap{
    position: absolute;
    top: 0;
    width: 100%;
}
.subj_wrap:nth-child(1){
    left: 0;
}
.subj_wrap:nth-child(2){
    left: 100%;
}
.sticky_wrap,
.subj_item{
    position: relative;
    margin-top: 17px;
    height: 60px;
}
.sticky_wrap > span,
.subj_item > span{
    position: absolute;
}
.sticky_wrap .sticker,
.subj_item .subj_img{
    top: 0;
    left: 0;
    display: inline-block;
    width: 60px;
    height: 60px;
    background: #f5f6f7;
    border-radius: 15px;
    text-align: center;
}
.sticky_wrap .sticker img{
    margin-top: 7px;
}
.subj_item .subj_img img{                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
    margin-top: 15px;
}
.sticky_wrap .sticker_star{
    top: 10px;
    left: 80px;
}
.sticky_wrap .sticker_text{ /*220819*/
    top: 30px;
    left: 80px;
    font-weight: 600;
    font-size: 14px;
    font-style: italic;
}
.sticker_great .sticker_text{ /*220819*/
    color: #05c497;
}
.sticker_none .sticker_text{/*220819*/
    color: #7f7f7f;
}
.sticker_none .subj{
    display: none;
}
.subj_item > p{
    position: absolute;
    top: 6px;
    left: 80px;
    font-size: 14px;
    font-weight: 500;
}
.subj_item span:nth-child(3){
    top: 30px;
    left: 80px;
    font-size: 18px;
    font-weight: 500;
    width: 125px; /*220905*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.subj_item span:nth-child(4){
    top: 30px;
    right: 10px;
    font-size: 17px;
    font-weight: 600;
}
.last-week .subj{
    position: absolute;
    top: 20px;
    right: 0;
    font-weight: 500;
    font-size: 16px;
    width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
.last-week .subj span{
    font-weight: 600;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.last-week .period{
    margin-top: 10px;
    background: #f5f6f7;
    color: #999999;
    line-height: 40px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    letter-spacing: normal;
}

.last-study{
    overflow: hidden;
    position: relative;
    height: 145px;
    top : 10px; 
}
.last-study .last-study_btn{
    margin-top: 10px;
    display: block;
    background: #f3f5fc;
    color: #5d75c3;
    line-height: 40px;
    height: 40px; /*220905*/
    border-radius: 20px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    transition: .3s linear;
}
.last-study .last-study_btn:hover{
    background: #ecf0ff;
}
.last-study .last-study_btn img{
    display: inline-block;
    margin-top: 15px;
    margin-left: 6px;
}
.last-study .rolling{
    position: absolute;
    top: 8px;
    right: 35px;
}
.last-study .rolling span{
    cursor: pointer;
    margin-left: 7px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background: #cbd2d8;
}
.last-study .rolling span.active{
    background: #4b69cb;
}

/* ourschool_section2 
.ourschool_section2{
    display: flex;
    justify-content: flex-end;
}
.ourschool_section2 a{
    flex: 1;
    position: relative;
    display: block;
    margin-right: 30px;
    padding: 15px 30px;
    text-align: left;
    font-size: 18px;
    line-height: 50px;
    font-weight: 500;
}
.ourschool_section2 a:hover{
    background: #fff;
    color: #4b69cb;
}
.ourschool_section2 a:hover span{
    background: #ebf1f5;
}
.ourschool_section2 a:last-child{
    margin-right: 0;
}
.ourschool_section2 a::after{
    position: absolute;
    content: '';
    display: block;
    top: calc(50% - 8.5px);
    right: 30px;
    width: 10px;
    height: 17px;
    background: url(../../images/ourSchool/gray_arrow_right.png) 0 0 no-repeat;
}
.ourschool_section2 a span{
    display: inline-block;
    margin-right: 15px;
    width: 52px;
    line-height: 52px;
    border-radius: 26px;
    text-align: center;
    background: #f5f6f7;
    transition: .3s linear;
}
.ourschool_section2 a span img{
    margin-top: 7px;
}
*/
/* section2 221230 */
.ourschool_section2{
    display: flex;
    width: 100%;
}
.ourschool_section2::after{
    content: '';
    display: block;
    clear: both;
}
.ourschool_section2 > div{
    margin-right: 30px;
    width: calc(25% - 55px); /* 221214 */
}
.ourschool_section2 > div:nth-child(1){
    position: relative; /*202222*/
    /*width:  calc(100% - 660px);  221230 */
}
.ourschool_section2 > div:nth-child(2){
    position: relative; /* 221214 */
    width: calc(100% - 660px);  /* 221230 */
    height: 300px; /* 221230 */
}
.ourschool_section2 > div:nth-child(3){
    margin-right: 0;
    width: 300px;
    height: 300px;
}


/* serction3 */
.ourschool_section3{ /*0221*/
    padding: 30px;
}
.serction3_header{
    position: relative;
}
.serction3_header *{
    display: inline-block;
    line-height: 20px;
}
.serction3_header h4{
    font-size: 20px;
    font-weight: 500;
}
.serction3_header h4 > span{
    color: #4b69cb;
}
.serction3_header > span{
    font-size: 15px;
}
.serction3_header > span > a{
    color: #e5355a;
    font-weight: 600;
    text-decoration: underline;
}
.serction3_header > span.unsubmitted{
    position: relative;
    padding-left: 45px;
}
.serction3_header > span.unsubmitted::before{
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    margin: 0 20px;
    display: inline-block;
    width: 1px;
    height: 17px;
    background: #686868;
}
.serction3_header .legend{
    position: absolute;
    top: 0;
    right: 0;  /*0221*/
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}
.serction3_header .legend::before{
    content: '●';
    color: #52c9bc;
    margin-right: 5px;
}
.learning_progress_rate{
    margin-top: 30px;
    width: 100%; /*0221*/
    height: 270px;
    overflow-y: auto;
}
.learning_progress_rate li{
    margin-bottom: 10px;
    padding: 10px 25px 10px 15px; /*220819*/
    width: calc(100% - 55px); /*0221*/
    background: #f7f7f9;
    border-radius: 5px;
}
.learning_progress_rate li:hover .graph_wrap .graph span{
    background: #4b69cb;
}
.learning_progress_rate li::after{
    content: '';
    display: block;
    clear: both;
}
.learning_progress_rate li > *{
    float: left;
}
.learning_progress_rate li .graph_wrap{
    width: calc(100% - 350px); /* 221214 */
    line-height: 40px;
}
.learning_progress_rate li .inner_btn_wrap{
    float: right;
    width: 350px;
    text-align: right;
}
.learning_progress_rate li > * > *{
    display: inline-block;
}
.learning_progress_rate li .graph_wrap h6{
    position: relative;
    padding-left: 15px;
    width: 107px; /*220819*/
    font-size: 16px; /*220819*/
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.learning_progress_rate li .graph_wrap h6 span{
    position: absolute;
    top: 16px;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: #52c9bc;
    border-radius: 3px;
    text-indent: -9999px;
}
.learning_progress_rate li .graph_wrap .graph{
    position: relative;
    margin-top: 15px;
    margin-left: 15px;
    width: calc(100% - 240px); /*220819*/
    height: 10px;
    border-radius: 5px;
    background: #e8eaec;
}
.learning_progress_rate li .graph_wrap .graph span{
    position: absolute;
    height: 10px;
    border-radius: 5px;
    background: #9cb1f0;
    transition: .3s linear;
}
.learning_progress_rate li .graph_wrap .graph img{
    position: absolute;
    top: -15px;
    z-index: 3;
}
.learning_progress_rate li .graph_wrap .rate_value{
    margin-left: 10px;
    width: 57px;
    font-size: 18px;
    font-weight: 600; /*220819*/
    text-align: right;
}
.learning_progress_rate .inner_btn_wrap::after{
    content: '';
    display: block;
    clear: both;
}
.learning_progress_rate .inner_btn_wrap a,
.learning_progress_rate .inner_btn_wrap p{
    margin-left: 10px;
    border-radius: 5px;
    line-height: 38px;
    text-align: center;
    transition: .3s linear;
}
.learning_progress_rate .inner_btn_wrap a:nth-child(1){
    margin-left: 0;
    width: 45px;
    background: #fff;
    border: 1px solid #d7d7d7;
}
.learning_progress_rate .inner_btn_wrap a:nth-child(1):hover{
    background: #f1f1f1;
}
.learning_progress_rate .inner_btn_wrap a:nth-child(1) img{
    margin-top: 10px;
}
.learning_progress_rate .inner_btn_wrap a:nth-child(2){
    width: 135px;
    background: #eff0f2;
    border: 1px solid #dadde2;
    color: #8e97a2;
    font-weight: 500;
}
.learning_progress_rate .inner_btn_wrap a:nth-child(2):hover{
    background: #fff;
}
.learning_progress_rate .inner_btn_wrap a:nth-child(3){
    width: 135px;
    background: #f3f5fc;
    border: 1px solid #a5b5ea;
    color: #5d75c4;
    font-weight: 500;
}
.learning_progress_rate .inner_btn_wrap a:nth-child(3):hover{
    background: #5d75c4;
    color: #fff;
}

/* section4 */
.ourschool_section4{
    display: flex;
    width: 100%;
}
.ourschool_section4::after{
    content: '';
    display: block;
    clear: both;
}
.ourschool_section4 > div{
    margin-right: 30px;
    width: calc(25% - 55px); /* 221214 */
}
.ourschool_section4 > div:nth-child(1){
    position: relative; /*202222*/
    width:  calc(100% - 660px); /* 230102 */
}
.ourschool_section4 > div:nth-child(2){
    position: relative; /* 221214 */
    /* width: calc(100% - 660px); 221214 */
    height: 240px; /* 221214 */
}
.ourschool_section4 > div:nth-child(3){
    margin-right: 0;
/*     width: 300px; */
    width: calc(50% - 65px);
    height: 300px;
}

/* section4 : notice */
/*220819*/
.notice{
    position: relative;
}
.notice .tab_title{
    z-index: 5;
    position: absolute;
    top: 16px;
}
.notice .tab_title h4{
    position: relative;
    display: inline-block;
    padding: 0 15px;
    line-height: 22px;
}
.notice .tab_title h4::after{
    position: absolute;
    top: 2px;
    content: '';
    margin: 0 15px;
    display: inline-block;
    clear: both;
    width: 2px;
    height: 20px;
    background: #333;
}
.notice .tab_title h4:first-child{
    padding-left: 0;
}
.notice .tab_title h4:last-child:after{
    content: '';
    display: none;
    clear: both;
}
.notice .tab_title h4.active{
    font-size: 22px;
    font-weight: 600;
}

.notice > ul{
    z-index: 4; /*220819*/
    position: relative;
    width: 100%;
    height: 300px;
}
.notice > ul .list_wrap{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.notice > ul .list_wrap.active{

}
.notice > ul .list_wrap .tab_title{
    z-index: 9;
}
.notice > ul .list_wrap .sc4_notice_list,
.notice > ul .list_wrap .sc4_more{
    display: none;
    z-index: 2;
}
.notice > ul .list_wrap.active .sc4_notice_list,
.notice > ul .list_wrap.active .sc4_more{
    display: block;
    z-index: 9;
}
.notice > ul .list_wrap::after{
    content: '';
    display: block;
    clear: both;
}

.notice > ul .list_wrap .inner_list_wrap{
    position: relative;
    width: 100%;
    height: 300px;
}
.notice > ul .list_wrap .inner_list_wrap .sc4_notice_list,
.notice > ul .list_wrap .inner_list_wrap .sc4_more{
    position: absolute;
}

.notice > ul .list_wrap .inner_list_wrap .sc4_notice_list,
.notice > ul .list_wrap .inner_list_wrap .sc4_more{
    display: none;
}
.notice > ul .list_wrap.active .sc4_notice_list,
.notice > ul .list_wrap.active .sc4_more{
    display: block;
}
.notice > ul .list_wrap .inner_list_wrap .sc4_notice_list{
    top: 60px;
    left: 0;
    width: 100%;
}
.notice > ul .list_wrap .inner_list_wrap .sc4_more{
    top: 0;
    right: 0;
    line-height: 55px;
}
.notice > ul .list_wrap .inner_list_wrap .sc4_notice_list li{
    margin-top: 10px;
    line-height: 70px;
    width: 100%;
    height: 70px;
    background: #fff;
    font-size: 17px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.notice > ul .list_wrap .inner_list_wrap .sc4_notice_list li::after{
    content: '';
    display: block;
    clear: both;
}
.notice > ul .list_wrap .inner_list_wrap .sc4_notice_list li a{
    float: left;
    margin-left: 30px;
}
.notice > ul .list_wrap .inner_list_wrap .sc4_notice_list li a:hover{
    font-weight: 500;
}
.notice > ul .list_wrap .inner_list_wrap .sc4_notice_list li span{
    float: right;
    margin-right: 30px;
    font-size: 14px;
    color: #999;
}


/* banner */
.banner_wrap .img_wrap{
    position: relative;
    width: 100%;
    height: 266px;
}
.banner_wrap .img_wrap::after{
    content: '';
    display: block;
    clear: both;
}
.banner_wrap .img_wrap li{
/*     position: absolute; */
    top: 0;
    left: 0;
}
.banner_wrap .img_wrap li::after{
    content: '';
    display: block;
    clear: both;
}
.banner_wrap .control_wrap{
    margin-top: 15px;
    width: 100%;
}
.banner_wrap .control_wrap p{
    display: inline-block;
    width: calc(100% - 43px);
    font-size: 15px;
}
.banner_wrap .control_wrap p span{
    font-weight: 600;
}
.banner_wrap .control_wrap a{
    display: inline-block;
    width: 18px;
    height: 18px;
}
.banner_wrap .img_wrap li{
/*     width: 100%; */
}
.banner_wrap .img_wrap li a{
    display: block;
    width: 100%; /*220905*/
    height: 100%; /*220905*/
}
.banner_wrap .img_wrap li a img{
/*     width: 100%; */
}
/* banner 2022_04_27 추가 */
.banner_wrap {
	position: relative; margin:0 auto; padding:0; overflow: hidden;
}
.banner_wrap ul {
	position: absolute; margin: 0px; padding:0; list-style: none; overflow: hidden;
}
.banner_wrap ul li {
	float: left; width: 100%; height: 100%; margin:0; padding:0;
}
.banner_wrap ul li a img {
	float: left; width: 100%; height: 100%; margin:0; padding:0;
}


/* caleadar */
.calendar .month{
    font-size: 18px;
    margin-right: 30px;
    text-align: center;
    font-weight: 500;
}
.calendar > ul{
    margin-top: 12px;
    margin-right: 30px;
}
.calendar > ul > li{
    display: flex;
    text-align: center;
    font-size: 15px;
}
.calendar > ul > li > span{
    flex: 1;
    line-height: 26px;
    cursor: pointer;
}
.calendar > ul > li.day_of_the_week > span{
    font-weight: 500;
    cursor: text;
}
.calendar > ul > li > span.today{
    font-weight: 600;
}
.calendar > ul > li > span.sun{
    color: #cb0048;
}
.calendar > ul > li > span.sat{
    color: #2774d1;
}
.calendar > ul > li > span.next_month{
    color: #999;
}
.calendar > ul > li > span.date{
    border-radius: 5px;
    background: #fff1b1;
    font-weight: 500;
}
.calendar > ul > li > span.date.active{
    background: #5d75c4;
    color: #fff;
}
/* .calendar > ul > li > span.date::after{
    position: absolute;
    content:'';
    display: inline-block;
    top: 0;
    left: 6px;
    width: 25px;
    height: 25px;
    border-radius: 13px;
    background: #fff1b1;
} */
.calendar_date{/*220222*/
    height: 30px;
    padding: 0 15px;
    background: #ededed;
    line-height: 30px;
    border-radius: 5px;
    margin-top: 6px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    width: calc(100% - 90px);
    bottom: 30px;
}
.calendar_date span:nth-child(1){
    margin-top: 5px;
    display: inline-block;
    width: 23px;
    height: 20px;
    line-height: 20px;
    background: #555;
    color: #fff;
    border-radius: 8px;
    text-align: center;
    font-size: 13px;
}
.calendar_date span:nth-child(2){
    margin-left: 6px;
}
.calendar_date span:nth-child(3){
    display: inline-block;
    margin-left: 6px;
    width: calc(100% - 100px);
    color: #5d75c4;
    font-weight: 500;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}



/* 임시회원 */
.nonmember .ourschool_section1{
    height: 130px;
}
.nonmember .ourschool_section1::before{
    background: none;
    position: none;
}
.nonmember .ourschool_section1 > div:nth-child(1){
    width: calc(100% - 880px);
}
.nonmember .ourschool_section1 .myLearning .myLearning_btn{
    margin-top: 20px;
    width: 100%;
    position: static;
}
.nonmember .ourschool_section1 .myLearning .what_nonmember{
    position: absolute;
    top: 35px;
    right: 0;
    color: #4b69cb;
    font-weight: 500;
}
.nonmember .ourschool_section1 .myLearning .what_nonmember:hover{
    font-weight: 600;
}
.nonmember .ourschool_section1 .myLearning > span{
    color: #333;
    margin-top: 5px;
    display: inline-block;
    font-size: 17px;
}
.nonmember .ourschool_section1 > ul{
    position: absolute;
    top: 22px;
    right: 30px;
}
.nonmember .ourschool_section1 > ul::after{
    content: '';
    display: block;
    clear: both;
}
.nonmember .ourschool_section1 > ul > li{
    margin-left: 10px;
    float: left;
    width: 155px;
    height: 145px;
    background: #fafafb;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
.nonmember .ourschool_section1 > ul > li:hover{
    background: #fff;
    border: 1px solid #4b69cb;
}
.nonmember .ourschool_section1 > ul > li a{
    display: inline-block;
    width: 100%;
}
.nonmember .ourschool_section1 > ul > li:nth-child(1) a{
    background: url(../../images/ourSchool/nonmember_con_01.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li:nth-child(1):hover a{
    background: url(../../images/ourSchool/nonmember_con_01_on.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li:nth-child(2) a{
    background: url(../../images/ourSchool/nonmember_con_02.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li:nth-child(2):hover a{
    background: url(../../images/ourSchool/nonmember_con_02_on.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li:nth-child(3) a{
    background: url(../../images/ourSchool/nonmember_con_03.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li:nth-child(3):hover a{
    background: url(../../images/ourSchool/nonmember_con_03_on.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li:nth-child(4) a{
    background: url(../../images/ourSchool/nonmember_con_04.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li:nth-child(4):hover a{
    background: url(../../images/ourSchool/nonmember_con_04_on.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li:nth-child(5) a{
    background: url(../../images/ourSchool/nonmember_con_05.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li:nth-child(5):hover a{
    background: url(../../images/ourSchool/nonmember_con_05_on.png) 50% 50% no-repeat;
}
.nonmember .ourschool_section1 > ul > li a span{
    margin-top: 96px;
    display: inline-block;
    color: #a0a0a0;
}
.nonmember .ourschool_section1 > ul > li:hover a span{
    color: #4b69cb;
}


.nonmember .learning_progress_rate li .graph_wrap > a{
    display: inline-block;
    margin-left: 20px;
    font-size: 18px;
    font-weight: 500;
}
.nonmember .learning_progress_rate li .graph_wrap > a:hover{
    text-decoration: underline;
    color: #4b69cb;
}

.nonmember .serction3_header{
    text-align: center;
}
.nonmember .serction3_header h4{
    font-size: 18px;
}
.nonmember .serction3_header h4:first-child::before{
    display: none;
}
.nonmember .serction3_header h4::before{
    content: '|';
    display: inline-block;
    margin: 0 16px;
}
.nonmember .serction3_header h4.active a{
    font-weight: 600;
    color: #4b69cb;
}
.nonmember .serction3_header > span.unsubmitted{
    margin-top: 15px;
    display: block;
    padding-left: 0;
    font-size: 17px;
    color: #999;
}
.nonmember .serction3_header > span.unsubmitted::before{
    display: none;
}


/* 학습더하기 홈 */
.learningPlus_section1{
    height: auto;
}
.learningPlus_section1::before{
    display: none;
}
.learningPlus_section1 > div{
    height: 260px;
}
.learningPlus_section1 > div:nth-child(1){
/*     width: calc(50% - 30px); 221214 */
    width: calc(100% - 0px);
}
.learningPlus_section1 > div:nth-child(2){
    margin-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 0 30px 30px;
    width: calc(50% - 65px); /* 221214 */
    border-left: none; /* 230102 */
}


/* 수업과목보기 */
.subject_list_wrap > div > a .title{
    margin-top: 10px;
    display: inline-block;
}
.subject_list_wrap > div > a .progress_rate{
    width: calc(100% - 180px);
    height: 40px;
    padding-right: 0;
}
.subject_list_wrap > div > a .progress_rate .text{
    position: absolute;
    top: 0;
    left: 0;
}
.subject_list_wrap > div > a .progress_rate .graph{
    top: 35px;
    width: 100%;
}
.subject_list_wrap > div > a.actived .title{
    color: #f2814e;
}

/* 인터넷 수업 안내 
.internet_class_guide .progress_step > p {
    position: relative;
    padding: 3px 0 3px 48px;
    line-height: 22px;
}
.internet_class_guide .progress_step > p .number {
    position: absolute;
    left: 0;
    top: 3px;
    width: 22px;
    height: 22px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    line-height: 22px;
    border-radius: 50%;
    background: #e36126;
} */

/* 학습경험인정제 신청안내 */
.application_guide_top{
    margin-bottom: 100px;
}
/* 임시/정식학생 안내 */
.studentInfo .info_box h6{
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 500;
}
.studentInfo .info_box > ol{
    margin-left: 15px;
    line-height: 25px;
}
.studentInfo .info_box > ol > li{
    margin-top: 5px;
}
.studentInfo .ourschool_main_img{
    margin-top: 30px;
}
.student_layout{
    display: flex;
}
.student_layout > div{
    padding: 30px;
    width: 50%;
    height: 150px;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-right: 1%;
    display: flex;
    text-align: center;
}
.student_layout > div:last-child{
    margin-left: 1%;
    margin-right: 0;
}
.student_layout > div > h6{
    margin-right: 50px;
    width: 120px;
}
.student_layout > div > h6 > span{
    display: block;
    line-height: 40px;
    font-size: 17px;
    font-weight: 600;
}
.student_layout > div > h6 > img{
    margin: 0 auto;
    display: block;
    width: 100px;
}
.student_layout > div > ol{
    width: 70%;
    text-align: left;
}
.student_layout > div > ol > li{
    line-height: 22px;
    margin-bottom: 10px;
}
.student_layout > div > ol > li > span{
    display: inline-block;
}
.cotegory_student{
    margin-top: 15px;
}
.cotegory_student dt{
    display: inline-block;
    width: inherit;
    padding: 0 20px;
    background: #666;
    color: #fff;
    line-height: 30px;
    border-radius: 15px;
    font-size: 17px !important;
}
.cotegory_student > dd:nth-child(2) > span:nth-child(3){ /*220221*/
    display: block;
    padding-left: 100px;
    margin-top: -25px;
}
.cotegory_student > dd:nth-child(3) > span:nth-child(3){ /*220221*/
    display: block;
    padding-left: 100px;
    margin-top: -30px;
}
.cotegory_student > dd > span.num{
    margin-right: 5px;
    display: inline-block;
    width: 22px;
    line-height: 22px;
    text-align: center;
    background: #e2e2e2;
    border-radius: 12px;
}
.cotegory_student > dd{
    margin-top: 15px;
    padding-left: 10px;
}
.cotegory_student > dd >  p {
    display: inline-block;
    font-weight: 600;
    margin-right: 5px;
}
.cotegory_student > dd > .ps{
    display: block;
    padding-left: 100px;
    margin-top: 5px;
    color: #999;
}
.cotegory_student > dd sup{
    font-weight: 600;
    color: royalblue;
}

/* 영상 썸네일 리스트 (학경인 제도안내/신청안내) 220221 */
.video_list_thumbnail{
    display: flex;
    margin-bottom: 40px;
}
.video_list_thumbnail li{
    padding: 0 15px;
    flex: 1;
    text-align: center;
}
.video_list_thumbnail li a{
    position: relative;
    display: inline-block;
}
.video_list_thumbnail li a::after{
    content: '';
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0%);
    z-index: 99;
    transition: .2s linear;
}
.video_list_thumbnail li a:hover::after{
    background: rgba(0, 0, 0, 30%);
}
.video_list_thumbnail li p{
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px;
}

/* 나의수업 : 수업과목보기 220304 */
.quiz_edit_list{
    margin-top: 15px;
    border: 1px solid #ccc;
    padding: 15px;
    list-style: disc;
    padding-left: 35px;
    border-radius: 5px;
}
.quiz_edit_list > li{
    padding: 5px 0;
}
.quiz_edit_list > li span{
    color: #333;
    font-weight: 400;
}
.quiz_edit_list > li span.tt{
    font-weight: 500;
    color: #222;
    background: #ffebdb;
    padding: 0 9px;
    border-radius: 3px;
    font-size: 15px;
}
a.btn-edit_notice{
    float: right;
    margin-top: 15px;
    display: block;
    padding: 5px 10px;
    width: 140px;
    line-height: 22px;
    text-align: center;
    border-radius: 20px;
    background: #2774d1;
    color: #fff;
}
a.btn-edit_notice::after{
    content: '';
    display: block;
    clear: both;
}
.subject_list_txt{ /* 220824 */
    margin-top: 30px;
    line-height: 23px;
}
.subject_list_txt::before{
    content: '';
    display: block;
    clear: both;
}

/* notice popup style : 220502 */
.notice_pop_style{
    background: #2e3748;
}
.notice_pop_style .pop_title *{
    display: block;
    margin-bottom: 15px;
}
.notice_pop_style .pop_title .years{
    display: inline-block;
    background: #fff;
    border-radius: 30px;
    padding: 3px 20px;
    color: #2e3748;
    font-size: 15px;
    font-weight: 700;
}
.notice_pop_style .pop_title .smalltext{
    margin-bottom: 12px;
    font-size: 25px;
}
.notice_pop_style .pop_title .basictext{
    font-size: 33px;
}
.notice_pop_style .pop_title .strongtext{
    font-size: 33px;
}
.notice_pop_style .pop_cont .notice_infotext{
    margin-top: 20px;
    margin-left: 5px;
    line-height: 26px;
    color: rgba(255, 255, 255, 90%);
    font-size: 15px;
}
.whitebg_section{
    margin-top: 20px;
    padding: 20px 10px;
    border-radius: 5px;
    background: #fff;
    color: #111;
}
.noted_description{
    margin-bottom: 10px;
    padding: 0 10px;
    line-height: 27px;
}
.noted_description::after{
    content: '';
    display: block;
    clear: both;
}
.noted_description dt{
    float: left;
    padding: 0px 15px;
    background: #e8ecf0;
    font-weight: 600;
    font-size: 14px;
    color: #40495a;
    border-radius: 5px;
}
.noted_description dd{
    float: left;
    margin-left: 99px;
}
.noted_description dd:nth-child(2){
    margin-left: 20px;
}

.noted_items{
    margin-top: 20px;
    padding: 20px;
    background: #f1f1f1;
}
.noted_items li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
    font-size: 14px;
}
.noted_items li::before{
    content: '※';
    position: absolute;
    left: 0px;
}

.notice_btnwrap{
    margin-top: 10px;
    display: flex;
}
.notice_btnwrap a{
    display: table;
    background: #f5f5f5;
    flex: 1;
    text-align: center;
}
.notice_btnwrap a span{
    display: table-cell;
    height: 90px;
    vertical-align: middle;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
}
.notice_btnwrap a:first-child{
    margin-left: 0px;
}
.notice_btnwrap a:last-child{
    margin-right: 0px;
}
.notice_btnwrap .color_blue{
    background: #2774d1;
}
.notice_btnwrap .color_green{
    background: #29a093;
}

.main_notice_pop a.btn_pop_close:after{
    background: #747474;
}
/* 220824 */
.subject_search_wrap::after{
	content: '';
	display: block;
	clear: both;
}
.subject_search_wrap .my_class_schd{
	float: left;
    padding: 16px 10px;
	width: calc(50% - 22px);
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
}
.subject_search_wrap .my_class_schd > div{
    display: inline-block;
    margin: 0 10px;
}
.subject_search_wrap .my_class_schd > div h6{
	display: inline;
    font-size: 16px;
    font-weight: 500;
}

/* 220825 공개과목 openclass_style1 */
.openclass_topwrap{
    margin-top: 50px;
    display: flex;
}
.openclass_topwrap::after{
    content: '';
    display: block;
    clear: both;
}
.openclass_topwrap > *{
    flex: 1;
}
.openclass_topwrap select{
    margin-right: 10px;
    border: 1px solid #4995ee;
    background-color: #f2f9fc;
    background-image: url('../../images/util/select_arrow_blue.png') no-repeat right 10px center;
    background-size: 13px auto;
    border-radius: 3px;
    color: #2774d1;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.7px;
}
.openclass_topwrap > .input_search input{
    border-radius: 3px;
    background-color: #f5f7f9;
    color: #bebebf;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.7px;
    background: url('../../images/util/btn_list_search.png') no-repeat right 13px center;
    background-size: 16px;
}
.open_subject_list.open_subject_list > li .data_cell{
    background: #000;
    background: #f6f6f6;
    border: solid 1px #d4d4d4;
    border-radius: 5px;
}
.open_subject_list.open_subject_list > li .name{
    margin-bottom: 20px;
    height: auto;
    font-size: 20px;
    font-weight: 500;
}

.opneclass_subj_tit{
    display: block;
}
.opneclass_subj_tit .openclass_subj{
    position: relative;
    margin: 40px 0 20px;
    padding-left: 18px;
    font-size: 22px;
    color: #333;
    font-weight: 600;
}
.opneclass_subj_tit .openclass_subj::before{
    content: '';
    position: absolute;
    display: block;
    top: -1px;
    left: 0;
    width: 8px;
    height: 23px;
    background: #555;
    border-radius: 4px;
}
.openclass_style1.open_subject_list{
    margin: 0 -6px;
}
.openclass_style1.open_subject_list > li .btn_wrap > a{
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 500;
    background: #2774d1;
}
.openclass_style1.open_subject_list > li .btn_wrap > div::after{
    content: '';
    display: block;
    clear: both;
}
.openclass_style1.open_subject_list > li .btn_wrap a{
    border-radius: 3px;
    padding: 10px 0;
}
.openclass_style1.open_subject_list > li .btn_wrap > div{
    display: flex;
}
.openclass_style1.open_subject_list > li .btn_wrap > div > a{
    flex: 1;   
    color: #777;
    text-align: center;
}
.openclass_style1.open_subject_list > li .btn_wrap > div > a:nth-child(1){
    margin-right: 10px;
    background: #cae6f3;
}   
.openclass_style1.open_subject_list > li .btn_wrap > div > a:nth-child(2){
    background: #b5d2ea;
}



/* 230125 학습일정안내 배너 추가 */
.cyber_main .main_cont01 .data03 .data_cell.banner-info2{
    padding: 25px 25px;
}
.banner-info2 h4{
    font-size: 22px;
    font-weight: 500;
    color: #222;
    letter-spacing: -1px;
}
.banner-info2 h4 strong{
    display: block;
    margin-top: 5px
}
.banner-info2 > div{
    margin-top: 12px;
    background: #f5f6f6;
    border-radius: 5px;
    padding: 15px 0;
}
.banner-info2 > div > dl{
    margin-bottom: 10px;
}
.banner-info2 > div > dl:last-child{
    margin-bottom: 0px;
}
.banner-info2 > div > dl > dt{
    margin: 0 auto;
    width: 170px;
    line-height: 27px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
}
.banner-info2 > div > dl.fin > dt{
    background: #eb435f;
}
.banner-info2 > div > dl.start > dt{
    background: #505bc1;
}
.banner-info2 > div > dl > dd{
    margin: 8px 0;
    font-size: 18px;
    font-weight: 500;
    color: #222;
}
.banner-info2 > div > dl > dd > strong{
    font-size: 19px;
    font-weight: 600;
}
.banner-info2 > div > dl.fin > dd > strong{
    color: #eb435f;
}
.banner-info2 > div > dl.start > dd > strong{
    color: #505bc1;
}

/* 230125 학습일정안내 팝업 추가 */
.main_popup{
    width: 600px !important; 
    height: auto;  
    left: calc(50% - 300px);
}
.main_popup .notice230206{
    margin-top: 25px;
    height: 100%;
    border-radius: 3px;
    border: none;
    background: #d4e3f7;
}
.main_popup .notice230206::before{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: url(../../../images/popup/bgcloud_01.png);
    width: 565px;
    height: 183px;
}
.main_popup .notice230206::after{
    position: absolute;
    bottom: 10px;
    right: 0;
    content: '';
    background: url(../../../images/popup/bgcloud_02.png);
    width: 418px;
    height: 207px;
}
.pop_data.notice230206 h4{
    margin-top: 25px;
    font-size: 50px;
    text-align: center;
    font-family: 'KIMM';
    font-weight: bold;
    z-index: 2;
    position: sticky;
}
.pop_data.notice230206 h4 > span{
    position: relative;
    margin: 0 auto 10px;
    display: block;
    font-size: 28px;
    width: 170px;
}
.pop_data.notice230206 h4 > span::after{
    position: absolute;
    content: '';
    top: -22px;
    left: -27px;
    background: url('../../../images/popup/2023_notice_img02.png') 0 0 no-repeat;
    width: 33px;
    height: 32px;
}
.pop_data.notice230206 h4 > strong{
    margin-top: 7px;
    display: block;
    color: #505bc1;
}
.notice230206 .pop_data_con{
    z-index: 2;
    position: sticky;
    width: 100%;
    text-align: center;
}
.notice230206 .pop_data_date{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 5px;
}
.notice230206 .pop_data_date > dl{
    margin-bottom: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.notice230206 .pop_data_date > dl > dt{
    margin: 0 auto;
    padding: 3px 15px;
    width: 74%;
    line-height: 27px;
    color: #fff;
    font-size: 17px;
    font-family: 'KIMM';
    font-weight: bold;
    border-radius: 4px;
    text-align: center;
}
.notice230206 .pop_data_date > dl.fin > dt{
    background: #eb435f;
}
.notice230206 .pop_data_date > dl.start > dt{
    background: #505bc1;
}
.notice230206 .pop_data_date > dl > dd{
    margin: 8px 0;
    font-size: 18px;
    font-weight: 500;
    color: #222;
}
.notice230206 .pop_data_date > dl > dd > strong{
    font-size: 19px;
    font-weight: 600;
}
.notice230206 .pop_data_date > dl.fin > dd > strong{
    color: #eb435f;
}
.notice230206 .pop_data_date > dl.start > dd > strong{
    color: #505bc1;
}
.pop_data_notice{
    position: relative;
    margin: 15px auto;
    padding: 25px 45px;
    width: 430px;
    height: auto;
    color: #222;
    background: rgb(154 179 213 / 25%);
    border-radius: 5px;
}
.pop_data_notice::before{
    position: absolute;
    content: '';
    display: block;
    background: url(../../../images/popup/2023_notice_img01.png) 100% 100% no-repeat;
    background-size: contain;
    width: 216px;
    height: 180px;
    top: -6px;
    right: -20px;
}
.pop_data_notice li{
    line-height: 25px;
    width: 60%;
    text-align: left;
    margin-bottom: 20px;
    font-size: 17px;
}
.pop_data_notice li:last-child{
    margin-bottom: 0;
}
.pop_data_notice li::before{
    content: '·';
    display: inline-block;
    margin-left: -7px;
    font-weight: 600;
}
.pop_data_notice li.fin strong{
    color: #eb435f;
}
.pop_data_notice li.start strong{
    color: #505bc1;
}

.pop_data_link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.pop_data_link a{
    width: 48%;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 70px;
    height: 70px;
    line-height: 70px;
    transition: .2s linear;
}
.pop_data_link a:hover{
    background: rgb(154 179 213 / 25%);
}
.pop_data_link a:hover span.link_title{
    color: #111;
}
.pop_data_link a::after{
    content: '';
    display: block;
    clear: both;
}
.pop_data_link a span{
    position: relative;
    padding-right: 30px;
    font-size: 16px;
    font-weight: 400;
}
.pop_data_link a span img{
    position: absolute;
    right: 17px;
    top: calc(50% - 4.5px);
    rotate: 90deg;
}
.pop_data_link a span:first-child{
    width: 65%;
}
.pop_data_link a span:last-child{
    width: 35%;
}
.pop_data_link a span.link_title{
    padding-right: 0px;
    font-size: 19px;
    font-weight: 600;
    color: #444;
}

/* sitemap 221123 */
.sitemap{
    display: flex;
    justify-content: center;
}
.sitemap > div{
    width: 25%;
    text-align: center;
    color: #333;
}
.sitemap > div > a{
    display: inline-block;
    width: 70%;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    background: #474747;
    border: 1px solid #474747;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sitemap > div > ul{
    width: 70%;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-bottom: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.sitemap > div > ul > li.depth3menu > a{
    border-bottom: none;
}
.sitemap > div > ul > li.depth3menu > ul{
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    background: #f2f2f2;
}
.sitemap > div > ul > li > a{ 
    display: block;
    padding: 10px 0;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    transition: .2s linear;
}
.sitemap > div > ul > li > a:hover{
    background: #f6fbff;
}
.sitemap > div > ul > li > ul > li > a{
    display: block;
    padding: 5px 0;
    font-size: 16px;
    background: #f2f2f2;
}


/* 221214 학습더하기2023 */
.myLearning .attendances{
    position: absolute;
    top: 30px;
    right: 30px;
    border: 4px solid #80a9d2;
    padding: 5px 20px;
    border-radius: 30px;
}
.myLearning .attendances span{
    line-height: 19px;
    font-size: 14px;
    color: #555;
    font-weight: 600;
}
.myLearning .attendances span:last-child{
    margin-left: 5px;
    font-size: 20px;
}
/* 나의진도율 - 평가결과 */
.myProgress::after{
    content: '';
    display: block;
    clear: both;
}
.myProgress .my_graph{
    float: left;
    width: 200px;
}
.my_graph .doughnut_graph_wrap{
    margin-top: 10px;
    width: 100%;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #f5f5f5; */
}
.my_graph .doughnut_graph_value_wrap ul{
    display: flex;
    height: 70px;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.my_graph .doughnut_graph_value_wrap ul li{
    flex: 1;
}
.my_graph .doughnut_graph_value_wrap ul li:last-child{
    border-left: 1px solid #e6e7e8;
}
.my_graph .doughnut_graph_value_wrap ul li span{
    font-size: 23px;
    color: #4b69cb;
    font-weight: 600;
}
.my_graph .doughnut_graph_value_wrap ul li:last-child span{
    color: #555;
}
.my_graph .doughnut_graph_value_wrap ul li p{
    margin-top: 5px;
    font-size: 16px;
    font-weight: 500;
}
.myProgress .evaluationResult{
    float: left;
    position: relative;
    margin-left: 10px;
    padding: 20px;
    width: calc(100% - 280px);
    height: 220px;
    background: #f8f9fb;
    overflow: hidden;
}
.myProgress .evaluationResult h5{
    font-size: 18px;
    font-weight: 600;
}
.myProgress .evaluationResult .legend{
    position: absolute;
    top: 25px;
    right: 20px;
    text-align: right;
}
.myProgress .evaluationResult .legend span{
    margin-left: 4px;
    font-size: 14px;
}
.myProgress .evaluationResult .legend span::before{
    content: '';
    margin-right: 4px;
    display: inline-block;
    width: 14px;
    height: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.myProgress .evaluationResult .legend span:first-child::before{
    background: #ffc600;
}
.myProgress .evaluationResult .legend span:last-child::before{
    background: #52c9bc;
}
.myProgress .evaluationResult .rolling_navi{
    position: absolute;
    bottom: 15px;
    width: calc(100% - 40px);
    text-align: center;
}
.evaluationResult_graph{
    margin-top: 10px;
    display: flex;
    width: 670px;
    justify-content: space-between;
}
.evaluationResult_graph::after{
    content: '';
    display: block;
    clear: both;
}
.evaluationResult_graph > div{
    display: flex;
    width: 100%;
    height: 170px;
    overflow: hidden;
}
.evaluationResult_graph > div::after{
    content: '';
    display: block;
    clear: both;
}
.evaluationResult_graph div > ul{
    display: flex;
    width: 100%;
    height: 170px;
    overflow: hidden;
    transition: .3s linear;
}
.evaluationResult_graph div > ul:last-child{
    margin-left: 30px;
}
.evaluationResult_graph div > ul li{
    flex: 1;
    text-align: center;
}
.evaluationResult_graph div > ul li .bar_graph{
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #ccc;
}
.evaluationResult_graph div > ul li .bar_graph > .er_bar{
    margin-top: 20px;
    display: flex;
    align-content: center;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 25px;
    height: 110px;
}
.evaluationResult_graph div > ul li .bar_graph > .er_bar span{
    font-size: 14px;
    color: #858585;
}
.evaluationResult_graph div > ul li .bar_graph > .er_bar p{
    font-size: 0;
    margin: 0 auto;
    width: 14px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.evaluationResult_graph div > ul li .bar_graph > .er_bar:first-child p{
    background: #ffc600;
}
.evaluationResult_graph div > ul li .bar_graph > .er_bar:last-child p{
    background: #52c9bc;
}
.evaluationResult_graph div > ul li > p{
    margin-top: 10px;
    font-size: 15px;
}
.evaluationResult_graph div > ul li > p.up::after{
    content: '';
    margin-left: 5px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-color: transparent transparent #cb0048;
    border-style: solid;
    border-width: 0 4px 6px;
}
.evaluationResult_graph div > ul li > p.down::after{
    content: '';
    margin-left: 4px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border-color: #4c6acc transparent transparent  ;
    border-style: solid;
    border-width: 6px 4px 0;
}
.rolling_navi{
    display: flex;
    justify-content: center;
    align-items: center;
}
.rolling_navi > a{
    margin: 5px 10px 0;
}
.rolling_navi > span{
    margin: 0 3px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #bdbdbd;
    transition: .2s linear;
    cursor: pointer;
}
.rolling_navi > span.active{
    width: 25px;
    background: #959696;
}
.rolling_navi > p{
    margin: 0 5px;
    font-size: 14px;
}

.ourschool_section4 > div:nth-child(2) .today_scd{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 10px solid #ededed;
    height: 50px;
    line-height: 50px;
}
.today_scd dl{
    padding: 0 15px;
}
.today_scd dl::after{
    content: '';
    display: block;
    clear: both;
}
.today_scd > dl > dt,
.today_scd > dl > dd{
    float: left;
    font-size: 15px;
}
.today_scd > dl > dt{
    width: 30%;
    font-weight: 600;
}
.today_scd > dl > dd{
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.learning_progress_rate.LP_sub_list.videobtn .LP_subject{
/*     width: calc(100% - 820px); */
    width: calc(100% - 300px);
}
.learning_progress_rate.LP_sub_list.videobtn li .graph_wrap{
    width: calc(100% - 700px);
    right: 320px;
}
.learning_progress_rate.LP_sub_list.videobtn li .graph_wrap::after{
    content: '';
    display: block;
    clear: both;
}
.learning_progress_rate.LP_sub_list.videobtn li .graph_wrap .graph{
    width: calc(100% - 110px);
}
.learning_progress_rate.LP_sub_list.videobtn li .inner_btn_wrap{
    width: 290px;
    display: flex;
    justify-content: space-between;
}
.learning_progress_rate.LP_sub_list.videobtn li .inner_btn_wrap > a{
    flex: 1;
}
.learning_progress_rate.LP_sub_list.videobtn li .inner_btn_wrap a.apply{
    background: #4b69cb;
    color: #fff;
    border: 1px solid #4b69cb;
}
.learning_progress_rate.LP_sub_list.videobtn li .inner_btn_wrap a.apply:hover{
    background: #3f5cbd;
    border: 1px solid #3f5cbd;
}

/* 230102 */
.semester{
    margin: 5px 0px;
    padding: 5px 0;
    background: #f2f2f2;
    width: 50%;
    text-align: center;
    border-radius: 30px;
}
.semester h5,
.semester dl,
.semester dt,
.semester dd{
    display: inline-block;
    font-size: 16px;
}
.semester h5{
    font-weight: 600;
}
.semester dl{
    padding: 0 8px;
    color: #555;
}
.semester dl:last-child::before{
    content: '/';
    padding-right: 15px;
    display: inline-block;
    clear: both;
}
.semester dt{
    margin-right: 5px;
    font-weight: 500;
}
.user_study_graph{
    position: absolute;
    top: -30px;
    right: 30px;
    width: calc(50% - 90px);
    height: calc(100% + 80px);
    background: #f2f2f2;
    padding: 15px;
    display: flex;
    gap: 15px;
}
/* 추가 */
.user_study_graph .dashborad_graph {
	width: calc(50% - 8px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.user_study_graph .dashborad_graph h4 {
	width: 100%;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	border: 1px solid #4995EE;
	text-align: center;
	font-size: 14px;
	color: #333;
	background-color: #fff;
}


/* media query 1280 */
@media screen and (max-width: 1280px){
	.myLearning{
		top : 0px;
	};
	.last-study{
		top : 0px;
	}
	
    .ourschool_section1.bg_box{
        background: none;
        border-radius: 0;
        padding: 0;
        transition: unset;
        height: auto;
    }
    .ourschool_section1.bg_box:hover{
        box-shadow: none;
    }
    .ourschool_section1.bg_box::before{
        display: none;
    }
    .ourschool_section1 > div{
        margin-left: 0;
        background: #fff;
        border-radius: 5px;
        padding: 30px 0 30px 30px;
        transition: .3s linear;
    }
    .ourschool_section1 > div:nth-child(1){
        width: calc(100% - 30px);
        height: 200px; /* 230102 */
        float: none;
    }
    .ourschool_section1 > div:nth-child(2){
        margin: 0px 0 0;
        padding: 30px;
        /* 230315 태블릿 가로모드시 나의 마지막 학습이 화면 가로 크기를 다 차지하도록 수정 */
/*         width: calc(50% - 75.5px); */
        width: calc(100% - 60px);
        border-right: none;
    }
    .ourschool_section1 > div:nth-child(3){
         margin: 0px 0 0;
        padding: 30px;
        /* 230315 태블릿 가로모드시 나의 마지막 학습이 화면 가로 크기를 다 차지하도록 수정 */
/*         width: calc(50% - 75.5px); */
        width: calc(100% - 60px);
        border-right: none;
    }
    .myLearning > .member{
        display: none;
    }
    .myLearning .user_text,
    .myLearning > span{
        margin-left: 0;
    }
    .ourschool_section1 .last-study > div{
        height: 77px; /*220905*/
        overflow: hidden;
    }
    .learning_progress_rate li .graph_wrap h6{
        padding-left: 15px;
    }
    .learning_progress_rate li .graph_wrap .graph{
        width: calc(100% - 240px);  /*220819*/  
    }
    .learning_progress_rate li .graph_wrap h6 span{
        top: 17px;
        left: 3px;
    }

    .myLearning .myLearning_btn{
    	/* 230315 태블릿 가로모드시 수업 듣기 버튼이 학년 반 번호를 가리지 않도록 수정 */
/*         top: 30px; */
        left: 30px;
        top: 150px;
        width: calc(50% - 15px);
    }
    .last-study .rolling{
        top: 38px;
    }
    /* .ourschool_section2 a{
        padding: 30px;
        text-align: center;
        line-height: 24px;
    }
    .ourschool_section2 a::after{
        display: none;
    }
    .ourschool_section2 a span{
        display: block;
        text-align: center;
        margin: 0px auto 10px;
    }
    .ourschool_section2 a span img{
        display: block;
        text-align: center;
        margin: 0 auto;
    } */
    .ourschool_section4 > div:nth-child(1){
/*         width: 260px; */
        width: calc(100% - 0px);
    }
    .notice > ul .list_wrap .inner_list_wrap .sc4_notice_list li{
        width: calc(100% - 30px);
        padding-right: 30px;
    }
    .notice > ul .list_wrap .inner_list_wrap .sc4_notice_list li span{
        display: none;
    }
    
    .notice > ul .list_wrap .inner_list_wrap .tab_title{
        font-size: 16px;
    }
    .notice > ul .list_wrap.active .inner_list_wrap .tab_title{
        font-size: 20px;
    }
    .notice > ul .list_wrap .inner_list_wrap .tab_title::before{
        content: '|';
        display: inline-block;
        margin: 0 8px;
    }
    .notice > ul .list_wrap:nth-child(2) .inner_list_wrap .tab_title{
        left: 70px;
    }
    .notice > ul .list_wrap:nth-child(3) .inner_list_wrap .tab_title{
        left: 150px;
    }

    /* nonmember */
    .nonmember .ourschool_section1 > div:nth-child(1){
        width: calc(100% - 30px);
    }
    .nonmember .ourschool_section1 > ul{
        position: static;
        margin-top: 30px;
    }
    .nonmember .ourschool_section1 .myLearning .myLearning_btn{
        position: static;
        width: calc(100% - 30px);
    }
    .nonmember .ourschool_section1 .myLearning .what_nonmember{
        right: 30px;
    }
    .nonmember .ourschool_section1 > ul > li{
        margin-left: 1%;
        width: 19.20%;
        background: #fff;
        border: none;
    }
    .nonmember .ourschool_section1 > ul > li:first-child{
        margin-left: 0;
    }
    .nonmember .ourschool_section1 > ul > li:hover{
        border: none;
    }
    .nonmember .ourschool_section1 > ul > li a{
        font-size: 16px;
    }
    .nonmember .learning_progress_rate li{
        padding: 10px 30px;
    }

    /* 수업과목보기 */
    .subject_list_wrap > div > a .progress_rate{
        width: 100%;
    }
    .subject_list_wrap > div > a .progress_rate .text{
        width: 100%;
        height: 20px;
    }
    .subject_list_wrap > div > a .progress_rate .graph{
        width: 100%;
        height: 20px;
        max-width: initial;
    }
    .subject_list_wrap > div > a .title{
        margin-top: -5px;
    }

    /* 임시/정식학생 안내 */
    .student_layout{
        display: block;
    }
    .student_layout > div{
        display: block;
        margin-right: 0;
        width: inherit;
        height: inherit;
    }
    .student_layout > div > h6{
        margin: 0 auto;
    }
    .student_layout > div > ol {
        width: inherit;
    }
    .student_layout > div:last-child{
        margin-left: 0;
        margin-top: 20px;
    }
    
    /* 230102 */
    .user_study_graph{
        height: calc(100% - 90px);
        top: 30px;
    }
    
    /* 230125 */
    .banner-info2 > div{
        display: flex;
        justify-content: flex-start;
        position: relative;
        height: 55%;
        align-items: center;
    }
    .banner-info2 > div::after{
        position: absolute;
        display: block;
        content: '';
        top: 0;
        right: 0;
        width: 160px;
    	height: 137px;
        background: url('../../../images/popup/2023_notice_img01.png') no-repeat;
        background-size: cover;
    }
    .banner-info2 > div > dl{
        width: 40%;
    }
}





/* media query 1024 */
@media screen and (max-width: 1024px){
    .myLearning > span{
        display: block;
    }
    .myLearning .myLearning_btn{ /*230102*/
        left: 30px;
        top: 150px;
        width: calc(50% - 15px);
    }
    .lapse{
        margin-top: 70px;
    }
    .ourschool_section1 > div:nth-child(2){
        float: none;
        width: calc(100% - 60px);
        margin-left: 0;
        border-left: none;
    }
     .ourschool_section1 > div:nth-child(3){
        float: none;
        width: calc(100% - 60px);
        margin-left: 0;
        border-left: none;
    }
    
    .serction3_header > *{
        display: block;
    }
    .serction3_header > span.unsubmitted{
        margin-top: 10px;
        padding-left: 0;
    }
    .serction3_header > span.unsubmitted::before{
        display: none;
    }
    .serction3_header .legend{
        top: 15px;
    }
    .learning_progress_rate li{ 
        padding: 10px 15px; /* 220819 */
        width: calc(100% - 30px);
    }
    .learning_progress_rate li > *{
        float: none;
    }
    .learning_progress_rate li .graph_wrap{/* 220819 */
        width: 100%;
        height: 40px;
    }
    .learning_progress_rate li .graph_wrap .graph{
        width: calc(100% - 210px); /* 220819 */
    }
    .learning_progress_rate li .inner_btn_wrap{
        width: 100%;
        float: none;
    }
    .learning_progress_rate .inner_btn_wrap a:nth-child(1){
        width: 9%; /* 220819 */
    }
    .learning_progress_rate li .inner_btn_wrap a:nth-child(2),
    .learning_progress_rate li .inner_btn_wrap a:nth-child(3){
        width: 42.5%; /* 220819 */
        margin-left: 2%;
    }
    .learning_progress_rate li .inner_btn_wrap::after{
        content: '';
        display: block;
        clear: both;
    }
    .learning_progress_rate li > * > *{
        display: block;
        float: left;
    }
    .learning_progress_rate.videoContents li .LP_subject .graph_wrap .rate_value{
        top: -15px; /* 220819 */
    }
    .learning_progress_rate.videoContents li .LP_subject .graph_wrap .graph{
        margin-left: 0; /* 220819 */
    }
    .learning_progress_rate.videoContents li .LP_subject .graph_wrap .graph{
        width: calc(100% - 65px); /* 220819 */
    }

    /* 230102 */
    .ourschool_section2{
        display: block;
    }
    .ourschool_section2 > div:nth-child(1){
        width: calc(100% - 30px); 
        height: 260px;
    }
    .ourschool_section2 > div:nth-child(2){
        margin-top: 30px;
        width: calc(100% - 0px); 
        /* height: 240px; */
    }
    .ourschool_section2 > div:nth-child(3){
        margin-top: 30px;
        width: 100%;
        height: auto;
    }

    .ourschool_section4{
        display: block;
    }
    .ourschool_section4 > div:nth-child(1){
        width: calc(100% - 0px); /* 221214 */
    }
    .ourschool_section4 > div:nth-child(2){
        margin-top: 30px;
/*         width: calc(100% - 30px); 221214 */
        width: calc(100% - 90px);
        height: 240px; /* 221214 */
    }
    .ourschool_section4 > div:nth-child(3){
        margin-top: 30px;
        width: 100%;
        height: auto;
    }
    .banner_wrap .img_wrap{
        height: auto;
    }
    .banner_wrap .img_wrap li{
        position: static;
    }

    .nonmember .serction3_header{
        padding-right: 30px;
    }
    .nonmember .serction3_header > *{
        display: inline-block;
    }

    /* 학습더하기 홈 : 대상자 */
    .learningPlus_section1 > div:nth-child(1).myLearning{
        padding: 30px;
        width: calc(100% - 60px);
        height: 250px;
    }
    .learningPlus_section1 .myLearning::after{ /*220302*/
        content: '';
        display: block;
        clear: both;
    }
    .learningPlus_section1 .myLearning .level_wrap{ /*220302*/
        display: block;
        float: left;
        height: 250px;
    }
    .learningPlus_section1 .myLearning .user_text,
    .learningPlus_section1 .myLearning > span{
        margin: 0;
        float: right;  /*220302*/
        width: calc(100% - 230px);  /*220302*/
    }
    .learningPlus_section1 .myLearning .user_text{ /*220302*/
        margin-top: 20px; 
    }
    .learningPlus_section1 .lapse{
        margin-top: 10px;
        padding: 0;
        float: right;  /*220302*/
        width: calc(100% - 230px); /*220302*/
    }
    .learningPlus_section1 .lapse h5{
        margin-top: 0;
    }
    .learningPlus_section1 > div:nth-child(3){
        padding-right: 0;
/*         width: calc(100% - 30px); */
        width: calc(100% - 0px);
    }

    /* 학습더하기 홈 : 비대상자 */
    .LP_nonmember .user_text{
        float: none;
        width: 100%;
    }
    .LP_nonmember .user_text span{
        margin-left: 0;
    }
    .LP_nonmember > a{
        float: none;
        margin: 0 auto;
    }

    .quick_menu_list ul li{
        width: calc(50% - 15px);
    }
    .quick_menu_list ul li a{
        width: 100%;
    }

    .learning_progress_rate.LP_sub_list .LP_subject,
    .learning_progress_rate.LP_sub_list .LP_subject > a,
    .learning_progress_rate.LP_sub_list li .inner_btn_wrap,
    .learning_progress_rate.LP_sub_list .inner_btn_wrap a:nth-child(1),
    .learning_progress_rate.LP_sub_list.videoClass .LP_subject,
    .LP_subject_info{
        width: 100%;
    }
    
    .subject_list_wrap > div > a .progress_rate .graph{ /* 220824 */
    	margin-top: -5px;
    }
    
 /*    .subject_search_wrap .my_class_schd{  220824
    	width: calc(100% - 210px);
    } */

    /* 221214 */
    .learning_progress_rate.LP_sub_list.videobtn li .graph_wrap{
        float: left;
        width: calc(100% - 300px);
        right: 0px;
    }
    .learning_progress_rate.LP_sub_list.videobtn .LP_subject{
        width: 100%;
    }
    .learning_progress_rate.LP_sub_list.videobtn .LP_subject > a{
        width: 100%;
    }
    .learning_progress_rate.LP_sub_list.videobtn .LP_subject .sub_text{
        width: calc(100% - 130px);
    }
    .learning_progress_rate.LP_sub_list.videobtn li .graph_wrap .graph{
        margin-left: 0;
    }
    .myProgress .evaluationResult{
        width: calc(100% - 250px);
    }
    .evaluationResult_graph{
        width: 1340px;
    }
    .evaluationResult_graph div > ul{
        width: 100%;
    }

    
    /* sitemap 221123 */
    .sitemap{
        flex-wrap: wrap;
    }
    .sitemap > div{
        margin-bottom: 50px;
        width: 50%;
        min-width: 300px;
    }
    .sitemap > div > a{
        width: 80%;
    }
    .sitemap > div > ul{
        width: 80%;
    }
    
	/* 230125 */
    .banner-info2 > div{
        display: flex;
        justify-content: flex-start;
        position: relative;
        height: 55%;
        align-items: center;
    }
    .banner-info2 > div::after{
        position: absolute;
        display: block;
        content: '';
        top: 0;
        right: 0;
        width: 160px;
    	height: 137px;
        background: url('../../../images/popup/2023_notice_img01.png') no-repeat;
        background-size: cover;
    }
    .banner-info2 > div > dl{
        width: 40%;
    }
}

@media screen and (max-width: 768px){/*220222*/
    #contents{ /*220221*/
        padding-top: 30px;
    }
    .LP_subject_info span:nth-child(3){
        display: none;
    }
    .learningPlus_section1 .myLearning{
        display: block;
    }
    
    .my_list_top .subject_search_wrap.my_class_schd_in{ /*220825*/
    	padding-right: 0;
    }
    .my_list_top .subject_search_wrap.my_class_schd_in .btn_subject{
    	position: static;
	    width: calc(100% - 104px);
	    margin-top: 10px;
    }
    .my_list_top .subject_search_wrap.my_class_schd_in select {
    	height: 50px;
    	margin-top: 10px;
    }
    .subject_search_wrap .my_class_schd{
    	float: none;
    	width: calc(100% - 22px);
    	margin-top: 10px;
    }
    .evaluationResult_graph{
        width: 820px;
    }

    /* 230102 */
    .ourschool_section1 > div:nth-child(1){
        height: auto;
    }
    .myLearning .myLearning_btn{
        position: unset;
        width: calc(100% - 30px);
        margin: 10px 0;
    }
    .user_study_graph{
        position: unset;
        width: calc(100% - 60px);
        height: 180px;
    }
    .semester{
        width: calc(100% - 30px);
    }
    .semester h5, 
    .semester dl, 
    .semester dt, 
    .semester dd {
        font-size: 15px;
    }
    .semester dl:last-child::before{
        padding-right: 5px;
    }
    .semester dl{
        padding: 0px 2px;
    }
    .myProgress .col_graph li .colbar p span {
        width: 70px;
        bottom: -32px;
        left: -20px;
        font-weight: 500;
        font-size: 14px;
        height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .myProgress .col_graph{
        height: 80px;
        margin-top: 25px;
    }
}
/*220228*/
@media screen and (max-width: 767px){
    .lapse h5{
        position: relative;
    }
    .lapse h5 .lapse_week{
        margin-top: 5px;
        display: block;
        font-size: 14px;
    }
    .lapse h5 > a{
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

    /*220302*/
    .myLearning .user_text > span{
        max-width: 70px;
    }
    .level_wrap_m{
        float: left;
        display: block;
        width: 45px;
        height: 45px;
        border-radius: 45px;
        background: #f2f2f2;
        text-indent: -9999px;
    }
    .level_wrap_m > p{
        width: 45px;
        height: 45px;
    }
    .level_wrap_m .bedge-1{
        background: url('../../images/learningPlus/bedge01_m.png') no-repeat;
    }
    .level_wrap_m .bedge-2{
        background: url('../../images/learningPlus/bedge02_m.png') no-repeat;
    }
    .level_wrap_m .bedge-3{
        background: url('../../images/learningPlus/bedge03_m.png') no-repeat;
    }
    .level_wrap_m .bedge-4{
        background: url('../../images/learningPlus/bedge04_m.png') no-repeat;
    }
    .level_wrap_m .bedge-5{
        background: url('../../images/learningPlus/bedge05_m.png') no-repeat;
    }
    .level_wrap_m .bedge-6{
        background: url('../../images/learningPlus/bedge06_m.png') no-repeat;
    }
    .level_wrap_m .bedge-7{
        background: url('../../images/learningPlus/bedge07_m.png') no-repeat;
    }
    .level_wrap_m .bedge-8{
        background: url('../../images/learningPlus/bedge08_m.png') no-repeat;
    }
    .level_wrap_m .bedge-9{
        background: url('../../images/learningPlus/bedge09_m.png') no-repeat;
    }
    .level_wrap_m .bedge-10{
        background: url('../../images/learningPlus/bedge10_m.png') no-repeat;
    }
    .learningPlus_section1 > div:nth-child(1).myLearning{
        height: auto; 
    }
    .learningPlus_section1 .myLearning .level_wrap{
        display: none;
    }
    .learningPlus_section1 .myLearning .user_text, 
    .learningPlus_section1 .myLearning > span{
        width: calc(100% - 60px);
        float: right;
    }
    .learningPlus_section1 .lapse{
        margin-top: 65px;
        width: 100%;
        float: none;
        clear: both;
    }
    .learningPlus_section1 .myLearning .user_text{
        margin-top: 0;
        font-size: 18px;
    }
    .learningPlus_section1 .myLearning > span{
        margin: 11px 0px;
        font-size: 14px;
        line-height: inherit;
    }
}

/* media query 425 */
@media screen and (max-width: 425px){
		
	
    /* 220819 */
    .learning_progress_rate li .graph_wrap .graph{
        display: none;
    }
    .learning_progress_rate.LP_sub_list li .graph_wrap .graph{
        display: block;
    }
    .learning_progress_rate li .graph_wrap h6{
        padding-left: 0;
    }
    .learning_progress_rate li .inner_btn_wrap a:nth-child(2), 
    .learning_progress_rate li .inner_btn_wrap a:nth-child(3){
        width: 42%;
        font-size: 15px;
    }
    .learning_progress_rate li .graph_wrap h6 span{ /* 220819 */
        top: 0px;
        left: 0px;
    }
    .learning_progress_rate li .graph_wrap .rate_value{
        float: right;
    }
    .learning_progress_rate.LP_sub_list.videoContents .LP_subject .sub_text{
        width: calc(100% - 225px);
        padding-left: 4px;
    }

    .serction3_header .legend{
        top: 50px;
    }
    
    /* 220824 */
    .subject_list_wrap > div > a{
        height: 120px;
    }
    .subject_list_wrap > div > a .title{
        margin-top: -19px;
	    font-size: 20px;
	    font-weight: 600;
    }
    .subject_list_wrap > div > a .progress_rate .text{
        margin-top: -10px;
    }
    .subject_list_wrap > div > a .progress_rate .text .time{
    	display: block;
    	margin-top: 5px;
    }
    .subject_list_wrap > div > a .progress_rate .graph{
    	margin-top: 0;
    }
    .subject_list_txt{
    	font-size: 13px;
    	line-height: 19px;
    }

    .notice .tab_title h4.active{
        font-size: 19px;
    }
    .notice .tab_title h4{
        font-size: 16px;
        padding: 0 10px;
    }
    .notice .tab_title h4::after{
        margin: 0 10px;
        height: 17px;
    }
    
    .subject_search_wrap .my_class_schd > div:first-child{
    	margin-bottom: 5px;
    }

    /* 220825 공개과목 openclass_style1 */
    .openclass_topwrap{
        display: block;
    }
    .openclass_topwrap select{
        margin-right: 0;
        height: 46px;
        line-height: 40px;
    }
    .openclass_topwrap input{
        margin-top: 10px;
    }
    .openclass_topwrap > .input_search input{
        height: 46px;
    }
    
    .open_subject_list > li {
        width: auto;
        float: none;
    }
    .open_subject_list > li .data_cell {
        padding: 20px 20px;
    }
    .open_subject_list.open_subject_list > li .name{
        margin-bottom: 10px;
    }

    /* 221214 */
    .learningPlus_section1 .myLearning > span{
        margin: 7px 0px;
    }
    .myLearning .attendances{
        display: none;
    }
    .ML-subject li{
        padding: 0 5px;
    }
    .ML-subject li > span{
        width: 60px;
        font-size: 14px;
    }
    .ML-subject li > a{
        margin-left: 5px;
        width: calc(100% - 90px);
        font-size: 14px;
    }
    .ourschool_section1 > div:nth-child(2){
        height: auto;
    }
    .ourschool_section1 > div:nth-child(3){
        height: auto;
    }
    .myProgress .my_graph{
        width: 100%;
    }
    .myProgress .evaluationResult{
        margin-left: 0;
        width: calc(100% - 40px);
    }
    .ourschool_section4 > div:nth-child(2){
        width: calc(100% - 30px);
        height: 240px;
    }
    .notice > ul .list_wrap .inner_list_wrap .sc4_notice_list li{
        /* width: 100%; */
    }
    .learning_progress_rate.LP_sub_list.videobtn .LP_subject{
        width: 100%;
    }
    .learning_progress_rate.LP_sub_list.videobtn li .graph_wrap{
        width: 100%;
        right: 0;
    }
    .learning_progress_rate.LP_sub_list.videobtn li .inner_btn_wrap{
        width: 100%;
    }
    .learning_progress_rate.LP_sub_list.videobtn li{
        height: 125px;
    }
    .learning_progress_rate.LP_sub_list.videobtn .LP_subject > a{
        width: 100%;
    }
    .learning_progress_rate.LP_sub_list.videobtn .LP_subject .sub{
        width: 70px;
    }
    
    .learning_progress_rate.LP_sub_list.videobtn .LP_subject .sub_text{
        width: calc(100% - 110px);
        font-size: 15px;
    }
    .learning_progress_rate.LP_sub_list.videobtn li{
        padding: 10px 10px;
        width: calc(100% - 20px);
    }
    .learning_progress_rate.LP_sub_list.videobtn li .graph_wrap .graph{
        width: calc(100% - 82px);
    }

    .evaluationResult_graph{
        width: 565px;
    }
    
    .evaluationResult_graph div > ul li > p{
        font-size: 13px;
    }
    .evaluationResult_graph div > ul li .bar_graph > .er_bar{
        margin-top: 11px;
        width: 16px;
    }
    .evaluationResult_graph div > ul li .bar_graph > .er_bar p{
        width: 10px;
    }
    .evaluationResult_graph div > ul li .bar_graph > .er_bar span{
        font-size: 11px;
    }
    .myProgress .evaluationResult .legend span{
        display: block;
        font-size: 13px;
    }
	
    /* 230125 */
    .banner-info2 > div{
        display: block;
        height: initial;
    }
    .banner-info2 > div::after{
        position: initial;
        display: none;
    }
    .banner-info2 > div > dl{
        width: 100%;
    }
    
    /* 230125 학습일정안내 팝업 추가 */
    .main_popup{
        width: 100% !important;
        height: auto;
        left: auto;
    }
    .pop_data.notice230206 h4{
        font-size: 31px;
        padding: 0 0 25px 0;
    }
    .pop_data.notice230206 h4 > span{
        font-size: 25px;
    }
    
    .pop_data.notice230206 h4 > span::after{
        left: -17px;
    }
    .notice230206 .pop_data_date > dl > dt{
        line-height: 22px;
    }
    .notice230206 .pop_data_date > dl > dd > strong{
        margin-bottom: 5px;
        display: block;
    }
    .pop_data_notice{
        margin: 0 auto;
        padding: 25px 25px;
        width: calc(100% - 60px);
        height: auto;
    }
    .pop_data_notice::before{
        display: none;
    }
    .pop_data_notice li{
        width: 100%;
    }
    .pop_data_link{
        padding: 0 10px;
        margin-top: 20px;
    }
    .pop_data_link a{
        padding: 15px 0;
        flex-direction: column;
        height: auto;
        line-height: inherit;
    }
    .pop_data_link a span:first-child,
    .pop_data_link a span:last-child{
        width: 100%;
    }
    .pop_data_link a span:last-child{
        margin-top: 7px;
    }
    .pop_data_link a span img {
        display: none;
    }
    .main_popup .notice230206::after{
        bottom: 70px;
    }
}

/* media query 414 */
@media screen and (max-width: 414px){
    .ourschool_main{
        padding: 0;
    }
    .header_wrap h1 a img{
        width: 75%;
    }
    
    .header-right .alarm .message_layer{
        position: fixed;
        top: 90px;
        width: calc(100% - 50px);
    }
    .message_layer .top-wrap p:nth-child(2){
        margin-left: 0;
    }
    section.inner-user_info > a.logout,
    section.inner-user_info span:nth-child(4){
        width: 70px;  /*220222*/
        font-size: 13px;  /*220222*/
    }
    .learning_progress_rate li .inner_btn_wrap a:nth-child(2), 
    .learning_progress_rate li .inner_btn_wrap a:nth-child(3){
        margin-left: 1%;
        font-size: 14px;/*220222*/
    }
    .learning_progress_rate li{
        padding: 10px 20px;
        width: calc(100% - 40px); /*220819*/
    }
    
    .lapse .graph > div{
        width: calc(100% - 35px);
    }
    .serction3_header .legend{
        top: 75px; /*220222*/
    }
    .nonmember .learning_progress_rate li{
        padding: 10px 10px;
    }
    .nonmember .learning_progress_rate li{
        width: calc(100% - 30px);
    }
    .nonmember .ourschool_section1 .myLearning .what_nonmember{
        top: 65px;
    }

    .serction3_header .LP_tabwrap li::after{
        display: none; /*220302*/
    }
    /*220322*/
    .learning_progress_rate.LP_sub_list.videoContents .LP_subject .sub_text{
        width: calc(100% - 220px);
    }
    
    /*220502*/
    .notice_pop_style{
        width: 100% !important;
    }
    .noted_description dd{
        margin-left: 20px;
    }

    /* 220819 */
    .learning_progress_rate li .graph_wrap .rate_value{
        font-size: 17px;
    }
    .learning_progress_rate .inner_btn_wrap a:nth-child(1) img{
        margin-top: 13px;
        width: 66%;
    }

    /* 221214 */
    .learning_progress_rate.LP_sub_list.videobtn .LP_subject .sub_text{
        width: calc(100% - 110px);
        font-size: 15px;
    }
    .learning_progress_rate.LP_sub_list.videobtn li{
        padding: 10px 10px;
        width: calc(100% - 20px);
    }
    .evaluationResult_graph{
        width: 535px;
    }

    /* 230102 */
    .semester h5{
        display: block;
    }
}

/* media query 320 */
@media screen and (max-width: 360px){ /* 221214 */
	.subject_list_wrap > div > a .title{
		font-size: 18px;
	}
    .evaluationResult_graph{
        width: 435px;
    }
    
}


/*대시보드용 추가*/
.dashBoard {
	
   .semester {
       display: flex;
       align-items: flex-start;
    }
    .semester > div:first-child {
       flex: 0 0 30%;
       align-items: center;
       justify-content: center;
       margin: auto;
    }
    .semester > div:last-child {
       flex: 0 0 70%;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       margin: auto;
    }
    dl {
       margin: 0;
    }
    .semester dl:last-child::before {
	    content: '';
	    padding-right: 0px;
	    display: inline-block;
	    clear: both;
	}
    .semester h5 {
	    font-weight: 600;
	    margin-left: 20px;
	}
	.ourschool_section1 > div:nth-child(1){
	    width: calc(49.5% - 15px); /*230102*/
	}
	.ourschool_section1 > div:nth-child(2),
	.ourschool_section1 > div:nth-child(3){
	    margin: 10px 0px;
	    padding: 30px 30px 0px 30px;
	    width: calc(24.5% - 47.5px);
	}
	.ourschool_main h4 {
	    font-size: 18px;
	    font-weight: 600;
	} 
	.ourschool_section1{
    height: 220px;
    position: relative;
	}
	.last-week{
		overflow: hidden;
	    position: relative;
	    height: 180px;
	    padding-top: 30px;
	}
	.semester{
	    margin: 5px 0px;
	    padding: 5px 0;
	    background: #f2f2f2;
	    width: 40%;
	    text-align: center;
	    border-radius: 30px;
	}
	.myLearning .myLearning_btn{
	    position: absolute;
	    top: 130px;
	    left: 0px;
	    display: block;
	    width: 40%;
	    line-height: 50px;
	    background: #4b69cb;
	    color: #fff;
	    font-size: 20px;
	    border-radius: 5px;
	    text-align: center;
	}
	.user_study_graph {
	    position: absolute;
	    top: -30px;
	    right: 30px;
	    width: calc(60% - 90px);
	    height: calc(100% + 80px);
	    background: #f2f2f2;
	    padding: 15px;
	}
	
	.last-study{
	    overflow: hidden;
	    position: relative;
	    height: 145px;
	    top : 0px;
	}
	.last-week::after{
	    content: '';
	    display: block;
	    clear: both;
	}
	.last-week > h4{
	    width: 100%;
	}
	.last-week > h4 > span{
	    font-weight: normal;
	}
	.last-week > h4 > span.date{
	    display: block;
	    float: right;
	    font-size: 13px;
	    line-height: 18px;
	    color: #666666;
	}
	.last-week .msg-box{
	    margin-top: 10px;
	    padding: 13px 20px;
	    background: #f5f6f7;
	    border-radius: 10px;
	}
	.last-week .msg-box .main-msg{
	    margin-top: 2px;
	    color: #4b69cb;
	    font-size: 18px;
	    font-weight: 600;
	    line-height: 1.6;
	}
	.last-week .msg-box .main-msg img{
	    display: inline-block;
	    margin-top: -6px;
	    margin-left: 3px;
	}
	.last-week .msg-box .sub-msg{
	    margin-top: 7px;
	    color: #333;
	    font-size: 16px;
	    font-weight: 400;
	}
	.last-week .msg-box .sub-msg em{
	    font-weight: 600;
	}
	.last-week .msg-box .sub-msg .block{
	    display: block;
	    line-height: 22px;
	}
	.last-week .msg-box .sub-msg .red{
	    color: #cb0048;
	}
	.last-week .bt{
	    margin-top: 7px;
	    line-height: 22px;
	}
	.last-week .bt::after{
	    content: '';
	    display: block;
	    clear: both;
	}
	.last-week .bt > span{
	    display: block;
	    float: left;
	    font-size: 13px;
	    color: #999999;
	}
	.last-week .bt > a{
	    display: block;
	    float: right;
	    font-size: 14px;
	    font-weight: 600;
	    transition: .2s linear;
	}
	.last-week .bt > a > img{
	    display: inline-block;
	    margin-top: 3px;
	}
	.last-week .bt > a:hover{
	    color: #4b69cb;
	}
	
	/* popup */
	.proto_type_popup{
	    position: absolute;
	    top: 100px;
	    left: calc(50% - 512px);
	    width: 1024px;
	    height: auto;
	    padding: 24px;
	    background: #f5f5f5;
	    z-index: 999999999999999;
	    box-shadow: 0 0 12px 6px #bfbfbf;
	    border-radius: 5px;
	    transition: .2s linear;
	}
	 
}


 @media screen and (max-width: 1280px){
 	.dashBoard{
	 	.user_study_graph {
		    position: absolute;
		    top: -30px;
		    right: 30px;
		    width: calc(50% - 90px);
		    height: calc(100% + 80px);
		    background: #f2f2f2;
		    padding: 15px;
		}
		.user_study_graph {
		    height: calc(100% - 90px);
		    top: 30px;
		}
		.ourschool_section1 > div:nth-child(1){
	        width: calc(100% - 30px);
	        height: 200px; /* 230102 */
	        float: none;
	    }
		.ourschool_section1 > div:nth-child(2){
	        margin: 0px 0 0;
	        padding: 30px;
	        /* 230315 태블릿 가로모드시 나의 마지막 학습이 화면 가로 크기를 다 차지하도록 수정 */
	        /* width: calc(50% - 75.5px); */
	        width: calc(100% - 60px);
	        border-right: none;
	        margin-top: 10px;
	  	}
  		.ourschool_section1 > div:nth-child(3){
	         margin: 0px 0 0;
	        padding: 30px;
	        /* 230315 태블릿 가로모드시 나의 마지막 학습이 화면 가로 크기를 다 차지하도록 수정 */
	        /* width: calc(50% - 75.5px); */
	        width: calc(100% - 60px);
	        border-right: none;
	        margin-top: 10px;
	   	}
		.myLearning .myLearning_btn {
		    top: 30px;
		    left: 30px;
		    top: 150px;
		    width: calc(50% - 15px);
		}
		.semester {
   			 margin: 5px 0px;
		    padding: 5px 0;
		    background: #f2f2f2;
		    width: 50%;
		    text-align: center;
		    border-radius: 30px;
		}
		
 	}
}
@media screen and (max-width: 1024px){
	.dashBoard{
		 .ourschool_section1 > div:nth-child(2){
	        width: calc(100% - 60px);
	        margin-left: 0;
	        border-left: none;
	        float : inline-start;
	        margin-top: 10px;
	    }
	    .ourschool_section1 > div:nth-child(3){
	        width: calc(100% - 60px);
	        margin-left: 0;
	        border-left: none;
	        float : inline-start;
	        margin-top: 10px;
	    }
	    .dashborad_graph .graph_loc {
		    margin: 0px;
		    left: 0px;
		}
	}
}
@media screen and (max-width: 768px){
	.dashBoard{
		.ourschool_section1 > div:nth-child(1){
	        height: auto;
	    } 
	
		.dashborad_graph .graph_loc {
		    margin: 0px;
		}
		.myLearning .myLearning_btn {
		    position: unset;
		    width: calc(100% - 30px);
		    margin: 10px 0;
		}
		.user_study_graph {
		    position: unset;
		    width: calc(100% - 60px);
		    height: 180px;
		}
		.semester {
		    width: calc(100% - 30px);
		}
		.last-week > h4 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
   		}
	}
}

@media screen and (max-width: 380px){
	.dashBoard{
		.last-week .bt {
		    display: flex;
       		flex-wrap: wrap;
        	align-items: center;
		}	
	}
}

@media screen and (max-width: 425px){
	.dashBoardPop .tab-wrap > label{
		width: 100%;
	}
	.dashBoardPop .proto_type_popup.typeNew .proto-graph.type2 ul li {
		display: block;
	}
	.dashBoardPop .tab-wrap .tab-section {
	    display: none;
	    padding-top: 120px;
	}	
}

	

/* 메인화면 대시보드용 end */
/* .dashBoardPop .proto_type_popup{
    position: absolute;
    top: 100px;
    left: calc(50% - 512px);
    width: 1024px;
    height: auto;
    padding: 24px;
    background: #f5f5f5;
    z-index: 999999999999999;
    box-shadow: 0 0 12px 6px #bfbfbf;
    border-radius: 5px;
    transition: .2s linear;
}
.dashBoardPop .p_header h2 {
    position: relative;
    margin: 20px 0 50px;
    text-align: center;
    font-size: 30px;
    color: #222;
}
.dashBoardPop .p_header h2 em {
    font-weight: 600;
}
.dashBoardPop .p_header h2 .side-close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 0px;
}
.dashBoardPop .p_content {
}

.dashBoardPop .p_content .section .grid-split {
    display: flex;
}

.dashBoardPop .p_content .section .grid-split .con-wrap {
    margin-right: 24px;
    width: 50%;
}
.dashBoardPop .p_content .section .con-wrap h3 {
    margin-bottom: 20px;
    font-weight: 500;
    color: #333;
}
.dashBoardPop .p_content .section .con-wrap h3 {
    margin-bottom: 20px;
    font-weight: 500;
    color: #333;
}
.dashBoardPop .p_content .section .con-wrap h3 em {
    color: #2774d1;
    font-weight: 700;
}
.dashBoardPop .p_content .section .con-wrap .con-box {
    padding: 14px;
    background: #fff;
    border-radius: 10px;
}
.dashBoardPop .tab-wrap {
    margin-top: 0;
}
.dashBoardPop .tab-wrap input:checked + label {
    background: #424242;
    color: #fff;
    font-weight: 500;
}
.dashBoardPop label[for="tab1"] {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.dashBoardPop .tab-wrap > label {
    width: 33.3%;
    float: left;
}
.dashBoardPop .tab-wrap label {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: linear-gradient(90deg, #e6e6e6, 98%, #d5d5d5);
    color: #757575;
    cursor: pointer;
    line-height: 40px;
    font-size: 17px;
}
.dashBoardPop .tab-wrap input {
    display: none;
}
.dashBoardPop label[for="tab3"] {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#tab1:checked ~ #tabContent1, #tab2:checked ~ #tabContent2, #tab3:checked ~ #tabContent3 {
    display: block;
}
.tab-wrap .tab-section {
    display: none;
    padding-top: 40px;
}
 */