:root{--calendar-border-radius:6px;--dot-size:6px;--dot-color:var(--td-light)}.calendar-wrap{font-family:Noto Sans KR}.calendar-wrap *{transition:all .2s ease}.calendar-wrap .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendarWrap.attendance .calendar-wrap{margin:0 auto;max-width:360px}.calendar-wrap .calendar-header a.btn-next,.calendar-wrap .calendar-header a.btn-previous{border:1px solid var(--s-color1);border-radius:var(--calendar-border-radius);cursor:pointer;padding:9px}.calendar-wrap .calendar-header a.btn-next i,.calendar-wrap .calendar-header a.btn-previous i{background-position:50%;background-size:contain;display:block;height:16px;width:16px}.calendar-wrap .calendar-header a.btn-previous i{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M10 12 6 8l4-4'/%3E%3C/svg%3E")}.calendar-wrap .calendar-header a.btn-next i{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 12 4-4-4-4'/%3E%3C/svg%3E")}.calendar-wrap .calendar-header .month{font-size:var(--f-heading2);font-style:normal;font-weight:700}.calendarWrap.product{margin:0 auto;max-width:450px}.calendar-wrap .calendar-body .day-list{display:grid;grid-template-columns:repeat(7,1fr);grid-column-gap:4px;grid-row-gap:4px;text-align:center}.calendar-wrap .calendar-body .day-list:nth-child(2){margin-top:4px}.calendar-wrap .calendar-body .day-list.week .day-item{color:#7a7a89;font-size:var(--f-body3);letter-spacing:-.24px;text-align:center}.calendar-wrap .calendar-body .day-list.day .day-item{align-items:center;aspect-ratio:1/1;display:flex;flex-wrap:wrap;height:100%;justify-content:center;margin:auto;max-height:42px;max-width:42px;padding:3px;position:relative;width:100%}.calendar-wrap .calendar-body .day-list.day .day-item .day-box{align-items:center;color:var(--n-subTitle);cursor:pointer;display:flex;font-size:var(--f-body1);height:100%;justify-content:center;letter-spacing:-.28px;width:100%}.calendar-wrap .calendar-body .day-list.day .day-item .day-box span{align-items:center;aspect-ratio:36/26;display:flex;font-size:inherit;height:auto;justify-content:center;transition:none;width:100%}.calendar-wrap .calendar-body .day-list.day .day-item.active .day-box{align-items:flex-start}.calendar-wrap .calendar-body .day-list.day .day-item.none.active .day-box span{aspect-ratio:1/1}.calendar-wrap .calendar-body .day-list.day .day-item.active .day-box span,.calendar-wrap .calendar-body .day-list.day .day-item.none.active .day-box span{background-color:var(--p-color2);border-radius:6px;color:#fff;font-weight:500}.calendar-wrap .calendar-body .day-list.day .day-item .indicator{align-items:center;bottom:3px;display:flex;justify-content:center;min-height:auto!important;position:absolute;width:100%}.calendar-wrap .calendar-body .day-list.day .day-item .indicator span{background:var(--dot-color);border-radius:50%;display:inline-block;height:var(--dot-size);width:var(--dot-size)!important}.calendar-wrap .calendar-body .day-list.day .day-item .indicator span+span{margin-left:2px}.calendar-info .calendar-list .calendar-item .title span.start,.calendar-wrap .calendar-body .day-list.day .day-item .indicator span.start{--dot-color:var(--e-speaking-color);--tag-text:"개강";--tag-background:var(--e-speaking-color-bg)}.calendar-info .calendar-list .calendar-item .title span.end,.calendar-wrap .calendar-body .day-list.day .day-item .indicator span.end{--dot-color:var(--e-reading-color);--tag-text:"종강";--tag-background:var(--e-reading-color-bg)}.calendar-info .calendar-list .calendar-item .title span.cdt,.calendar-info .calendar-list .calendar-item .title span.pbt,.calendar-wrap .calendar-body .day-list.day .day-item .indicator span.cdt,.calendar-wrap .calendar-body .day-list.day .day-item .indicator span.pbt{--dot-color:var(--e-writing-color);--tag-text:"모의고사";--tag-background:var(--e-writing-color-bg)}.calendar-info .calendar-list .calendar-item .title span.special,.calendar-wrap .calendar-body .day-list.day .day-item .indicator span.special{--dot-color:var(--e-listening-color);--tag-text:"특강";--tag-background:var(--e-listening-color-bg)}.calendar-info .calendar-list .calendar-item .title span.study,.calendar-wrap .calendar-body .day-list.day .day-item .indicator span.study{--dot-color:var(--e-listening-color);--tag-text:"수강";--tag-background:var(--e-listening-color-bg)}.calendarWrap.attendance .calendar-wrap .calendar-body .day-list.day .day-item .indicator{display:none}.academy .calendar-wrap .calendar-body .day-list.day .day-item.today{border:1px solid var(--p-color1);border-radius:var(--calendar-border-radius)}.ielts .calendar-wrap .calendar-body .day-list.day .day-item.today{border:1px solid var(--p-color2);border-radius:var(--calendar-border-radius)}.calendarWrap.attendance .calendar-wrap .calendar-body .day-list.day .day-item .day-box{border-radius:8px}.calendarWrap.attendance .calendar-wrap .calendar-body .day-list.day .day-item.today .day-box span:after{color:var(--n-subTitle);content:"오늘";display:block;font-size:11px;margin-top:3px}.calendar-wrap .calendar-body .day-list.day .day-item.attendance .day-box{background:var(--p-color2)}.calendar-wrap .calendar-body .day-list.day .day-item.absent .day-box span,.calendar-wrap .calendar-body .day-list.day .day-item.attendance .day-box span{color:#fff;display:block;font-weight:700}.calendar-wrap .calendar-body .day-list.day .day-item.attendance .day-box span:after{color:#fff;content:"출석";display:block;font-size:10px;font-weight:700}.calendar-wrap .calendar-body .day-list.day .day-item.absent .day-box{background:var(--b-color2);border-radius:6px}.calendar-wrap .calendar-body .day-list.day .day-item.absent .day-box span:after{color:#fff;content:"결석";display:block;font-size:10px;font-weight:700}.calendar-wrap .calendar-body .day-list.day .day-item.today.active,.calendar-wrap .calendar-body .day-list.day .day-item.today.active .day-box{border:none!important}.calendar-wrap .calendar-body .day-list.day .day-item.today.active .day-box span:after{content:""!important}.calendarWrap.product .calendar-info{margin-top:16px}.calendar-info{padding-top:16px;position:relative}.calendar-info:before{background-color:var(--s-color1);content:"";height:1px;left:-16px;position:absolute;top:0;width:calc(100% + 32px)}.calendar-info .calendar-header,.calendar-info .calendar-list .date,.calendar-info .calendar-list#default{display:none}.calendar-info .calendar-list .calendar-item{align-content:center;display:flex;justify-content:space-between;margin-bottom:8px}.calendar-info .calendar-list .calendar-item .title{align-items:center;display:flex;font-size:var(--f-body1)}.calendar-info .calendar-list .calendar-item .title span{background-color:var(--tag-background);border-radius:100px;color:var(--dot-color);font-size:var(--f-body3);font-weight:500;margin-right:4px;padding:2px 6px}.calendar-info .calendar-list .calendar-item .title span:before{content:var(--tag-text)}.calendar-info .calendar-list .calendar-item .timer{color:var(--n-info);font-size:var(--f-body3)}@media screen and (min-width:576px){.calendarWrap.product{max-width:unset}.calendarWrap.product .calendar-wrap .calendar-header .month{font-size:var(--f-heading1)}.calendar-wrap .calendar-body .day-list{grid-row-gap:8px;grid-column-gap:14px}}@media screen and (min-width:1200px){.calendarWrap.product{align-items:stretch;display:flex;justify-content:space-between;max-width:unset;max-width:736px}.calendarWrap.product .calendar{max-width:488px;width:100%}.calendarWrap.product .calendar-info{border:1px solid var(--s-color1);border-radius:12px;margin-left:16px;margin-top:0;max-width:232px;width:100%}.ielts .calendar-wrap .calendar-body .day-list.day .day-item.today .day-box{border:1px solid var(--p-color2);border-radius:8px}.academy .calendar-wrap .calendar-body .day-list.day .day-item.today .day-box{border:1px solid var(--p-color1);border-radius:8px}.calendarWrap.product .calendar-wrap .calendar-body .day-list{column-gap:16px;row-gap:8px}.calendarWrap.product .calendar-wrap .calendar-body .day-list.week{margin-bottom:8px}.calendarWrap.product .calendar-wrap .calendar-body .day-list.week .day-item{font-size:var(--f-body1);font-weight:700}.calendar-wrap .calendar-body .day-list.day .day-item{aspect-ratio:56/72;display:block;max-height:94px;max-width:56px;padding:0 7px}.calendar-wrap .calendar-body .day-list.day .day-item .day-box{align-items:flex-start;height:auto}.calendar-wrap .calendar-body .day-list.day .day-item .day-box span{aspect-ratio:1/1}.calendar-wrap .calendar-body .day-list.day .day-item .indicator{margin-top:8px;position:static}.calendar-wrap .calendar-body .day-list.day .day-item.active .day-box span,.calendar-wrap .calendar-body .day-list.day .day-item.none.active .day-box span{border-radius:8px}.calendarWrap.attendance .calendar-wrap{max-width:unset}.calendarWrap.attendance .calendar-wrap .calendar-body .day-list{grid-row-gap:12px}.calendarWrap.attendance .calendar-wrap .calendar-body .day-list.day .day-item.today .day-box span:after{margin-top:0}.calendarWrap.product .calendar-wrap .calendar-body .day-list.day .day-item .indicator span{background-color:var(--tag-background);border-radius:100px;color:var(--dot-color);display:block;font-size:var(--f-body3);font-weight:500;height:20px;padding:0 8px;width:auto!important}.calendarWrap.product .calendar-wrap .calendar-body .day-list.day .day-item .indicator span+span{margin-left:4px}.calendarWrap.product .calendar-wrap .calendar-body .day-list.day .day-item .indicator span:before{content:var(--tag-text);letter-spacing:-1px}.calendarWrap.classroom .calendar-wrap .calendar-body .day-list.day .day-item.today .day-box{border:none!important}.calendarWrap.product .calendar-wrap .calendar-body .day-list.day .day-item.today .day-box span:after{color:var(--n-subTitle);content:"오늘";display:block;font-size:11px;font-weight:400}.calendar-info{color:var(--n-mainTitle);padding:16px}.calendar-info:before{display:none}.calendar-info .calendar-header{color:var(--n-info);display:block;font-size:var(--f-body3);font-weight:700;margin-bottom:16px}.calendar-info .calendar-list{height:auto!important;margin-bottom:16px;width:100%}.calendar-info .calendar-list .date{display:block;font-size:var(--f-body3);margin-bottom:8px}.calendar-info .calendar-list .calendar-item{background:var(--b-color5);border-radius:8px;padding:12px;position:relative;width:100%}.calendar-info .calendar-list .calendar-item:last-of-type{margin-bottom:0}.calendar-info .calendar-list .calendar-item .title{display:block;width:100%}.calendar-info .calendar-list .calendar-item .title span{display:inline-block}.calendar-info .calendar-list .calendar-item .title div{margin-top:8px}.calendar-info .calendar-list .calendar-item .timer{letter-spacing:normal;position:absolute;right:16px;top:16px}.calendar-info.classroom{padding:0}.calendar-info.classroom .calendar-list{margin-bottom:0;overflow:hidden}.calendar-info.classroom .calendar-list .calendar-item .title{display:flex}.calendar-info.classroom .calendar-list .calendar-item .title div{margin-top:0}.calendar-info.classroom .calendar-list .calendar-item .timer{top:50%;transform:translateY(-50%)}}