body{padding:0}#playerPopup{background-color:var(--n-mainTitle);display:flex;font-size:var(--f-body1);height:100%;overflow:hidden;width:100%}#playerPopup,#playerPopup a,#playerPopup a:visited{color:var(--n-white)}#playerPopup .left{height:100%;width:calc(100% - 384px)}#playerPopup .left .lectureName{font-size:var(--f-heading3);font-weight:700;letter-spacing:-.32px;line-height:22px;padding:27px 24px}#playerPopup .left .player{background-color:var(--n-de1activate);height:459px;width:100%}#playerPopup .left .player>*{height:100%;object-fit:cover;width:100%}#playerPopup .left .subject{font-weight:700;letter-spacing:-.28px;line-height:20px;padding:25px 24px}#playerPopup .left .lecture-buttonWrap{align-items:center;border-top:1px solid var(--n-subTitle);font-size:var(--f-body3);padding:12px 24px 0}#playerPopup .left .lecture-buttonWrap *{letter-spacing:-.24px;position:relative}#playerPopup .left .lecture-buttonWrap *,#playerPopup .left .lecture-buttonWrap :visited{color:var(--n-deactivate)}#playerPopup .left .lecture-buttonWrap .nav{display:flex}#playerPopup .left .lecture-buttonWrap .nav *{align-items:center;display:flex;font-weight:700}#playerPopup .left .lecture-buttonWrap .nav .prev{margin-right:16px}#playerPopup .left .lecture-buttonWrap .nav svg{height:16px;width:16px}#playerPopup .left .lecture-buttonWrap .writeReview{background-image:url(https://static.edmclass.com/common/playerPopup_review-icon.svg);background-position:0;background-repeat:no-repeat;background-size:contain;padding-left:16px}#playerPopup .right{background-color:var(--n-subTitle);height:100vh;padding:15px 0;width:384px}#playerPopup .right label span:before{background-color:transparent}#playerPopup .right label span{color:var(--n-deactivate)}#playerPopup .right label input:checked+span:before{background-color:var(--p-color2)}#playerPopup .right .btn1{align-items:center;border:1px solid var(--n-white);border-radius:var(--b-radius0);font-size:var(--f-body2);height:34px;line-height:34px;padding:0 12px}#playerPopup .right .btn1 svg{margin-left:4px;width:16px}#playerPopup .right .scrollWrap{height:calc(100vh - 100px);max-height:calc(100% - 40px);padding-right:0}#playerPopup .right .top{padding:0 16px}#playerPopup .right .top .tabMenu{font-size:var(--f-heading2);padding-bottom:15px}#playerPopup .right .top .tabMenu a+a{margin-left:32px}#playerPopup .right .top .tabMenu a{color:var(--n-deactivate);font-weight:700;letter-spacing:-.36px;line-height:26px;position:relative}#playerPopup .right .top .tabMenu a.active{color:var(--n-white)}#playerPopup .right .top .tabMenu a.active:after{display:block}#playerPopup .right .top .tabMenu a:after{background-color:var(--n-white);bottom:-15px;content:"";display:none;height:2px;left:0;position:absolute;width:100%}#playerPopup .right .lectureList input[type=checkbox]{opacity:0!important}#playerPopup .right .lectureList .scrollWrap{max-height:calc(100% - 90px)}#playerPopup .right .lectureList .allSelect{align-items:center;padding:8px 14px 8px 16px}#playerPopup .right .lectureList .lectureWrap{border-bottom:1px solid var(--b-color2);border-top:1px solid var(--b-color2)}#playerPopup .right .lectureList .lectureWrap .lecture+.lecture{border-top:1px solid var(--b-color2)}#playerPopup .right .lectureList .lectureWrap .lecture input[type=checkbox]{cursor:pointer;height:20px;margin:0;opacity:0;position:relative;width:20px;z-index:10}#playerPopup .right .lectureList .lectureWrap .lecture input[type=checkbox]+.check-info:before{border:1px solid var(--n-white);border-radius:4px;content:"";height:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:18px}#playerPopup .right .lectureList .lectureWrap .lecture input[type=checkbox]+.check-info:after{background-color:var(--p-color2);background-image:url(https://static.edmclass.com/common/membership/checkIcon.svg);background-position:top 1px center;background-repeat:no-repeat;background-size:cover;border-radius:4px;content:"";display:none;height:20px;left:16px;position:absolute;top:50%;transform:translateY(-50%);width:20px}#playerPopup .right .lectureList .lectureWrap .lecture input[type=checkbox]:checked+.check-info:after{display:block}#playerPopup .right .lectureList .lectureWrap .lecture .all{align-items:center;display:flex;padding:0 20px 0 16px;position:relative}#playerPopup .right .lectureList .lectureWrap .lecture .all .check-info{cursor:pointer;padding:14.5px 0 14.5px 8px;width:calc(100% - 20px)}#playerPopup .right .lectureList .lectureWrap .lecture .all .check-info label{cursor:pointer;display:block;padding-right:20px}#playerPopup .right .lectureList .lectureWrap .lecture .all .arrow{background-image:url(https://static.edmclass.com/common/playerPopup_lecture-icon.svg);background-position:50%;background-repeat:no-repeat;background-size:16px;height:16px;position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:16px}#playerPopup .right .lectureList .lectureWrap .lecture .list{border-top:1px solid var(--b-color2);display:none;letter-spacing:-.42px;padding:0 24px}#playerPopup .right .lectureList .lectureWrap .lecture .list .box{display:flex;padding:12px 0;position:relative}#playerPopup .right .lectureList .lectureWrap .lecture .list .box input[type=checkbox]{height:16px;margin-right:6px;width:16px}#playerPopup .right .lectureList .lectureWrap .lecture .list .box input[type=checkbox]+.check-info:before{height:14px;left:0;top:14px;transform:none;width:14px}#playerPopup .right .lectureList .lectureWrap .lecture .list .box input[type=checkbox]+.check-info:after{height:16px;left:0;top:14px;transform:none;width:16px}#playerPopup .right .lectureList .lectureWrap .lecture .list .box .check-info{width:calc(100% - 22px)}#playerPopup .right .lectureList .lectureWrap .lecture .list .box .check-info label{display:flex;position:relative}#playerPopup .right .lectureList .lectureWrap .lecture .list .box .check-info .progress{color:var(--n-deactivate);font-size:var(--f-body3);letter-spacing:-.24px;line-height:20px;width:47px}#playerPopup .right .lectureList .lectureWrap .lecture .list .box .check-info .text{color:inherit;letter-spacing:-.42px;line-height:normal;text-align:left;width:calc(100% - 47px);word-break:break-all}#playerPopup .right .lectureList .lectureWrap .lecture .list .box .check-info .time{color:var(--n-info);font-size:var(--f-body3);letter-spacing:-.24px;line-height:16px;padding-left:47px}#playerPopup .right .lectureList .lectureWrap .lecture.active .all{font-weight:700}#playerPopup .right .lectureList .lectureWrap .lecture .all.active .check-info{color:var(--n-white)}#playerPopup .right .lectureList .lectureWrap .lecture.active .all .arrow{transform:translateY(-50%) rotate(-180deg)}#playerPopup .right .lectureList .lectureWrap .lecture .list .box.on label .text{color:var(--n-white);font-weight:500;text-decoration:underline}#playerPopup .right .lectureList .lectureWrap .lecture .list .box.on .check-info .progress{color:var(--n-white);font-weight:400}#playerPopup .right .inquiryList{display:none}#playerPopup .right .inquiryList .dropDownMenu{font-size:var(--f-body1)}#playerPopup .right .inquiryList .dropDownMenu .label{background-color:transparent;background-image:none;background-image:url(https://static.edmclass.com/common/playerPopup_lecture-icon.svg);background-position:right 20px center;background-repeat:no-repeat;background-size:16px;border:none;border-bottom:1px solid var(--b-color2);border-radius:0;color:var(--n-deactivate);font-size:inherit;font-weight:700;height:50px;line-height:50px;overflow:hidden;padding:0 40px 0 16px;position:relative;text-overflow:ellipsis;white-space:nowrap}#playerPopup .right .inquiryList .dropDownMenu .label.selected{color:var(--n-white)!important}#playerPopup .right .inquiryList .dropDownMenu .label.active{background-image:url(https://static.edmclass.com/common/playerPopup_lecture-icon-up.svg)}#playerPopup .right .inquiryList .dropDownMenu .selectBox .optionListWrap{background-color:transparent;border:none;border-radius:0;box-shadow:none;font-size:inherit;max-height:none;padding:0;position:static}#playerPopup .right .inquiryList .dropDownMenu .selectBox .optionListWrap .optionList{max-height:none;padding-right:0}#playerPopup .right .inquiryList .dropDownMenu .selectBox .optionListWrap .optionItem *{border-bottom:1px solid var(--b-color2);color:var(--n-deactivate);overflow:hidden;padding:14.5px 20px 14.5px 16px;text-overflow:ellipsis;white-space:nowrap}#playerPopup .right .inquiryList .dropDownMenu .selectBox .optionListWrap .optionItem.selected *{color:var(--n)}#playerPopup .right .inquiryList .writeWrap{padding:8px 8px 7px}#playerPopup .right .inquiryList .writeWrap textarea{background-color:transparent;border-radius:12px;color:var(--n-white);height:160px;letter-spacing:-.28px;line-height:20px;padding:12px;width:100%}#playerPopup .right .inquiryList .writeWrap textarea::placeholder{color:var(--n-deactivate)}#playerPopup .right .inquiryList .writeWrap span{color:var(--n-deactivate);display:block;font-size:var(--f-body3);letter-spacing:-.24px;margin-top:8px}#playerPopup .right .inquiryList .writeWrap .submitBtn{background-color:transparent;border:1px solid var(--n-white);border-radius:var(--b-radius0);color:var(--n-white);cursor:pointer;font-size:var(--f-body1);height:40px;line-height:1;margin-top:20px;width:100%}#playerPopup .right .inquiryList .writeWrap .submitBtn:disabled{background-color:transparent!important;border-color:var(--n-info)!important;color:var(--n-deactivate)}#playerPopup .right .inquiryList .userList .list{align-items:center;border-bottom:1px solid var(--b-color2);color:var(--n-deactivate);display:flex;padding:0 14px 0 12px}#playerPopup .right .inquiryList .userList .list .subject{color:var(--n-deactivate);cursor:pointer;letter-spacing:-.42px;line-height:normal;padding:12px 0;position:relative;width:calc(100% - 83px)}#playerPopup .right .inquiryList .userList .list .answer{text-align:right;width:83px}#playerPopup .right .inquiryList .userList .list .answer span{background-color:var(--n-white);border:1px solid var(--n-white);border-radius:100px;color:var(--n-info);display:inline-block;font-weight:500;height:24px;line-height:1.5;padding:0 9px}#playerPopup .right .inquiryList .userList .list .answer span:after{content:"미답변"}#playerPopup .right .inquiryList .userList .list .answer.complete span{background-color:transparent;color:var(--n-deactivate)}#playerPopup .right .inquiryList .userList .list .answer.complete span:after{content:"답변완료"}#playerPopup .right .inquiryList .userList .list.new .subject{background-image:url(https://static.edmclass.com/common/playerPopup_new-icon.svg);background-position:0;background-repeat:no-repeat;background-size:15px;padding-left:19px}#playerPopup .right .inquiryList .userList .list.active .subject{color:var(--n-white)}#playerPopup .right .inquiryList .viewArea{color:var(--n-deactivate);letter-spacing:-.28px;line-height:20px}#playerPopup .right .inquiryList .viewArea .top{align-items:center;border-bottom:1px solid var(--b-color2);padding:15px 16px 8px}#playerPopup .right .inquiryList .viewArea .top .subject{font-weight:700;width:calc(100% - 104px)}#playerPopup .right .inquiryList .viewArea .content{border-bottom:1px solid var(--b-color2);height:176px;padding:16px}#playerPopup .right .inquiryList .viewArea .content .scrollWrap{max-height:100%}#playerPopup .right .inquiryList .viewArea .comment{padding:8px 8px 0 32px;position:relative}#playerPopup .right .inquiryList .viewArea .comment:before{background-image:url(https://static.edmclass.com/common/playerPopup_comment-icon.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:16px;left:8px;position:absolute;top:8px;width:16px}#playerPopup .right .inquiryList .viewArea .comment .box{border:1px solid var(--n-info);border-radius:var(--b-radius1);padding:12px}#playerPopup .right .inquiryList .viewArea .comment .box .manager{align-items:center;border-bottom:1px solid var(--b-color2);padding-bottom:8px}#playerPopup .right .inquiryList .viewArea .comment .box .manager .name{font-weight:700}#playerPopup .right .inquiryList .viewArea .comment .box .manager .info{font-size:var(--f-body4)}#playerPopup .right .inquiryList .viewArea .comment .box .textWrap{color:var(--n-white);font-size:var(--f-body3);height:136px;letter-spacing:-.24px;line-height:16px;padding-top:8px;word-break:break-all}#playerPopup .right .inquiryList .viewArea .comment .box .textWrap .scrollWrap{max-height:100%}.academy#playerPopup .right .lectureList .lectureWrap .lecture .list .box .check-info{align-items:center;display:flex;justify-content:space-between;width:100%}.academy#playerPopup .right .lectureList .lectureWrap .lecture .list .box .check-info label{max-width:calc(100% - 50px);width:100%}@media screen and (max-width:743px){#playerPopup{height:100vh}#playerPopup .left{width:100%}#playerPopup .right{display:none}}@media (hover:hover) and (pointer:fine){#playerPopup .left .lecture-buttonWrap .nav :hover{color:var(--p-color1)}#playerPopup .left .lecture-buttonWrap .nav :hover svg path{stroke:var(--p-color1)}#playerPopup .left .lecture-buttonWrap .writeReview:hover{text-decoration:underline}#playerPopup .right .top .tabMenu a:hover{color:var(--n-white)}#playerPopup .right .btn1:hover{background-color:var(--b-color4);border-color:var(--b-color4);color:var(--n-subTitle)}#playerPopup .right .btn1:hover svg path{stroke:var(--n-subTitle)}#playerPopup .right .inquiryList .dropDownMenu .selectBox .optionItem.selected,#playerPopup .right .inquiryList .dropDownMenu .selectBox .optionItem:hover{background-color:transparent;border-radius:0}}