.component-button[data-v-43960ca6]{display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:700;border:0;background:none;outline:none;cursor:pointer;transition:.3s;border-radius:2px}.component-button.size-normal[data-v-43960ca6]{height:48px}.component-button.size-small[data-v-43960ca6]{height:36px}.component-button.skin-red[data-v-43960ca6]{background-color:#a11a22;color:#fff}.component-button.skin-red[data-v-43960ca6]:hover{background-color:#c33}.component-button.skin-red[data-v-43960ca6]:active{background-color:#7f131a}.component-button.skin-black[data-v-43960ca6]{background-color:#17181a;color:#fff}.component-button.skin-black[data-v-43960ca6]:hover{background-color:#494a4d}.component-button.skin-black[data-v-43960ca6]:active{background-color:#000}.component-button.skin-grey[data-v-43960ca6]{background-color:#f5f5f5;color:#17181a}.component-button.skin-grey[data-v-43960ca6]:hover{background-color:#fafafa}.component-button.skin-grey[data-v-43960ca6]:active{background:#e6e6e6}.component-button.disabled[data-v-43960ca6]{background-color:#e6e6e6!important;color:#b3b3b3!important;cursor:not-allowed!important}.component-button.text-red[data-v-43960ca6]{color:#e61717}._component-type-filter[data-v-1404a82e]{--item-height:48px;--item-padding:7px 15px;--item-gap:10px;--name-font-size:14px;--name-line-height:22px;--sub-font-size:12px;--sub-line-height:21px;width:100%}._component-type-filter .filter-item[data-v-1404a82e]{width:100%;min-height:var(--item-height);margin-top:var(--item-gap);padding:var(--item-padding);cursor:pointer;border-radius:2px;background:#fff;transition:.15s}._component-type-filter .filter-item[data-v-1404a82e]:first-of-type{margin-top:0}._component-type-filter .filter-item .name[data-v-1404a82e]{color:#17181a;font-size:var(--name-font-size);line-height:var(--name-line-height);transition:.15s;font-weight:600}._component-type-filter .filter-item .en[data-v-1404a82e]{color:#7c7d80;font-size:var(--sub-font-size);line-height:var(--sub-line-height);transition:.15s}._component-type-filter .filter-item.active[data-v-1404a82e],._component-type-filter .filter-item[data-v-1404a82e]:hover{background:#17181a}._component-type-filter .filter-item.active .name[data-v-1404a82e],._component-type-filter .filter-item:hover .name[data-v-1404a82e]{color:#fff}._component-type-filter .filter-item.active .en[data-v-1404a82e],._component-type-filter .filter-item:hover .en[data-v-1404a82e]{color:hsla(0,0%,100%,.5)}._component-type-filter .filter-item.disabled[data-v-1404a82e]{cursor:default}._component-type-filter .filter-item.disabled[data-v-1404a82e]:not(.active):hover{background:#fff}._component-type-filter .filter-item.disabled:not(.active):hover .name[data-v-1404a82e]{color:#17181a}._component-type-filter .filter-item.disabled:not(.active):hover .en[data-v-1404a82e]{color:#7c7d80}.page-course-office-hour-list[data-v-e4e5825c]{--sidebar-width:35%;--sidebar-min-width:270px;--sidebar-content-width:270px;--sidebar-padding:26px 20px 0 0;--main-width:65%;--search-height:78px;--search-padding:0 30px;--search-gap:20px;--search-btn-width:120px;--list-width:840px;--item-padding:20px 30px;--item-border-color:var(--color-gray-disabled);--meta-gap:6px;display:flex;width:100%;height:calc(100vh - 80px)}.page-course-office-hour-list .type-filter-wrap[data-v-e4e5825c]{display:flex;justify-content:flex-end;width:var(--sidebar-width);min-width:var(--sidebar-min-width);height:100%;padding:var(--sidebar-padding);overflow:auto;box-shadow:0 4px 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.05),0 1px 2px 1px rgba(0,0,0,.05)}.page-course-office-hour-list .filter-content-wrap[data-v-e4e5825c]{width:var(--sidebar-content-width)}.page-course-office-hour-list .filter-title[data-v-e4e5825c]{font-size:20px;line-height:29px;color:var(--color-gray-4)}.page-course-office-hour-list .filter-list[data-v-e4e5825c]{margin-top:30px}.page-course-office-hour-list .main-window-wrap[data-v-e4e5825c]{width:var(--main-width);height:100%}.page-course-office-hour-list .search-bar-wrap[data-v-e4e5825c]{position:relative;display:flex;gap:var(--search-gap);align-items:center;height:var(--search-height);padding:var(--search-padding);border-bottom:1px solid var(--item-border-color)}.page-course-office-hour-list .search-input-wrap[data-v-e4e5825c]{position:relative;width:700px}.page-course-office-hour-list .search-input[data-v-e4e5825c]{width:100%;height:48px;padding:0 38px 0 12px;font-size:14px;color:var(--color-gray-1);border:1px solid var(--color-gray-disabled);border-radius:2px;outline:none}.page-course-office-hour-list .search-input[data-v-e4e5825c]:focus{border-color:var(--color-gray-1)}.page-course-office-hour-list .clear-btn[data-v-e4e5825c]{position:absolute;top:50%;right:12px;padding:0;font-size:22px;color:var(--color-gray-4);cursor:pointer;background:transparent;border:0;transform:translateY(-50%)}.page-course-office-hour-list .search-btn[data-v-e4e5825c]{width:var(--search-btn-width)}.page-course-office-hour-list .course-list-wrap[data-v-e4e5825c]{width:100%;height:calc(100% - var(--search-height));overflow:auto}.page-course-office-hour-list .course-item[data-v-e4e5825c]{padding:var(--item-padding);border-bottom:1px solid var(--item-border-color)}.page-course-office-hour-list .course-title[data-v-e4e5825c]{overflow:hidden;font-size:20px;font-weight:600;line-height:30px;color:var(--color-gray-1);text-overflow:ellipsis;white-space:nowrap}.page-course-office-hour-list .course-meta-wrap[data-v-e4e5825c]{display:flex;flex-wrap:wrap;gap:var(--meta-gap);margin-top:10px}.page-course-office-hour-list .course-meta[data-v-e4e5825c]{min-height:24px;padding:0 10px;font-size:14px;font-weight:600;line-height:24px;color:var(--color-red-default);background:rgba(161,26,34,.1);border-radius:2px}.page-course-office-hour-list .course-description[data-v-e4e5825c]{margin-top:15px;overflow:hidden;font-size:14px;line-height:20px;color:var(--color-gray-3);text-overflow:ellipsis;white-space:nowrap}.page-course-office-hour-list .empty-text[data-v-e4e5825c]{padding:var(--item-padding);color:var(--color-gray-3);text-align:center}.page-course-office-hour-list .mobile-filter-wrap[data-v-e4e5825c]{position:absolute;top:var(--search-height);left:0;z-index:20;width:100%;padding:15px;background:var(--color-white);box-shadow:0 4px 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.05),0 1px 2px 1px rgba(0,0,0,.05)}@media screen and (max-width:1190px){.page-course-office-hour-list[data-v-e4e5825c]{--main-width:100%;--search-height:56px;--search-padding:0 15px;--search-gap:10px;--search-btn-width:68px;--item-padding:20px 0;display:block;height:calc(100vh - 60px)}.page-course-office-hour-list .type-filter-wrap[data-v-e4e5825c]{display:none}.page-course-office-hour-list .menu-trigger[data-v-e4e5825c]{flex:0 0 20px}.page-course-office-hour-list .search-input-wrap[data-v-e4e5825c]{width:calc(100% - var(--search-btn-width) - 20px - var(--search-gap)*2)}.page-course-office-hour-list .search-input[data-v-e4e5825c]{height:36px;padding-right:32px}.page-course-office-hour-list .search-btn[data-v-e4e5825c]{height:36px}.page-course-office-hour-list .course-list-wrap[data-v-e4e5825c]{width:100%;padding:0 15px}.page-course-office-hour-list .course-title[data-v-e4e5825c]{white-space:normal}.page-course-office-hour-list .course-description[data-v-e4e5825c]{display:-webkit-box;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}}