@charset "utf-8";


/* lms 나의 강의실 메인 */
.lms_main01{margin-bottom: 50px;}
.lms_main01 h4{ padding: 0 20px;display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 10px;}
.lms_main01 h4 select{margin-left: 10px; font-size: 13px; color: #386aff;font-weight: 600; border: 1px solid #d5e5fd; height: 34px; line-height: 34px; border-radius: 6px; min-width: 170px;}
.lms_main01 h4 strong{color: #1a1e54; font-size: 16px; font-weight: 900;}


.lms_main01_01{ position: relative;  overflow: hidden;}
.lms_main01_tit{ position: absolute; top:40%; z-index: 2; transform: translateY(-40%); width: 100%; display: inline-block;}
.lms_main01_tit a{display: inline-block; position: absolute;}
.lms_main01_tit a img{ width: 30px;}
.lms_main01_tit a.prev{left:0; }
.lms_main01_tit a.next{ right:0}


/*프로그램에서 박는 div*/
.lms_main01_01 .owl-carousel .owl-stage-outer{ padding-bottom:15px;}
.lms_main01_list{ display: flex; justify-content: space-between; flex-wrap: wrap;text-align: left;}
.lms_main01_con{ border-radius: 15px; background: #fff; box-shadow: 1px 10px 10px rgba(0,36,255,0.05); margin:0 12px; padding: 25px 30px;border: 1px solid #d5e5fd;}
.lms_main01_con .coss_nodata02{height:372px; display: flex; align-items: center;}


.lmsm_txt01 dl{margin-bottom: 20px;}
.lmsm_txt01 dl dt {display: flex; align-items: center;}
.lmsm_txt01 dl dt strong{font-size: 17px; font-weight: 600; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.lmsm_txt01 dl dd span{ font-size:15px;background: url("../../images/com/line01.png") left center no-repeat; padding-left: 10px;}
.lmsm_txt01 dl dd span:first-child{padding-left: 0; background:none;}
.lmsm_txt01 dl dd {display: flex; gap:7px; align-items: center; margin: 7px 0; font-weight: 500; font-size: 14px; white-space: nowrap;}
.lmsm_txt01 dl dd span:last-child{ overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.lmsm_txt01 dl dd em{display: inline-block; padding: 0 7px; border-radius: 3px; background: #ff0000; text-align: center; height: 17px; line-height: 17px; font-size: 11px; color: #fff;}

.lmsm_txt02{ display: inline-flex; justify-content: space-between; align-items:center; width: 100%; margin-bottom: 20px;}
.lmsm_txt02 .m_graph01 { width: 50%; margin-right: 10px; min-height: 140px;}
.lmsm_txt02 .m_graph01 img{width: 121px!important;}
.lmsm_txt02 ul { width: calc(50% - 10px); padding: 5px 15px; border-radius: 10px; background: #edf6ff; }
.lmsm_txt02 ul li { display: flex; justify-content: space-between; align-items: center; margin: 10px 0;}
.lmsm_txt02 ul li span{background: url("../../images/com/point04.png") left center no-repeat; padding-left: 10px; font-size: 13px; font-weight: 500;}
.lmsm_txt02 ul li strong{ font-size: 14px; font-weight: 700;}
.lmsm_txt02 ul li strong i{color: #386aff;font-variant-numeric: tabular-nums;}


.lmsm_txt03{ display: flex;justify-content: space-between; align-items: flex-start; margin-bottom: 15px; color: #fff; gap:5px;}
.lmsm_txt03 span{width: 100%; text-align: center; padding: 5px 0; border-radius: 3px;font-size: 11px; font-weight: 600; }
.lmsm_txt03 em{display: inline-block; padding: 4px 5px; border-radius: 30px; background: #fff; margin-left: 5px; font-size: 9px; min-width: 18px;}
.lmsm_txt03_bg01{background: #2bc7ff}
.lmsm_txt03_bg02{background: #ffc90e;}
.lmsm_txt03_bg03{background: #ff8ace}


.lmsm_txt03_bg01 em{color: #1db3ff; }
.lmsm_txt03_bg02 em{color: #ffc90e; }
.lmsm_txt03_bg03 em{color: #ff6bbc; }


.lmsm_txt04{text-align: center; font-size: 13px; font-weight: 600; margin-bottom: 15px;}
.lmsm_txt04 span{ color: #ff0000; font-weight: 700; font-size: 14px;}


.lmsm_txt05{justify-content: space-between; display: flex; gap:5px;}
.lmsm_txt05 a{text-align: center; background: #f3f6ff; border: 1px solid #d4dcf4; border-radius: 4px; line-height: 40px; height: 40px; font-size: 14px; font-weight: 600; color: #3669ff; width: 100%;}
.lmsm_txt05 a:hover,
.lmsm_txt05 a:focus{background: #3669ff;  color: #fff; border: 1px solid #3669ff; }
.lmsm_txt05 .lms_main01_btn02{background-color:#f8f3ff; border: 1px solid #e2d4f4; color: #933eff;}
.lmsm_txt05 .lms_main01_btn02:hover,
.lmsm_txt05 .lms_main01_btn02:focus{background: #933eff;  color: #fff;border: 1px solid #933eff;}


@media all and (max-width :1720px) {
.lms_main01_con{ margin:0 7px; padding: 20px 25px;}
}

@media all and (max-width :1520px) {
.lms_main01 h4{ padding: 0 10px;}
.lms_main01 h4 strong{font-size: 15px; }

.lms_main01{ border-radius: 10px;margin-bottom: 30px;}
.lms_main01_con{ border-radius: 10px; padding: 20px 15px 15px 15px; margin:0 5px;}

.lmsm_txt01 dl dt strong{font-size: 16px;}
.lmsm_txt01 dl dd span{ font-size:14px;}
.lmsm_txt01 dl dd { font-size: 13px;}

.lmsm_txt02 ul li span{ font-size: 12px;}
.lmsm_txt02 ul li strong{ font-size: 13px;}
.lms_main01_con .coss_nodata02{height:363px;}

}


 
@media all and (max-width :767px) {

.lms_main01 h4{ padding: 0 5px 0 10px; margin-bottom: 7px;}
.lms_main01 h4 strong{font-size: 13px; font-weight: 700;}

.lms_main01_con{ border-radius:10px; margin: 0 5px;padding: 20px 15px;}

.lmsm_txt01 dl dt strong{font-size: 15px;}

.lms_main01_tit{ top:45%; transform: translateY(-45%);}
.lms_main01_tit a img{ width: 25px;}
.lms_main01_tit a.prev{left:0; }
.lms_main01_tit a.next{ right:0}

.lmsm_txt04{ font-size: 12px;}
.lmsm_txt04 span{  font-size: 13px;}

}








/*lms 메인 달력*/
.lms_main_guide01{display: flex; justify-content: space-between; }
.lms_main_left{  width: 40%;margin-right: 50px;}
.lms_main_right{ width: 60%;}

.lms_calendar_guide01{display: flex; justify-content: space-between;}
.lms_calendar_guide01 .lms_calendar_txt01{width: 100%; margin-top: 10px;}
.lms_calendar_guide01 .lms_calendar_txt01 li a{ display: flex; justify-content:space-between; gap:10px; align-items: center; margin: 3px 0;}
.lms_calendar_guide01 .lms_calendar_txt01 li a strong{ display: inline-block; padding: 5px 10px; text-align: center; color: #fff; font-weight: 600; font-size: 12px; border-radius: 0 30px 30px 30px;}
.lms_calendar_guide01 .lms_calendar_txt01 li a span{ font-size: 15px; width: calc(100% - 100px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.lms_calendar_guide01 .lms_calendar_txt01 li a:hover span,
.lms_calendar_guide01 .lms_calendar_txt01 li a:focus span{color: #0035d1;}


.lms_calendar_guide01 .bg_red{color: #ff0000;}
.lms_calendar_guide01 .bg_blue{color: #386aff;}
.lms_calendar_guide01 .today{ background: #b2ffea; font-weight: 700!important; padding-top: -10px!important;}
.lms_calendar .active i{ background: #386aff; font-weight: 700!important; color: #fff;}

.lms_calendar_guide01 .bg_fc01{background: #49dd8e; color: #fff; border: 2px solid #fff;}
.lms_calendar_guide01 .bg_fc02{background: #2dcbc9; color: #fff; border: 2px solid #fff;}
.lms_calendar_guide01 .bg_fc03{background: #ac9bff; color: #fff; border: 2px solid #fff;}


.lms_calendar .calendar_month { margin-bottom: 5px; text-align: center; display: flex; justify-content:space-between;align-items: flex-end; gap:0; }
.lms_calendar .calendar_month > div{  width: 100%; margin-bottom:10px; text-align: left;}
.lms_calendar .calendar_month > div > p{  display: inline-block; position: relative;}
.lms_calendar .calendar_month strong{ font-size: 18px; font-weight: 800; margin:0 30px;}
.lms_calendar .calendar_month .cal_btn_prev{background: url("../../images/com/arrow_back01.png") center no-repeat; width: 20px; height: 20px; display: inline-block; text-indent: -9999px; position: absolute; top:0; left:0;}
.lms_calendar .calendar_month .cal_btn_next{background: url("../../images/com/arrow_next01.png") center no-repeat;  width: 20px; height: 20px; display: inline-block; text-indent: -9999px; position: absolute; top:0; right:0;}



.lms_calendar{width: 100%; }
.lms_calendar table{width: 100%;}
.lms_calendar table th{background: #edf6ff; color: #1a1e54;font-size: 10px; padding: 4px 0; font-weight: 700;}
.lms_calendar table tr:first-child th:first-child {border-radius: 50px 0 0 50px;  overflow: hidden;}
.lms_calendar table tr:first-child th:last-child {border-radius:  0 50px 50px 0;  overflow: hidden;}

.lms_calendar table tr {border-bottom: 1px dashed #dbe1ee;}
.lms_calendar table tr:last-child {border-bottom: 0;}
.lms_calendar table tr td{text-align: center; height: 50px; line-height: 50px; position: relative;}
.lms_calendar table tr td .td_box i{font-size: 12px; margin-bottom: 5px; font-weight: 700; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center;}

.lms_calendar td .td_box{ display: block; height: 100%;width: 100%;}

.lms_calendar .date_text02{position: absolute; bottom: 3px; left:50%; transform: translateX(-50%); z-index: 2; width: 100%; height: 12px; display: flex; justify-content: center;}
.lms_calendar .date_text02 em{ border-radius: 50%;text-indent: -9999px; font-size: 0; width: 12px; height: 12px;}

.lms_calendar td a:hover,
.lms_calendar td a:focus{ font-weight: 500;}

@media all and (max-width :1520px) {

.lms_main_left{  width: 30%;margin-right: 20px;}
.lms_main_right{ width: 70%;}


.lms_calendar .calendar_month strong{ font-size: 15px;margin:0 25px; font-weight: 600;}
.lms_calendar .calendar_month { flex-wrap: wrap;}

.lms_calendar_guide01 .lms_calendar_txt01 li a strong{  padding: 4px 8px; font-size: 11px; }
.lms_calendar_guide01 .lms_calendar_txt01 li a span{ font-size: 15px; width: calc(100% - 80px);}
}
@media all and (max-width :1280px) {
.lms_main_guide01{flex-wrap: wrap}
.lms_main_left{  width: 100%;margin-right: 0; margin-bottom: 20px;}
.lms_main_right{ width: 100%;}


.lms_calendar_guide01 .lms_calendar_txt01 li a span{ font-size: 14px;}
}

@media all and (max-width :767px) {
.lms_calendar_guide01 .lms_calendar_txt01 li a strong{  font-size: 10px; }
.lms_calendar_guide01 .lms_calendar_txt01 li a span{ font-size: 13px;}
}






.lms_main02{ display: flex; justify-content: space-between; gap:15px;}
.lms_main02 > dl{width: 33.333%;border-radius: 15px; background: #fff; box-shadow: 1px 10px 10px rgba(0, 36, 255, 0.05);
 overflow: hidden;}
 .lms_main02 > dl.bg_fc01{ border: 1px solid #49dd8e;}
 .lms_main02 > dl.bg_fc02{ border: 1px solid #2dcbc9;}
 .lms_main02 > dl.bg_fc03{ border: 1px solid #ac9bff;}

.lms_main02 > dl.bg_fc01 > dt{background: #49dd8e;}
.lms_main02 > dl.bg_fc02 > dt{background: #2dcbc9;}
.lms_main02 > dl.bg_fc03 > dt{background: #ac9bff;}


.lms_main02_01 > dt{padding: 15px 20px; color: #fff; min-height: 35px; display: flex; align-items: center; font-size: 15px;}
.lms_main02_01 > dd{  overflow-y:overlay; height: 250px; margin:15px 0; }
.lms_main02_01 > dd::-webkit-scrollbar { width:10px; }
.lms_main02_01 > dd::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.25); border-radius: 100px;}

.lms_main02_01 .coss_nodata02{ height: 240px; display: flex; align-items: center;}

.lms_main02_02{margin-bottom: 15px; border-bottom: 1px dashed #ddd;padding:0 15px 10px 15px;}
.lms_main02_02 > dt{background: url("../../images/com/tit_02.png") left center no-repeat;  background-size: 18px; padding-left: 23px; margin-bottom: 5px; font-size: 14px;}
.lms_main02_02 > dd{font-size: 13px;  margin-bottom: 5px; display: flex;}
.lms_main02_02 > dd em{margin-right: 5px; font-weight: 500;font-variant-numeric: tabular-nums;}

.lms_main02 dl dl:last-child{margin-bottom: 0; border-bottom:0;}

@media all and (max-width :1520px) {
.lms_main02{ gap:10px;}
.lms_main02 > dl{border-radius: 10px;}

.lms_main02_01 > dt{padding: 10px 15px;font-size: 14px;}
.lms_main02_02 > dt{ background-size: 15px; padding-left: 20px; font-size: 13px;}
.lms_main02_02 > dd{font-size: 12px;}
}
@media all and (max-width :767px) {
.lms_main02{ flex-wrap: wrap;}
.lms_main02 > dl{width: 100%;}
.lms_main02_01 > dd{  max-height:150px; height:auto;}
.lms_main02_01 .coss_nodata02{ height: 100px;}
}



/*lms 라운드박스 가이드 */
.lms_view_box01{background-image: linear-gradient(0deg, rgb(237,241,249)10%,rgb(229,238,255));  border-radius: 20px; padding: 30px; margin-bottom: 20px;}
@media all and (max-width: 1520px) {
.lms_view_box01{ border-radius: 15px; padding: 20px; margin-bottom: 30px;}
}
@media all and (max-width: 1024px) {
.lms_view_box01{border-radius: 0;background-image:none; padding: 0; margin-bottom: 20px;}
}
@media all and (max-width: 767px) {
.lms_view_box01{margin-bottom: 10px;}
}








.lms_main03_top{ justify-content: flex-end; display: flex; gap:5px;  margin-bottom: 10px;}
.lms_main03_top a{background-position: 10px center;background-repeat: no-repeat; padding: 0 15px 0 40px; background-size: 26px;color: #fff; border-radius: 6px;font-weight: 600; font-size: 13px; line-height: 35px;  height: 35px; white-space: nowrap;}
.lms_main03_top .nmt_btn01{ background-color: #3669ff;background-image: url(../../images/com/lms_icon16.png);}
.lms_main03_top .nmt_btn02{ background-color: #2bc7ff; background-image: url(../../images/com/lms_icon04_03.png); background-size: 21px;}

@media all and (max-width: 1280px) {
.lms_main03_top a{  font-size: 12px;line-height: 30px;  height: 30px; }
.lms_main03_top .nmt_btn01{ background-size: 20px;padding: 0 20px 0 32px; }
.lms_main03_top .nmt_btn02{ background-size: 15px;padding: 0 20px 0 28px; }
}







.lms_main03{margin-bottom: 40px; display: flex; justify-content: space-between;}
.lms_main03 .lms_main03_01 ul li { display: flex; align-items: center; gap:5px;}
.lms_main03 .lms_main03_01 ul li .tit_s{ font-size: 14px; margin: 5px 0; }
.lms_main03 .lms_main03_01 ul li .tit_b{ font-size: 22px; margin-bottom: 5px;}
.lms_main03 .lms_main03_01 ul li span{  font-size: 15px; border-radius: 4px;  font-weight: 500;background: url("../../images/com/point04.png") left center no-repeat; padding-left: 14px; padding-right: 10px;}

.lms_main03 .lms_main03_01 ul li span:first-child{padding-left: 0;background: none;}
.lms_main03 .m_badge02{border-radius: 4px; line-height: 19px; height: 21px; display: inline-flex; min-width: 40px;font-size: 11px; justify-content: center; align-items: center; font-weight: 600; white-space: nowrap; margin-right: 5px; padding: 0 6px; color: #000;}

.lms_main03 .lms_badge01{display: inline-flex; border: 2px solid #3669ff;border-radius:4px; padding: 0 4px; height: 19px; line-height: 17px; font-size: 10px; background: #fff; align-items: center;  white-space: nowrap; font-weight: 500; margin-left: 3px;}
.lms_main03 .m_badge04{border-radius: 30px; line-height: 19px; height: 19px; display: inline-flex; min-width: 30px;font-size: 10px; justify-content: center; align-items: center; font-weight: 700; white-space: nowrap;padding: 0 4px; margin-left: 5px; background: #fff; color: #3440e2;}

.lms_main03 .m_yellow{background-color:#fdfec6; border: 1px solid #dfe17e;}
.lms_main03 .m_green{background-color:#f0ffd5; border: 1px solid #a7d544;}
.lms_main03 .m_pink{background-color:#ffeafa; border: 1px solid #ffd5f6;}

.lms_main03 .lms_main03_02{border-radius: 10px; background: #fff; width: 280px; overflow: hidden;}
.lms_main03 .lms_main03_02 a > span:first-child{ font-size: 12px; font-weight: 600; background: #6c8dc7; color: #fff;  padding: 7px 15px;display:flex; align-items: center; justify-content: space-between;}
.lms_main03 .lms_main03_02 a > span:last-child{display:flex; align-items: center; padding: 15px ;width: 100%;flex-wrap: wrap;background: url("../../images/com/lms_main_icon02.png") calc(100% - 10px) center no-repeat; padding-right: 55px; background-size: 43px;}

.lms_main03 .lms_main03_02 a > span > strong{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px;display: block; width: 100%; margin-top: 7px;}
.lms_main03 .lms_main03_02 .c_rbadge01{ padding: 0 4px; font-size: 10px;height: 19px; line-height: 19px;}


@media all and (max-width: 1520px) {
.lms_main03 .lms_main03_01 ul li .tit_s{ font-size: 13px; }
.lms_main03 .lms_main03_01 ul li .tit_b{ font-size: 18px; }
}

@media all and (max-width: 1280px) {
.lms_main03 .lms_main03_01 ul li .tit_s{ font-size: 12px; }
.lms_main03 .lms_main03_01 ul li .tit_b{ font-size: 16px; }
.lms_main03 .lms_main03_01 ul li span{ font-size: 13px; }
}

@media all and (max-width: 1024px) {
.lms_main03{border-bottom: 1px dashed #ddd; padding-bottom: 10px;}
.lms_main03 .lms_main03_01 ul li .tit_b{ font-size: 15px; }
.lms_main03_02_std > span{ margin: 5px 0 5px 0;}
.lms_main03_02{border:1px  solid #6c8dc7;}

}


@media all and (max-width: 767px) {
.lms_main03{  background: #e7effd;border: 0; border-radius: 10px; padding: 15px; margin-bottom: 20px; flex-wrap: wrap;}
.lms_main03 .lms_main03_01 ul li{flex-wrap: wrap; display: inline-flex; gap:0; width: 100%;}
.lms_main03 .lms_main03_01 ul li strong{ font-size: 14px; margin: 5px 0 0 0;}
.lms_main03 .lms_main03_01 ul li span{  font-size: 12px; }
.lms_main03 .lms_main03_02{border:0; width: 100%; margin-top: 10px; border-radius: 6px;}
}












.lms_main09{ display: flex; justify-content: space-between; margin-bottom: 40px; gap:20px;}
.lms_main09_left{display: flex; justify-content: space-between; width: 50%;}

.lms_main09_01{display: flex; justify-content: space-between; margin-right: 20px; width: calc(60% - 20px);}
.lms_main09_01 > img{ height: 160px; margin-right:20px;}

.lms_main09_01 dl {border-radius: 30px 20px 20px 20px; background: #fff; box-shadow: 1px 10px 10px rgba(0,36,255,0.08);  border: 3px solid #3261f2; display: flex; flex-wrap: wrap;  text-align: center; position: relative;}
.lms_main09_01 dl:before{position: absolute; top:37px; left:-20px; display: inline-block; width: 20px; height: 16px; content: '';background: url("../../images/com/lms_main_icon04.png") center no-repeat;}
.lms_main09_01 dl dt{ width: 100%;font-size: 20px;font-weight: 800; background: #3261f2; color: #fff; padding: 15px 0 10px 10px; border-radius: 24px 14px 0 0; margin-bottom: 15px; position: relative;}

.lms_main09_01 dl dt:before{ position: absolute; content: ''; width: 34px; height: 40px; display: inline-block; top:5px; left:10px;background-position: center;background-repeat:no-repeat; background-size: 34px;}

.lms_main09_01 dl dt.lms_m01:before{ background-image:  url("../../images/com/lms_m_icon01.png");}/* 0% */
.lms_main09_01 dl dt.lms_m02:before{ background-image:  url("../../images/com/lms_m_icon02.png");}/* 30% */
.lms_main09_01 dl dt.lms_m03:before{ background-image:  url("../../images/com/lms_m_icon03.png");}/* 60% */
.lms_main09_01 dl dt.lms_m04:before{ background-image:  url("../../images/com/lms_m_icon04.png");}/* 90% */
.lms_main09_01 dl dt.lms_m05:before{ background-image:  url("../../images/com/lms_m_icon05.png");}/* 100% */


.lms_main09_01 dl dd{ width: 100%; font-size: 13px; padding: 0 20px 15px 20px}
.lms_main09_01 dl dd > em{font-size: 15px; font-weight: 600; margin-bottom: 5px; display:inline-block; color: #3261f2;}


.lms_main09_02{ width: 40%;border-radius: 10px; background: #fff  url("../../images/com/lms_main_icon05.png") calc(100% - 15px) calc(100% - 15px) no-repeat; box-shadow: 1px 10px 10px rgba(0,36,255,0.05); padding: 25px 30px; background-size: 110px;}

.lms_main09_02 dl dt{font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.lms_main09_02 dl dd strong{font-size:25px; font-weight: 800; margin-bottom: 10px;}
.lms_main09_02 dl dd em{font-size: 20px; font-weight: 700; display: block;}



.lms_main09_right{width: 50%; border-radius: 10px; background: #fff; box-shadow: 1px 10px 10px rgba(0,36,255,0.05); padding: 10px 20px; display: flex; align-items: center;}
.lms_main09_03{width: 100%;}
.lms_main09_03 ul.w01 li a{width: 100%;justify-content: center;}
.lms_main09_03 ul.w02 li {width:auto;justify-content: center; margin:0 20px;}
.lms_main09_03 ul.w04,
.lms_main09_03 ul.w05,
.lms_main09_03 ul.w06{justify-content:flex-start;}

.lms_main09_03 ul{ display: inline-flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: center; height: 140px;}
.lms_main09_03 ul li{width: calc(33.333% - 10px); display: flex; margin:0 5px; align-items: center; height: 70px; }
.lms_main09_03 ul li a{display: flex; align-items: center; width: 100%;}
.lms_main09_03 ul li .lms_graph01{ width: 60px; margin-right: 15px;}
.lms_main09_03 ul li .lms_graph01 img{ width: 60px;}
.lms_main09_03 ul li strong{margin-right: 5px;}
.lms_main09_03 ul li i{font-weight: 800;color: #ff0000;  font-size:16px;}
.lms_main09_03 ul li em{display: block; margin-top: 3px; font-size: 13px; font-weight: 600;}
.lms_main09_03 ul li b{color: #3261f2;}


.lms_main09_04{width: 100%;}
.lms_main09_04 ul{ display: inline-flex; flex-wrap: wrap; align-items: center; width: 100%; justify-content: center; height: 140px;}
.lms_main09_04 ul li{width: calc(33.333% - 10px); display: flex; margin:0 5px; align-items: center; height: 70px; }
.lms_main09_04 ul li a{display: flex; align-items: center; width: 100%;}
.lms_main09_04 ul li .lms_graph01{ width: 90px; margin-right: 15px;}
.lms_main09_04 ul li .lms_graph01 img{ width: 90px;}
.lms_main09_04 ul li strong{margin-right: 5px;}
.lms_main09_04 ul li i{font-weight: 800;color: #ff0000;  font-size:16px;}
.lms_main09_04 ul li em{display: block; margin-top: 3px; font-size: 13px; font-weight: 600;}
.lms_main09_04 ul li b{color: #3261f2;}


@media all and (max-width: 1720px) {
.lms_main09{ gap:20px;}
.lms_main09_01 > img{ height: 100px;}
.lms_main09_01 dl dd{  padding: 0 15px 15px 15px}
.lms_main09_02{padding: 15px 15px;}

.lms_main09_04 ul li a{ flex-wrap: wrap; justify-content: center;}
.lms_main09_04 ul li .lms_graph01{width: 80px; margin-right: 0; margin-bottom: 5px;}
.lms_main09_04 ul li .lms_graph01 img{ width: 80px;}
.lms_main09_04 ul li strong{margin-right: 0;}
.lms_main09_04 ul li span{width: 100%; text-align: center;}
}


@media all and (max-width: 1520px) {
.lms_main09{ margin-bottom: 30px;}
.lms_main09_01 > img{ margin-right:10px;}
.lms_main09_01 dl {border-radius: 20px 10px 10px 10px;}
.lms_main09_01 dl:before{ top:20px;}

.lms_main09_01 dl dt{ font-size:18px;font-weight: 700;padding: 10px 0; border-radius: 15px 6px 0 0; margin-bottom: 10px; line-height: 20px;}
.lms_main09_01 dl dt:before{width: 25px; height: 29px;background-size: 25px;}
.lms_main09_01 dl dd{  padding: 0 10px 10px 10px}


.lms_main09_02{  background-position: calc(100% - 10px) calc(100% - 10px); padding: 15px 20px; background-size: 80px;}
.lms_main09_02 dl dt{font-size: 14px; margin-bottom: 5px; }
.lms_main09_02 dl dd strong{font-size:20px;}
.lms_main09_02 dl dd em{font-size: 18px;}

.lms_main09_right{ padding: 5px 10px;}

.lms_main09_03 ul{  height: 120px;}
.lms_main09_03 ul li{height: 60px; }
.lms_main09_03 ul li .lms_graph01{ width: 50px; margin-right: 10px;}
.lms_main09_03 ul li .lms_graph01 img{ width: 50px;}

.lms_main09_03 ul li i{ font-size:14px;}
.lms_main09_03 ul li em{ font-size: 12px}


.lms_main09_04 ul{  height: 120px;}
.lms_main09_04 ul li{height: 60px; }
.lms_main09_04 ul li .lms_graph01{ width: 65px;}
.lms_main09_04 ul li .lms_graph01 img{ width: 65px;}

.lms_main09_04 ul li i{ font-size:14px;}
.lms_main09_04 ul li em{ font-size: 12px}

}


@media all and (max-width: 1280px) {
.lms_main09{flex-wrap: wrap;}
.lms_main09_left{width: 100%;}
.lms_main09_01{ margin-right: 20px; width: calc(60% - 20px);}
.lms_main09_01 dl{width: calc(100% - 105px);}
.lms_main09_right{width: 100%; margin-top: 10px;}
}

@media all and (max-width: 1024px) {
.lms_main09{ margin-bottom: 20px;}
.lms_main09_01 dl dt{ font-size:16px;}
.lms_main09_02{ border: 1px solid #e6eefe}
.lms_main09_right{border: 1px solid #e6eefe; margin-top: 0;}
.lms_main09_02 dl dd strong{font-size:18px;}
}

@media all and (max-width: 767px) {
.lms_main09_right{ padding: 5px;}
.lms_main09_03 ul li .lms_graph01{margin-right: 5px;}
.lms_main09_03 ul li strong{margin-right: 0; font-size: 12px;}
.lms_main09_03 ul li i{ font-size:13px; display:block;}
.lms_main09_03 ul li em{ font-size: 11px; margin-top: 0;}

.lms_main09_04 { padding:10px 0;}
.lms_main09_04 ul li strong{ font-size: 12px;}
.lms_main09_04 ul li i{ font-size:13px; display:block;}
.lms_main09_04 ul li em{ font-size: 11px; margin-top: 0;}
}


@media all and (max-width: 520px) {
.lms_main09_left{flex-wrap: wrap;}
.lms_main09_01{width: 100%; margin-right: 0}
.lms_main09_01 > img{ height: 80px;}
.lms_main09_01 dl dt{ font-size:16px;}
.lms_main09_01 dl dd{ font-size: 12px; }
.lms_main09_01 dl dd > em{font-size: 14px;}

.lms_main09_02{width: 100%;margin-top: 10px;}
}





















/*마이크로 러닝인경우 출력되는 화면*/
.lms_main08{display: flex; justify-content: space-between; margin-bottom: 30px; background: #fff; border-radius: 10px; padding: 20px;box-shadow: 1px 10px 10px rgba(0,36,255,0.05); width: 100%;}

.lms_main08_01{display: flex; justify-content: space-between; align-items: center;width: 100%;}


.lms_main08_01 .lms_main08_01_txt{width: 100%; margin-right: 15px;}
.lms_main08_01 .lms_main08_01_txt dt{font-size: 17px; font-weight: 600;background:url("../../images/com/tit_02.png") left center no-repeat; background-size: 22px; padding:2px 0 2px 27px; margin-bottom: 10px;}

.lms_main08_01 .lms_main08_01_txt dd{margin: 7px 0; font-size: 14px; display: flex;justify-content: space-between; padding-left: 2px;}
.lms_main08_01 .lms_main08_01_txt dd strong{ display: inline-block; min-width: 18px; height: 18px; text-align: center; color: #fff; font-weight: 600; font-size: 10px; background: #1a1e54 ; border-radius: 30px; line-height: 18px; }
.lms_main08_01 .lms_main08_01_txt dd span{width: calc(100% - 25px);}




.lms_main08_01 .lms_main08_01_img{ display: flex; justify-content:flex-end;text-align: center; width: 700px;}
.lms_main08_01 .lms_main08_01_img dd { position: relative; margin-right: 30px;border:1px dashed #c1d2f4; border-radius: 50%; background:#f6fcff url("../../images/com/lms_icon01_03.png") center 25px no-repeat; box-shadow: 1px 10px 10px rgba(0,36,255,0.05); width: 150px; height: 150px; background-size: 40px;} 

.lms_main08_01 .lms_main08_01_img dd:after{content:''; background:url("../../images/com/visual_btn_next.png") right center no-repeat; background-size: 10px; width: 20px; display: inline-block; height: 20px;position: absolute; top:50%;transform: translateY(-50%);right:-20px;}

.lms_main08_01 .lms_main08_01_img dd strong{display: block; font-size: 13px; font-weight: 600;  white-space: nowrap;margin: 80px 0 5px 0; }
.lms_main08_01 .lms_main08_01_img dd strong > em{ display: inline-block; padding: 5px 15px;  background: #597cbe; color: #fff; border-radius: 50px; }
.lms_main08_01 .lms_main08_01_img dd span{display: block; font-size: 13px; font-weight: 500; white-space: nowrap;}
.lms_main08_01 .lms_main08_01_img dd:nth-of-type(2){background-image:url("../../images/com/lms_icon03_03.png"); }
.lms_main08_01 .lms_main08_01_img dd:nth-of-type(3){background-image:url("../../images/com/lms_icon09_03.png"); }

.lms_main08_01 .lms_main08_01_img dt{ border:2px solid #e6eefe; border-radius: 20px; background: #fff url("../../images/com/lms_icon17.png") center 20px no-repeat;  box-shadow: 1px 10px 10px rgba(0,36,255,0.05); width: 170px; background-size: 80px;} 
.lms_main08_01 .lms_main08_01_img dt strong{ font-size: 14px; font-weight: 700;margin-top: 110px; display: block;}

@media all and (max-width: 1720px) {
.lms_main08_01 .lms_main08_01_img{width: 640px;}
.lms_main08_01 .lms_main08_01_img dd {width: 130px; height: 130px; background-size: 30px;} 
.lms_main08_01 .lms_main08_01_img dd strong{ font-size: 12px;margin: 65px 0 5px 0; }
.lms_main08_01 .lms_main08_01_img dd strong > em{ padding: 3px 10px;}
.lms_main08_01 .lms_main08_01_img dd span{ font-size: 11px;}

.lms_main08_01 .lms_main08_01_img dt{ width: 150px; background-size: 60px; padding: 10px 20px;} 
.lms_main08_01 .lms_main08_01_img dt strong{ font-size: 12px;margin-top:75px;}
}


@media all and (max-width: 1520px) {
.lms_main08_01 {flex-wrap: wrap;}
.lms_main08_01 .lms_main08_01_img{width: 100%; justify-content:center; margin-top: 10px;}
}



@media all and (max-width: 767px) {
.lms_main08{border:1px solid #e6eefe}
.lms_main08_01 .lms_main08_01_txt dt{font-size: 14px;}
.lms_main08_01 .lms_main08_01_txt dd{ font-size: 13px;}

.lms_main08_01 .lms_main08_01_img {flex-wrap: wrap;}
.lms_main08_01 .lms_main08_01_img dd{ width: calc(33.333% - 15px); border-radius: 10px; margin-right: 15px; height: auto; padding-bottom: 10px; background-size: 20px; background-position: center 10px; padding: 10px;}
.lms_main08_01 .lms_main08_01_img dd:after{ background-size: 5px; width: 12px; display: inline-block; height: 10px;right:-10px;}
.lms_main08_01 .lms_main08_01_img dd:nth-of-type(3):after{display: none;}
.lms_main08_01 .lms_main08_01_img dt{width: 100%; margin-top: 20px; position: relative; border-radius: 10px;}
.lms_main08_01 .lms_main08_01_img dt:before{content:''; background:url("../../images/com/select_arrow01.png") center top no-repeat; width: 20px; display: inline-block; height: 20px;position: absolute; top:-20px;right:-20px; left:50%; transform:translateX(-50%);}

.lms_main08_01 .lms_main08_01_img dd span{ font-size: 10px;}
.lms_main08_01 .lms_main08_01_img dd strong{ font-size: 10px;margin: 30px 0 5px 0; white-space: normal;}
.lms_main08_01 .lms_main08_01_img dd strong > em{display: inline-block; border-radius: 4px;}

}



















.lms_main07{ display: flex; justify-content: space-between; margin-bottom: 40px; gap:20px;}
.lms_main07 .cv_tit05{ display: flex; justify-content: space-between; align-items:flex-end;}
.lms_main07 .cv_tit05 > strong{background: url(../../images/com/tit_02.png) left center no-repeat; background-size: 20px; display: inline-block; padding-left: 25px; font-size: 18px; font-weight: 700; white-space: nowrap;}

.lms_main07 .cv_tit05 > span{display: flex; align-items: center; gap:30px; justify-content: flex-end; font-size: 12px; font-weight: 500;  width: 100%;}
.lms_main07 .cv_tit05 > span em{position: relative;}

.lms_main07 .cv_tit05 > span .lms_gi01 i{ padding-left: 14px;}
.lms_main07 .cv_tit05 > span .lms_gi01:before{ border: 2px solid #000; background: #fff; border-radius: 50%; width: 6px; height: 6px;display: inline-block; content: ''; position: absolute;top:2px;left:0;}


.lms_main07 .cv_tit05 > span .lms_gi02 i{ padding-left: 35px;}
.lms_main07 .cv_tit05 > span .lms_gi02:before{ border-bottom: 2px dotted #000;width: 30px; height: 2px;display: inline-block; content: ''; position: absolute;top:5px;left:0;}



.lms_main07 > div {width:calc(50% - 10px); border-radius: 10px; background: #fff; box-shadow: 1px 10px 10px rgba(0, 36, 255, 0.05); padding: 25px 30px;}


.lms_main07_01 {display: flex; justify-content: center; align-items: flex-end; padding-top:50px;}
.lms_main07_01 ul {width: 100%;}

.lms_main07_01 ul li.graph01{ height: 200px; margin-bottom: 10px; align-items: flex-end; position: relative; border-bottom: 2px solid #e6eefe;}
.lms_main07_01 ul li{ display: flex; justify-content: center; font-size: 13px; }
.lms_main07_01 ul li > i{display: inline-block; position: absolute; bottom:0; left:50% ; transform: translateX(-50%);width: 20px;}

.lms_main07_01 ul li > i.lms_gi01{border: 2px solid #000; background: #fff; border-radius: 50%; width: 10px; height: 10px;display: inline-block; margin-bottom:-5px; z-index: 5;text-indent: -9999px;}
.lms_main07_01 ul li > i.lms_gi02{border-bottom: 2px dotted #000;width: 20px; height: 3px;display: inline-block; z-index: 4;}
.lms_main07_01 ul li > i > em{font-size: 11px; position: absolute; border: 1px solid #555; left:25px; top:-8px; padding: 2px 4px; border-radius: 3px; font-weight: 700; color: #3261f2;  background: #fff;}
.lms_main07_01 ul li > i > em:after{content: '◀';font-size: 6px; position: absolute; left:-6px; top:48%; transform: translateY(-48%); display: inline-block; color: #555;}


.lms_main07_01 ul li > span > em{position: absolute; bottom:0;  height: 100%;  display: inline-block; width: 20px; left:50%; transform: translateX(-50%); z-index: 2; border-radius: 3px 3px 0 0;}

.lms_main07_01 ul li > span > em.lms_m100{background: #4a5ae3;}
.lms_main07_01 ul li > span > em.lms_m80{background: #3bb2d8;}
.lms_main07_01 ul li > span > em.lms_m60{background: #9dd543;}
.lms_main07_01 ul li > span > em.lms_m40{background: #fc686e;}
.lms_main07_01 ul li > span > em.lms_m20{background: #fcce52;}
.lms_main07_01 ul li > span > em.lms_m00{background: #e1e5ef;}



.lms_main07_01 ul li > span{ background: #e1e5ef;text-indent: -9999px; display: inline-flex; height: 100%; width: 20px;  border-radius: 3px 3px 0 0;}

@media all and (max-width: 1720px) {
.lms_main07 > div { padding: 20px 25px;}
}

@media all and (max-width: 1520px) {
.lms_main07{  margin-bottom: 30px;}
.lms_main07 .cv_tit05 > strong{ font-size: 15px;}
.lms_main07 .cv_tit05 > span{gap:15px; }
.lms_main07 > div { padding: 15px 20px;}
}
@media all and (max-width: 1280px) {
.lms_main07 .cv_tit05{flex-wrap: wrap;}
.lms_main07 .cv_tit05 > span{ width: 100%; margin-top: 5px;}
.lms_main07_01 { padding-top:20px;}
.lms_main07_01 ul li.graph01{ height: 180px; }
}
@media all and (max-width: 1024px) {
.lms_main07{  margin-bottom: 20px; flex-wrap: wrap; }
.lms_main07 .cv_tit05 > strong{ font-size: 14px;background-size: 16px; padding-left: 20px; }
.lms_main07 > div {padding: 15px 20px;border: 1px solid #e6eefe; width: 100%;}

}


@media all and (max-width: 767px) {
.lms_main07 > div {padding: 15px;}
}




.content_scrollbar::-webkit-scrollbar { width:10px; }
.content_scrollbar::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.30); border-radius: 100px;}







/*notice tab*/
.notice01{ position:relative; width:100%;  height: 280px;}

.notice01 .tab_tit{ display:inline-block; margin-top: 10px;}
.notice01 .tab_tit a{ height:35px;line-height:35px; padding:0 15px; display:block; text-align:center; font-size:13px; font-weight: 600; margin: 0 1px; min-width: 90px; border-radius: 30px;background: #e1e5ef; color: #515b74;}
.notice01 .tab_tit a:hover, 
.notice01 .tab_tit a:focus,
.notice01 .tab_tit a.active{ background: #3261f2; box-shadow:  -1px -5px 10px rgba(0,0,0,0.1); color: #fff;}


.notice01_all{position:absolute; display:block; width:100%; top:50px; left:0;background: #fff;}

.notice01_all ul{ max-height: 230px;overflow-y:overlay;overflow-x:hidden;}
.notice01_all ul::-webkit-scrollbar { width:10px; }
.notice01_all ul::-webkit-scrollbar-thumb { background-color: hsla(0, 0%, 50%, 0.30); border-radius: 100px;}

.notice01_all ul li a:hover ,
.notice01_all ul li a:focus {border: 1px solid #0035d1;}

.notice01_all ul li a{ display: inline-flex; justify-content:flex-start; align-items: center; flex-wrap: wrap;border: 1px solid #ddd; margin: 5px 0; border-radius:8px; padding:10px 15px; width: 100%;background: url(../../images/com/arrow_next01.png) calc(100% - 10px) center no-repeat; background-size: 5px; padding-right: 20px; }

.notice01_all ul li strong{ font-size:15px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-weight: 500; width: 100%;}
.notice01_all ul li i{ min-width: 40px; margin-bottom: 5px;}

.notice01_all .notice01_more{position:absolute; top:-35px; right:5px;}

@media all and (max-width :1520px) {
.notice01 .tab_tit a{ min-width:inherit;font-size:12px; height:30px;line-height:30px; }
.notice01_all{ top:45px;}
.notice01_all ul li strong{ font-size:14px; }
.notice01_all .notice01_more{ top:-30px;}

}
@media all and (max-width :1280px) {
.notice01{  height: 270px; }
}

@media all and (max-width :767px) {

}












.lms_main04 ul{margin-bottom: 30px; display: flex;justify-content: space-between; gap:10px; }
.lms_main04 ul li{ padding: 15px; border-radius: 10px;box-shadow: 1px 10px 10px rgba(0,36,255,0.05); background-size: 24px; background-position: 18px calc(100% - 13px); background-repeat: no-repeat;background-color: #fff; width: 100%;}

.lms_main04 ul li span{ font-size: 14px;font-weight: 600; display: block;}
.lms_main04 ul li span i{margin-left: 5px; font-size: 15px; font-weight: 700; color: #ff0000;}
.lms_main04 ul li strong{display: block; text-align: right; font-size: 22px; padding-top: 20px; font-weight: 700; color: #3669ff;}
.lms_main04 ul li strong em{font-size: 15px; font-weight: 500; color: #000;}

.lms_ticon_style01{background-size: 18px; background-position: left center; background-repeat: no-repeat; padding-left: 25px; display: inline-block; min-width: 45px;/*image-rendering: pixelated;*/}

.lms_ticon01{background-image: url("../../images/com/lms_icon01.png");}/* 강의 */
.lms_ticon02{background-image: url("../../images/com/lms_icon02.png");}/* 과제 */
.lms_ticon03{background-image: url("../../images/com/lms_icon03.png");}/* 퀴즈 */
.lms_ticon04{background-image: url("../../images/com/lms_icon04.png");}/* 시험 & 기말& 중간 */
.lms_ticon05{background-image: url("../../images/com/lms_icon05.png");}/* 토론 */
.lms_ticon06{background-image: url("../../images/com/lms_icon06.png");}/* 팀활동 */
.lms_ticon07{background-image: url("../../images/com/lms_icon07.png");}/* 출강생 & 출석 */
.lms_ticon08{background-image: url("../../images/com/lms_icon08.png");}/* 미진행학생 */
.lms_ticon09{background-image: url("../../images/com/lms_icon09.png");}/* 강좌 */

@media all and (max-width: 1280px) {
.lms_main04 ul li {background-size: 20px; background-position: 15px calc(100% - 18px); }
}
@media all and (max-width: 1024px) {
.lms_main04 ul li {border: 2px solid #e6eefe}
.lms_main04 ul li strong{font-size: 18px;}
.lms_main04 ul li strong em{font-size: 13px;}
}
@media all and (max-width: 767px) {
.lms_main04 ul {gap:5px;flex-wrap: wrap; justify-content: flex-start;}
.lms_main04 ul li{ padding: 10px; border-radius: 6px;background-size: 15px; background-position: 10px calc(100% - 10px); width: calc(33.333% - 5px);}
.lms_main04 ul li span{ font-size: 11px; }
.lms_main04 ul li span i{font-size: 12px;}
.lms_main04 ul li strong{ font-size: 13px; padding-top: 10px;}
.lms_main04 ul li strong em{font-size: 12px;}
.lms_ticon_style01{background-size: 16px; padding-left: 20px; min-width: 40px;}

}











/* 사용안함(교수에서만 사용됨) */
.lms_main05 ul{margin-bottom: 50px; display: flex;justify-content: space-between; gap:10px;}
.lms_main05 ul li{ padding: 20px 15px;background: #fff; border-radius: 10px;box-shadow: 1px 10px 10px rgba(0,36,255,0.05);border: 2px solid #fff;width: 100%;text-align: center; min-height: 250px;}

.lms_main05 ul li{ padding: 20px 15px;background: #fff; border-radius: 10px;box-shadow: 1px 10px 10px rgba(0,36,255,0.05);border: 2px solid #fff;width: 100%;text-align: center;}
@media all and (max-width: 1520px) {
.lms_main05 ul{flex-wrap: wrap; gap:0;margin-bottom: 30px}
.lms_main05 ul li{ width: calc(50% - 5px);margin-bottom: 10px; }
}
@media all and (max-width: 1024px) {
.lms_main05 ul{margin-bottom: 20px;}
.lms_main05 ul li{border: 1px solid #e6eefe;}
}
@media all and (max-width: 767px) {
.lms_main05 ul li{ width: 100%}
}






.lms_main06 .m_badge03{border-radius: 4px; line-height: 19px; height: 21px; display: inline-flex; min-width: 30px;font-size: 10px; justify-content: center; align-items: center; font-weight: 600; white-space: nowrap; margin-right: 5px; padding: 0 6px;  }
.lms_main06 .m_gray{ border: 1px solid #a7a7a7;background-color: #fff; color: #555!important}
.lms_main06 .m_pink{background-color:#3261f2;}
.lms_main06 .m_blue{ border: 1px solid #0038ff; color: #0038ff;background-color: #fff;}
.lms_main06 .m_red{ border: 1px solid #ff0000; color: #ff0000;background-color: #fff;}
.lms_main06 .m_sky{ border: 1px solid #00c0ff; color: #00c0ff;background-color: #fff;}


.lms_main06{margin-bottom: 20px; display: flex;justify-content: space-between;}
.lms_main06 div{ padding: 20px 30px;background: #fff; border-radius: 10px;box-shadow: 1px 10px 10px rgba(0,36,255,0.05);width: calc(50% - 10px); }
.lms_main06 div ul li{display: flex; justify-content: space-between; margin: 10px 0; align-items: center;}
.lms_main06 div ul li a{width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  font-size: 15px; font-weight: 500;}
.lms_main06 div ul li a:hover,
.lms_main06 div ul li a:focus{color: #0033ca;}

.lms_main06 h5{display: flex;justify-content: space-between; align-items: center; margin-bottom: 20px;}
.lms_main06 h5 strong{display: block; font-size: 16px; padding:3px 0 3px 25px; background-size: 20px; background-position: left center; background-repeat: no-repeat; font-weight: 800;color: #1a1e54;}
.lms_main06 div ul li span{font-size: 11px;font-variant-numeric: tabular-nums;}
.lms_main06 .lms_main06_01 h5 strong{background-image: url("../../images/com/lms_icon13.png");}
.lms_main06 .lms_main06_02 h5 strong{background-image: url("../../images/com/lms_icon14.png");}
.lms_main06 .lms_main06_03 h5 strong{background-image: url("../../images/com/lms_icon15.png");}


.lms_main06  ul li a{background: url("../../images/com/point03.png") left center no-repeat; padding-left: 10px; }

@media all and (max-width: 1520px) {
.lms_main06{ gap:10px;}
.lms_main06 h5 strong{ font-size: 15px; font-weight: 700;}
.lms_main06 div{ padding: 15px 20px;}

}
@media all and (max-width: 1024px) {
.lms_main06 h5 {margin-bottom: 10px;}
.lms_main06 h5 strong{ font-size: 14px;}
.lms_main06 div{ border: 1px solid #e6eefe;}
.lms_main06 div ul li a{ font-size: 14px;}
}


@media all and (max-width: 767px) {
.lms_main06{ gap:0; flex-wrap: wrap;}
.lms_main06 div{ width: 100%; margin-bottom: 20px;}
.lms_main06 div ul li a{ font-size: 13px;}
}






.lms_vtab_left{ display: inline-flex; gap:5px; margin: 0 0 10px 20px; font-size: 13px;}
.lms_vtab_left select{min-width: 80px; border:2px solid #3669ff; }
@media all and (max-width: 767px) {
.lms_vtab_left{ margin: 0 0 10px 0;width: 100%;justify-content: flex-end;}
.lms_vtab_left select{ border:1px solid #3669ff; }
}



















/* 강의관리 : 주제별 학습 강의실 */
.lms_list_top01 {display: flex; justify-content: space-between; align-items: flex-end; margin: 30px 10px 0 10px;}
.lms_list_top01  .lms_btn_style01{ background: #3669ff url(../../images/com/lms_icon16.png) 10px center no-repeat;padding: 0 15px 0 40px; background-size: 26px; color: #fff; border-radius: 6px; font-weight: 600; font-size: 13px; line-height: 35px; height: 35px; white-space: nowrap;}

.lms_list_top01 .cv_t_btn {display: flex; align-items: center;gap:5px;}
.lms_list_top01 .cv_t_btn button{background-color:#fff;background-position:  left center; background-repeat: no-repeat; border: 1px solid #cedbff; border-radius: 6px; box-shadow: -1px -5px 5px rgba(53,88,243,0.05); font-size: 13px; height: 35px; line-height: 33px; padding: 0 10px; font-weight: 500; color: #001274; white-space: nowrap;}
.lms_list_top01 .cv_t_btn i{background-position:  left center; background-repeat: no-repeat; padding-left: 18px; background-size: 15px; display: block;}

.lms_list_top01 .cv_t_btn .cvt_i01{background-color:#f0f5ff;}
.lms_list_top01 .cv_t_btn .cvt_i01 i{ background-image: url(../../images/com/icon_copy02_01.png); background-size: 17px;}
.lms_list_top01 .cv_t_btn .cvt_i02 i{ background-image: url(../../images/com/icon_copy01.png);}

.lms_list_top02 {display: flex; margin: 40px 10px 0 10px; gap:5px; justify-content:flex-end;}

@media all and (max-width: 767px) {
.lms_list_top01 { margin: 15px 5px 0 5px;}
.lms_list_top01  .lms_btn_style01{background-position:5px center ;padding: 0 10px 0 23px; background-size: 16px;font-size: 11px; line-height: 25px; height: 25px;border-radius: 4px;}

.lms_list_top01 .cv_t_btn button{border-radius: 4px;font-size: 11px; height: 25px; line-height: 23px; padding: 0 10px;}
.lms_list_top01 .cv_t_btn button i{ background-image: none!important; background-position: 0;padding-left: 0; }

}





/*강의관리 : 주제별학습 강의실 리스트 */
.lms_list01{ margin:20px 0;}
.lms_list01 .lms_list_box { padding:15px 30px;  border-radius: 20px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border: 1px solid #f2f2f2; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center;}
.lms_list01 .lms_list_box .lms_list_box_left{ display: flex;  align-items:flex-start;position: relative; margin-right: 20px; width: calc(100% - 400px);}

.lms_list01 .lms_list_box dt{display: flex;}
.lms_list01 .lms_list_box dd{ display: flex; align-items: center; gap:5px;}
.lms_list01 .lms_list_box .s_tit{ font-size: 15px; display: inline-block; font-weight: 500; }
.lms_list01 .lms_list_box .b_tit{font-size: 20px; font-weight: 600;display: inline-flex; align-items: flex-start; margin-bottom: 10px;}
.lms_list01 .lms_list_box .b_tit > .c_rbadge01{margin: 0 5px 0 0; padding: 4px 7px;}

.lms_list01 .lms_list_box .chu{margin-left: 5px;background: url(../../images/com/tit_01_01.png) left center no-repeat;padding-left: 18px; background-size: 15px; font-size: 13px; color: #ff0000; font-weight: 700; height: 25px;}

.lms_list01 .lms_list_box a.b_tit:hover,
.lms_list01 .lms_list_box a.b_tit:focus{color: #0035d1; font-weight: 600!important;}

.lms_list01 .lms_list_box .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap;}   

.lms_list01 .lms_list_box .c_txt01 li{display: flex; align-items: center;  margin-right: 20px;}
.lms_list01 .lms_list_box .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}



/* 강의관리 : 주제별 학습 강의실 리스트 안의 날짜선택 */
.lms_list01 .day_date01 input{ font-size: 13px; height: 30px; line-height: 30px;}
.lms_list01 .day_date01 > i{ display: inline-flex;width: 15px; justify-content: center; align-items: center;}
.lms_list01 .day_date01 input[type=text].datepicker+.ui-datepicker-trigger {margin-left: -25px!important; width: 25px; height: 25px;}

@media all and (max-width: 1280px) {
.lms_list01 .lms_list_box { padding:20px;  border-radius: 15px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.03); border: 1px solid #ddd; margin-bottom: 20px; flex-wrap: wrap;}
.lms_list01 .lms_list_box .lms_list_box_left{margin-right: 0; margin-bottom: 10px; width: 100%;}

.lms_list01 .lms_list_box .b_tit{ font-size: 18px;}
.lms_list01 .lms_list_box .c_txt01{ font-size: 14px;}
.lms_list01 .lms_list_box .c_txt01 li{margin-right: 10px;}
.lms_list01 .lms_list_box .c_txt01 li > i{margin: 3px 5px 3px 0;}
}

@media all and (max-width: 767px) {
.lms_list01 .lms_list_box .s_tit{ font-size: 14px; }
.lms_list01 .lms_list_box .b_tit{width:100%;font-size: 15px;}
.lms_list01 .lms_list_box .b_tit > .c_rbadge01{margin: -1px 5px 0 0;}

.lms_list01 .lms_list_box dl,
.lms_list01 .lms_list_box dl dd{width: 100%;}
.lms_list01 .lms_list_box .c_txt01{ gap:0; font-size: 13px;padding: 1px 3px; flex-wrap: wrap; width: 100%;}
.lms_list01 .lms_list_box .c_txt01 li{width: 100%; position: relative;}
.lms_list01 .lms_list_box .c_txt01 li.ct_flex01{ flex-wrap: wrap; }
.lms_list01 .lms_list_box .c_txt01 li.ct_flex01 span{width: 100%; margin-top: 5px;}
.lms_list01 .lms_list_box .c_txt01 li.ct_flex01 span .c_txt01_btn{ position: absolute; top:0; left:65px;}

.lms_list01 .day_date01 {display: flex; margin-top: 5px;}
.lms_list01 .day_date01 input {min-width:130px!important;}

}



/*강의관리 : 주제별학습 강의실 리스트 오른쪽 아이콘 */
.lms_list01 .lms_list_box .lms_list_box_right{width: 380px;}
.lms_list01 .lms_list_box .lms_list_box_right ul{ display: flex; justify-content: space-between; width: 100%; align-items: center; flex-wrap: wrap; }
.lms_list01 .lms_list_box .lms_list_box_right ul li{width: calc(33.333% - 6px); margin: 3px; text-align: center;}
.lms_list01 .lms_list_box .lms_list_box_right ul li a{background: #fff; border: 1px dashed #ceddf5; border-radius: 6px; height: 40px; line-height: 38px; font-size: 13px; font-weight: 600; padding: 0 15px; min-width: 80px; white-space: nowrap; display: flex; justify-content: space-between; align-items: center; box-shadow: 1px 5px 5px rgba(0,36,255,0.05);}
.lms_list01 .lms_list_box .lms_list_box_right ul li a > strong{background: #3669ff; border-radius: 30px; height: 18px; line-height: 19px; font-size: 11px; margin-left: 10px; min-width: 18px; padding: 0 6px; display: inline-block; color: #fff;text-align: center;}

.lms_list01 .lms_list_box .lms_list_box_right ul li a:hover,
.lms_list01 .lms_list_box .lms_list_box_right ul li a:focus{background: #f0fdff; border: 1px solid #3669ff;}

.lms_list01 .lms_list_box .lms_list_box_right ul li a:hover span,
.lms_list01 .lms_list_box .lms_list_box_right ul li a:focus span{color: #1b4fe8;}

@media all and (max-width: 1280px) {
.lms_list01 .lms_list_box .lms_list_box_right{ width: 100%;}
}
@media all and (max-width: 767px) {
.lms_list01 .lms_list_box .lms_list_box_right ul li a{padding: 0 6px; min-width: 60px;font-size: 11px; height: 34px; line-height: 32px;}
.lms_list01 .lms_list_box .lms_list_box_right ul li a > strong{margin-left: 5px; font-size: 9px;min-width: 16px; height: 16px; line-height: 16px}
}










/*강의관리 : 주제별학습 강의실 상세페이지 */

.lms_list_box_guide01{ margin: 10px 0 30px 0;}

.lms_list_box_guide01 .lms_list_box01.llb_line{ border: 1px solid #b3c8ea;}
.lms_list_box_guide01 .lms_list_box01.llb_line strong > i{ height: 36px; line-height: 34px; }
.lms_list_box_guide01 .lms_list_box01.llb_line a{height: 36px; line-height: 36px;padding: 0 10px; }


.lms_list_box_guide01 .lms_list_box01{padding: 25px 40px; border-radius: 20px;  border: 1px solid #f2f2f2; margin-bottom: 20px; position: relative; background: #f3f5fb url("../../images/com/all_bg03.png") center repeat;}
.lms_list_box_guide01 .lms_list_box01 .llb_tb_btn{background: url("../../images/com/arrow_top_bottom.png") center no-repeat;padding-left: 10px;display: inline-block; width: 21px; height: 35px; text-indent: -99999px; position: absolute; top:20px; left:-10px;}
.lms_list_box_guide01 .lms_list_box01 .llb_tb_btn:hover,
.lms_list_box_guide01 .lms_list_box01 .llb_tb_btn:focus{background-image: url("../../images/com/arrow_top_bottom_01.png")}

.lms_list_box_guide01 .lms_list_box01 .lms_list_tit01{ display: flex; align-items: center; justify-content: space-between; gap:5px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_tit01 strong{font-size: 18px; display: flex; align-items: center; width: calc(100% - 90px);}
.lms_list_box_guide01 .lms_list_box01 .lms_list_tit01 input[type=text]{padding: 0 10px; font-size: 14px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_tit01 select{font-size: 13px;border: 1px solid #d6deeb; height: 38px;line-height: 38px;border-radius: 4px; vertical-align: middle; min-width: 100px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_tit01 span{ display: flex; align-items: center; justify-content: space-between;gap:5px;}

.lms_list_box_guide01 .lms_list_box01 .lms_list_tit01 strong > i{display: inline-flex; margin-right: 5px; border: 2px solid #3669ff; border-radius: 0 8px 8px 8px; padding: 0 10px; height: 26px; line-height: 23px; font-size: 11px; background: #fff; align-items: center;white-space: nowrap;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_tit02{  display: flex; gap:20px; align-items: center; margin-bottom: 15px;}
@media all and (max-width: 1720px) {
.lms_list_box_guide01 .lms_list_box01{padding: 20px 25px; }
}
@media all and (max-width: 1520px) {
.lms_list_box_guide01 .lms_list_box01{padding: 20px; border-radius: 15px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_tit01 strong{font-size: 16px;}
}
@media all and (max-width: 1280px) {
.lms_list_box_guide01 .lms_list_box01{padding: 15px; }
}
@media all and (max-width: 767px) {
.lms_list_box_guide01 .lms_list_box01{ border-radius: 10px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_tit01 strong{font-size: 14px;}
}




.lms_list_box_guide01 .lms_list_box01 .lms_list_con{display: inline-flex; gap:25px; justify-content: space-between; align-items: center; width: 100%; margin-top: 20px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul{ border-radius: 15px; background: #fff;box-shadow: 1px 10px 10px rgba(53, 88, 243, 0.12); width: 20%}

.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:first-child{display: flex; align-items: center; padding:20px 20px 7px 20px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:first-child:before{background-color: #f7f8fe;background-position:  center; background-repeat:  no-repeat; width: 60px; height: 60px; overflow: hidden; border-radius: 0 60px 60px 60px;content: ''; display: inline-block; margin-right: 20px; border: 1px dashed #e4e4f2; box-shadow: 1px 5px 0 rgba(53, 88, 243, 0.05);image-rendering: pixelated;}

.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_icon01 li:first-child:before{background-image: url("../../images/com/lms_icon01_02.png")} /* 퀴즈 */
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_icon02 li:first-child:before{background-image: url("../../images/com/lms_icon02_02.png")} /* 과제 */
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_icon03 li:first-child:before{background-image: url("../../images/com/lms_icon03_02.png")} /* 퀴즈 */
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_icon04 li:first-child:before{background-image: url("../../images/com/lms_icon04_02.png")} /* 시험 */
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_icon05 li:first-child:before{background-image: url("../../images/com/lms_icon05_02.png")} /* 토론 */
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_icon06 li:first-child:before{background-image: url("../../images/com/lms_icon06_02.png")} /* 팀활동 */


.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li div{ width: calc(100% - 90px);}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li p{margin: 10px 0;display: flex; align-items: center; justify-content: space-between;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li p span{font-size: 14px; font-weight: 500;background: url("../../images/com/point02.png") left center no-repeat;padding-left: 8px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li p strong{font-size: 15px;font-weight: 700;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li p:last-child strong{font-size: 15px; color: #ff0000; font-weight: 700;}
/*.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_bv li p strong{ color: #3669ff;}*/

.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:last-child{text-align:right; margin: 0 5px 5px 0;}

.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li a span{ padding: 6px 24px 6px 18px;font-size: 11px; font-weight: 600; border-radius:30px;  background-image:url("../../images/com/arrow_right01.png");background-repeat:  no-repeat;background-position: calc(100% - 10px) center; background-size: 5px; color: #fff; display: inline-block;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_bv li a span{background-color: #5886d0} 
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_bw li a span{background-color: #fe98cb} 


.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_bv li a:hover span,
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_bv li a:focus span{background-color: #355cb8;} 
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_bw li a:hover span,
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul.llb_bw li a:focus span{background-color: #f66c9b;} 


@media all and (max-width: 1720px) {
.lms_list_box_guide01 .lms_list_box01 .lms_list_con{gap:10px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:first-child{ padding:15px 20px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:first-child:before{ width: 46px; height: 46px;margin-right: 10px; background-size: 29px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li div{ width: calc(100% - 65px);}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li p span{font-size: 13px; }
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li p{margin: 5px 0;}
}

@media all and (max-width: 1520px) {

.lms_list_box_guide01 .lms_list_box01 .lms_list_con {margin-top: 15px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul{border-radius: 8px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:first-child{padding:5px 15px 15px 15px; justify-content: space-between;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:first-child:before{width: 32px; height: 32px; background-size: 20px; box-shadow: none; }
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li div{ width: calc(100% - 50px);}

.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li a span{ padding: 5px 18px 5px 14px; font-size: 10px;background-size: 4px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li p span{font-size: 12px; }
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li p strong{font-size: 13px;}

}

@media all and (max-width: 1280px) {
.lms_list_box_guide01 .lms_list_box01 .lms_list_con{flex-wrap: wrap; justify-content: flex-start; gap:0;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul{width: calc(33.333% - 10px); margin: 5px;}
}

@media all and (max-width: 767px) {
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul{width: calc(50% - 10px);border-radius: 6px;}

.lms_list_box_guide01 .lms_list_box01 .lms_list_con{justify-content:space-between;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul{ position: relative;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:last-child{ margin: 0 10px 10px 0;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:first-child{flex-wrap: wrap;padding:15px 15px 10px 15px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li:first-child:before{ margin-right: 0; border: 0; position: absolute;bottom:5px;left:8px; background-color: #fff;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li div{ width:100%;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li a {margin-top: -1px;}
.lms_list_box_guide01 .lms_list_box01 .lms_list_con ul li a span{ font-size: 9px;padding: 4px 10px; background-image: none; }
}










/* 강의관리 > 강의콘텐츠 리스트 & 학습자료실 리스트 & 과제 리스트 사용~ */
.lms_list02{ margin-bottom:20px;}
.lms_list02 .lms_list_box { border-radius: 15px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border: 1px solid #d5e4ff; margin-bottom: 10px; position: relative;}

.lms_list02 .lms_list_box .llb_tb_btn{background: url("../../images/com/arrow_top_bottom.png") center no-repeat;padding-left: 10px;display: inline-block; width: 21px; height: 35px; text-indent: -99999px; position: absolute; top:20px; left:-10px;}
.lms_list02 .lms_list_box .llb_tb_btn:hover,
.lms_list02 .lms_list_box .llb_tb_btn:focus{background-image: url("../../images/com/arrow_top_bottom_01.png")}

.lms_list02 .lms_list_box .lms_badge01{display: inline-flex; border: 2px solid #3669ff;border-radius:4px; padding: 0 6px; height: 24px; line-height: 23px; font-size: 11px; background: #fff; align-items: center;  white-space: nowrap; font-weight: 500;}
.lms_list02 .lms_list_box dl{ overflow: hidden; padding:10px 20px 10px 20px;}
.lms_list02 .lms_list_box dd{ display: flex; align-items: center; gap:5px; margin: 5px 0; }
.lms_list02 .lms_list_box .ss_tit{ font-size: 14px; display: inline-block; font-weight: 400; }
.lms_list02 .lms_list_box .s_tit{ font-size: 15px; display: inline-block; font-weight: 500; }
.lms_list02 .lms_list_box .b_tit{/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ font-size: 20px; margin: 7px 0 5px 0; font-weight: 600; display: block;display: flex; align-items: center;}

.lms_list02 .lms_list_box a.b_tit:hover,
.lms_list02 .lms_list_box a.b_tit:focus{color: #0035d1; font-weight: 600!important;}

.lms_list02 .lms_list_box .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px;}   
.lms_list02 .lms_list_box .c_txt01 li{display: flex; align-items: center; margin-right: 20px;}
.lms_list02 .lms_list_box .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}



.lms_list02 .lms_list_box .c_txt_guide{ padding:10px 20px; background: #f4f6fb; display: flex; justify-content: space-between; border-top: 1px dashed #d5e4ff; border-radius: 0 0 15px 15px; }
.lms_list02 .lms_list_box .c_txt02{display: flex; align-items: center;gap:5px; }
.lms_list02 .lms_list_box .c_txt02 li a{box-shadow: 1px 5px 5px rgba(0,0,0,0.08);}


.lms_list02 .lms_list_box .c_txt03 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap; }

.lms_list02 .lms_list_box .c_txt04{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px;color: #ff0000;} 
.lms_list02 .lms_list_box .c_txt04 li > em{background: url(../../images/com/title_icon07.png) left center no-repeat;padding-left: 21px; background-size: 16px; font-weight: 600;}
.lms_list02 .lms_list_box .c_txt04 li{display: flex; align-items: center; margin-right: 20px;}
.lms_list02 .lms_list_box .c_txt04 li > i{background: url(../../images/com/point03.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}


.lms_list02 .lms_list_box .ab_guide01{ position: absolute; top:50%; transform: translateY(-50%);right:20px;}


@media all and (max-width: 1280px) {
.lms_list02 .lms_list_box .b_tit{ font-size: 18px;}
.lms_list02 .lms_list_box .c_txt01,
.lms_list02 .lms_list_box .c_txt03,
.lms_list02 .lms_list_box .c_txt04{ font-size: 14px;}
.lms_list02 .lms_list_box .c_txt01 li{margin-right: 10px;}
.lms_list02 .lms_list_box .c_txt01 li > i,
.lms_list02 .lms_list_box .c_txt03 li > i,
.lms_list02 .lms_list_box .c_txt04 li > i{margin: 3px 5px 3px 0;}
}



@media all and (max-width: 767px) {
.lms_list02 .lms_list_box .lms_badge01{ padding: 0 6px; height: 20px; line-height: 19px;}
.lms_list02 .lms_list_box {border-radius: 15px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.03); border: 1px solid #ddd; margin-bottom: 20px;}

.lms_list02 .lms_list_box dl{ padding:10px 20px 10px 20px;}
.lms_list02 .lms_list_box .s_tit{ font-size: 14px; }
.lms_list02 .lms_list_box .ss_tit{ font-size: 13px; }
.lms_list02 .lms_list_box .b_tit{width:100%;margin: 5px 0 3px 0; font-size: 15px;}
.lms_list02 .lms_list_box .c_txt01{ gap:0; font-size: 13px;}
.lms_list02 .lms_list_box .c_txt01 li{ align-items:flex-start; margin: 3px 10px 3px 0;}
.lms_list02 .lms_list_box .c_txt01 li > i{margin: 0 5px 0 0;}

.lms_list02 .lms_list_box .c_txt_guide{flex-wrap: wrap; padding:10px 20px;border-radius: 0 0 15px 15px;}
.lms_list02 .lms_list_box .c_txt02{ width: 100%; justify-content: flex-end; gap:3px;}

.lms_list02 .lms_list_box .c_txt03,
.lms_list02 .lms_list_box .c_txt04{ font-size: 12px;}
.lms_list02 .lms_list_box .c_txt03 li,
.lms_list02 .lms_list_box .c_txt04 li{ margin: 3px 10px 3px 0;}
.lms_list02 .lms_list_box .c_txt04 li > em{;padding-left: 15px; background-size: 12px; }


.lms_list02 .lms_list_box .c_txt03 li > i,
.lms_list02 .lms_list_box .c_txt04 li > i{margin: 0 5px 0 0;}

.lms_list02 .lms_list_box .ab_guide01{  top:10px; transform:none;right:10px;}
}






/* 평가관리 > 과제 리스트 사용 */
.lms_list03{ margin-bottom:20px;}
.lms_list03 .lms_list_box { border-radius: 20px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); border: 2px solid #d5e4ff; margin-bottom: 30px; position: relative; display: flex; justify-content: space-between;align-items: flex-end;}

.lms_list03 .lms_list_box .ab_guide01{ position: absolute; top:50%; transform: translateY(-50%);right:20px;}

.lms_list03 .lms_list_box .lms_badge01{display: inline-flex; border: 2px solid #3669ff;border-radius:4px; padding: 0 6px; height: 24px; line-height: 23px; font-size: 11px; background: #fff; align-items: center;  white-space: nowrap; font-weight: 500; }
.lms_list03 .lms_list_box dl{ overflow: hidden; padding:25px 30px 15px 30px;}
.lms_list03 .lms_list_box dd{ display: flex; align-items: center; gap:5px;}
.lms_list03 .lms_list_box .s_tit{ font-size: 15px; display: inline-block; font-weight: 500; }
.lms_list03 .lms_list_box .b_tit{/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ font-size: 20px; margin: 7px 0 5px 0; font-weight: 600; display: block;display: flex; align-items: center;}
.lms_list03 .lms_list_box > li{width: 100%;}
.lms_list03 .lms_list_box > li.ll03_li{text-align: right; width:auto; white-space: nowrap;}


.lms_list03 .lms_list_box a.b_tit:hover,
.lms_list03 .lms_list_box a.b_tit:focus{color: #0035d1; font-weight: 600!important;}

.lms_list03 .lms_list_box .c_txt01{ display: flex; align-items: center; justify-content: flex-start; padding:0 3px; flex-wrap: wrap; margin-left: -3px;}   
.lms_list03 .lms_list_box .c_txt01 li{display: flex; align-items: center; margin-right: 20px;}
.lms_list03 .lms_list_box .c_txt01 li > i{background: url(../../images/com/point02.png) left center no-repeat;padding-left: 10px;display: inline-block;margin: 5px 5px 5px 0; white-space: nowrap;}

.lms_list03 .lms_list_box .c_txt_guide{ padding:15px 30px; background: #f4f6fb; display: flex; justify-content: space-between; border-top: 1px dashed #d5e4ff; border-radius: 0 0 20px 20px}
.lms_list03 .lms_list_box .c_txt02{display: flex; align-items: center;gap:5px;}
.lms_list03 .lms_list_box .c_txt02 li a{box-shadow: 1px 5px 5px rgba(0,0,0,0.08);}

.lms_list03 .lms_list_box .lms_btn_guide{ padding:25px 30px 15px 30px; display: inline-block;}

@media all and (max-width: 1520px) {
.lms_list03 .lms_list_box dl{ padding:25px 30px 25px 30px;}
.lms_list03 .lms_list_box {flex-wrap: wrap;}
.lms_list03 .lms_list_box > li{width: 100%;}
.lms_list03 .lms_list_box > li.ll03_li{text-align: right; width:100%; margin-top: -20px;}
.lms_list03 .lms_list_box .lms_btn_guide{ padding:0 30px 15px 30px;}

}
@media all and (max-width: 1280px) {
.lms_list03 .lms_list_box .b_tit{ font-size: 18px;}
.lms_list03 .lms_list_box .c_txt01{ font-size: 14px;}
.lms_list03 .lms_list_box .c_txt01 li{margin-right: 10px;}
.lms_list03 .lms_list_box .c_txt01 li > i{margin: 3px 5px 3px 0;}
}


@media all and (max-width: 767px) {
.lms_list03 .lms_list_box .lms_badge01{ padding: 0 6px; height: 20px; line-height: 19px;}
.lms_list03 .lms_list_box {border-radius: 15px; box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.03); border: 1px solid #ddd; margin-bottom: 20px;}

.lms_list03 .lms_list_box .ab_guide01{  top:10px; transform:none;right:10px;}

.lms_list03 .lms_list_box dl{ padding:15px;}
.lms_list03 .lms_list_box .s_tit{ font-size: 14px; }
.lms_list03 .lms_list_box .b_tit{width:100%;margin: 5px 0 3px 0; font-size: 15px;}
.lms_list03 .lms_list_box .c_txt01{ gap:0; font-size: 13px;}
.lms_list03 .lms_list_box .c_txt01 li{ margin: 3px 10px 3px 0;}
.lms_list03 .lms_list_box .c_txt01 li > i{margin: 0 5px 0 0;}
.lms_list03 .lms_list_box .c_txt01 li.ct_flex01{align-items:flex-start;}

.lms_list03 .lms_list_box > li.ll03_li{ margin-top: -15px; }
.lms_list03 .lms_list_box .c_txt_guide{flex-wrap: wrap; padding:10px 20px;border-radius: 0 0 15px 15px;}
.lms_list03 .lms_list_box .c_txt02{ width: 100%; justify-content: flex-end; gap:3px;}
.lms_list03 .lms_list_box .lms_btn_guide{ padding:0 15px 15px 15px;}
}






/* 퀴즈 : 문항 등록에 사용 */
.lms_list_box_guide02{}

.lms_list_box_guide02 .lms_list_box01{padding: 10px 20px; border-radius: 6px; margin-bottom: 15px; position: relative; background: #f0f5ff; }
.lms_list_box_guide02 .lms_list_box01:last-of-type{margin-bottom: 0;}

.lms_list_box_guide02 .lms_list_box01 .llb_tb_btn{background: url("../../images/com/arrow_top_bottom.png") center no-repeat;padding-left: 10px;display: inline-block; width: 21px; height: 35px; text-indent: -99999px; position: absolute; top:5px; left:-10px;}
.lms_list_box_guide02 .lms_list_box01 .llb_tb_btn:hover,
.lms_list_box_guide02 .lms_list_box01 .llb_tb_btn:focus{background-image: url("../../images/com/arrow_top_bottom_01.png")}

.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01{ display: flex; align-items: center; justify-content: space-between;white-space:nowrap; font-size: 13px;}


.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01_01{ display: flex; align-items: center; justify-content: space-between; width: 100%;}
.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01_01 i{display: inline-block;font-size: 11px; font-weight: 800; text-align: center; line-height: 18px; height: 19px;  margin-right: 10px;}
.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01_01 strong{ display: block; text-align: left; width: 100%; font-weight: 700;line-height: 30px; height: 30px; background: #fff; padding: 0 10px; border-radius: 4px;}
.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01_01 input[type=text]{padding: 0 10px; font-size: 14px; border: 0; height: 30px; line-height: 30px; margin-right: 10px;}
.lms_list_box_guide02 .lms_list_box01 .ll_txt01{margin-right:10px;}
.lms_list_box_guide02 .lms_list_box01 .ll_txt02{margin-right:10px;}


@media all and (max-width: 1024px) {
.lms_list_box_guide02 .lms_list_box01{ margin-bottom: 5px;}
}

@media all and (max-width: 767px) {
.lms_list_box_guide02 .lms_list_box01{padding: 10px 10px 10px 20px;}
.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01{flex-wrap: wrap;}
.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01_01{width: 100%; margin-bottom: 5px;}
.lms_list_box_guide02 .lms_list_box01 .ll_txt01{margin-right:5px; margin-left: 15px;}
.lms_list_box_guide02 .lms_list_box01 .ll_txt02{margin-right:5px;}
.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01_01 input[type=text]{ margin-right: 5px;}
.lms_list_box_guide02 .lms_list_box01 .count_guide02{margin-left: 15px;}

.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01.flex_ar{justify-content: flex-end; flex-wrap: nowrap;}
.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01.flex_ar .lms_list_tit01_01{flex-wrap: wrap;}
.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01.flex_ar .lms_list_tit01_01 > i{ width: 100%;text-align: left;}
.lms_list_box_guide02 .lms_list_box01 .lms_list_tit01.flex_ar .crbtn_style{margin-top: 12px;}
}










/* 강의관리 :  토론 댓글 상세페이지   */
.scb_guide_top {margin:0 0 10px 5px;}
.scb_guide_top  select{font-size: 13px;border: 2px solid #b5cdf2; height: 38px;line-height: 34px;border-radius: 4px; vertical-align: middle; min-width: 150px; color: #1e2459; font-weight: 600; background-color: #f7faff;}

.scb_guide01{ position: relative;}
.scb_guide01 .scb_btn{  position: relative; margin: 0 auto;}
.scb_guide01 .scb_btn a{ position: absolute; top:60px; z-index: 6;}
.scb_guide01 .scb_btn a img{ width: 25px;}
.scb_guide01 .scb_btn a.prev{left:-5px; }
.scb_guide01 .scb_btn a.next{ right:-5px}


/*프로그램에서 박는 div*/
.scb_guide01 .owl-carousel{ width: calc(100% + 5px)!important;}
.scb_guide01 .scb_list{ display: flex; justify-content: space-between; flex-wrap: wrap;text-align: left;}
.scb_guide01 .scb_list .comment_icon{margin-left: 5px;background: url(../../images/com/tit_04.png) 8px 5px no-repeat;padding:5px 10px 5px 28px; background-size: 16px; font-size: 13px; color: #ff0000; font-weight: 700; height: 27px; display: inline-block; border: 1px dashed #ddd; border-radius: 30px; box-shadow:  1px 5px 5px rgba(0,0,0,0.05);}
.scb_guide01 .scb_list .comment_icon:hover,
.scb_guide01 .scb_list .comment_icon:focus{background-color:#fffed6; }


.scb_guide01 .scb_list .cab_box01{text-align: center; margin: 0 5px; }
.scb_guide01 .scb_list .cab_box01 span{ border: 1px dashed #ddd; border-radius: 10px; display: inline-block;height: 150px;width: 100%; overflow: hidden;} 
.scb_guide01 .scb_list .cab_box01 img{ width:100%; height: 100%;} 
.scb_guide01 .scb_list .cab_box01 strong{ display: block; margin: 5px 0; font-size: 13px;} 

@media all and (max-width: 1720px) {
.scb_guide01 .scb_btn a{  top:45px; }
.scb_guide01 .scb_list .cab_box01 span{height: 120px;} 
}
@media all and (max-width: 1520px) {
.scb_guide01 .scb_list .cab_box01 span{height: 110px;} 
}

@media all and (max-width: 1024px) {
.scb_guide01 .scb_list .cab_box01 span{height: 125px;} 
}
@media all and (max-width: 767px) {
.scb_guide_top  select{height: 30px;line-height: 30px;}

.scb_guide01 {padding: 15px;}
.scb_guide01 .scb_btn a{  top:35px; }
.scb_guide01 .owl-carousel{ width: calc(100% + 3px)!important;}
.scb_guide01 .scb_list .cab_box01 {margin: 0 3px;} 
.scb_guide01 .scb_list .cab_box01 span{height: 100px;} 
}










/*lms : 강의관리 > 팀활동 > 팀구성*/
.lms_text_gudie01.fl01{ display: flex;justify-content: space-between;}

.lms_text_gudie01{ border: 2px solid #cbdcff; border-radius: 20px; padding: 20px 30px; background: #fff; margin-bottom: 40px; box-shadow: 1px 10px 10px rgba(0,61,180,0.08); }
.lms_text_gudie01 select{height: 38px; border: 1px solid #d6deeb; min-width: 100px; font-size: 13px;}
.lms_text_gudie01 input[type=text]{padding: 0 10px; width: 80px; text-align: right;}

.lms_text_gudie01 ul{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.lms_text_gudie01 ul li{ display: flex; flex-wrap: wrap;align-items: center; margin:0 15px;}
.lms_text_gudie01 ul li:last-child{ margin:0;}
.lms_text_gudie01 ul li strong{font-size: 14px; padding-left: 8px; background: url(../../images/com/point04.png) left center no-repeat;  margin-right: 10px;}
.lms_text_gudie01 ul li span{position: relative;}
.lms_text_gudie01 ul li span em{ margin-left: 5px; font-size: 12px;}


@media all and (max-width: 1720px) {
.lms_text_gudie01{ padding:15px;}
}
@media all and (max-width: 1520px) {
.lms_text_gudie01{ border-radius: 10px; padding:10px;}
}
@media all and (max-width: 1280px) {
.lms_text_gudie01 ul li{  margin:0 10px;}

}
@media all and (max-width: 1024px) {
.lms_text_gudie01{ margin-bottom: 20px;}
.lms_text_gudie01 ul li{  margin:0 5px;}
}
@media all and (max-width: 767px) {
.lms_text_gudie01{ border-radius: 10px;margin-bottom: 20px;}
.lms_text_gudie01 ul{ justify-content:flex-start;flex-wrap: wrap;}
.lms_text_gudie01 ul li{ margin: 3px 0; width: 100%;}
.lms_text_gudie01 ul li strong{font-size: 12px; width: 80px;}
.lms_text_gudie01 ul li span{font-size: 13px; width: calc(100% - 90px);}

.lms_text_gudie01 select{height: 30px; min-width:inherit;width: 100%;}
.lms_text_gudie01 input[type=text]{width: calc(100% - 20px); height: 30px; line-height: 30px; display: inline-block;}
.lms_text_gudie01 ul li a{display: block; width: 100%; text-align: center;}
}










/*lms : 강의관리 : 팀활동 > 팀구성 */
.lms_vtable01.vt_focus01 table tbody tr:hover,
.lms_vtable01.vt_focus01 table tbody tr:focus{cursor: pointer;background: #f8f8f8;position: relative;}

.lms_vtable01.vt_focus01 table tbody tr.active td{ background:#5275da!important; color: #fff!important; border: 0;}
.lms_vtable01 .cv_search01_btn02{ border: 0;display: inline-block; height: 25px; line-height: 25px;  width: 25px; text-align: center;background:#3669ff url(../../images/com/icon_plus01.png) center no-repeat;text-indent: -9999px; border-radius: 100px; }
.lms_vtable01 .cv_search01_btn03{border: 0;display: inline-block; height: 25px; line-height: 25px;  width: 25px; text-align: center;background:#ff0000 url(../../images/com/icon_close04.png) center no-repeat;text-indent: -9999px;border-radius: 100px; }


.lms_vtable01{font-size: 14px;padding: 0; margin: 0; width: 100%;max-height: 270px; overflow-y: auto;}
.lms_vtable01.max_he01{max-height: 350px;}
.lms_vtable01.max_he02{max-height: 500px;}
.lms_vtable01 select,
.lms_vtable01 input{ width: 100%; height: 30px; line-height: 30px; border: 1px solid #d6deeb;font-size: 14px;}
.lms_vtable01 select{min-width: 70px;}
.lms_vtable01 input{ padding: 0 10px;}
.lms_vtable01 input[type="file"]{ border: 0;  background: #eff2f7;}

.lms_vtable01.swt_01  table{width:250%; }



.lms_vtable01 table{width:100%; text-align: center;  table-layout: fixed;}
.lms_vtable01 table tr{position: relative;}

.lms_vtable01 table thead th{ padding:10px;  font-weight: 600; font-size: 13px; white-space: nowrap; background: #ebf2ff; color: #1a1e54; border-left:1px solid #f5f9ff;border-bottom:1px dashed #f5f9ff;position: sticky; top: 0;  z-index: 2;}

.lms_vtable01 table thead th > button{display: block; width: 100%;background: #ebf2ff url("../../images/com/table_arrow01.png") right center no-repeat; font-weight: 600; min-height: 21px; padding-right: 14px; background-size: 10px;}

.lms_vtable01 table thead th > button:hover,
.lms_vtable01 table thead th > button:focus{ text-decoration: underline;color: #0043c5;}


.lms_vtable01 table thead th > button.active{background-image: url("../../images/com/table_arrow02.png");}
.lms_vtable01 table thead th > button.active01{background-image: url("../../images/com/table_arrow03.png");}


.lms_vtable01 table .point00{width: 8px;height: 100%; display: inline-block; background: url(../../images/com/point.png) left center no-repeat;  text-indent: -9999px;}

.lms_vtable01 table .king{width: 20px;height: 17px; display: inline-block; background: url(../../images/com/king.png) center no-repeat;  text-indent: -9999px; background-size: 20px;}

.lms_vtable01 table th:first-child{border-radius: 4px 0 0 4px;}
.lms_vtable01 table th:last-child{border-radius:  0 4px 4px 0;}

.lms_vtable01 table td {padding:12px 10px; text-align:center; border-bottom:1px solid #e0e8f7;}
.lms_vtable01 table .tit_b{font-size: 15px; font-weight: 500;/*white-space: nowrap; overflow: hidden;text-overflow: ellipsis;*/ }

.lms_vtable01 table a.tit_b:hover,
.lms_vtable01 table a.tit_b:focus{color: #0035d1; font-weight: 600!important;}

.lms_vtable01 .ly_bg05{background: #f7faff!important;}
.lms_vtable01 .ly_line01{border-right: 1px solid #e0e8f7;}
.lms_vtable01 .ly_line02{ border-bottom:1px solid #e0e8f7;}


.lms_vtable01.al{ text-align: left!important;}



.lms_vtable01 .lvt_tr_txt01 td{background: #f8eeff;}
.lms_vtable01 .lvt_tr_txt02 td{background: #e9fffe;}
.lms_vtable01 .lvt_tr_txt03 td{background: #ffe9ed;}

.lvt_tr_guide{ font-size: 13px; font-weight: 500;position: relative; display: flex; align-items: center; margin-top: 10px;justify-content: flex-end; gap:20px;}
.lvt_tr_guide span{display: flex; align-items: center;}
.lvt_tr_guide span:before{content: ''; width: 20px; height: 20px; border-radius: 4px; border: 1px dashed #ddd; display: inline-block; margin-right: 5px;}

.lvt_tr_guide .lvt_tr_txt01:before{ background: #f8eeff;}
.lvt_tr_guide .lvt_tr_txt02:before{ background: #e9fffe;}
.lvt_tr_guide .lvt_tr_txt03:before{ background: #ffe9ed;}

@media all and (max-width :1720px) {
.lms_vtable01.swt_03  table{width:150%; }
}
@media all and (max-width :1520px) {
.lms_vtable01.swt_02  table{width:200%; }
.lms_vtable01.swt_03  table{width:200%; }
}
@media all and (max-width :1280px) {
.lms_vtable01 { overflow:auto; }
.lms_vtable01 table th{ padding:5px 5px;  font-size: 12px;}
.lms_vtable01 table td {padding:10px 5px;font-size: 13px;}
.lms_vtable01 table .tit_b{font-size: 13px;}
.lms_vtable01.coss_vtable_w01 table{ width: 180%;}
.lms_vtable01.swt_01  table{width:320%;}
.lms_vtable01.swt_03  table{width:250%; }
.lms_vtable01.swt_04  table{width:150%; }
}



@media all and (max-width :767px) {
.lms_vtable01{font-size: 13px;}
.lms_vtable01.coss_vtable_w01 table{ width: 300%;}
.lms_vtable01.swt_01 table{width:700%;}
.lms_vtable01.swt_02  table{width:300%; }
.lms_vtable01.swt_03  table{width:400%; }
.lms_vtable01.swt_04  table{width:250%; }

.lvt_tr_guide{flex-wrap:wrap;gap:0; font-size: 11px;}
.lvt_tr_guide span{ margin: 3px 5px; max-width: 150px; }
.lvt_tr_guide span:before{ width: 10px; height: 10px;}

.lms_vtable01.max_he01,
.lms_vtable01.max_he02{max-height: 350px;}

}












/*lms : 강의관리 : 팀활동 > 팀구성: 박스2개 */
.bbs_all_top06 ul{display: flex; justify-content: space-between; align-items:center; position: relative; margin-bottom: 10px; gap:10px;}
.bbs_all_top06 .bbs_total{background:url("../../images/com/tit_01.png") left 5px no-repeat; padding-left:22px;line-height:20px;font-size: 13px; height: 20px;  font-weight: 600;  display: flex; align-items: center;}
.bbs_all_top06 strong{ font-weight: 700; color: #ff0000;}

.bbs_all_top06 .bbs_search01{ display: flex; align-items: center; gap:3px; justify-content: space-between;}
.bbs_all_top06 .search_input01{line-height: 26px; height: 28px;vertical-align: top; border-radius: 4px; min-width: 110px; padding-left: 8px;border: 1px solid #d6deeb; font-size: 12px;}
.bbs_all_top06 .search_btn01{background:#9998b3; border-radius: 4px; display: inline-block; padding: 0; overflow: hidden; text-align: center; min-width: 30px;}
.bbs_all_top06 .search_btn01 i{width:30px; background:#9998b3 url("../../images/com/icon_search01.png") center no-repeat; color:#fff; line-height: 28px; height: 28px;background-size: 14px; text-indent: -9999px; text-align: center;  display: inline-block;}
@media all and (max-width :1024px) {
.bbs_all_top06 .bbs_total{ background-position:left 3px; background-size:15px; padding-left:20px; height: 25px;line-height:25px;font-size: 14px;}
}
@media all and (max-width :767px) {
.bbs_all_top06 ul{padding:0  0  5px 5px;}
}





.lms_view_box02_guide00{}
.lms_view_box02_guide01{ display: flex; justify-content: space-between;}


.lms_view_box02{border-radius: 20px; padding: 30px; background: #fff; width: 45%;}
.lms_view_box02_center{ text-align: center;  display: flex; align-items: center;}
.lms_view_box02_center p{width: 30px;}
.lms_view_box02_center button{background-size: 36px!important; background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; display: inline-block; text-indent: -9999px; margin:5px 0;}

.lms_view_box02_center button.b_right01{background:url("../../images/com/btn_next03.png");}
.lms_view_box02_center button.b_left01{background:url("../../images/com/btn_prev03.png");}

@media all and (max-width: 1520px) {
.lms_view_box02{border-radius: 15px; padding: 20px; width: 46%;}
}
@media all and (max-width: 1420px) {
.lms_view_box02{border-radius: 10px;}
}
@media all and (max-width: 1280px) {
.lms_view_box02_guide01{width: 110%;}
.lms_view_box02_center button{background-size: 30px!important;  width: 30px; height: 30px;}
.lms_view_box02{ width: 47%;}
}


@media all and (max-width: 1024px) {
.lms_view_box02{ border: 1px solid #dbe1ee;}
.lms_view_box02_guide01{width: 150%;}
}

@media all and (max-width: 767px) {
.lms_view_box02{ padding:15px;}
.lms_view_box02_guide01{width: 200%;}


.lms_view_box02 .lms_vtable01 table th{  font-size: 11px;}
.lms_view_box02 .lms_vtable01 table td {padding:7px 5px;font-size: 12px;}
.lms_view_box02 .lms_vtable01 table .tit_b{font-size: 12px;}
}







 /* lms : 강의관리 > 성찰일지 : 상세페이지( 성찰일지 문항)  */
.lms_view_box03_guide01 .lms_view_box03 { padding: 30px;border-bottom: 4px solid #eaeffb; position: relative;}
.lms_view_box03_guide01 .lms_view_box03:last-child{ border-bottom:0;}

.lms_view_box03_guide01 .lms_view_box03 dl dt{ font-size: 15px; display: flex; gap:5px; font-weight: 500;}
.lms_view_box03_guide01 .lms_view_box03 dl dd{ width: 100%; margin: 10px 0;}

.lms_view_box03_guide01 .lms_view_box03 dl dd span{ background: #f0f5ff;border-radius: 4px; padding: 10px; font-weight: 600; display: block; text-align: center; font-size: 12px;white-space: nowrap;}

.lms_view_box03_guide01 .lms_view_box03 dl dt .lvb_no{display: inline-block; padding: 0 5px; height: 20px; line-height: 21px; min-width:20px; background: #3161f1; color: #fff; border-radius: 50%;font-size: 11px; text-align: center; font-weight: 600;}  
.lms_view_box03_guide01 .lms_view_box03 dl dd .lvb_no_txt{ border-radius: 6px; padding: 20px; background: #f4f6fb; font-size: 14px; line-height: 20px; min-height: 80px; border: 1px dashed #ddd;}

@media all and (max-width: 1520px) {
.lms_view_box03_guide01 .lms_view_box03 { padding: 20px;}
.lms_view_box03_guide01 .lms_view_box03 dl dt{ font-size: 14px;}
.lms_view_box03_guide01 .lms_view_box03 dl dd span{ padding: 6px;font-size: 11px;}

}


@media all and (max-width: 767px) {
.lms_view_box03_guide01{ box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05);}
.lms_view_box03_guide01 .lms_view_box03 { padding: 15px;}
.lms_view_box03_guide01 .lms_view_box03 dl{ font-size: 13px; }
.lms_view_box03_guide01 .lms_view_box03 dl dt{ font-size: 13px; font-weight: 400;}
.lms_view_box03_guide01 .lms_view_box03 dl dd span{ padding: 6px;font-size: 11px; display: inline-block;}

.lms_view_box03_guide01 .lms_view_box03 dl dd .lvb_no_txt{; padding: 15px; font-size: 13px; line-height: 18px; min-height: 60px;}

}





.lms_top_guide01{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}

.lms_top_guide01 .lmst_box01{display: flex;align-items: center;}
.lms_top_guide01 .lmst_box01 span{border: 1px dashed #c3d2ef; height: 36px; line-height: 32px; border-radius:50px 50px 50px 0 ; padding: 0 15px; background:#fff url("../../images/com/icon_copy02_02.png") 10px center no-repeat; padding-left: 35px; font-size: 13px; font-weight: 600; display: inline-block;}
.lms_top_guide01 .lmst_box01 strong{color: #ff0000; font-weight: 700; font-size: 15px; margin-left: 5px;}


.lms_top_guide01 .lmst_per span{background:#fff url("../../images/com/title_icon06.png") 10px center no-repeat; background-size:  18px;}
.lms_top_guide01 .lmst_per{font-weight: 600; margin-left: 10px;}
.lms_top_guide01 .lmst_per strong{color: #3440e2;}


@media all and (max-width: 767px) {
.lms_top_guide01{  position: relative;}
.lms_top_guide01 .lmst_box01{flex-wrap: wrap;}
.lms_top_guide01 .lmst_box01 span{ height: 20px; line-height: 20px; border-radius: 50px; padding-left: 15px; font-size: 12px; background-position: left 4px; background-size: 13px; border: 0;}
.lms_top_guide01 .lmst_box01 strong{ font-size: 13px;}
.lms_top_guide01 .lmst_per span{ background-size:  11px;background-position: left 6px;}

.lms_top_guide01 .lmst_per{ margin-left: 0; width: 100%;}
.lms_top_guide01 .lmst_btn{position: absolute; top:0; right:0;}
}






/* 학습 */

/*게시판 상단 상태 표시 */
.lms_state_guide{ display: flex; justify-content: space-between; margin-bottom: 10px; align-items: flex-end;}
.lms_state_style01  {display: flex; gap:5px;  align-items: center; }
.lms_state_style01  span{display: flex; align-items: center; font-size: 12px; font-weight: 600; height: 30px; line-height: 30px; margin-right: 10px;}

.lms_state_style01 span:before{width: 30px; height: 18px; content: ''; display: inline-block;  margin-right: 5px; border-radius: 4px;}
.lms_state_style01 .lmsta_yes:before{ background: #f46e95;}
.lms_state_style01 .lmsta_no:before{  height: 14px; border: 2px solid #6dcdff;background: #e8f7ff; }
@media all and (max-width: 767px) {
.lms_state_guide{ flex-wrap: wrap;}
.lms_state_guide .lms_state_style01{ width: 100%}
.lms_state_guide .bbs_search01{ display: flex; justify-content: space-between; width: 100%;}
.lms_state_guide .bbs_search01 .search_input01{ width : calc(100% - 45px);}

}




.lms_list04{margin-bottom:50px;}

.lms_list04 .lms_box01 > li{  border:1px solid #d5e4ff; border-radius:20px; overflow:hidden;box-shadow: 5px 10px 10px rgba(39, 96, 152, 0.05); margin-bottom: 10px;}
.lms_list04 .lms_box01 > li > a{ display:block;  padding:20px; position: relative;}
.lms_list04 .lms_box01 > li > a > strong{ display:flex; width: calc(100% - 30px); font-weight: 600; font-size:20px; align-items: center; margin-bottom: 5px;}

.lms_list04 .lms_box01 > li > a > .c_txt01{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.lms_list04 .lms_box01 > li > a > .c_txt01 > em{display: flex; align-items: center; margin:5px 20px 0 0;}
.lms_list04 .lms_box01 > li > a > .c_txt01 > em > i{ background: url(../../images/com/point02.png) left center no-repeat; padding-left: 10px; display: inline-block; margin-right: 5px; white-space: nowrap;}

.lms_list04 .lms_box01 > li > a.lms_arrow::after { content: ""; top: 50%; transform: translateY(-50%);position: absolute; right: 20px; background: url("../../images/com/down_arrow04.png") center no-repeat; width: 30px; height: 20px; display:  inline-block;}
.lms_list04 .lms_box01 > li > a.lms_arrow.active::after{ background:url("../../images/com/down_arrow05.png")center no-repeat;}


@media all and (max-width :1720px) {
.lms_list04 .lms_box01 > li {border-radius:15px;}
.lms_list04 .lms_box01 > li > a{ padding:15px; }
.lms_list04 .lms_box01 > li > a.lms_arrow::after {right: 15px;}
}

@media all and (max-width :1280px) {
.lms_list04 .lms_box01 > li > a > strong{ font-size:18px;}
.lms_list04 .lms_box01 > li > a > .c_txt01{font-size: 14px;}
}
@media all and (max-width :1024px) {
.lms_list04 .lms_box01 > li {border-radius:10px;margin-bottom: 20px;}
.lms_list04 .lms_box01 > li > a{padding:10px;}
.lms_list04 .lms_box01 > li > a.lms_arrow::after {right: 10px;}
}

@media all and (max-width: 767px) {
.lms_list04 .lms_box01 > li > a > strong{font-size:15px;}
.lms_list04 .lms_box01 > li > a > .c_txt01{ font-size: 13px;}
.lms_list04 .lms_box01 > li > a.lms_arrow::after {background-size: 10px;right: 0px; }
.lms_list04 .lms_box01 > li > a.lms_arrow.active::after{background-size: 10px;}
 }





/* 학습 : 펼치기 */
.lms_list04 .lms_box01 .s_view{ display:none; transition: 0.2s ease-out; border-top:1px dashed #d5e4ff; padding:  5px 20px;}

.lms_list04 .lms_badge01{display: inline-flex; border: 2px solid #3669ff;border-radius:4px; padding: 0 6px; height: 22px; line-height: 19px; font-size: 11px; background: #fff; align-items: center;  white-space: nowrap; font-weight: 500; }

.lms_list04_view {display: flex; flex-wrap: wrap; width: 100%;}
.lms_list04_view .chu{background: url(../../images/com/tit_01_01.png) left top no-repeat; padding-left: 18px; background-size: 15px; font-size: 13px; color: #ff0000; font-weight: 700; display: inline-block;  height: 16px;}

.lms_list04_view.ll04_ma {margin-top: -20px;}
.lms_list04_view > ul {width: calc(25% - 20px); margin: 20px 10px; border: 1px solid #d5e5fd; border-radius: 10px; position: relative; box-shadow:1px 10px 10px rgba(0,36,255,0.05) }
.lms_list04_view > ul > li:first-child{padding: 0;}

.lms_list04_view > ul.lms_dark:before{ width: 100%; height: 100%; background: rgba(225,229,239,0.5) url("../../images/com/lms_class_no01.png") center 75px no-repeat; border-radius: 10px; display: block; content: ''; position: absolute; top:0; lef:0; z-index: 4; background-size:80px;}


.lms_list04_view > ul > li{ display: flex; gap:5px; justify-content: flex-start; align-items: center; margin: 0 0 10px 0; width: 100%;position: relative; padding: 0 20px;}

.lms_list04_view > ul > li > .lms_img01 {height: 210px; margin-bottom: 10px; width: 100%; position: relative; }
.lms_list04_view > ul > li > .lms_img01 > img{width: 100%; height: 100%; border-radius: 10px 10px 0 0; overflow: hidden; border-bottom: 1px solid #d5e5fd;}



.lms_list04_view > ul > li > .std_badge01{position: absolute; top:-15px;left:-15px; background:url("../../images/com/lms_icon18.png") center no-repeat; display: inline-block; width: 50px; height: 50px; z-index: 3; font-size: 11px; font-weight: 800; color: #fff; padding: 10px 15px; text-align: center; background-size: 100%;line-height: 12px;}  



.lms_list04_view > ul > li > .lms_img01 .lms_reply{position: absolute; top:50%; left:50%; transform:translate(-50% , -50%);background:url("../../images/com/lms_bg01.png") center no-repeat; background-size: 400px; text-indent: -9999px; width: 100%; height: 100%; display: inline-block;  overflow: hidden; border-radius: 10px 10px 0 0;border-bottom: 1px solid #d5e5fd;}



.lms_list04_view > ul > li > strong{font-size: 15px; }
.lms_list04_view > ul > li .c_txt01{ display: flex; justify-content: space-between; width: 100%;}

.lms_list04_view > ul > li .c_txt03{font-size: 12px; margin-right: 10px;}
.lms_list04_view > ul > li .c_txt03 > i{margin-right: 3px; font-weight: 600; background:#ff0000; display: inline-block; white-space: nowrap; color:#fff; border-radius: 3px; font-size: 11px; padding: 2px 4px; }
.lms_list04_view > ul > li .c_txt04{ width: 100%;}
.lms_list04_view > ul > li .c_txt04 > span{ width: 100%; display: block; background: #e1e5ef; border-radius: 3px; height: 10px; overflow: hidden;}
.lms_list04_view > ul > li .c_txt04 > span > i{ display: block; text-indent: -9999px;}
.lms_list04_view > ul > li .c_txt04.graph_yes > span >i{background:#386bff; }
.lms_list04_view > ul > li .c_txt04.graph_no > span >i{background:#ff0000; }
.lms_list04_view > ul > li .c_txt04 > em{display: block; text-align: right; font-size: 11px; font-weight: 600; margin-top: 3px;}
.lms_list04_view > ul > li .c_txt04.graph_yes > em{color:#386bff; }
.lms_list04_view > ul > li .c_txt04.graph_no > em{color:#ff0000; }


@media all and (max-width: 1720px) {
.lms_list04 .lms_box01 .s_view{ padding: 5px 15px;}
.lms_list04_view.ll04_ma {margin-top: -10px;}
.lms_list04_view > ul {width: calc(33.333% - 30px); margin:15px;}
}
@media all and (max-width: 1520px) {
.lms_list04 .lms_box01 .s_view{ padding: 10px;}
.lms_list04_view > ul {width: calc(33.333% - 20px); margin:10px;}
}

@media all and (max-width: 1280px) {
.lms_list04_view > ul {width: calc(50% - 10px); margin:10px 5px;}
.lms_list04_view > ul > li > .std_badge01{ top:-10px;left:-5px; width: 40px; height: 40px; font-size: 10px; font-weight: 600;  padding: 8px 10px;line-height: 10px;}   
.lms_list04_view > ul > li > .lms_img01 .lms_reply{background-size: 440px;}
}

@media all and (max-width: 767px) {
.lms_list04_view > ul > li > .lms_img01 {height: 180px; margin-bottom: 0;}
.lms_list04_view > ul > li > .std_badge01{left:0;}
.lms_list04_view > ul > li > .lms_img01 .lms_reply{background-size: 340px;}

.lms_list04_view > ul.lms_dark:before{ background-position: center 65px; background-size: 55px;}
}


@media all and (max-width: 520px) {
/* lms > 학습 : 일반인경우에만 사용 */
.lms_list04 .lms_box01 .s_view{ padding:10px 0 0 0;}
.lms_list04_view > ul {width:100%; margin: 10px 0 15px 0; border-radius: 0; border: 0;border-bottom: 1px solid #d5e4ff; padding: 0  0 10px 0; }
.lms_list04_view > ul:last-child{border: 0;}

.lms_list04_view > ul > li > .lms_img01 {margin: 0 15px; }
.lms_list04_view > ul > li > .lms_img01 > img{border-radius: 10px; overflow: hidden; border-bottom: 0;}
.lms_list04_view > ul > li > .lms_img01 .lms_reply{ border-radius: 10px;border: 1px solid #d5e5fd;background-size: 460px;}
.lms_list04_view > ul.lms_dark:before{background-position: center 90px; margin: -25px 0 25px 0; padding-top: 25px; border-radius: 0;}





/* lms > 학습 : 마이크로러닝에만 사용 */
.lms_list04_view.ll04_ma > ul {width:100%;  border-radius: 10px; border: 0;border: 1px solid #d5e5fd;  }
.lms_list04_view.ll04_ma > ul > li > .lms_img01 {margin: 0 0 10px 0; }
.lms_list04_view.ll04_ma > ul > li > .lms_img01 > img{border-radius: 10px 10px 0 0; border-bottom: 1px dashed #f1f1f1;}
.lms_list04_view.ll04_ma > ul > li > .lms_img01 .lms_reply{ border-radius: 10px 10px 0 0;border: 0;border-bottom: 1px dashed #d5e5fd;background-size: 460px;}

.lms_list04_view.ll04_ma > ul.lms_dark:before{ margin: 0; padding-top: 0;border-radius: 10px;background-position: center 65px; }


}






.lms_list04 .c_txt02{width: 100%; margin-bottom: 10px;}
.lms_list04 .c_txt02 ul{ display: flex; justify-content: flex-start; width: 100%; align-items: center; flex-wrap: wrap; }
.lms_list04 .c_txt02 ul li{width: calc(33.333% - 6px); margin: 3px; text-align: center; position: relative;}
.lms_list04 .c_txt02 ul li a{ border-radius: 4px; height: 30px; line-height: 30px; font-size: 12px;  padding: 0 10px; white-space: nowrap; display: flex; justify-content:center; align-items: center; box-shadow: 1px 5px 5px rgba(0,36,255,0.05); font-weight: 600;}

.lms_list04 .c_txt02 .lmsta_yes{background: #f46e95; color: #fff;}
.lms_list04 .c_txt02 .lmsta_no{  border: 2px solid #6dcdff;background: #e8f7ff; color: #1a1e54;}


@media all and (max-width: 767px) {
.lms_list04 .c_txt02 ul li a{padding: 0 6px; font-size: 11px; height: 26px; line-height: 26px;}
}
@media all and (max-width: 520px) {
.lms_list04 .c_txt02{margin-bottom: 0;}
}




.lms_list04 .c_txt05{width: 100%; margin-bottom: 10px; position: relative;}
.lms_list04 .c_txt05 a{ border-radius: 4px; height: 36px; line-height: 36px; font-size: 13px;  padding: 0 10px; white-space: nowrap; display: flex; justify-content:center; align-items: center; box-shadow: 1px 5px 5px rgba(0,36,255,0.05); font-weight: 600; }

.lms_list04 .c_txt05 .lmsta_yes{background: #f46e95; color: #fff;}
.lms_list04 .c_txt05 .lmsta_no{ border: 2px solid #6dcdff;background: #e8f7ff; color: #1a1e54;}
.lms_list04 .c_txt05 .lmsta_none{  border: 2px solid #ddd;background: #ddd; color: #555;}
.lms_list04 .c_txt05 .all_tip01{position: absolute; top:10px; border-radius: 50%; left:63%; transform: translateX(-63%)}











/* 퀴즈 응시하기 버튼 & 응시완료 */
.lms_quiz_btn{ text-align: center; margin: 30px 0;}
.lms_quiz_btn a{display: inline-block; border-radius: 10px; overflow: hidden;  padding: 20px  30px;background-color:#00b5ff; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); min-width: 300px;}
.lms_quiz_btn a > span{display: inline-block;font-weight: 700; font-size: 22px; background:url("../../images/com/lms_icon03_04.png") left center no-repeat;  background-size: 25px; padding-left: 35px; color: #fff;}
.lms_quiz_btn a:hover,
.lms_quiz_btn a:focus{background-color: #1a1e54;}

.lms_quiz_guide01{ text-align: center; margin: 30px 0;background:url("../../images/com/layer_bicon00.png") center top no-repeat;  padding-top: 100px; font-weight: 700; font-size: 20px; }

@media all and (max-width: 1024px) {
.lms_quiz_btn a{min-width: 220px;padding: 15px  20px;}
.lms_quiz_btn a > span{ font-size: 16px;  background-size: 20px; padding-left: 25px;}
}

@media all and (max-width: 767px) {
.lms_quiz_btn{ margin: 30px 0 10px 0;}
.lms_quiz_guide01{  font-size: 15px; background-size: 50px; padding-top: 60px;margin: 30px 0 10px 0;}

}







/* 퀴즈 응시하기 문제 답안 */
.lms_quiz_guide{ display: flex; justify-content: space-between; align-items: flex-start; line-height: normal;}
.lms_quiz_left{ border: 1px dashed #9ab3e2; border-radius: 20px 0 20px 20px; overflow: hidden; padding-bottom: 5px; width: 60%; }
.lms_quiz_right{border-radius: 0 20px 20px 20px; overflow: hidden; padding: 20px 20px 10px 20px; width: 40%; margin-left: 30px; background: #e6eefe;}


@media all and (max-width: 1520px) {
.lms_quiz_guide{ flex-wrap: wrap;}
.lms_quiz_left{ width: 100%;  border-radius: 10px}
.lms_quiz_right{width: 100%; margin-left: 0; margin-top: 20px;border-radius: 10px; }
}

@media all and (max-width: 767px) {
.lms_quiz_guide{margin-top: 20px;}
.lms_quiz_left{  border-radius: 4px}
.lms_quiz_right{border-radius: 4px; padding: 10px; }
}


.lms_quiz_box01 dt{font-size: 15px; margin-bottom: 15px;padding: 14px 20px 10px 20px; border-bottom: 1px dashed #9ab3e2; color: #1a1e54;background: #f6fcff; display: flex; align-items: center; gap:4px;}
.lms_quiz_box01 dt > strong{display: inline-block; background: #3669ff; color: #fff; font-size: 13px;padding: 2px 8px; border-radius:50px; min-width: 18px; text-align: center;}
.lms_quiz_box01 dd{margin: 12px 0 12px 20px; font-size: 14px; font-weight: 500; display: flex; gap:5px; align-items: center;}
.lms_quiz_guide .radio{line-height: 24px;}


.lms_quiz_box02 .lms_quiz_box02_tit{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px; padding: 0 10px;}
.lms_quiz_box02 .lms_quiz_box02_tit strong{background: url(../../images/com/tit_02.png) left center no-repeat;
background-size: 16px; display: inline-block; padding-left: 20px; font-size: 14px; font-weight: 600; white-space: nowrap;}
.lms_quiz_box02 .lms_quiz_box02_tit span{font-size: 13px;font-weight: 600;}
.lms_quiz_box02 .lms_quiz_box02_tit span > i{ color: #ff0000; font-weight: 700;}

.lms_quiz_box02 .lms_quiz_box02_01{border-radius: 10px;padding: 10px; background: #fff;}

@media all and (max-width: 767px) {
.lms_quiz_box01 dt{font-size: 13px; ;padding: 14px 10px 10px 10px; }
.lms_quiz_box01 dt > strong{ font-size: 12px;}
.lms_quiz_box01 dd{margin: 12px 0 12px 10px; font-size: 13px;}
}



/* 퀴즈 답안 테이블 */
.quiz_table01{width: 100%;}
.quiz_table01 th{ padding:5px;  font-weight: 600; font-size: 11px; white-space: nowrap; background: #ebf2ff; color: #1a1e54; border-left:1px solid #f5f9ff;border-bottom:1px dashed #f5f9ff;}
.quiz_table01 th:first-child{border-radius: 4px 0 0 4px;}
.quiz_table01 th:last-child{border-radius:  0 4px 4px 0;}
.quiz_table01 td {padding:7px 5px; text-align:center; border-bottom:1px solid #e0e8f7; font-size: 12px;}
.quiz_table01 tr:last-child td{border: 0;}
.quiz_table01 tr.coord{background: url(../../images/com/btn_next03.png) 3px center no-repeat;
background-size: 15px; padding-left: 20px;}
.quiz_table01 tr.coord td{color: #3669ff; font-weight: 500;}


.lms_quiz_box02 .lms_quiz_box02_btn{ text-align: center; margin-top: 15px;}
.lms_quiz_box02 .lms_quiz_box02_btn a{display: inline-block; border-radius: 4px; overflow: hidden;  padding: 10px  30px;background-color:#00b5ff; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); min-width: 100px; color: #fff; font-size: 14px; font-weight: 600;}
.lms_quiz_box02 .lms_quiz_box02_btn a:hover,
.lms_quiz_box02 .lms_quiz_box02_btn a:focus{background-color: #1a1e54;}
@media all and (max-width: 767px) {
.lms_quiz_box02 .lms_quiz_box02_btn a {font-size: 12px;}
}








/* 팀활동 탭선택시 박스형태 */
.lms_tab_box01{ border-radius:0 0 20px 20px; padding: 30px; background: #fff;}
@media all and (max-width: 1520px) {
.lms_tab_box01 {border-radius: 0 0 15px 15px; padding: 20px;}
}
@media all and (max-width: 1420px) {
.lms_tab_box01{border-radius: 0 0 10px 10px;}
}
@media all and (max-width: 1024px) {
.lms_tab_box01{ padding: 0;border-radius:0;}
}