/* lectureDetailView - detailText */
.lectureDetailView .detailText{margin-bottom: 16px;}
.lectureDetailView .detailText .title{font-family: PretendardM, sans-serif; font-size: 1.5rem; color: #010101; line-height: 1.3em; margin-bottom: 8px; letter-spacing: -0.03em;}
.lectureDetailView .detailText .location{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px;}
.lectureDetailView .detailText .location li{position: relative; padding-right: 16px; margin-right: 2px;}
.lectureDetailView .detailText .location li::after{content: ""; display: block; width: 12px; height: 12px; background: url(../../../image/arrow/location.png) no-repeat center center; background-size: auto 100%; position: absolute; right: 0; top: 1px;}
.lectureDetailView .detailText .location li:last-child:after{display: none;}
.lectureDetailView .detailText .location li a{color: #919090; font-size: 1rem;} 
.lectureDetailView .detailText .info{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;}
.lectureDetailView .detailText .info .lecturer{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 8px;}
.lectureDetailView .detailText .info .lecturer li{position: relative; padding-right: 0.5em; margin-right: 0.5em; color: #5a5a5a; font-size: 1.1rem; white-space: nowrap;}
.lectureDetailView .detailText .info .lecturer li::after{content: ""; display: block; width: 1px; height: 0.7em; background-color: #b4b4b4; position: absolute; right: 0; top: 2px;}
.lectureDetailView .detailText .info .lecturer li:last-child:after{display: none;}
.lectureDetailView .detailText .info .view{display: inline-block; font-size: 1.1rem; color: #626262; padding-left: 24px; background: url(../../../image/icon/view.png) no-repeat left center; background-size: 20px; margin-right: 1em; font-family: PretendardL, sans-serif; margin-bottom: 8px;}
.lectureDetailView .detailText .info .caption{display: inline-block; color: #6f67fe; background-color: #ece8f6; border-radius: 4px; padding: 8px; font-size: 1rem; font-family: PretendardL, sans-serif; margin-bottom: 8px;}
.lectureDetailView .detailText .textW{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px;}
.lectureDetailView .detailText .textW .imgCover{width: 200px; height: 120px; border-radius: 8px; overflow: hidden; margin-right: 20px;}
.lectureDetailView .detailText .textW .imgCover img{width: 100%; height: 100%;}
.lectureDetailView .detailText .textW .text{padding: 12px 0; box-sizing: border-box;}
.lectureDetailView .detailBox{background-color: #f3f3f3; border-radius: 12px; padding: 16px; margin-top: 20px;}
.lectureDetailView .detailBox2{background-color: #f3f3f4; border-radius: 4px; padding: 12px 16px; margin-bottom: 8px;}
.lectureDetailView .infoBox{background-color: #ffffff; border-radius: 12px; padding: 20px 16px; margin-bottom: 20px;}
.lectureDetailView .infoBox h4{font-family: TMONBlack, sans-serif; font-size: 1.4rem; color: #6d6d6d; text-align: center; margin-bottom: 8px; line-height: 1.2em;}
.lectureDetailView .infoBox h4 .colorText{color: #057c5f;}
.lectureDetailView .infoBox h4 img{width: 76px; vertical-align: middle; margin-right: 5px;}
.lectureDetailView .infoBox2 h4{color: #313131; font-size: 1.25rem; margin-bottom: 8px;}
.lectureDetailView .infoBox2 .attention{margin-bottom: 12px;}
.lectureDetailView .infoBox2 .btnW{display: -webkit-box; display: -ms-flexbox; display: flex;}
.lectureDetailView .infoBox2 .btnW li{width: 100%; margin: 0 4px;}
.lectureDetailView .btnFlexW{display: -webkit-box; display: -ms-flexbox; display: flex;}
.lectureDetailView .btnFlexW li{margin-right: 4px;}
.lectureDetailView .btnFlexW li:last-child{margin-right: 0px;}
.lectureDetailView .dataBtnW{margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.lectureDetailView .dataBtnW li{margin-right: 4px; margin-bottom: 4px;}

@media screen and (max-width:640px){
    .lectureDetailView .detailText .info .lecturer li{padding-right: 0.4em; margin-right: 0.4em;}
    .lectureDetailView .detailText .info .lecturer li:last-child{margin-right: 0;}
    .lectureDetailView .detailText .info .view{margin-right: 0.5em; font-size: 1rem; background-size: 16px; padding-left: 20px; margin-right: 0.4em;}
    .lectureDetailView .detailText .info .caption{padding: 4px;}
    .lectureDetailView .detailText .dataBtnW li{margin-right: 4px;}
    .lectureDetailView .detailText .textW .imgCover{width: 140px;height: 80px;margin-right: 12px;border: 1px solid #ddd;flex-shrink: 0;}
    .lectureDetailView .detailText .textW .text{padding: 8px 0;}
}

/* lectureDetailView - detailVideo */
.lectureDetailView .detailVideo .videoTitleW{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 8px;}
.lectureDetailView .detailVideo .videoTitleW span{font-size: 1.12rem; color: #464646; line-height: 1.2em; font-family: PretendardM, sans-serif;}
.lectureDetailView .detailVideo .videoTitleW .subTit{font-size: 1rem; color: #636363; padding-left: 22px; background: url(../../../image/icon/icon_video.png) no-repeat left top 2px; background-size: 18px; margin-left: 20px; line-height: 1.2em;}
.lectureDetailView .detailVideo .videoTitleW .btnW{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end;}
.lectureDetailView .detailVideo .videoTitleW .btnW li{margin-left: 8px;}
.lectureDetailView .detailVideo .videoTitleW .btnW li:first-child{margin-left: 0px;}
.lectureDetailView .detailVideo .docW{margin: 20px 0 50px 20px;  z-index:9;}
.lectureDetailView .detailVideo .docW a{margin-left: 10px;}
.lectureDetailView .detailVideo .docW a span{margin-left: 4px;}
/* .lectureDetailView .detailVideo .videoW{margin-bottom: 8px; border-radius: 8px; overflow: hidden; z-index:9;} */
/* .lectureDetailView .detailVideo .videoW{width: 100%; height: 870px; margin-bottom: 8px; position: relative;}  */
.lectureDetailView .detailVideo .videoW{width: 100%; height: 720px;  margin-bottom: 48px; position: relative; border-radius: 8px 8px 0 0;} 
.lectureDetailView .detailVideo .videoW .video-js{width: 100%; height: 720px;  position: relative; border-radius: 8px 8px 0 0;} 
.lectureDetailView .detailVideo .videoW video {width: 100%; height: 100%;  object-fit: fill; vertical-align: top;   border-radius: 8px 8px 0 0;}
.lectureDetailView .detailVideo .videoW  .video-js .vjs-tech {position: relative; }
.lectureDetailView .detailVideo .videoW  .video-js .vjs-poster  {position: relative;}
.lectureDetailView .detailVideo .videoW  .video-js .vjs-control-content .btnW  {display: inline-block; width: 17px; height: 16px; margin-left: 12px; text-indent: -9999px; background: url(/home/mobile/image/icon/btn60s.png) no-repeat 0 0;}
.lectureDetailView .detailVideo .videoW  .video-js .vjs-control-content .btnForward  {display: inline-block; width: 16px; height: 16px; text-indent: -9999px; background: url(/home/mobile/image/icon/forward.png) no-repeat 0 0;}
.lectureDetailView .detailVideo .videoW  .video-js .vjs-control-content .btnBackward  {display: inline-block; width: 16px; height: 16px; text-indent: -9999px; background: url(/home/mobile/image/icon/backward.png) no-repeat 0 0;}
/* .lectureDetailView .detailVideo .videoW video {width: 100%; height: 100%; border-radius: 5px; object-fit: fill; vertical-align: top;} */
/* .lectureDetailView .detailVideo .videoW video{width: 100%; height: 360px; border-radius: 8px; border: 1px solid #b7b7b7; overflow: hidden;} */
.lectureDetailView .detailVideo .videoW .videoTit{background-color: #8b8b8b; color: #ffffff; font-size: 0.9rem; padding: 0.8em; box-sizing: border-box; line-height: 1.2em; border-radius: 0 0 8px 8px;}
.lectureDetailView .detailVideo .controllerW{position: relative; margin-bottom: 12px;}
.lectureDetailView .detailVideo .controllerW .controller{height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.lectureDetailView .detailVideo .controllerW .controller .prev a{color: #7b7b7b; font-size: 1rem; padding-left: 16px; background: url(../../../image/arrow/prev.png) no-repeat left center; background-size: 10px auto; margin-right: 12px;}
.lectureDetailView .detailVideo .controllerW .controller .next a{color: #7b7b7b; font-size: 1rem; padding-right: 16px; background: url(../../../image/arrow/next.png) no-repeat right center; background-size: 10px auto;}
.lectureDetailView .detailVideo .controllerW .controller .prev.active a{color: #000000; background-image: url(../../../image/arrow/prev_black.png);}
.lectureDetailView .detailVideo .controllerW .controller .next.active a{color: #000000; background-image: url(../../../image/arrow/next_black.png);}
.lectureDetailView .detailVideo .dataBtnW{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 20px;}
.lectureDetailView .detailVideo .controllerW .otherBtnW{position: absolute; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
.lectureDetailView .detailVideo .controllerW .otherBtnW > div{margin-left: 4px;}
.lectureDetailView .detailVideo .controllerW .otherBtnW > div:first-child{margin-left: 0px;}
@media screen and (max-width:640px){
    .lectureDetailView .detailVideo .videoTitleW .subTit{margin-left: 12px;}
    .lectureDetailView .detailVideo .videoTitleW .btnW li{margin-left: 4px;}
   
   /*  .lectureDetailView .detailVideo .videoW video{height: 280px;} */
    .lectureDetailView .detailVideo .controllerW .controller .prev a{padding-left: 12px; background-size: 8px auto;}
    .lectureDetailView .detailVideo .controllerW .controller .next a{padding-right: 12px; background-size: 8px auto;}
}
@media screen and (max-width:360px){
    .lectureDetailView .detailVideo .videoW video{height: 240px;}
    .lectureDetailView .detailVideo .controllerW{text-align: right;}
}

@media (min-width:0) and (max-width:912px){
    .lectureDetailView .detailVideo .videoW .video-js{width: 100%; height: auto;}
    .lectureDetailView .detailVideo .videoW {width: 100%; height: auto; margin-bottom: 8px;}
}

@media (min-width:913px) and (max-width:1024px){
	.lectureDetailView .detailVideo .videoW .video-js{height: 720px;}
	.lectureDetailView .detailVideo .videoW{height: 720px;}
}



/* lectureDetailView - detailVideoText */
.lectureDetailView .detailVideoText{margin-bottom: 16px;}
.lectureDetailView .detailVideoText .detailVideoTextTop{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 12px;}
.lectureDetailView .detailVideoText .detailVideoTextTop h3{color: #5e5e5e; font-size: 1.3rem; line-height: 1.2em;}
.lectureDetailView .detailVideoText .dataBtnW{-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}

.lectureDetailView .slidePopupBox{display: none; border: 1px solid #dddddd; border-radius: 4px; padding: 0 12px 12px; margin-bottom: 20px;}
.lectureDetailView .slidePopupBox .list{margin-bottom: 20px;}
.lectureDetailView .slidePopupBox .list > li{padding: 12px 20px; border-bottom: 1px solid #dddddd;}
.lectureDetailView .slidePopupBox .list > li > a{display: block; color: #3e3d3d; font-size: 1.12rem; font-family: PretendardL, sans-serif; padding: 8px 0;}
.lectureDetailView .slidePopupBox .list > li.on > a{color: #6435d9;}
.lectureDetailView .slidePopupBox .list > li .listCont{display: none;}
.lectureDetailView .slidePopupBox .list > li.on .listCont{display: block;}

.lectureDetailView .slidePopupBox input[type=text]{border: 1px solid #6435d9; font-size: 1rem; font-family: PretendardL, sans-serif; color: #838383; padding: 0 12px; box-sizing: border-box; border-radius: 4px; box-sizing: border-box; width: 100%; height: 40px; margin-bottom: 12px;}
.lectureDetailView .slidePopupBox input[type=text]::placeholder{font-size: 1rem; font-family: PretendardL, sans-serif; color: #838383;}
.lectureDetailView .slidePopupBox .textLength{display: block; font-size: 1rem; color: #3c3b3b; text-align: right; margin-bottom: 8px;}
.lectureDetailView .slidePopupBox .textArea{width: 100%; height: 100px; border: 1px solid #6435d9; border-radius: 4px; padding: 16px 12px; box-sizing: border-box; margin-bottom: 12px; resize: none; font-size: 1rem; font-family: PretendardL, sans-serif; color: #838383;}
.lectureDetailView .slidePopupBox .textArea:focus-visible{outline: none;}
.lectureDetailView .slidePopupBox .textArea::placeholder{font-size: 1rem; font-family: PretendardL, sans-serif; color: #838383;}
.lectureDetailView .slidePopupBox .BtnW{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.lectureDetailView .slidePopupBox .BtnW li{width: calc(50% - 4px);}
.lectureDetailView .slidePopupBox .BtnW li a{display: block; color: #ffffff; font-size: 1rem; text-align: center; background-color: #414141; border-radius: 8px; line-height: 36px;}
.lectureDetailView .slidePopupBox .BtnW li.submitBtn a{background-color: #4b0aec;}
.lectureDetailView .clipBox .timePointW{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.lectureDetailView .clipBox .timePointW .partTime{display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #bbbbbb; border-radius: 4px; overflow: hidden; margin-right: 8px; flex-shrink: 0;}
.lectureDetailView .clipBox .timePointW.active .partTime{border: 1px solid #6435d9;}
.lectureDetailView .clipBox .timePointW .partTime input[type=text]{width: 40px; height: 40px; padding: 0px; border: none; border-right: 1px solid #bbbbbb; border-radius: 0; margin-bottom: 0; text-align: center;}
.lectureDetailView .clipBox .timePointW .partTime input[type=text]:last-child{border-right: none;}
.lectureDetailView .clipBox .timePointW .totalTime{border: 1px solid #bbbbbb; border-radius: 4px; overflow: hidden;}
.lectureDetailView .clipBox .timePointW.active .totalTime{border: 1px solid #6435d9;}
.lectureDetailView .clipBox .timePointW .totalTime input[type=text]{width: 100%; height: 40px; border-radius: 0; border: none; margin-bottom: 0; text-align: center; padding: 0 10px;}
.lectureDetailView .clipBox .timePointW .btn{display: inline-block; background-color: #bbbbbb; width: 40px; height: 40px; border-radius: 4px; text-align: center; line-height: 40px;  margin-right: 8px; flex-shrink: 0;}
.lectureDetailView .clipBox .timePointW.active .btn{background-color: #4b0aec;}
.lectureDetailView .clipBox .timePointW .btn img{width: 10px; vertical-align: middle; margin-right: 2px; margin-bottom: 2px;}
@media screen and (max-width:400px){
    .lectureDetailView .slidePopupBox .list > li{padding: 12px 12px;}
    .lectureDetailView .clipBox .timePointW .partTime{margin-right: 4px;}
    .lectureDetailView .clipBox .timePointW .partTime input[type=text]{width: 36px;}
    .lectureDetailView .clipBox .timePointW .btn{width: 36px; margin-right: 4px;}
}

/* lectureDetailContent - detailContent*/
.lectureDetailContent .detailContent h4 a{display: block; height: 56px; line-height: 56px; font-size: 1.25rem; color: #000000; font-family: PretendardM, sans-serif; padding: 0 12px; position: relative; border: 1px solid #dedede; border-left: 0; border-right: 0;}
.lectureDetailContent .detailContent h4 a::after{content: ""; display: block; width: 16px; height: 12px; background: url(../../../image/arrow/up1.png) no-repeat center center; background-size: 100% auto; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); transition: all 0.5s;}
.lectureDetailContent .detailContent.off h4 a{border-bottom: 0;}
.lectureDetailContent .detailContent:last-child.off h4 a{border-bottom: 1px solid #dedede;}
.lectureDetailContent .detailContent.off h4 a::after{transform:translateY(-50%) rotateZ(180deg);}
.lectureDetailContent .detailContent .content{padding: 20px 0;}


/* lectureDetailContent - classLectureList */
.classLectureList .slick-slide{margin: 0 8px;}
.classLectureList .slick-list {margin: 0 -8px;}
.classLectureList li{border: 1px solid #e1e1e1; border-radius: 8px; margin-bottom: 12px; padding: 16px 12px 0; box-sizing: border-box; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; position: relative;}
.classLectureList li.visited{background-color: #f3f3f4;}
.classLectureList li.on{border-color: #6435d9; background-color: #ffffff;}
.classLectureList li .lecture {width: 100%;}
.classLectureList li .lecture .part{padding: 16px 0; border-top: 1px solid #dddddd; display: none;}
.classLectureList li .lecture .part:first-child{display: block; margin-top: 0; padding-top: 0; border-top: 0;}
.classLectureList li.on .lecture .part{display: block;}
.classLectureList li .lecture .part p:last-child{margin-bottom: 0px;}
.classLectureList li .number{font-family: PretendardM, sans-serif; color: #131313; font-size: 1.12rem; margin-right: 8px;line-height: 1.2em;}
.classLectureList li .mainTitle a{display: inline-block; color: #201f1f; font-size: 1.12rem;  font-family: PretendardM, sans-serif; line-height: 1.2em; margin-bottom: 6px; padding-right: 20px; box-sizing: border-box;}
.classLectureList li .mainTitle a img{display: inline-block; max-width: 20px; max-height: 17px; vertical-align: text-top; margin-right: 4px;}
.classLectureList li .mainTitle.on a{color: #6435d9;}
.classLectureList li .mainTitle_1 {display: inline-block; color: #201f1f; font-size: 1.12rem;  font-family: PretendardM, sans-serif; line-height: 1.2em; margin-bottom: 6px; padding-right: 20px; box-sizing: border-box;}
.classLectureList li .subTitle{color: #545454; font-size: 1.06rem; font-family: PretendardL, sans-serif; line-height: 1.2em; margin-bottom: 4px;}
.classLectureList li .contentTitle{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 4px; margin-top: 8px;}
.classLectureList li .contentTitle a{display: inline-block; color: #0e9bf5; font-size: 1rem; line-height: 17px; margin-right: 6px; vertical-align: bottom; margin-bottom: 6px;}
.classLectureList li .contentTitle a.pdfLink{padding-left: 17px; background: url(../../../image/icon/service_pdf.png) no-repeat left top; background-size: auto 17px;}
.classLectureList li .contentTitle img{display: inline-block;  max-height: 17px; vertical-align: bottom; margin-right: 6px; margin-bottom: 6px;}
.classLectureList li .contentTitle .url{display: inline-block; font-size: 0.87rem; color: #4a4a4a; background-color: #e1e1e1; padding: 2px 4px; border-radius: 2px; margin-right: 6px; line-height: 1em; margin-bottom: 6px;} 
.classLectureList li .contentTitle .caption{display: inline-block; font-size: 0.87rem; color: #736bff; background-color: #ece8f6; padding: 2px 4px; border-radius: 2px; margin-right: 6px; margin-bottom: 6px; vertical-align: top;}
.classLectureList li .openBtn{position: absolute; right: 16px; top: 16px;}
.classLectureList li .openBtn img{width: 16px;}
.classLectureList li .openBtn .onImg{display: none;}
.classLectureList li.on .openBtn .onImg{display: block;}
.classLectureList li.on .openBtn .offImg{display: none;}

.classLectureList .slick-dots{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px;}
.classLectureList .slick-dots li{width: 10px; height: 10px; border: 0; background-color: #c5d0dc; border-radius: 50%; margin-right: 8px; margin-bottom: 0; padding: 0;}
.classLectureList .slick-dots li.slick-active{background-color: #2d2d2d;}
.classLectureList .slick-dots li:last-child{margin-right: 0;}

.classLectureList.certify .lecture .part{padding-right: 26px; background: url(../../../image/icon/icon_check_gray.png) no-repeat right bottom 10px; background-size: 24px auto;}
.classLectureList.certify .lecture .part.check{background-image: url(../../../image/icon/icon_check.png);}

.spreadBtn{display: block; background-color: #f4f4f4; color: #000000; font-size: 1.06rem; line-height: 48px; border-radius: 4px; text-align: center;}
.spreadBtn span{margin-right: 6px;}
.spreadBtn .text{color: #5d5d5d;}
.spreadBtn img{width: 14px; position: relative; top: -2px;}
.spreadBtn.on img{transform: rotateZ(180deg);}

@media screen and (max-width:640px){
    .classLectureList li .contentTitle img{max-width: 20px; max-height: 17px;}
    .classLectureList .slick-dots{margin-bottom: 16px;}
    .classLectureList .slick-dots li{width: 8px; height: 8px;}
}

/* lectureDetailContent - relationLecture */



/* lectureDetailContent - relationThesisList */
.relationThesisList li{margin-bottom: 12px;}
.relationThesisList li a{display: block; padding-left: 28px; position: relative;}
.relationThesisList li a::after{content: ""; display: block; width: 20px; height: 20px; background: url(../../../image/icon/thesis_icon.png) no-repeat center; background-size: 100% auto; position: absolute; left: 0; top: 3px;}
.relationThesisList li a span{color: #246ab2; font-size: 1.12rem; line-height: 1.2em; margin-right: 4px; word-break: keep-all; font-family: PretendardL, sans-serif;}
.relationThesisList li a img{width: 13px; image-rendering: -webkit-optimize-contrast; position: relative; top: 1px; margin-left: 2px;}
@media screen and (max-width:640px){
    .relationThesisList li a{padding-left: 24px;}
    .relationThesisList li a::after{content: ""; display: block; width: 18px; height: 18px; top: 1px;}
}


/*  lectureDetailContent - userComment */
.detailContent .login{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px; box-sizing: border-box;}
.detailContent .login img{width: 52px; margin-right: 20px;}
.detailContent .login span{color: #545454; font-size: 1.12rem; line-height: 1.2em; word-break: keep-all;}
.detailContent .comment .starW{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px;}
.detailContent .comment .starW .star{display: -webkit-box; display: -ms-flexbox; display: flex;}
.detailContent .comment .starW .star li{margin-right: 4px;}
.detailContent .comment .starW .star li img{width: 18px;}
.detailContent .comment .starW .score{color: #f14b02; font-size: 1rem; margin-right: 2px;}
.detailContent .comment .starW .total{color: #3c3b3b; font-size: 1rem;}
.detailContent .comment .starW .starSel{margin-right: 14px;}

.detailContent .reviewAverage{width:100%; margin: 25px 0 10px 15px;} 
.detailContent .reviewAverage .reviewSum{font-size: 1.06rem; color: #646464;}
.detailContent .reviewAverage .reviewSum .count{color: #f15b19; margin: 0 4px;}
.detailContent .reviewAverage .starZone{float:right; padding-right:40px;}
.detailContent .reviewAverage .starZone img{width: 16px;}
.detailContent .reviewAverage .percent{font-size: 1rem;}
.detailContent .reviewAverage .reviewer{color:#646464; font-size: 1rem;}

.detailContent .comment .title{margin-bottom:16px;}
.detailContent .comment .title input{width: 100%; height: 32px; resize: none; border: 1px solid #e1e1e1; border-radius: 8px; box-sizing: border-box; padding: 16px; font-size: 1.06rem; color: #767676; margin-top: 5px;}


.detailContent .comment .textArea{margin-bottom: 16px;}
.detailContent .comment .textArea .txtLength{display: block; font-size: 1rem; color: #3c3b3b; text-align: right; margin-bottom: 8px;}
.detailContent .comment .textArea .txtLength .length{color: #979797;}
.detailContent .comment .textArea textarea{width: 100%; height: 120px; resize: none; border: 1px solid #e1e1e1; border-radius: 8px; box-sizing: border-box; padding: 16px; font-size: 1.06rem; color: #767676; margin-bottom: 5px;}
.detailContent .comment .textArea textarea:focus-visible{outline-style: none; border-color: #1d78d6;}
.detailContent .comment .textArea textarea::placeholder{font-size: 1.06rem; color: #767676; font-family: Pretendard, sans-serif; line-height: 1.2em;}
.detailContent .comment .btnW{display: -webkit-box; display: -ms-flexbox; display: flex;}
.detailContent .comment .btnW a{display: block; width: 100%; color: #ffffff; font-size: 1rem; text-align: center; background-color: #414141; border-radius: 8px; line-height: 36px; margin-right: 4px;}
.detailContent .comment .btnW .submitBtn{background-color: #4b0aec;}

/* lectureDetailContent - userCommentList */
.userCommentList > li{background-color: #f5f6f9; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; box-sizing: border-box; border-radius: 20px; margin: 12px 0 12px 0; position: relative;}
.userCommentList > li .imgCover{width: 44px; height: 44px; background: #ffffff url(../../../image/icon/user.png) no-repeat center; background-size: 20px auto; border-radius: 8px; border: 1px solid #e6e6e7; margin-right: 16px; flex-shrink:0; overflow: hidden;}
.userCommentList > li .imgCover.manager{background-image: url(../../../image/icon/manager.png); background-size: 28px auto;}
.userCommentList > li .imgCover img{width: 100%; height: 100%;}
.userCommentList > li .textW{width: 100%;}
.userCommentList > li .textW .writeText{color: #646464; font-size: 1.06rem; font-family: PretendardL, sans-serif; line-height: 1.3em; word-break: break-all;}
.userCommentList > li .textW .reviewTitle{padding: 10px 24px 10px 0;}
.userCommentList > li .textW .writeInfo{padding-right: 24px;}
.userCommentList > li .textW .writeInfo span{position: relative; padding-right: 8px; margin-right: 8px;}
.userCommentList > li .textW .writeInfo span::after{content: ""; display: block; width: 1px; height: 0.8em; background-color: #c0c0c1; position: absolute; right: 0; top: 2px;}
.userCommentList > li .textW .writeInfo span:last-child:after{display: none;}
.userCommentList > li .textW .writeInfo .writeUser{display: inline-block; color: #246ab2; font-size: 1rem; font-family: PretendardL, sans-serif; margin: 5px 0;}
.userCommentList > li .textW .writeInfo .writeDate{display: inline-block; color: #7f7f7f; font-size: 1rem; font-family: PretendardL, sans-serif; white-space: nowrap; margin: 5px 0;}
.userCommentList > li .textW .writeInfo .starW{display: inline-block; float: right;}
.userCommentList > li .textW .writeInfo .star{display: inline-block}
.userCommentList > li .textW .writeInfo .star li{display: inline-block; margin-right: 0px;}
.userCommentList > li .textW .writeInfo .star li img{width: 16px;}
.userCommentList > li .textW .writeInfo .score{color: #f14b02; font-size: 1rem; margin-right: 2px;}
.userCommentList > li .textW .writeInfo .total{color: #3c3b3b; font-size: 1rem;}

.userCommentList > li .textW .reviewContent .float{float:left; padding-top:10px; color: #646464; font-size: 0.94rem;}
.userCommentList > li .textW .reviewContent .float .moreBtn::after{content: '더보기';}
.userCommentList > li .textW .reviewContent .float .on::after{content: '닫기';}

.userCommentList > li .textW .writeText{color: #646464; font-size: 1.06rem; font-family: PretendardL, sans-serif; line-height: 1.3em; word-break: break-all;}

.userCommentList > li .textW .writeBot{margin-top: 8px; text-align: right;}
.userCommentList > li .deleteBtn{position: absolute; right: 16px; bottom: 12px; padding-left: 0; padding-right: 14px; background-position: right top 3px;}

.commentBtn .moreComment{display: block; background-color: #ffffff; color: #5d5d5d; font-size: 1.06rem; line-height: 48px; border-radius: 4px; text-align: center;}
.commentBtn .moreComment span{margin-right: 6px;}
.commentBtn .moreComment img{width: 14px; position: relative; top: -2px;}

.userCommenBot{text-align: center;}
.userCommenBot .more{display: inline-block; min-width: 100px; line-height: 32px; border: 1px solid #c1c1c1; font-size: 1rem; color: #000000; font-family: PretendardM, sans-serif; border-radius: 20px; text-indent: -20px; background: #fff url(../../../image/arrow/review_more.png) no-repeat right 20px center/13px auto;}

@media screen and (max-width:640px) {
    .userCommentList > li .deleteBtn{padding-right: 10px;}
}

@media screen and (max-width:400px) {
    .userCommentList > li .textW .writeInfo .starW{float: none; margin: 0 5px;}
    .userCommentList>li{padding: 16px;}
    .userCommentList li .imgCover{margin-right: 12px;}
}


/* lectureDetailContent - termOfUseList */
.termOfUseList li{font-size: 1rem; color: #7d7d7d; font-family: PretendardL, sans-serif; line-height: 1.06em; margin-bottom: 8px; position: relative; padding-left: 12px; box-sizing: border-box;}
.termOfUseList li::after{content: ""; display: block; width: 6px; height: 1px; background-color: #c1c0c0; position: absolute; left: 0; top: 8px;}


/* infoList */
.infoList{font-size: 1.1rem; color: #838383; font-family: PretendardL, sans-serif; line-height: 1.2em;}
.infoList li{display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px!important;}
.infoList .listHead{display: inline-block; font-size: 1.1rem; color: #3e3d3d; width: 60px; margin-right: 10px; flex-shrink: 0; letter-spacing: -0.025em;}
.infoList span{display: inline-block;}

.multiline-ellipsis {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} 

/* 수강 리뷰 이벤트 */
.eventContent{min-height: 220px; border-radius: 20px; background: #c3c3c3; text-align: center; margin-bottom: 30px;}
.review_write{border: 1px solid #dedede; border-radius: 12px; padding: 0 14px 16px; box-sizing: border-box; margin-bottom: 30px;}
.review_write .writeTop{height: 55px; border-bottom: 1px solid #dedede; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box;}
.review_write .writeTop .lecture{font-family: PretendardSB, sans-serif; font-size: 1.25rem; color: #1b1a1a; line-height: 1em;}
.review_write .writeContent textarea{display: block; width: 100%; height: 90px; padding: 8px; box-sizing: border-box; border: 0; font-size: 1.1rem; color: #646464; resize: none; font-family: Pretendard, sans-serif; margin: 8px 0;}
.review_write .writeContent textarea::placeholder{font-family: Pretendard, sans-serif; font-size: 1.1rem; color: #646464; opacity: 1;}
.review_write .writeBot .btnW{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px;}
.review_write .writeBot .btnW>li{width: 100%;}
.review_write .writeBot .cancleBtn {display: block;color: #ffffff;font-size: 1rem;text-align: center;background-color: #414141;border-radius: 8px;line-height: 36px;}
.review_write .writeBot .submitBtn {display: block;color: #ffffff;font-size: 1rem;text-align: center;background-color: #4b0aec;border-radius: 8px;line-height: 36px;}

.reviewListW .reviewSum{font-size: 1.06rem; color: #646464; margin-bottom: 12px;}
.reviewListW .reviewSum .count{color: #f15b19; margin: 0 4px;}
.reviewListW .reviewList .review{border: 1px solid #dedede; border-radius: 12px; margin-bottom: 20px; overflow: hidden;}
.reviewListW .review .reviewTop{background: #efefef; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; box-sizing: border-box;}
.reviewListW .review .reviewTop .lecture{font-family: PretendardM, sans-serif; font-size: 1.2rem; color: #1b1a1a;}
.reviewListW .review .reviewTop .writerInfo span{position: relative; margin-right: 5px; padding-right: 10px; font-size: 1rem;}
.reviewListW .review .reviewTop .writerInfo span::after{content: ""; display: block; width: 1px; height: 12px; background: #cbcbcb; position: absolute; right: 0; top: 2px;}
.reviewListW .review .reviewTop .writerInfo span:last-child{margin-right: 0; padding-right: 0;}
.reviewListW .review .reviewTop .writerInfo span:last-child::after{display: none;}
.reviewListW .review .reviewTop .writerInfo .name{color: #2c2c2c;}
.reviewListW .review .reviewTop .writerInfo .date{color: #828282;}
.reviewListW .review .reviewContent{font-size: 1.1rem; color: #646464; padding: 20px; box-sizing: border-box; line-height: 1.3em;}
.reviewListW .review .reviewBot{padding: 0 15px 15px; box-sizing: border-box; text-align: right;}
.reviewListW .reviewBot {text-align: center;}
.reviewListW .reviewBot .more{display: inline-block; min-width: 100px; line-height: 32px; border: 1px solid #c1c1c1; font-size: 1rem; color: #000000; font-family: PretendardM, sans-serif; border-radius: 20px; text-indent: -20px; background: #fff url(../../../image/arrow/review_more.png) no-repeat right 20px center/13px auto;}