.red{color:#d53236}.list-group{line-height:normal}.ielts .list-group.ongoing{margin-top:16px}.list-group .list-item{background-color:var(--n-white);border-radius:var(--b-radius0);padding:12px}.list-group .list-item+.list-item{margin-top:12px}.list-group .list-item .list-header{align-items:center;display:flex}.list-group.feedbacks .list-item .list-header,.list-group.temporary .list-item .list-header{display:block}.list-group .list-item .list-header .badge{align-items:center;background-color:#f8f8f8;border-radius:4px;display:inline-block;font-size:var(--f-body3);padding:2px 8px}.list-group .list-item .list-header .list-icon{background-size:contain;height:60px;width:60px}.list-group .list-item .list-header .list-icon+.list-title,.list-group .list-item .list-header .list-image+.list-title{margin-left:12px}.list-group .list-item .list-header .list-image img{aspect-ratio:136/59;border-radius:8px;height:auto;vertical-align:middle;width:130px}.list-group .list-item .list-header .list-desc{align-items:center;display:flex;justify-content:space-between}.list-group .list-item .list-header .list-desc .date{color:var(--n-info);font-size:var(--f-body2)}.list-group .list-item .list-header .list-desc .badge-warp{display:flex}.list-group .list-item .list-header .list-desc .round-text{font-size:var(--f-body2)}.list-group .list-item .list-header .list-desc+.list-title{margin-top:6px}.list-group.feedbacks .list-item .list-header .list-desc{align-items:center;display:flex}.list-group .list-item .list-header .list-title .name{color:var(--n-mainTitle);font-size:var(--f-body1)}.list-group .list-item .list-header .list-title .desc{color:var(--n-info);font-size:var(--f-body2)}.list-group .list-item .list-header .list-title .tag-wrap .tag{font-size:var(--f-body3)}.list-group .list-item .list-header .list-title .tag-wrap .tag+.tag{padding-left:8px;position:relative}.list-group .list-item .list-header .list-title .tag-wrap .tag+.tag:before{color:var(--n-info1);content:"|";left:0;position:absolute;top:0}.ielts .list-group .list-item .list-header .list-title .tag-wrap .tag.module{color:var(--p-color2)}.academy .list-group .list-item .list-header .list-title .tag-wrap .tag.module{color:var(--p-color1)}.list-group.feedback .list-item .list-header .badge{margin-bottom:8px}.list-group.feedback .list-item .list-header.basic .list-icon{background:url(https://static.edmclass.com/ielts/my_class/mo/ico-correct-bs.svg) no-repeat}.list-group .list-item .list-header .badge.basic,.list-group.feedback .list-item .list-header.basic .badge{background:var(--e-writing-color-bg);color:var(--e-writing-color)}.list-group .list-item .list-header .badge.basic:before,.list-group.feedback .list-item .list-header.basic .badge:before{content:"Basic"}.list-group.feedback .list-item .list-header.premium .list-icon{background:url(https://static.edmclass.com/ielts/my_class/mo/ico-correct-pr.svg) no-repeat}.list-group .list-item .list-header .badge.premium,.list-group.feedback .list-item .list-header.premium .badge{background:var(--e-reading-color-bg);color:var(--e-reading-color)}.list-group .list-item .list-header .badge.premium:before,.list-group.feedback .list-item .list-header.premium .badge:before{content:"Premium"}.list-group .list-item .list-header .badge.cdt{background:var(--e-reading-color-bg);color:var(--e-reading-color)}.list-group .list-item .list-header .badge.cdt:before{content:"CDT"}.list-group .list-item .list-header .badge.used{background:#ffede9;color:#ff3636}.list-group .list-item .list-header .badge.used:before{content:"이용중"}.academy .list-group .list-item .list-header .badge.module,.ielts .list-group .list-item .list-header .badge.module{color:var(--p-color2)}.list-group.temporary .list-item .list-header .badge.round{color:#000}.list-group .list-item .list-contents{margin-top:16px;position:relative}.list-group.cdt .list-item .list-contents+.list-contents{margin-top:0}.list-group .list-item .list-contents .info-group+.info-group{margin-top:4px}.list-group .list-item .list-contents .info-group .info-box{display:flex;font-size:var(--f-body3);width:100%}.list-group .list-item .list-contents .info-group .info-box .info-title{color:var(--n-subTitle);margin-right:4px}.list-group .list-item .list-contents .info-group .info-box .info-title:before{content:"· ";display:inline}.list-group .list-item .list-contents .info-group .info-box .info-desc span{color:var(--n-info);font-weight:400}.list-group.course .list-item .list-contents .rate{background:var(--e-speaking-color-bg);border-radius:8px;color:var(--n-mainTitle);font-size:var(--f-body3);font-weight:700;padding:6px 12px;position:absolute;right:0;top:0}.list-group .list-item .list-contents .info-group.col-2{display:flex}.list-group .list-item .list-contents .info-group.col-2 .info-box{width:50%}.list-group.feedbacks .list-item .list-contents,.list-group.temporary .list-item .list-contents{margin-top:4px!important}.list-group .list-item .list-action{margin-top:16px}.list-group .list-item .list-action a.btn-submit,.list-group .list-item .list-action button.btn-submit{align-items:center;border-radius:var(--b-radius0);color:var(--n-white);display:flex;font-size:var(--f-body1);font-weight:500;height:40px;justify-content:center;letter-spacing:-.28px;line-height:20px;width:100%}.list-group .list-item .list-action a.btn-default{display:flex;height:40px}.list-group .list-item .list-action a.btn-attendance,.list-group .list-item .list-action a.btn-default{align-items:center;border:1px solid var(--n-info2);border-radius:var(--b-radius0);color:var(--n-info);font-size:var(--f-body2);font-weight:500;justify-content:center;width:100%}.list-group .list-item .list-action a.btn-attendance{background:var(--n-white);display:block;height:unset;min-height:40px;padding:6px 0;text-align:center}.list-group .list-item .list-action a.btn-attendance span{vertical-align:middle}.list-group .list-item .list-action a.btn-attendance b{color:#000}.list-group .list-item .list-action a.btn-attendance.active{background:var(--p-color1);border:1px solid var(--p-color1);color:var(--n-white)}.list-group .list-item .list-action a.btn-attendance.active b{color:var(--n-white)}.list-group .list-item .list-action a.btn-attendance.deny{background:var(--b-color3);border:1px solid var(--s-color1);width:100%}.list-group .list-item .list-action a.btn-attendance.deny b{color:var(--n-info)}.list-group .list-item .list-action:not(.sub-action) *+*{margin-top:8px}.ielts .list-group .list-item .list-action a.btn-submit,.ielts .list-group .list-item .list-action button.btn-submit{background-color:var(--p-color2)}.academy .list-group .list-item .list-action a.btn-submit,.academy .list-group .list-item .list-action button.btn-submit{background-color:var(--p-color1)}.list-group .list-item .list-action a.disabled,.list-group .list-item .list-action button.disabled{background-color:var(--b-color4)!important;border-color:var(--b-color4)!important;color:var(--n-deactivate)!important;cursor:default;pointer-events:none}.list-group .list-item .list-action i.play{background-image:url(https://static.edmclass.com/ielts/my_class/mo/ico_play.svg);background-position:50%;background-repeat:no-repeat;background-size:14px 14px;display:block;height:14px;margin-right:4px;width:14px}.list-group .list-item .list-action.sub-action{display:flex;justify-content:flex-end}.list-group .list-item .list-action.sub-action a.btn-default{height:unset;padding:8px 12px;width:auto}.list-group .list-item .list-action.sub-action *+*{margin-left:8px}.list-group .list-item .list-action.sub-action+.list-action{margin-top:6px}.list-group .list-item .list-question{background-color:var(--b-color5);border-radius:var(--b-radius0);display:block;margin-top:12px;padding:12px}.list-group .list-item .list-question .question{font-size:var(--f-body2);font-weight:500}.list-group .list-item .list-question .question:after{border-bottom:1px solid var(--s-color1);content:"";display:block;margin:8px 0;width:100%}.list-group .list-item .list-question .answer{font-size:var(--f-body2);margin-top:8px}.correct-popup-header-essay .speaking-textarea .speaking-essay{padding-top:36px}.correct-popup-header-essay .speaking-textarea .speaking-essay .feedback-notice{font-size:var(--f-body3);padding-top:12px;text-align:center}.correct-popup-header-essay .speaking-textarea .speaking-essay .swiper{padding-top:12px}.info-popup-wrap{bottom:56px;z-index:99999}.info-popup-wrap .info-popup{padding:36px 16px 16px}.extension-wrap{width:100%}.extension-wrap .extension-header{align-items:center;background-color:#f3ffec;border-bottom:1px solid #1d2631;border-top:1px solid #1d2631;color:#333;display:flex;font-size:var(--f-body2);height:43px;letter-spacing:-.26px;width:100%}.extension-wrap .extension-header div{text-align:center;width:50%}.extension-wrap .extension-body .extension-card{border-bottom:1px solid #c5c5c5;padding-bottom:12px}.extension-wrap .extension-body .extension-card .extension-item{align-items:center;display:flex;width:100%}.extension-wrap .extension-body .extension-card .extension-item div{font-size:var(--f-body1);line-height:normal;padding-top:16px;width:50%}.extension-wrap .extension-body .extension-card .extension-item div:nth-child(2){text-align:center}.extension-wrap .extension-body .extension-card .extension-response{font-size:var(--f-body2);letter-spacing:-.01px;line-height:20px;padding-top:12px;position:relative;text-align:left}.extension-wrap .extension-body .extension-card .extension-response.reject{padding-left:20px}.extension-wrap .extension-body .extension-card .extension-response.reject .box{background:#f8f8f8;border-radius:4px;padding:16px}.extension-wrap .extension-body .extension-card .extension-response strong{display:block;margin-bottom:4px;width:100%}.extension-wrap .extension-body .extension-card .extension-response.reject span{color:#d53236}.extension-wrap .extension-body .extension-card .extension-response.reject:before{background-image:url(https://static.edmclass.com/ielts/my_class/ico_reply.svg);background-position:0 0;background-repeat:no-repeat;background-size:14px 14px;border-top:hidden;content:"";left:0;padding:0 0 12px 20px!important;position:absolute;top:16px}.period-list{margin-top:6px}.period-list .period-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.period-list .period-item .course-name{color:#333;font-size:var(--f-body2);overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.period-list .period-item .course-name:before{content:"· ";display:inline}.period-list .period-item .course-period{color:#666;font-size:var(--f-body2);letter-spacing:-.01px;margin-left:12px;min-width:120px}.academy .course-header{align-items:center;display:flex;justify-content:space-between;margin:24px 0 8px}.academy .course-header .lecture-title,.academy .course-header .option-info{margin:0!important}.academy .option-info strong{color:var(--p-color1)}.ielts .option-info strong{color:var(--p-color2)}