html,body {
	height:100%;
}



body {
    margin: 0;
    background-color: #f2f2f2;
  
    -webkit-tap-highlight-color: transparent;
}
body, button, select {
    font: 14px OpenSans, Arial, Helvetica, sans-serif;
}
select, button {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
}
/*###########################################################################################*/
/* 페이지 전체를 감싸는 영역 */
/*############################################################################################*/
.base-container-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.base-container-howitworks {
    height: auto;
}
.router-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    min-height: 0;
}
.dashboard-2Wnan {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: 100%;
    color: var(--colors-text-neutrals);
    background-color: var(--colors-background-neutrals-subtle);
}

/*###########################################################################################*/
/* 맨좌측 청색 사이드바 영역 */
/*############################################################################################*/
.spaces-list {
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #050038;
    max-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
}

/*###########################################################################################*/
/* 맨좌측 청색 버튼 사이드바를 제외한 우측 전체영역*/
/*############################################################################################*/

.inner-2WDhL {
/*border:3px solid red;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
}
.columns-PmiY_ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    max-height: 100%;
}
.dashboardSidebar-3-MQY {
    width: 236px;
    padding-top: 0px;
    padding-left: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.dashboard-2Wnan {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    width: 100%;
    color: var(--colors-text-neutrals);
    background-color: var(--colors-background-neutrals-subtle);
}
.content-29BE6 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    overflow-y: auto;
	overflow-x: hidden;
    background: #fff;
}
.content-langgeek {
/*	border:3px solid red; */
	margin-top:25px;
    padding-bottom: 55px;
	font-family: 'Roboto', sans-serif;
}


.dashboard-mainBody {}
.board-wrapper {
    cursor: default;
    display: flex;
    flex-direction: column;
    height: 100%;
   
	background-color: #ffffff;
    border-top-left-radius: 8px;
}
.board-header-mf {
	border-bottom:1px solid #efefef;
}
.BoardHeaderWrapper--Q2vQx{
	padding: 30px 30px 0px 30px;
    padding-top: 16px;
    padding-left: 38px;
}
.BoardHeadeTop--gw64m {
    display: flex;
    align-items: center;
}
.BoardHeaderLeft--0i\+p- {
    display: flex;
    flex: 1 0;
    min-width: 100px;
    margin-right: 8px;
    margin-left: -5px;
}
.table-wrapper .board-name, .board-wrapper .board-name, .object-name-component .board-name {
    white-space: nowrap;
    font-weight: 500;
    cursor: text;
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    overflow: hidden;
}
.smootherLoading--TKPZf {
    animation-duration: var(--motion-productive-small);
    animation-name: smoother-loading--BpfTO;
    animation-fill-mode: backwards;
}
.board-title-component {
    width: 100%;
    min-width: 0;
}
.table-wrapper .board-name .board-title-editable-heading-wrapper, .board-wrapper .board-name .board-title-editable-heading-wrapper, .object-name-component .board-name .board-title-editable-heading-wrapper {
    margin-right: 4px;
    height: 100%;
    width: initial;
}
.editableHeadingWrapper_b476f44070 {
    width: 100%;
    min-width: 0;
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
}
.clickable_3a1e05c060.disabled_8eef1abdb2 {
    cursor: default;
}
.board-title-component_heading {
    line-height: 40px;
}
.headingComponent_3d8a472b41 {
    margin: 0;
}
.board-wrapper .board-header .board-header-toggle-show-description-wrapper, .object-component .board-header .board-header-toggle-show-description-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.board-wrapper .board-header .board-header-toggle-show-description-wrapper>span, .object-component .board-header .board-header-toggle-show-description-wrapper>span {
    display: flex;
}
.board-wrapper .board-header .board-header-toggle-show-description-wrapper .board-header-toggle-show-description, .object-component .board-header .board-header-toggle-show-description-wrapper .board-header-toggle-show-description {
    padding-left: 4px;
    padding-right: 4px;
    margin-top: 0;
}
.kindTertiary_8979f4acce {
    color: #323338;
    background-color: transparent;
}
.sizeSmall_29b785baec {
    -webkit-font-smoothing: var(--font-smoothing-webkit);
    -moz-osx-font-smoothing: var(--font-smoothing-moz);
    font: var(--font-text2-normal);
    padding: 4px var(--spacing-small);
    height: 32px;
    line-height: 24px;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.board-wrapper .board-header .board-header-toggle-show-description-wrapper .board-header-toggle-show-description>.board-header-toggle-show-description-icon, .object-component .board-header .board-header-toggle-show-description-wrapper .board-header-toggle-show-description>.board-header-toggle-show-description-icon {
    font-size: 16px;
    color: var(--icon-color);
    width: 24px;
}
svg:not(:root) {
    overflow: hidden;
}
.icon_11cbbcfb0f {
    position: relative;
}
.BoardHeaderRight--v9oQF {
    flex: 0 0 auto;
}
.board-wrapper .board-actions-v2 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: var(--spacing-small);
}
.subscribersImagesComponentV2--lfxc- {
    display: flex;
}
.kindTertiary_8979f4acce {
    color: #323338;
    background-color: transparent;
}

.sizeSmall_29b785baec {
    -webkit-font-smoothing: var(--font-smoothing-webkit);
    -moz-osx-font-smoothing: var(--font-smoothing-moz);
    font: var(--font-text2-normal);
    padding: 4px var(--spacing-small);
    height: 32px;
    line-height: 24px;
}

.subscriberImagesOld--lO\+1z {
    margin-left: 4px;
}
.overlap-images-component {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}
.overlap-images-component .overlap-images-wrapper {
    z-index: 1;
    display: flex;
    flex: 0 1 auto;
    align-items: center;
}
.overlap-images-component .overlap-images-wrapper .overlap-image.image-border {
    border-radius: 50%;
    border: 1px solid;
    border-color: var(--primary-background-color);
}
.overlap-images-component .overlap-images-wrapper .overlap-image {
    position: relative;
    overflow: hidden;
}
.overlap-images-component .overlap-images-wrapper .overlap-image .inner-image {
    width: 100%;
    height: 100%;
}
.board-wrapper .board-actions-v2 .board-actions-section.subscribers-list-wrapper {
    height: 40px;
}
.board-wrapper .board-actions-v2 .board-actions-section {
    display: flex;
    align-items: center;
    justify-content: center;
}
.kindSecondary_8cecd2113d.sizeSmall_29b785baec {
    line-height: 22px;
}

.kindSecondary_8cecd2113d {
    border: 1px solid;
    border-color: var(--ui-border-color);
    color: #323338;
    background-color: transparent;
}

.sizeSmall_29b785baec {
    -webkit-font-smoothing: var(--font-smoothing-webkit);
    -moz-osx-font-smoothing: var(--font-smoothing-moz);
    font: var(--font-text2-normal);
    padding: 4px var(--spacing-small);
    height: 32px;
    line-height: 24px;
}

.button_e987060b6f .leftIcon_febd49a373 {
    margin-right: var(--spacing-small);
}

.button--aJM9R>svg {
    color: var(--icon-color);
}
svg:not(:root) {
    overflow: hidden;
}
.board-wrapper .board-actions-v2 .board-menu {
    position: relative;
}
.menuIcon--IFpJC {
    width: 32px;
    height: 32px;
}
.wrapper_fd34b19c2f {
    width: fit-content;
    height: fit-content;
    display: inline-flex;
}
.referenceWrapper_3ab37fce39 {
    display: inline-flex;
}
.menuIcon--IFpJC {
    width: 32px;
    height: 32px;
}

.noSidePadding_08b9ad8166 {
    padding-right: 0;
    padding-left: 0;
}
.kindTertiary_8979f4acce {
    color: #323338;
    background-color: transparent;
}
.smootherLoading--3LyP6 {
    animation-duration: var(--motion-productive-medium);
    animation-name: smoother-loading--G9wAy;
    animation-fill-mode: backwards;
}
.board-description-hint {
    font-size: 14px;
    font-weight: 400;
    cursor: default;
    position: relative;
    border: 1px solid transparent;
    display: flex;
    align-items: flex-start;
    inline-size: min-content;
}
.board-description-hint .ds-text-component.description-content {
    white-space: nowrap;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    border: none;
    width: initial;
    color: var(--secondary-text-color);
}
.board-description-hint .board-description-hint-see-more {
    color: var(--link-color) !important;
    white-space: nowrap;
    margin-left: 6px;
    padding-inline: 2px;
}
.monday-board-subset-toolbar__tabs-v2 {
    margin-top: var(--spacing-small);
    align-items: flex-end;
}
.monday-board-subset-toolbar {
    width: 100%;
    display: flex;
    align-items: center;
}
.monday-board-subset-toolbar__tabs-v2 {
    margin-top: var(--spacing-small);
    align-items: flex-end;
}
.monday-board-subset-toolbar {
    width: 100%;
    display: flex;
    align-items: center;
}
.smootherLoading--mHXuU {
    animation-duration: var(--motion-productive-long);
    animation-name: smoother-loading--l-xu7;
    animation-fill-mode: backwards;
}
.monday-board-subsets-tabs__tabs-v2 {
    align-items: flex-end;
}
.monday-board-subsets-tabs {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-right: 48px;
}
.smootherLoading--mHXuU {
    animation-duration: var(--motion-productive-long);
    animation-name: smoother-loading--l-xu7;
    animation-fill-mode: backwards;
}
.monday-board-subsets-tabs__tabs-v2 {
    align-items: flex-end;
}
.monday-board-subsets-tabs {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-right: 48px;
}
.monday-board-subset-item-v2 {
    padding-bottom: 4px;
    position: relative;
}
.monday-board-subset-item-v2 .monday-board-subset-item-v2__button {
    min-width: 32px;
    max-width: 180px;
    padding: var(--spacing-small);
}
.monday-board-subset-item-v2 .monday-board-subset-item-v2__button {
    min-width: 32px;
    max-width: 180px;
	padding: 8px 10px 8px 0;
}
.kindTertiary_8979f4acce {
    color: #323338;
    background-color: transparent;
}
.sizeSmall_29b785baec {
    -webkit-font-smoothing: var(--font-smoothing-webkit);
    -moz-osx-font-smoothing: var(--font-smoothing-moz);
    font: var(--font-text2-normal);
    padding: 4px var(--spacing-small);
    height: 32px;
    line-height: 24px;
}

.monday-board-subset-item-v2--selected .monday-board-subset-item-v2__left-icon {
    color: #323338;
    background: var(--disabled-background-color);
	border-radius:6px;
}
.monday-board-subset-item-v2__left-icon {
    position: relative;
    font-size: 16px;
    display: flex;
    color: var(--icon-color);
}
.monday-board-subset-item-v2__left-icon {
    position: relative;
    font-size: 16px;
    display: flex;
    color: var(--icon-color);
}
.icon_11cbbcfb0f {
    position: relative;
}
.monday-board-subset-item-v2--selected .monday-board-subset-item-v2__label {
    width: 100%;
    max-width: none;
}
.monday-board-subset-item-v2--selected .monday-board-subset-item-v2__label {
    width: 100%;
    max-width: none;
}
.monday-board-subset-item-v2__label {
    font-size: 14px;
    font-weight: 400;
    max-width: 150px;
    min-width: 30px;
    padding: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
.monday-board-subset-item-v2__label {
    font-size: 14px;
    font-weight: 400;
    max-width: 150px;
    min-width: 30px;
    padding: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
.monday-board-subset-item-v2 .ds-menu-button-container {
    right: 8px;
    padding-left: 4px;
    position: absolute;
}
.monday-board-subset-item-v2__options-button {
    display: none;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: var(--border-radius-small);
    font-weight: 400;
}
.monday-board-subset-item-v2__options-button .icon {
    height: 12px;
    font-size: 13px;
    padding: 0 8px;
}
.monday-board-subset-item-v2:not(:hover):after {
    content: "";
    height: 16px;
    border-right: 1px solid;
    border-color: var(--layout-border-color);
    position: absolute;
    top: 8px;
}
.monday-board-subset-item-v2:not(:hover):after {
    content: "";
    height: 16px;
    border-right: 1px solid;
    border-color: var(--layout-border-color);
    position: absolute;
    top: 8px;
}
.add-board-subset-picker-component__tabs-v2 {
    min-width: 32px !important;
}
.add-board-subset-picker-component__button {
    font-size: 14px;
    margin-bottom: 4px;
}
.add-board-subset-picker-component__tabs-v2 {
    min-width: 32px !important;
}
.add-board-subset-picker-component__button {
    font-size: 14px;
    margin-bottom: 4px;
}
.kindTertiary_8979f4acce {
    color: #323338;
    background-color: transparent;
}
.sizeSmall_29b785baec {
    -webkit-font-smoothing: var(--font-smoothing-webkit);
    -moz-osx-font-smoothing: var(--font-smoothing-moz);
    font: var(--font-text2-normal);
    padding: var(--spacing-xs) var(--spacing-small);
    height: 32px;
    line-height: 24px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon_11cbbcfb0f {
    position: relative;
}
.icon-v2-plus-simple:before {
    content: "\f47b";
}
.monday-subset-toolbar-extended {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.board-wrapper .board-actions-v2 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: var(--spacing-small);
}
.monday-subset-toolbar-extended__tabs .monday-subset-toolbar-extended__automations-integrations {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.board-wrapper .board-actions-v2 {
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: var(--spacing-small);
}
.monday-subset-toolbar-extended__automations-integrations {
    margin-left: auto;
    margin-bottom: 6px;
}
.automations-button-component__tabs-v2 {
    overflow: hidden;
    height: 32px;
}
.automations-button-component {
    color: #323338;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}
.automations-button-component .automations-buttons-inner {
    display: flex;
    max-width: 480px;
}
.automations-button-component__tabs-v2.automations-button-component .automations-buttons-inner .automations-button, .automations-button-component__tabs-v2.automations-button-component .automations-buttons-inner .integrations-button {
    height: 32px;
}
.monday-subset-toolbar-extended__automations-integrations .automations-button-component .automations-button, .monday-subset-toolbar-extended__automations-integrations .automations-button-component .integrations-button {
    width: unset;
    font-size: 14px;
    font-weight: 400;
}
.automations-button-component .automations-buttons-inner .integrations-button {
    position: relative;
    display: flex;
    align-items: center;
}
.automations-button-component .automations-buttons-inner .automations-button, .automations-button-component .automations-buttons-inner .integrations-button {
    height: 40px;
    width: 100%;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 16px;
}
.automations-button-component .automations-buttons-inner .integrations-button .integrations-button-content {
    display: flex;
    align-items: center;
    color: #323338;
}
.automations-button-component .automations-buttons-inner .integrations-button .integrations-button-content .entity-icon {
    display: flex;
    margin-right: 8px;
    font-size: 15px;
}
.automations-button-component .automations-buttons-inner .integrations-button .integrations-button-content .apps-badges-container {
    display: flex;
    padding-bottom: 2px;
}
.integration-badges-component {
    display: flex;
    align-items: center;
    justify-content: center;
}
.integration-badges-component .integration-badge-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hexagon-container.disabled {
    opacity: .4;
}
.hexagon-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.integration-badges-component .integration-badge-container .integration-logo {
    position: absolute;
    height: 18px;
    width: 18px;
}
img.integration-logo {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
.automations-button-component__tabs-v2.automations-button-component .automations-buttons-inner .automations-button, .automations-button-component__tabs-v2.automations-button-component .automations-buttons-inner .integrations-button {
    height: 32px;
}
.monday-subset-toolbar-extended__automations-integrations .automations-button-component .automations-button, .monday-subset-toolbar-extended__automations-integrations .automations-button-component .integrations-button {
    width: unset;
    font-size: 14px;
    font-weight: 400;
}
.automations-button-component .automations-buttons-inner .automations-button, .automations-button-component .automations-buttons-inner .integrations-button {
    height: 40px;
    width: 100%;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 16px;
}
.automations-button-component .automations-buttons-inner .automations-button .button-label {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
    width: 100%;
    cursor: pointer;
    color: var(--primary-text-color);
}
.automations-button-component .automations-buttons-inner .automations-button .entity-icon {
    font-size: 17px;
    margin-bottom: 2px;
}
.icon-autopilot:before {
    content: "\f45a";
}
.automations-button-component .automations-buttons-inner .automations-button .button-label .automations-button-text {
    margin-left: 8px;
}
.monday-subset-toolbar-extended__tabs .monday-subset-toolbar-extended__collapse-header-btn {
    margin-bottom: 4px;
}
.monday-subset-toolbar-extended__collapse-header-btn {
    margin-left: 16px;
    margin-bottom: 10px;
}
.board-header-collapse-mode-button-component-v2 {
    border: 1px var(--border-style);
    border-color: var(--layout-border-color);
    background-color: var(--primary-background-color);
    transition: padding-top var(--animation-productive-medium) ease,padding-bottom var(--animation-productive-medium) ease;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: var(--spacing-xs);
}
.board-header-collapse-mode-button-component-v2 .direction-icon {
    transform: translateY(0);
}
.board-header-view-bar {
    border-top: 1px solid;
    border-color: var(--layout-border-color);
    display: flex;
    padding: 16px 0px;
}
.board-filter.new-board-filter.monday-v2-header {
    border-top: none;
    border-bottom: none;
    border-color: var(--layout-border-color);
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.board-filter.new-board-filter {
    border-bottom: 1px solid;
    border-color: var(--layout-border-color);
    padding: 8px 32px;
    margin: 8px -30px 0;
}
.smootherLoading---Bnui {
    animation-duration: var(--motion-expressive-short);
    animation-name: smoother-loading--BwdOs;
    animation-fill-mode: backwards;
}
.board-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    flex: 1 1 auto;
}
.board-filter.new-board-filter.monday-v2-header .board-subset-left-side-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1 1;
    margin-right: 0px;
    margin-left: 16px;
    order: 1;
}
.board-filter .add-board-entity-button-wrapper {
    margin-right: 14px;
}
.add-task-button-component {
    display: flex;
}
.button_e987060b6f {
    --loader-padding: 8px;
    outline: none;
    border: none;
    height: auto;
    border-radius: var(--border-radius-small);
    cursor: pointer;
    white-space: nowrap;
    transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: auto;
    min-width: auto;
}
.kindPrimary_3eabb87e81.button_e987060b6f.disabled_575c0ae4ce {
    background: var(--disabled-background-color);
    color: var(--disabled-text-color);
    cursor: not-allowed;
    pointer-events: auto;
}
.add-task-button-component .add-with-dropdown {
    border-radius: 4px 0 0 4px;
}
.kindPrimary_3eabb87e81.colorPrimary_6019d5ccfe {
    background: var(--primary-color);
}

.kindPrimary_3eabb87e81 {
    color: var(--text-color-on-primary);
}
.sizeSmall_29b785baec {
    -webkit-font-smoothing: var(--font-smoothing-webkit);
    -moz-osx-font-smoothing: var(--font-smoothing-moz);
    font: var(--font-text2-normal);
    padding: var(--spacing-xs) var(--spacing-small);
    height: 32px;
    line-height: 24px;
}

.add-task-button-component.disabled .dropdown-button {
    background-color: var(--disabled-background-color);
    color: var(--disabled-text-color);
    border-left-color: var(--disabled-background-color);
    pointer-events: auto;
}
.add-task-button-component .dropdown-button.small-button {
    height: 32px;
}
.add-task-button-component .dropdown-button {
    border-radius: 0 4px 4px 0;
    border-left: 1px solid;
    border-left-color: var(--primary-hover-color);
    background-color: var(--primary-color);
    height: 40px;
    width: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-color-on-primary);
    font-size: 15px;
    cursor: pointer;
    transition: background-color 100ms ease-in;
}
.add-task-button-component .dropdown-button .fa-angle-down {
    font-weight: 700;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-angle-down:before {
    content: "\f107";
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.board-filter.new-board-filter.monday-v2-header .filter-buttons-wrapper {
    margin-left: initial;
}
.board-filter.new-board-filter .filter-buttons-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    margin-left: auto;
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-filter-search {
    margin-right: 6px;
}
.board-filter.new-board-filter .board-filter-input-container, .board-filter.board-filter-v3 .board-filter-input-container {
    display: flex;
    align-items: center;
}
.board-filter-input-container--expandable:not(.board-filter-input-container--focused) {
    cursor: pointer;
}
.board-filter-input-container--expandable {
    transition: background-color .1s cubic-bezier(0, 0, 0.35, 1);
    border-radius: 4px;
}
.boardFilterInputContainer--6Cols {
    border: 1px solid transparent;
    height: 32px;
}
.board-filter-input-container--expandable .icon.icon-v2-search {
    margin: 0 0 0 10px;
}
.icon-v2-search:before {
    content: "\f3aa";
}
.board-filter.new-board-filter .board-filter-input-container .board-filter-input-wrapper_v2, .board-filter.board-filter-v3 .board-filter-input-container .board-filter-input-wrapper_v2 {
    margin-right: 4px;
}
.board-filter .board-filter-input-wrapper_v2 {
    display: flex;
    align-items: center;
    position: relative;
}
.board-filter.new-board-filter .filter-buttons-wrapper .board-filter-search.board-filter-input-container--expandable .board-filter-input-wrapper_v2 .icon-and-input-wrapper input {
    height: 28px;
}
.board-filter-input-container--expandable:not(.board-filter-input-container--focused) .board-filter-input-wrapper_v2 input {
    cursor: pointer;
}
.board-filter-input-container--expandable .board-filter-input-wrapper_v2 .icon-and-input-wrapper input {
    background-color: unset;
    padding-left: 5px;
    width: 100px;/* 60에서 300 자바스크립에서 조정*/
    transition: background-color .1s cubic-bezier(0, 0, 0.35, 1),width .1s cubic-bezier(0, 0, 0.35, 1);
    border: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.board-filter.new-board-filter input, .board-filter.board-filter-v3 input {
    transition-duration: 200ms;
    transition-timing-function: ease-out;
    width: 190px;
    padding-right: 0;
}
.board-filter .board-filter-input-wrapper_v2 input {
    width: 300px;
    border: 1px solid #c4c4c4;
    height: 32px;
    border-radius: 4px;
    outline: none;
    padding-right: 50px;
    padding-left: 15px;
    transition: width .1s ease,height .1s ease;
}
.board-filter-item-component:not(:last-child) .board-filter-item-content, .board-filter-item-component .right-space .board-filter-item-content {
    margin-right: 6px;
}
.board-filter-item-component .board-filter-item-content:not(.icon-renderer) {
    overflow: hidden;
}
.board-filter-item-component .board-filter-item-content {
    height: 32px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.board-filter-item-component .board-filter-item-content .filter-item-icon-component {
    width: 32px;
    color: var(--icon-color);
}
.board-filter-item-component .board-filter-item-content-wrapper img{
    width: 20px;
    color: var(--icon-color);
	opacity:0.5;
}
.board-filter-item-component .board-filter-item-content-wrapper .item-title{
    font: 14px OpenSans, Arial, Helvetica, sans-serif;
    color: var(--icon-color);
	padding-left:5px;
}

.table--M\+rgl {
    margin-top: 16px;
}
.table-component {
    box-sizing: content-box;
    padding-bottom: 40px;
    padding-left: 40px;
}
.table-wrapper {
    --board-background-color: var(--primary-background-color);
    --table-cell-highlighted: var(--pulse-selected-background-color);
    --table-background-color-base-rgb: var(--secondary-background-color-rgb);
    --table-background-color: rgba(var(--secondary-background-color-rgb), 1);
    --table-border-color: var(--layout-border-color);
    --board-elevation: 0 8px 8px -8px rgba(0, 0, 0, 0.1);
    --board-item-row-indication-top-radius: 0;
    --board-item-row-indication-bottom-radius: 0;
}
.table-wrapper {
    box-sizing: content-box;
    padding-right: 30px;
    background-color: var(--primary-background-color);
    border-radius: 8px;
    padding-right: 8px;
}
.smootherLoading--nVyFe {
    animation-duration: var(--motion-expressive-short);
    animation-name: smoother-loading--Q38q9;
    animation-fill-mode: backwards;
}
.table-items {
    height: 100%;
    width: 100%;
    outline: none;
    position: relative;
}
.canvas--mKzom {
    height: 0;
    pointer-events: auto;
    z-index: 101;
    position: sticky;
    left: 0;
}
.styles-module_wrapper__cxE1C {
    position: relative;
}
.tSREO {
    left: 0;
    position: sticky;
}
.yAT6c {
    height: 0;
    pointer-events: auto;
    width: 0;
    z-index: 1;
}
.subitems-loader-wrapper, .board-title-wrapper, .fetch-group-pulses-wrapper, .group-footer-wrapper, .add-group-separator-wrapper, .pulse-component-wrapper {
    position: absolute;
    width: 100%;
    z-index: 0;
}
.table-wrapper .pulse-component-wrapper .pulse-component {
    border-top-left-radius: var(--board-item-row-indication-top-radius);
    border-bottom-left-radius: var(--board-item-row-indication-bottom-radius);
    border-bottom: 0;
}
.pulse-component {
    display: flex;
    border-bottom: 1px solid;
    border-bottom-color: var(--primary-background-color);
}
.table-component .table-wrapper:not(.cross-board) .grid-floating-cells-row-component.sticky-feature {
    left: 40px;
}
.pulse-component .grid-floating-cells-row-component, .pulse-component .grid-cells-row-component-wrapper {
    flex-shrink: 0;
}
.grid-floating-cells-row-component.sticky-feature {
    position: sticky;
    left: 46px;
    z-index: 2000;
}
.grid-floating-cells-row-component.no-flex-grow {
    flex: none;
}
.grid-floating-cells-row-component {
    display: flex;
    flex: 1 1 auto;
    position: relative;
}
.table-wrapper .pulse-component-wrapper .grid-cells-row-component-wrapper {
    border-radius: 0;
}
.table-wrapper .grid-cells-row-component-wrapper, .table-wrapper .pulse-right-indicator {
    --table-background-color: rgba(var(--table-background-color-base-rgb), 1);
}
.pulse-component .grid-floating-cells-row-component, .pulse-component .grid-cells-row-component-wrapper {
    flex-shrink: 0;
}
.grid-cells-row-component-wrapper {
    width: 100%;
    position: relative;
}
.table-component .table-wrapper:not(.cross-board) .col-identifier-pulse-menu.without-subitem-line {
    width: 40px;
    left: -40px;
    box-shadow: 1px 8px 0 -1px var(--primary-background-color);
}
.table-component .table-wrapper:not(.cross-board) .col-identifier-pulse-menu {
    width: 73px;
    left: -73px;
    display: flex;
    justify-content: flex-end;
}
.grid-floating-cells-row-component .grid-floating-cell-pulse-menu {
    position: absolute;
    width: 30px;
    left: -30px;
    height: 100%;
    display: flex;
    background-color: var(--primary-background-color);
}
.table-component .table-wrapper:not(.cross-board) .grid-pulse-menu-component {
    width: 100%;
    display: flex;
}

.grid-pulse-menu-component {
    padding-right: 0 !important;
    padding-left: 6px;
}
.table-component .table-wrapper:not(.cross-board) .grid-pulse-menu-component .grid-pulse-menu-component-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 4px;
}
.grid-pulse-menu-component .grid-pulse-menu-component-inner {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}
.monday-pulse-menu-with-checkbox {
    display: flex;
    align-items: center;
}
.monday-pulse-menu-with-checkbox__menu {
    padding-right: 4px;
}
.grid-pulse-menu-component .grid-pulse-menu-component-inner .pulse-menu-component {
    padding-left: 0 !important;
    max-width: 100% !important;
    height: 100%;
}
.monday-pulse-menu-with-checkbox .pulse-menu-component {
    position: relative;
    z-index: 1000;
}
.pulse-menu-component {
    align-items: center;
    background-color: var(--primary-background-color) !important;
    display: flex;
    flex: 0 0 30px;
    justify-content: center;
    max-width: 30px;
    z-index: 1;
}
.grid-pulse-menu-component .grid-pulse-menu-component-inner .pulse-menu-component:before {
    content: "";
    height: 100%;
    width: 16px;
    position: absolute;
    left: -16px;
    background-color: var(--primary-background-color);
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.table-wrapper .pulse-component-wrapper.first-pulse .grid-cell-wrapper-component:not(.col-identifier-name), .table-wrapper .pulse-component-wrapper.first-item-after-open-subitem-group .grid-cell-wrapper-component:not(.col-identifier-name) {
    border-top: 1px solid var(--table-border-color);
	height: 34px;
}
.table-wrapper .pulse-component-wrapper .grid-cell-wrapper-component:not(.col-identifier-name) {
    border-bottom: 1px solid var(--table-border-color);
}
.grid-cells-row-component-wrapper .grid-cell-component-wrapper {
    position: absolute;
    height: 100%;
}
.grid-cell-component-inner {
    height: 100%;
}
.table-wrapper .pulse-component-wrapper .cell-component {
    border-bottom-width: 0px;
    border-color: var(--table-border-color);
    background-color: var(--table-background-color);
}
.grid-cell-component-inner>.cell-component {
    height: 100%;
}
.cell-component {
    flex: 0 0;
}
.cell-component>* {
    height: 36px;
}
.status-cell-component {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.status-print-color {
    -webkit-print-color-adjust: exact !important;
}
.status-cell-component .status-cell-inner {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.status-cell-component .ds-text-component {
    border: 0;
    padding: 0;
}
.table-wrapper .pulse-component-wrapper .cell-component {
    border-bottom-width: 0px;
    border-color: var(--table-border-color);
    background-color: var(--table-background-color);
}
.cell-component:not(.color-cell) {
    border-bottom: 1px solid;
    border-bottom-color: var(--layout-border-color);
}
.grid-cell-component-inner>.cell-component {
    height: 100%;
}
.cell-component {
    flex: 0 0;
}
.cell-component>* {
    height: 36px;
}
.date-cell-component {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    color: var(--pulse-text-color);
    line-height: 37px;
}
.date-cell-component .date-content-wrapper {
    flex: 1 1 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-width: 40%;
}
.date-cell-component .date-cell-content {
    min-width: 10%;
}
.cell-component .generic-cell-empty-state-component {
    pointer-events: auto;
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 1px;
}
.cell-component .generic-cell-empty-state-component__cell-icon {
    display: flex;
    align-items: center;
    font-size: 15px;
    height: 100%;
    color: var(--icon-color);
}
svg:not(:root) {
    overflow: hidden;
}
.icon_11cbbcfb0f {
    position: relative;
}
.table-wrapper .pulse-component-wrapper .pulse-component .pulse-right-indicator {
    background-color: var(--table-background-color);
    border-bottom: 1px solid var(--table-border-color);
}
.table-wrapper .pulse-component-wrapper.first-pulse .pulse-right-indicator, .table-wrapper .pulse-component-wrapper.first-item-after-open-subitem-group .pulse-right-indicator {
    border-top: 1px solid var(--table-border-color);
}
.table-wrapper .pulse-right-indicator:not(.is-placeholder), .table-wrapper .footer-columns-end:not(.is-placeholder) {
    border-bottom: 1px solid var(--table-border-color);
}
.table-wrapper .pulse-component-wrapper .pulse-right-indicator {
    background-color: var(--table-background-color);
    border-bottom: 1px solid var(--table-border-color);
    border-right: 0;
    border-radius: 0;
}
.pulse-component .pulse-right-indicator.flex-grow {
    flex: 1 1 auto;
    max-width: none;
}
.table-wrapper .pulse-right-indicator, .table-wrapper .footer-columns-end {
    background-color: var(--table-background-color);
}
.table-wrapper .grid-cells-row-component-wrapper, .table-wrapper .pulse-right-indicator {
    --table-background-color: rgba(var(--table-background-color-base-rgb), 1);
}
.pulse-component .pulse-right-indicator {
    background-color: var(--pulse-background-color);
    border-bottom: 1px solid;
    border-bottom-color: var(--layout-border-color);
    border-right: 8px solid;
    border-right-color: var(--layout-border-color);
    flex: 0 0 38px;
    max-width: 38px;
}

.table-wrapper .group-header-component-wrapper .pulse-left-indicator:not(:hover), .table-wrapper .group-header-component-wrapper .pulse-left-indicator:not(.can-edit), .table-wrapper .group-header-component .pulse-left-indicator:not(:hover), .table-wrapper .group-header-component .pulse-left-indicator:not(.can-edit), .table-wrapper .pulse-component-wrapper .pulse-left-indicator:not(:hover), .table-wrapper .pulse-component-wrapper .pulse-left-indicator:not(.can-edit), .table-wrapper .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator:not(:hover), .table-wrapper .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator:not(.can-edit) {
    flex: 0 0 6px;
}
.name-cell-component.name-cell-new-layout .pulse-left-indicator {
    pointer-events: none;
}
.table-wrapper .pulse-component-wrapper .pulse-left-indicator {
    border-left: none;
    position: relative;
    z-index: 10;
}
.table-wrapper .group-header-component-wrapper .pulse-left-indicator, .table-wrapper .group-header-component .pulse-left-indicator, .table-wrapper .pulse-component-wrapper .pulse-left-indicator, .table-wrapper .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator {
    border-top-left-radius: var(--board-item-row-indication-top-radius);
    border-bottom-left-radius: var(--board-item-row-indication-bottom-radius);
}
.pulse-left-indicator {
    flex: 0 0 8px;
    height: 100%;
    transition: flex-basis .1s ease-in;
    position: relative;
}
.table-wrapper .group-header-component-wrapper .pulse-left-indicator:not(:hover) .left-indicator-inner, .table-wrapper .group-header-component-wrapper .pulse-left-indicator:not(.can-edit) .left-indicator-inner, .table-wrapper .group-header-component .pulse-left-indicator:not(:hover) .left-indicator-inner, .table-wrapper .group-header-component .pulse-left-indicator:not(.can-edit) .left-indicator-inner, .table-wrapper .pulse-component-wrapper .pulse-left-indicator:not(:hover) .left-indicator-inner, .table-wrapper .pulse-component-wrapper .pulse-left-indicator:not(.can-edit) .left-indicator-inner, .table-wrapper .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator:not(:hover) .left-indicator-inner, .table-wrapper .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator:not(.can-edit) .left-indicator-inner {
    width: 6px;
}
.pulse-left-indicator .left-indicator-inner {
    position: relative;
    width: 8px;
    height: 100%;
    overflow: hidden;
    transition: width .07s cubic-bezier(0, 0, 0.35, 1);
    will-change: width;
}
.pulse-left-indicator .left-indicator-inner .left-indicator-checkbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 9px;
    height: 14px;
    width: 14px;
    background-color: rgba(0,0,0,.2);
    outline: 1px rgba(255,255,255,.2) solid;
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkbox_7e9c0fe2d1 {
    cursor: pointer;
    visibility: visible;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 16px;
    width: 16px;
    border: 1px solid;
    border-color: var(--ui-border-color);
    border-radius: 2px;
    transition: transform var(--motion-productive-short) var(--motion-timing-enter);
    position: relative;
    overflow: hidden;
}
input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.input_9bbda8008c {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}
.name-cell-component.name-cell-new-layout .name-cell-component__checkbox-indicator-wrapper .name-cell-component__checkbox-indicator {
    cursor: pointer !important;
    padding: var(--spacing-small) !important;
    flex-direction: column !important;
}
.monday-checkbox-indicator-component {
    display: flex;
    align-items: center;
    justify-content: center;
}
.name-cell-component.name-cell-new-layout .name-cell-component__checkbox-indicator-wrapper {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: var(--layout-border-color);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.name-cell-component.name-cell-with-subitems-toggle .name-cell-component__subitems-toggle.name-cell-component__subitems-toggle-full {
    transition: opacity .2s,transform .2s;
}
.name-cell-component.name-cell-with-subitems-toggle .name-cell-component__subitems-toggle--empty {
    color: var(--ui-border-color);
}
.name-cell-component.name-cell-with-subitems-toggle .name-cell-component__subitems-toggle {
    opacity: 0;
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin: 7px 4px;
}
.collapsable-icon-button.collapsable-icon-button-no-color {
    color: var(--primary-text-color);
}
.disableTextSelection_68eb04ce39 {
    -webkit-touch-callout: none;
    user-select: none;
}
.nameCellContainer--Ko8f5 {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    max-width: initial;
    overflow: hidden;
    padding-right: var(--spacing-small);
}
.name-cell-component .name-cell-component-side-cell, .name-cell-component.name-cell-new-layout .name-cell-component-side-cell {
    margin-left: auto;
    display: flex;
    height: 100%;
}
.clickable_3a1e05c060 {
    cursor: default;
}
.name-cell-component.name-cell-new-layout .name-cell-component-side-cell .monday-name-cell-conversation-wrapper {
    padding-left: 16px;
    border-left: 1px solid;
    border-left-color: var(--layout-border-color);
}
.name-cell-component.name-cell-new-layout .monday-name-cell-conversation-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding-right: 16px;
}
.conversation-indicator-component {
    display: flex;
    justify-content: center;
    padding: 0 4px;
}
.conversation-indicator-component .conversation-indicator-icon {
    min-width: 24px;
    height: 24px;
    line-height: 28px;
    position: relative;
}
.conversation-indicator-component .conversation-indicator-icon .chat-without-update {
    font-size: 24px;
    color: var(--icon-color);
    transition: color 200ms ease;
}
.icon_11cbbcfb0f {
    position: relative;
}
svg:not(:root) {
    overflow-clip-margin: content-box;
    overflow: hidden;
}
.conversation-indicator-component .conversation-indicator-icon {
    min-width: 24px;
    height: 24px;
    line-height: 28px;
    position: relative;
}
.table-wrapper .name-cell-component::after, .table-wrapper .group-footer-wrapper.subitem .add-pulse-input:not(.seperated-footer):after, .table-wrapper .group-footer-wrapper:not(.subitem) .add-pulse-component:not(.seperated-footer):after, .table-wrapper .add-pulse-component.seperated-footer:after, .table-wrapper .name-column-footer::after, .table-wrapper .group-header-component.collapsed .name-column-header::after {
    content: "";
    display: block;
    border-bottom: 1px solid var(--table-border-color);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    pointer-events: none;
}
.table-wrapper .pulse-component-wrapper .grid-cells-row-component-wrapper {
    border-radius: 0;
}
.table-wrapper .grid-cells-row-component-wrapper, .table-wrapper .pulse-right-indicator {
    --table-background-color: rgba(var(--table-background-color-base-rgb), 1);
}
.pulse-component .grid-floating-cells-row-component, .pulse-component .grid-cells-row-component-wrapper {
    flex-shrink: 0;
}
.grid-cells-row-component-wrapper {
    width: 100%;
    position: relative;
}
.table-wrapper .pulse-component-wrapper .grid-cell-wrapper-component:not(.col-identifier-name) {
    border-bottom: 1px solid var(--table-border-color);
	height: 35px;
}
.grid-cells-row-component-wrapper .grid-cell-component-wrapper {
    position: absolute;
    height: 100%;
}
.table-wrapper .pulse-component-wrapper .cell-component {
    border-bottom-width: 0px;
    border-color: var(--table-border-color);
    background-color: var(--table-background-color);
}
.cell-component>* {
    height: 36px;
}
.status-cell-component {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.status-print-color {
    -webkit-print-color-adjust: exact !important;
}
.status-cell-component .status-cell-inner {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.status-cell-component .ds-text-component {
    border: 0;
    padding: 0;
}
.table-wrapper .pulse-component-wrapper .cell-component {
    border-bottom-width: 0px;
    border-color: var(--table-border-color);
    background-color: rgba(255,255,255,1);
	/*background-color:transparent;*/
    vertical-align: baseline;
}
.cell-component:not(.color-cell) {
    border-bottom: 1px solid;
    border-bottom-color: var(--layout-border-color);
}
.grid-cell-component-inner>.cell-component {
    height: 100%;
}
.cell-component {
    flex: 0 0;
}
.cell-component {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    border-right: 1px solid;
    border-right-color: var(--primary-background-color);
    color: var(--primary-text-color);
    position: relative;
}
.date-cell-component {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    color: var(--pulse-text-color);
    line-height: 37px;
}
.date-cell-component .date-content-wrapper.margin {
    margin-right: 30px;
}
.date-cell-component .date-content-wrapper {
    flex: 1 1 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-width: 40%;
}
.date-cell-component .deadline-indication-wrapper {
    flex: 0 0 30px;
}
.table-wrapper .pulse-component-wrapper .pulse-component .pulse-right-indicator {
    background-color: var(--table-background-color);
    border-bottom: 1px solid var(--table-border-color);
}
.table-wrapper .pulse-right-indicator:not(.is-placeholder), .table-wrapper .footer-columns-end:not(.is-placeholder) {
    border-bottom: 1px solid var(--table-border-color);
}
.table-wrapper .pulse-component-wrapper .pulse-right-indicator {
    background-color: var(--table-background-color);
    border-bottom: 1px solid var(--table-border-color);
    border-right: 0;
    border-radius: 0;
}
.pulse-component .pulse-right-indicator.flex-grow {
    flex: 1 1 auto;
    max-width: none;
}
.table-wrapper .pulse-right-indicator, .table-wrapper .footer-columns-end {
    background-color: var(--table-background-color);
}
.table-wrapper .grid-cells-row-component-wrapper, .table-wrapper .pulse-right-indicator {
    --table-background-color: rgba(var(--table-background-color-base-rgb), 1);
}
.pulse-component .pulse-right-indicator {
    background-color: var(--pulse-background-color);
    border-bottom: 1px solid;
    border-bottom-color: var(--layout-border-color);
    border-right: 8px solid;
    border-right-color: var(--layout-border-color);
    flex: 0 0 38px;
    max-width: 38px;
}
.group-header-wrapper{
}
.groupHeaderComponentWrapper--e\+oIF, .groupHeaderComponent--6iCqK {
    --board-item-row-indication-top-radius: 6px;
}
.group-header-component-wrapper .group-header-component-title-row {
    display: flex;
    position: sticky;
    z-index: 1;
    left: 40px;
}
.table-component .table-wrapper:not(.cross-board) .grid-floating-cells-row-component.sticky-feature {
    left: 40px;
}
.group-header-component-wrapper .group-header-component-title-row .grid-floating-cells-row-component {
    flex-shrink: 0;
    width: 100%;
}
.table-wrapper .grid-floating-cells-row-component {
    --table-background-color: rgba(var(--table-background-color-base-rgb), 0.97);
}
.grid-floating-cells-row-component.sticky-feature {
    position: sticky;
    left: 46px;
    z-index: 2000;
}
.grid-floating-cells-row-component {
    display: flex;
    flex: 1 1 auto;
    position: relative;
}
.group-header-component-wrapper .group-header-component-title-row .grid-floating-cells-row-component .grid-floating-cell-component-wrapper.col-identifier-__group_title_dummy_column__, .group-header-component-wrapper.group-header-component-wrapper-collapsed .grid-floating-cells-row-component .grid-floating-cell-component-wrapper.col-identifier-__group_title_dummy_column__ {
    flex-grow: 5;
    min-width: 500px;
}

.grid-floating-cells-row-component .grid-floating-cell-component-wrapper {
    flex-grow: 1;
    width: 0;
}
.generic-group-header-name {
    height: 40px;
    font-size: 18px;
    display: flex;
    align-items: center;
    z-index: 1;
}
.generic-group-header-name .collapse-group-button {
    margin-right: 2px;
}

.table-wrapper .collapse-group-button {
    display: inline-block;
}
.generic-group-header-name .group-name:not(.renaming-group), .name-column-header .group-name:not(.renaming-group) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.generic-group-header-name .group-name, .name-column-header .group-name {
    position: relative;
    transition: margin-left .1s ease;
}
.table-wrapper .grid-cells-row-component-wrapper, .table-wrapper .pulse-right-indicator {
    --table-background-color: rgba(var(--table-background-color-base-rgb), 1);
}
.grid-cells-row-component-wrapper {
    width: 100%;
    position: relative;
}
.group-header-component-wrapper .group-header-component {
    z-index: 10;
    height: 36px;
}
.groupHeaderComponent--6iCqK {
    background-color: var(--table-background-color);
}
.groupHeaderComponentWrapper--e\+oIF, .groupHeaderComponent--6iCqK {
    --board-item-row-indication-top-radius: 6px;
}
.group-header-component {
    display: flex;
    position: relative;
}
.grid-floating-cells-row-component .grid-floating-cell-pulse-menu {
    position: absolute;
    width: 30px;
    left: -30px;
    height: 100%;
    display: flex;
    background-color: var(--primary-background-color);
}
.table-wrapper .grid-cells-row-component-wrapper.col-identifier-name, .table-wrapper .grid-floating-cell-component-wrapper.col-identifier-name {
    border-top-left-radius: var(--board-item-row-indication-top-radius);
    border-bottom-left-radius: var(--board-item-row-indication-bottom-radius);
}
.grid-floating-cells-row-component .grid-floating-cell-component-wrapper {
    flex-grow: 1;
    width: 0;
}
.name-column-header.simple-name-header.with-left-indicator-name {
    top: 0;
}
.name-column-header.with-left-indicator-name {
    height: 100%;
    top: -1px;
    padding-bottom: 0;
}
.name-column-header.simple-name-header {
    min-height: 36px;
    border-right: 1px solid var(--table-border-color);
}
.name-column-header {
    position: relative;
    min-height: 40px;
    text-align: left;
    font-size: 18px;
    flex: 1 0 308px;
    min-width: 0px;
    display: flex;
    align-items: center;
    padding-bottom: 1px;
    z-index: 1;
}
.name-column-header.simple-name-header .pulse-left-indicator.with-border {
    box-shadow: 0px -2px 0 0 var(--primary-background-color);
    margin: 0 !important;
    left: 0;
}
.table-wrapper .grid-group-floating-header-container .pulse-left-indicator, .table-wrapper .group-header-wrapper .pulse-left-indicator {
    margin-left: 2px;
}
.table-wrapper .group-header-component-wrapper .pulse-left-indicator, .table-wrapper .group-header-component .pulse-left-indicator, .table-wrapper .pulse-component-wrapper .pulse-left-indicator, .table-wrapper .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator {
    border-top-left-radius: var(--board-item-row-indication-top-radius);
    border-bottom-left-radius: var(--board-item-row-indication-bottom-radius);
}
.name-column-header .pulse-left-indicator.with-border {
    left: -2px;
    margin-right: 8px;
}
.grid-group-floating-header-container .pulse-left-indicator, .group-header-wrapper .pulse-left-indicator {
    margin-left: 2px;
}
.pulse-left-indicator {
    flex: 0 0 8px;
    height: 100%;
    transition: flex-basis .1s ease-in;
    position: relative;
}
.table-wrapper .group-header-component-wrapper .pulse-left-indicator:not(:hover) .left-indicator-inner, .table-wrapper .group-header-component-wrapper .pulse-left-indicator:not(.can-edit) .left-indicator-inner, .table-wrapper .group-header-component .pulse-left-indicator:not(:hover) .left-indicator-inner, .table-wrapper .group-header-component .pulse-left-indicator:not(.can-edit) .left-indicator-inner, .table-wrapper .pulse-component-wrapper .pulse-left-indicator:not(:hover) .left-indicator-inner, .table-wrapper .pulse-component-wrapper .pulse-left-indicator:not(.can-edit) .left-indicator-inner, .table-wrapper .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator:not(:hover) .left-indicator-inner, .table-wrapper .pulse-component-wrapper.subitem-pulse .pulse-component .pulse-left-indicator:not(.can-edit) .left-indicator-inner {
    width: 6px;
}
.table-wrapper .grid-group-floating-header-container .pulse-left-indicator .left-indicator-inner, .table-wrapper .group-header-wrapper .pulse-left-indicator .left-indicator-inner {
    border-top: none;
}
.pulse-left-indicator.with-border .left-indicator-inner {
    border-top: 1px solid #000;
}
.grid-group-floating-header-container .pulse-left-indicator .left-indicator-inner, .group-header-wrapper .pulse-left-indicator .left-indicator-inner {
    border-top: none;
}
.pulse-left-indicator .left-indicator-inner {
    position: relative;
    width: 8px;
    height: 100%;
    overflow: hidden;
    transition: width .07s cubic-bezier(0, 0, 0.35, 1);
    will-change: width;
}
.pulse-left-indicator .left-indicator-inner .left-indicator-checkbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 9px;
    height: 14px;
    width: 14px;
    background-color: rgba(0,0,0,.2);
    outline: 1px rgba(255,255,255,.2) solid;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wrapper_bbfdc903dd {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    height: min-content;
	padding-right: 8px;
}
input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
.input_9bbda8008c {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}
.input_9bbda8008c:disabled + .checkbox_7e9c0fe2d1, .input_9bbda8008c:disabled + .checkbox_7e9c0fe2d1:hover {
    cursor: not-allowed;
}
.input_9bbda8008c:disabled + .checkbox_7e9c0fe2d1, .input_9bbda8008c:disabled + .checkbox_7e9c0fe2d1:hover {
    background-color: var(--disabled-background-color);
    border-color: var(--ui-border-color);
}
.checkbox_7e9c0fe2d1 {
    cursor: pointer;
    visibility: visible;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 16px;
    width: 16px;
    border: 1px solid;
    border-color: var(--ui-border-color);
    border-radius: 2px;
    transition: transform var(--motion-productive-short) var(--motion-timing-enter);
    position: relative;
    overflow: hidden;
}
.input_9bbda8008c:disabled + .checkbox_7e9c0fe2d1 .icon_fbdf58b292, .input_9bbda8008c:disabled + .checkbox_7e9c0fe2d1:hover .icon_fbdf58b292 {
    color: var(--disabled-text-color);
}
.icon_11cbbcfb0f {
    position: relative;
}
.icon_fbdf58b292 {
    width: 100%;
    color: var(--text-color-on-primary);
    visibility: hidden;
}
.checkbox_7e9c0fe2d1:after {
    content: " ";
    background-color: transparent;
    position: absolute;
    height: 16px;
    z-index: 2;
    left: 0;
    right: 0;
    width: 100%;
}
.name-column-header .column-header-inner.column-header-with-left-indicator {
    height: 100%;
    align-items: center;
}
.name-column-header.simple-name-header .column-header-inner {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
}
.name-column-header .column-header-inner {
    min-width: 0px;
    position: relative;
    height: 100%;
    align-items: center;
    display: flex;
}
.name-column-header.simple-name-header .simple-name-column-title {
    -webkit-font-smoothing: initial;
}
.singleLineEllipsis_36e9395e89 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.elementTypeH6_fc0bcde65f {
    font: var(--font-text2-normal);
}
.headingComponent_b05da2546c {
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    min-width: 0;
    padding: 0 4px;
}
.name-column-header.simple-name-header::after {
    content: "";
    border-top: 1px solid var(--table-border-color);
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    left: 6px;
}
.group-header-component.grid-group-header .grid-floating-cells-row-component, .group-header-component.grid-group-header .grid-cells-row-component-wrapper {
    flex-shrink: 0;
}
.table-wrapper .grid-cells-row-component-wrapper, .table-wrapper .pulse-right-indicator {
    --table-background-color: rgba(var(--table-background-color-base-rgb), 1);
}
.grid-cells-row-component-wrapper {
    width: 100%;
    position: relative;
}
.grid-cells-row-component-wrapper .grid-cell-component-wrapper {
    position: absolute;
    height: 100%;
}
.group-header-component .column-header .column-header-inner, .columns-summary-column-header .column-header-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
    height: 100%;
}
.group-header-component .column-header .column-header-element-wrapper, .columns-summary-column-header .column-header-element-wrapper {
    display: flex;
    flex: 1;
    align-items: center;
    max-height: 100%;
}
.group-header-component .column-header .title-wrapper, .columns-summary-column-header .title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
}
.column-title:not(.renaming-column) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.column-title-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.column-title {
    cursor: text;
    color: var(--secondary-text-color);
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}
.editableHeadingWrapper_b476f44070 {
    width: 100%;
    min-width: 0;
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
}
.clickable_3a1e05c060.disabled_8eef1abdb2 {
    cursor: default;
}
.headingComponent_b05da2546c.singleLineEllipsis_36e9395e89 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight:400;
    color: rgb(0, 134, 192);
}
.headingComponent_b05da2546c.singleLineEllipsis_36e9395e89.slmainbody_title {
	font-size:28px;
	margin-bottom: 20px 

}
.headingComponent_table_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-weight:400;
    color: rgb(0, 134, 192);
    font-size: 18px;
	margin-bottom:0;
}
.column-title-editable-heading {
    -webkit-font-smoothing: initial;
}
.elementTypeH6_fc0bcde65f {
    font: var(--font-text2-normal);
}
.headingComponent_b05da2546c {
    border: 1px solid transparent;
    border-radius: var(--border-radius-small);
    min-width: 0;
    padding: 0 4px;
}
.headingComponent_3d8a472b41 {
    margin: 0;
}
.group-header-component .column-header .column-header-element-wrapper-right, .columns-summary-column-header .column-header-element-wrapper-right {
    justify-content: flex-end;
}
.group-header-component .column-header .column-header-element-wrapper, .columns-summary-column-header .column-header-element-wrapper {
    display: flex;
    flex: 1;
    align-items: center;
    max-height: 100%;
}
.permissions-column-button-component {
    display: flex;
    align-items: center;
}
.column-header-icon {
    display: flex;
    height: 24px;
    margin-right: 2px;
}
.referenceWrapper_3ab37fce39 {
    display: inline-flex;
}
.column-header-icon .icon {
    padding: 0 2px;
    cursor: pointer;
    color: var(--icon-color);
    border-radius: 4px;
}
.noSidePadding_08b9ad8166 {
    padding-right: 0;
    padding-left: 0;
}
.kindTertiary_8979f4acce {
    color: var(--primary-text-color);
    background-color: transparent;
}
.sizeMedium_e7142a7154 {
    -webkit-font-smoothing: var(--font-smoothing-webkit);
    -moz-osx-font-smoothing: var(--font-smoothing-moz);
    font: var(--font-text1-normal);
    padding: var(--spacing-small) var(--spacing-medium);
    height: 40px;
}

.group-header-component .column-header .column-menu, .columns-summary-column-header .column-menu {
    opacity: 0;
    margin-left: -28px;
    transition: margin-left 150ms,opacity 150ms;
}
.column-header-inner .column-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.column-header-inner .three-dots-menu-icon.ds-menu-button {
    color: var(--icon-color);
    height: 24px;
    width: 24px;
    margin-right: 4px;
}
.ds-menu-button.ds-menu-button-xs {
    width: 16px;
    height: 16px;
    font-size: 14px;
}
.ds-menu-button {
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--primary-background-hover-color);
}
.group-header-component .column-header.left-to-linked, .columns-summary-column-header.left-to-linked {
    border-right: 0px;
    border-top-right-radius: 0px;
}
.group-header-component .column-header.with-group-borders, .columns-summary-column-header.with-group-borders {
    border-right-color: var(--table-border-color);
    border-top-color: var(--table-border-color);
    border-left: none;
    border-radius: 0;
}
.group-header-component .column-header, .columns-summary-column-header {
    position: relative;
    min-width: 0px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: var(--primary-text-color);
    border-radius: 2px 2px 0 0;
    border: 1px solid transparent;
    border-bottom: none;
    height: 100%;
    border-right-color: var(--primary-background-color);
    flex-grow: 0;
    flex-shrink: 0;
}
.group-header-component .column-header .column-header-element-wrapper-right, .columns-summary-column-header .column-header-element-wrapper-right {
    justify-content: flex-end;
}
.group-header-component .column-header .column-header-element-wrapper, .columns-summary-column-header .column-header-element-wrapper {
    display: flex;
    flex: 1;
    align-items: center;
    max-height: 100%;
}
.group-header-component .add-column-container-v2.with-group-borders {
    border-top: 1px solid var(--table-border-color);
    flex: 1 1 auto;
    max-width: unset;
    padding-top: 3px;
}

.group-header-component .add-column-container-v2 {
    flex: 0 0 38px;
    font-size: 19px;
    max-width: 38px;
    min-width: 0px;
    padding: 7px 4px 0;
    text-align: center;
}
.group-header-component .add-column-container-v2 .button-container {
    max-width: 38px;
}
.group-header-component .add-column-container-v2 .add-column-button-disabled {
    position: relative;
    cursor: auto;
    color: var(--disabled-text-color);
    display: inline-block;
    border-radius: 50%;
    border: 1px solid transparent;
    width: 30px;
    height: 30px;
    padding-top: 5px;
}
.table-component a {
    color: var(--primary-text-color);
    cursor: pointer;
    text-decoration: none;
}
.board-wrapper a, .board-wrapper a:hover {
    text-decoration: none;
}
.board-wrapper a {
    color: var(--primary-text-color);
    cursor: pointer;
	font-family: 'Inter', sans-serif;
	font-weight:400;
}
a.click-import{}
.already-using-tool{
	margin-bottom:15px;
}
h3._no-mg{
}
a {
    text-decoration: none;
    color: #1f76c2;
}
.icon-dapulse-plus:before {
    content: "\f1d0";
}
.actionsContainer--7r307 {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.name-cell-component.name-cell-with-subitems-toggle .name-cell-text:not(.is-subitem) {
    padding-left: 0;
}
.name-cell-component.name-cell-new-layout .name-cell-text {
    flex: initial;
    max-width: calc(100% - (50px + 0px));
    font-size: 14px;
}
.name-cell-text {
    display: flex;
    flex: 1;
    align-items: center;
    min-width: 0;
    padding-left: 10px;
    line-height: 23px;
    text-decoration: none;
    color: var(--primary-text-color);
    font-weight: 400;
    font-size: 13px;
}
.name-cell-component.name-cell-new-layout .name-cell-text .ds-editable-component {
    min-width: 32px;
    display: flex;
    align-items: center;
    color: var(--primary-text-color);
}
.editableInput--X2OSc.noEditPermission--qiAOQ {
    border-color: transparent;
}
.name-cell-text .ds-editable-component {
    border: 1px dashed transparent;
}
.name-cell-text .ds-editable-component .ds-text-component {
    border-top: none;
    border-bottom: none;
}
.ds-text-component {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid transparent;
    padding: 0 2px;
    max-width: 140px;
}
.nameCellContainer--Ko8f5 .nameCellContentContainer--A5D3x {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: initial;
    overflow: hidden;
    padding-right: var(--spacing-small);
}
.table-wrapper .pulse-component-wrapper.first-pulse .name-cell-component::after, .table-wrapper .pulse-component-wrapper.first-item-after-open-subitem-group .name-cell-component::after {
    border-top: 1px solid var(--table-border-color);
}
.table-wrapper .name-cell-component::after, .table-wrapper .group-footer-wrapper.subitem .add-pulse-input:not(.seperated-footer):after, .table-wrapper .group-footer-wrapper:not(.subitem) .add-pulse-component:not(.seperated-footer):after, .table-wrapper .add-pulse-component.seperated-footer:after, .table-wrapper .name-column-footer::after, .table-wrapper .group-header-component.collapsed .name-column-header::after {
    content: "";
    display: block;
    border-bottom: 1px solid var(--table-border-color);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    pointer-events: none;
}
.name-cell-component {
    display: flex;
    align-items: center;
    padding: 0 10px 0 0;
    height: 100%;
    text-align: left;
}
.name-cell-component.name-cell-new-layout {
    padding-right: 0;
    height: 100%;
}

.name-cell-component.name-cell-with-open-button {
    position: relative;
}
/*
.table-wrapper .pulse-component-wrapper.first-pulse .grid-cell-wrapper-component:not(.col-identifier-name).grid-cell-wrapper-component.col-identifier-date > .grid-cell-component-inner > .cell-component > .date-cell-component{
    border-top: 1px solid var(--table-border-color);
}
*/
.name-column-header.simple-name-header .name-column-header-component__checkbox-indicator {
    padding-left: 8px;
    border-right: 1px solid var(--layout-border-color);
    height: 100%;
    display: flex;
}
.checkbox_7e9c0fe2d1 {
    cursor: pointer;
    visibility: visible;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 16px;
    width: 16px;
    border: 1px solid;
    border-color: var(--ui-border-color);
    border-radius: 2px;
    transition: transform var(--motion-productive-short) var(--motion-timing-enter);
    position: relative;
    overflow: hidden;
}
.checkbox_7e9c0fe2d1:after {
    content: " ";
    background-color: transparent;
    position: absolute;
    height: 16px;
    z-index: 2;
    left: 0;
    right: 0;
    width: 100%;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

#chartdiv {
  width: 100%;
  max-width: 100%;
  height: 800px;
}























































/*######################################################################################*/
/* 청색 사이드바, 문장리스트 출력하는 사이드바 시작 */
/*######################################################################################*/
.spaces-list .rtb-scroll-wrapper {
    overflow: hidden;
    margin: 4px 0;
}

.rtb-scroll-wrapper {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}
.rtb-scroll {
    padding-right: 16px;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}
.rtb-scroll-wrapper .rtb-scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #5f5c80 transparent;
    scrollbar-width: thin;
    overflow: auto;
}
.spaces-list .rtb-scroll-wrapper .rtb-scroll {
    overflow-x: hidden;
    padding-right: 0;
}

.spaces-list .spaces-list__item--selected {
    cursor: default;
}
.spaces-list .spaces-list__item {
    padding: 8px 12px;
    cursor: pointer;
}
.spaces-list .spaces-list__brick {
    width: 36px;
    height: 36px;
    transition: opacity 0.15s cubic-bezier(0.2, 0.3, 0.25, 0.9);
}
.spaces-list .spaces-list__item .spaces-list-item__focusable-content {
    padding: 0;
    position: relative;
}
.spaces-list .spaces-list__item img {
    width: 36px;
    height: 36px;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    overflow: hidden;
    border-radius: 4px;
}

.spaces-list .spaces-list__plus-btn {
    margin: 8px 12px;
}
.plusButton-3TI_V {
    opacity: 0.7;
    color: #ffffff;
    cursor: pointer;
    height: 36px;
    width: 36px;
    transition: 0.2s cubic-bezier(0.25, 0.1, 0.25, 0.1);
}
.plusButton-3TI_V .plusButtonBackground-1FBBl {
    height: inherit;
    width: inherit;
    transition: background 0.2s cubic-bezier(0.25, 0.1, 0.25, 0.1);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
}
.plusButton-3TI_V svg {
    width: 36px;
    height: 36px;
}
svg:not(:root) {
    overflow: hidden;
}
.icon-3CqDw {
    display: block;
}
.plusButton-3TI_V:hover {
    opacity: 1;
}
.AddButtonBackground-1F000 {
    height: inherit;
    width: inherit;
    transition: background 0.2s cubic-bezier(0.25, 0.1, 0.25, 0.1);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);

}
.AddButtonBackground-1F000-sp {
    font-size: 16px;
    padding: 8px 8px;
    position: absolute;
}
.AddButtonBackground-1F000-sp > div > a {
    opacity: 0.7;
    color: #ffffff;
    cursor: pointer;
}
.AddButtonBackground-1F000-sp > div > a:hover {
    opacity: 1;
}
/* 로고 */
.logoContainer-1tZRV {
    margin-top: 24px;
    margin-bottom: 24px;
    padding: 0 12px;
    display: -ms-flexbox;
    display: flex;
}
.logo-wcCve {
    width: 170px;
    margin-top: -3px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #050038;
}
.logoTriggerDashboard-2Zxvn {
    margin-left: 9px;
}
.logoTriggerBtn-26rsA {
    padding: 1px 8px 3px 9px;
    font-family: Formular, sans-serif;
    line-height: 28px;
    font-size: 15px;
    font-weight: 500;
    background-color: rgba(5, 0, 56, 0.12);
    border-radius: 16px;
    cursor: pointer;
    position: relative;
    letter-spacing: -0.015em;
}

/* 스페이스 헤더 */
.dashboard-space-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dashboard-space-header__nav-items {
    margin-bottom: 16px;
}
.dashboard-projects-nav-item--selected {
    color: #3859ff;
}
.dashboard-projects-nav-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 36px;
    padding: 0 12px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
select, button {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
}
.dashboard-projects-nav-item__icon {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.icon_small-3j6mB {
    width: 16px;
    height: 16px;
}

/* 드랍다운 박스 */
div.rtb-select {
    position: relative;
    display: inline-block;
}
.teamMenuDropDownClass-pVdHg {
    margin-left: 8px;
   /* margin-bottom: 10px;*/
    margin-bottom: 80px;
	margin-top:5px;
}
.rtb-select__button-container{}
.buttonContainer-3FqLb {
    margin-left: -4px;
}
.teamButtonContainer-hWjJz {
    padding: 7px 8px 7px 12px;
    box-sizing: border-box;
    border: 1px solid #cdccd7;
    border-radius: 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
}
.teamButtonContainer-hWjJz .infoSection .teamTitleLine {
    font-family: Formular, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-weight: 500;
    color: var(--colors-text-neutrals);
    line-height: 24px;
    text-align: left;
    width: 153px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.teamButtonContainer-hWjJz .infoSection .membersCountLine {
    text-align: left;
    margin-top: 4px;
}
.teamButtonContainer-hWjJz .infoSection .membersCountLine__text {
    padding: 0;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    height: 20px;
    color: #5f5c80;
    border: none;
    min-width: auto;
}
.button_size_s-kiu9p.button_round_default-1x4pu {
    border-radius: 4px;
}
.button_theme_primary-1Q3tD.button_view_flat-1DdS_ {
    color: #4262ff;
    border-color: transparent;
    transition: 0.3s;
    background-color: transparent;
}
.button_size_s-kiu9p {
    padding: 0 16px;
    min-width: 80px;
    font-size: 14px;
    line-height: 34px;
    height: 36px;
    vertical-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.button-3of2Y {
    max-width: 100%;
    box-sizing: border-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.3s;
    border: 1px solid;
}
.button__content-2mWmG {
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.teamButtonContainer-hWjJz .toggleSection {
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOS43MDcgMTAuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMiAxNS40MTRsMy43MDctMy43MDdhMSAxIDAgMCAwLTEuNDE0LTEuNDE0TDEyIDEyLjU4NmwtMi4yOTMtMi4yOTN6Ii8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    transition: transform 150ms ease;
}

/* 스크롤래퍼*/
.dashboardSidebar-3-MQY .rtb-scroll-wrapper {
    margin-top: 12px;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    height: 100%;
}
.rtb-scroll-wrapper {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
}
.do-hovers .dashboardSidebar-3-MQY .rtb-scroll {
    overflow: hidden;
    padding-right: 0;
}
.dashboardSidebar-3-MQY .rtb-scroll {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: scroll;
}
.rtb-scroll-wrapper .rtb-scroll {
    -webkit-overflow-scrolling: touch;
    scrollbar-color: #5f5c80 transparent;
    scrollbar-width: thin;
    overflow: auto;
}
.rtb-scroll {
    padding-right: 16px;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}
.dashboard-projects {
    margin-top: 4px;
}
.dashboard-projects-nav-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 36px;
    padding: 0 12px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
svg:not(:root) {
    overflow: hidden;
}
.dashboard-projects-nav-item__icon {
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.icon_small-3j6mB {
    width: 16px;
    height: 16px;
}
.icon-3CqDw {
    display: block;
}
/*프로젝트박스*/
.dashboard-projects__box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.dashboard-projects__header--full-width {
    padding-left: 12px;
    margin-top: 8px;
}
.dashboard-projects__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 12px 8px 8px;
}
.dashboard-projects__header h2 {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dashboard-projects__header .rtb-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0;
}
.rtb-btn--secondary-just-bordered {
    color: #050038;
    border: 1px solid #cdccd7;
}
.rtb-btn--small {
    padding: 9px 16px 11px;
    min-width: 80px;
    font-size: 14px;
    height: 36px;
}
.rtb-btn {
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid;
    padding: 14px 24px 16px;
    font-size: 16px;
    border-radius: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}
.icon_xsmall-3QywE {
    width: 12px;
    height: 12px;
}
.sr-only {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}
.dashboard-bottom {
    margin: 12px 0;
}
.dashboard-bottom::before {
    margin: 0 12px 12px 12px;
    content: '';
    display: block;
    width: calc(100% - 12px);
    height: 1px;
    background-color: #090909;
    opacity: 0.2;
}
.upload-from-backup-wrapper {
    position: relative;
    height: 38px;
}
.upload-from-backup-wrapper a{
    color: var(--primary-text-color);
}
.dashboard-projects-nav-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 36px;
    padding: 0 12px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
/*우측헤더*/
.dashboardHeader-b1805 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 14px;
    position: relative;
    padding-left: 24px;
}
.top-2fRpS {
    margin-bottom: 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.top-2fRpS, .bottom-1OzW3 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.top_left-3V7dO {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.left-2AhPC {
    display: -ms-flexbox;
    display: flex;
    padding-right: 40px;
    min-width: 0;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px;
    margin-top: 6px;
}
.right-rB5PA {
    display: -ms-flexbox;
    display: flex;
    padding-right: 24px;
    -ms-flex-align: center;
    align-items: center;
}
.dashboardHeader-b1805 .dashboard-space-header {
    margin-right: 24px;
    display: none;
}
.dashboard-space-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 50px;
}
.dashboard-space-header__nav-items {
    margin-bottom: 16px;
}
.dashboard-projects-nav-item--selected {
    color: #3859ff;
}
.dashboard-projects-nav-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    height: 36px;
    padding: 0 12px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.disableMouseEvents {
    pointer-events: none;
}
.boardsSearch-11WN1 {
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
}
.container-2LkGb {
    position: relative;
    white-space: nowrap;
    max-width: 516px;
}
.inputContainer-31NCL {
    border-radius: 4px;
    background-color: #ffffff;
    padding-left: 24px;
}
.searchInput-1wjVa {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 14px;
    padding-left: 38px;
    padding-right: 14px;
    position: relative;
}
.searchInput-1wjVa .searchInput__icon-18Cqj {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
}
.searchInput-1wjVa .searchInput__icon-18Cqj svg {
    transition-property: color;
    transition-duration: 500ms;
}
.icon_large-2wsCL {
    width: 24px;
    height: 24px;
}
.searchInput-1wjVa .searchInput__inputContainer-84_Ga {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    font-size: inherit;
}
.searchInput-1wjVa .searchInput__input-3EOcC {
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
    padding: 2px 0 4px;
    font-size: inherit;
    height: 36px;
    border-radius: 0;
    background-origin: border-box;
    background-size: 0 0;
    color: #050038;
    border: none transparent;
    background: transparent;
}
input.rtb-input, .rtb-input {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid;
    border-radius: 4px;
    padding: 11px 16px 13px;
    font-size: 16px;
    height: 48px;
}
div[contenteditable=true], input, textarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    outline: none;
}
input, textarea {
    font-family: OpenSans, Arial, Helvetica, sans-serif;
}
input {
    line-height: normal;
}
.searchInput-1wjVa .searchInput__buttonsContainer-1afsH {
    display: inline-block;
}
.promotionButtons-RemtQ {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.dashboardPromoButton-2r3BS:first-child {
    margin-left: 0px;
}
.button_size_s-kiu9p.button_round_default-1x4pu {
    border-radius: 4px;
}
.button_theme_primary-1Q3tD.button_view_clear-1QA8F {
    color: #4262ff;
    border-color: #6881ff;
    transition: 0.3s;
    background-color: transparent;
}
.dashboardPromoButton-2r3BS {
    margin-left: 14px;
    margin-bottom: 6px;
    margin-top: 6px;
    transition-property: background-color;
}
.button_size_s-kiu9p {
    padding: 0 16px;
    min-width: 80px;
    font-size: 14px;
    line-height: 34px;
    height: 36px;
    vertical-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.button-3of2Y {
    max-width: 100%;
    box-sizing: border-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 0.3s;
    border: 1px solid;
}
.button_size_s-kiu9p > .button__icon-3hsJ6 {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.button_size_s-kiu9p > .button__icon-3hsJ6 > svg {
    display: block;
}
.button_size_s-kiu9p > .button__icon-3hsJ6 > * {
    max-width: 100%;
    max-height: 100%;
}
.button__content-2mWmG {
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.dashboardPromoButton-2r3BS:last-child {
    margin-right: 14px;
}
.button_size_s-kiu9p.button_round_default-1x4pu {
    border-radius: 4px;
}
.button_theme_primary-1Q3tD.button_view_default-17_9z {
    color: #ffffff;
    border-color: #4262ff;
    background-color: #4262ff;
    transition: 0.3s;
}
.button__content-2mWmG {
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.top_right-2hJWC .inspiration-center-launcher, .top_right-2hJWC .feed-launcher {
    width: 40px;
    height: 36px;
    margin-bottom: 6px;
    margin-top: 6px;
}
.right-rB5PA .inspiration-center-launcher, .right-rB5PA .feed-launcher {
    width: 40px;
    height: 36px;
}
.launcher-2Dirp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 36px;
    outline: none;
    position: relative;
}
.svg-button__big-notification {
    font-size: 9px;
    font-weight: bold;
}
.svg-button {
    color: #050038;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 48px;
    cursor: pointer;
}
.launcher-2Dirp .badgeWrapper-2O_8u {
    width: 24px;
    height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.badgeWrapper-JH8OK {
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    font-size: 0;
}
.launcher-2Dirp .iconWrapper-fKcnL {
    width: 20px;
    height: 20px;
}
.badgeWrapper-JH8OK {
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    font-size: 0;
}
.launcher-2Dirp .iconWrapper-fKcnL .icon-25uF- {
    width: 20px;
    height: 20px;
    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
    overflow: hidden;
}
.launcher-2Dirp .iconWrapper-fKcnL .icon-25uF-:hover {
    color: #4262ff;
}
.top_right-2hJWC .inspiration-center-launcher, .top_right-2hJWC .feed-launcher {
    width: 40px;
    height: 36px;
    margin-bottom: 6px;
    margin-top: 6px;
}
.right-rB5PA .inspiration-center-launcher, .right-rB5PA .feed-launcher {
    width: 40px;
    height: 36px;
}
.launcher-2xScq {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 36px;
    outline: none;
    position: relative;
}
.launcher-2xScq .badgeWrapper-KMnyh {
    width: 24px;
    height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.badgeWrapper-JH8OK {
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    font-size: 0;
}
.launcher-2xScq .iconWrapper-38RRz {
    width: 24px;
    height: 24px;
}
.launcher-2xScq .iconWrapper-38RRz .icon-37m6E {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
    overflow: hidden;
}
.launcher-2xScq .iconWrapper-38RRz .icon-37m6E:hover {
    color: #4262ff;
}
.top-2fRpS .user-profile, .bottom-1OzW3 .user-profile {
    margin-left: 8px;
}
.user-profile__button {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    margin-top: -2px;
    padding: 2px;
    outline: none;
    position: relative;
}
.base-picture.base-picture--size36 {
    width: 36px;
    height: 36px;
}
.userPictureClass-uwYyw {
    border-radius: 125px;
}
.base-picture {
    background: #cdccd7;
    overflow: hidden;
    position: relative;
    width: 30px;
    height: 30px;
}
.base-picture.base-picture--size36 img {
    width: 36px;
    height: 36px;
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    overflow: hidden;
}
.base-picture img {
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    overflow: hidden;
}
.base-picture img {
    vertical-align: top;
}
img {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
}
.button_theme_primary-1Q3tD.button_view_clear-1QA8F:not(.button_theme_primary-1Q3tD.button_view_clear-1QA8F.button_disabled-1nl5B):not([disabled]):not(.button_theme_primary-1Q3tD.button_view_clear-1QA8F.button_loading-2AQMO):not(:active):hover {
    background-color: #f4f6ff;
    color: #455bed;
}
.button_theme_primary-1Q3tD.button_view_default-17_9z:not(.button_theme_primary-1Q3tD.button_view_default-17_9z.button_disabled-1nl5B):not([disabled]):not(.button_theme_primary-1Q3tD.button_view_default-17_9z.button_loading-2AQMO):not(:active):hover {
    background-color: #455bed;
    border-color: #455bed;
}
.do-hovers .svg-button:not(.svg-button--disabled):hover {
    color: #4262ff;
}


.logoicon_home {

    filter: invert(100%) sepia(0%) saturate(7475%) hue-rotate(66deg) brightness(108%) contrast(98%);


}
.link_tab_file_app_js {}

/*######################################################################################*/
/* 청색 사이드바, 문장리스트 출력하는 사이드바 -->끝 */
/*######################################################################################*/

/*######################################################################################*/
/* 카테고리 category.html의 부트스트랩 테이블, 페이지네이션 시작 */
/*######################################################################################*/
/* GnuBoard 페이징 */
/* Customized Paging */
.pg_wrap { clear:both;}

.pg_page { /* 기본페이지 */

    width:30px !important;
    height:30px !important;
    font-size:13px;
    color:#333;
    line-height:33px;
    padding:0;
    background:#fff;
    border:0;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-align:center;
    display:inline-block;
}
.pg_page:hover {
    background:#f2f2f2;
}
.pg_current { /* 현재페이지 */
    width:30px !important;
    height:30px !important;
    font-size:13px;
    color:#fff;
    font-weight:normal;
    line-height:33px;
    margin:0;
    padding:0;
    background:#333;
    border:0;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-align:center;
    display:inline-block;
}
.pg_start { /* 처음 */
    position:relative;
    top:50%;
    background:#fff;
    border:1px solid #ccc;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_start:after {
    position:absolute;
    top:12px;
    left:10px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid #777;
    border-left:1px solid #777;
    transform:rotate(45deg);
}
.pg_start:before {
    position:absolute;
    top:12px;
    left:16px;
    content:"";
    width:6px;
    height:6px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #777;
    border-left: 1px solid #777;
    transform:rotate(45deg);
}
.pg_start:hover {
    background:#fff;
    border:1px solid #333;
}
.pg_prev { /* 이전 */
    position:relative;
    top:50%;
    background:#fff;
    border:1px solid #ccc;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_prev:after {
    position:absolute;
    top:12px;
    left:13px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid #777;
    border-left:1px solid #777;
    transform:rotate(45deg);
}
.pg_prev:hover {
    background:#fff;
    border:1px solid #333;
}
.pg_next { /* 다음 */
    position:relative;
    top:50%;
    background:#fff;
    border:1px solid #ccc;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_next:after {
    position:absolute;
    top:12px;
    right:13px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid #777;
    border-right:1px solid #777;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    transform:rotate(45deg);
}
.pg_next:hover {
    background:#fff;
    border:1px solid #333;
}
.pg_end { /* 맨끝 */
    position:relative;
    top:50%;
    background:#fff;
    border:1px solid #ccc;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-indent:-9999px;
    display:inline-block;
}
.pg_end:after {
    position:absolute;
    top:12px;
    right:10px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid #777;
    border-right:1px solid #777;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    transform:rotate(45deg);
}
.pg_end:before {
    position:absolute;
    top:12px;
    right:16px;
    content:"";
    width:6px;
    height:6px;
    border-top:1px solid #777;
    border-right:1px solid #777;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
    transform:rotate(45deg);
}
.pg_end:hover {
    background:#fff;
    border:1px solid #333;
}
.sound_only{
	display:none;
}
.gnu_board_pagination .pg_wrap a.pg_page {
}
.gnu_board_pagination .pg_wrap a.pg_page.pg_start,
.gnu_board_pagination .pg_wrap a.pg_page.pg_prev,
.gnu_board_pagination .pg_wrap a.pg_page.pg_next,
.gnu_board_pagination .pg_wrap a.pg_page.pg_end
{
    width:32px !important;
    height:32px !important;
}

/* pagination 가운데로 
.pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center;}
.pg {display:inline-block;border:1px solid #cfded8;letter-spacing:-4px;}
.pg a:focus, .pg a:hover, .pg a:active {text-decoration:none;}
.pg_page, .pg_current {display:inline-block;padding:0 12px;height:30px;color:#000;letter-spacing:0;line-height:2.6em;vertical-align:middle;}
.pg_page {background:#f9f9f9;text-decoration:none;}
.pg_start, .pg_prev {border-right:1px solid #cfded8;}
.pg_end, .pg_next {border-left:1px solid #cfded8;}
.pg_current {background:#333;color:#fff;font-weight:bold}
*/
/* Bootstrap Table */


.sclearner_bootTable {
	border-top-right-radius:0;
	border-top-left-radius: 6px;
}
.sclearner_bootTable.table-bordered>:not(caption)>* {
    border-left: 6px solid rgb(0, 134, 192);

}
/*테이블 첫 칼럼 마지막 칼럼 (체크박스 스위치 너비 고정)*/
table.sclearner_bootTable.table-bordered tr>th:first-child {
	width:44px;
}
table.sclearner_bootTable.table-bordered tr>th:last-child {
	width:48px;
}
.sclearner_bootTable.table-bordered tr>th {
	vertical-align:middle;
}
.sclearner_bootTable.table-bordered tbody td {
	vertical-align:middle;
}
.table.sclearner_bootTable {
    border-color: var(--layout-border-color);
}

.table.sclearner_bootTable .form-check  .tabFirst_col.form-check-input[type=checkbox] {
    margin-left: -18px;
}
.table.sclearner_bootTable .form-check  .tabFirst_col.form-check-input[type=checkbox] {
    background-color: var(--disabled-background-color);
    border-color: var(--ui-border-color);
	cursor: pointer;
    border: 1px solid;
    border-color: var(--ui-border-color);
    border-radius: 2px;
    transition: transform var(--motion-productive-short) var(--motion-timing-enter);
    overflow: hidden;
	width:16px;
	height:16px;
}

.table.sclearner_bootTable .form-check  .tabFirst_col.form-check-input[type=checkbox]:checked {
	background-color: var(--primary-color);
}

.form-switch .form-check-input{
	cursor:pointer;
}
.sctable-th1,.sctable-th2,.sctable-th3,.sctable-th4,.sctable-th5,.sctable-th6,.sctable-th7 {
    color: #212529;
	color: rgb(0, 134, 192);
	font: var(--font-text2-normal);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}
.table.sclearner_bootTable th.sctable-th1 .form-check  .tabFirst_col.form-check-input[type=checkbox] {
    margin-left: -15px;
}
.board-filter-item-content-wrapper {
	padding: 0 10px 0 0;
}
.AddButtonBackground-1F000-sp .logoicon_home a:hover {
	
}

/* tooltip */
.custom-tooltip {
		--bs-tooltip-bg: #333333;
        color: white;
        font-weight: bold;
        padding: 4px 8px;
        font-size: 14px;
        border-radius: 4px;
}
/*######################################################################################*/
/* 카테고리 category.html의 부트스트랩 테이블, 페이지네이션 끝 */
/*######################################################################################*/



/*######################################################################################*/
/* Index.html 메인 HowitWorks   시작 */
/*######################################################################################*/
.Dwmrc_howitworks {
  font-size: 16px;
}
.content-29BE6-hoitworks {
	border:2px solid green;
}
.gap-60{
	height:60px;
}
.sectiongap-120{
	height:120px;
}
.wrap {
    position: relative;
    padding: 0 30px;
    margin: 0 auto;
}
.wrap.-size-lg {
    max-width: 1342px;
}
._transition, .button, .tabs-nav ul li, :after, :before, a, button, img, input, select, svg, textarea {
    transition: all .2s ease-out;
}
:after, :before {
    box-sizing: border-box;
}
.home-hero-title {
    word-break: keep-all; /* 한글 기준 자연스러운 줄바꿈 */
    line-height: 1.6; /* 줄 간격 최적화 */
    max-width: 700px; /* 적절한 최대너비 지정 */
    margin: 0 auto 10px auto; /* 위, 좌우 자동, 아래쪽 여백만 10px */
    text-align: center; /* 가운데 정렬 */
}

.Dwmrc_howitworks h2 {
    font-size: 3em;
    font-size: 72px;
	font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 45px;
    letter-spacing: -2px;
	text-align:center;
}
.home-hero-title .blue-underline {
    display: inline-block;
    position: relative;
}
.home-hero-title .blue-underline:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    bottom: 1px;
    background: url("https://www.any.do/v5/images/home/blue-underline.svg") no-repeat 0 0;
    background-size: 100% auto;
}
.wrap.-size-xs {
    max-width: 660px;
}
._mg-b-md {
    margin-bottom: 50px!important;
}
.Dwmrc_howitworks h6 {
    margin-bottom: 3px;
    line-height: 1.35;
    color: #737373;
	font-size: 24px;
}
.Dwmrc_howitworks .button.-primary {
    background: #0083ff;
    color: #fff;
    border-radius: 46.875px;
	font-family: 'Inter', sans-serif;
	font-weight:400;
}
.Dwmrc_howitworks .button {
    height: 60px;
    line-height: 60px;
    padding: 0 35px;
    border: none;
    background: none;
    color: #0083ff;
    font-size: 24px;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    text-decoration: none;
    touch-action: manipulation;
}
.Dwmrc_howitworks .free-description {
    display: inline-block;
	margin-top:15px;
    vertical-align: middle;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.35;
    color: #737373;
}
.align-center {
    text-align: center;
}
.hero-image{
	overflow:hidden;
}
._mg-t-md {
    margin-top: 50px!important;
}
section.section-padding {
    padding: 70px 80px;
}
section.section-radius {
    border-radius: 72px;
}

.light-grey-bg {
    background-color: #f6f6f6;
}
.tabs .tabs-nav {
    text-align: center;
}
.tabs-nav {
    margin-bottom: 40px;
}
.tabs .tabs-nav li.active, .tabs .tabs-nav li:hover {
    color: #000;
}
.tabs-nav ul li:first-child {
    padding-left: 0;
    margin-left: 0;
    border: none;
}
.tabs .tabs-nav li {
    display: inline-block;
}
.tabs-nav ul li {
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    padding-left: 18px;
    margin-left: 18px;
    border-left: 3px solid #737373;
    line-height: 28px;
    height: 28px;
    cursor: pointer;
    position: relative;
}
.quote p {
    font-weight: 700;
	font-size: 24px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 26px;
    letter-spacing: -.02em;
}
.quote cite {
    display: block;
    font-size: 18px;
    font-style: normal;
}
.quote .qoute-content {
    max-width: 570px;
    position: relative;
    z-index: 1;
    margin-left: 50px;
}
.quote .quote-image {
    min-width: 146px;
}
.quote {
    margin: 35px auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.grid, [class*=grid_] {
    position: relative;
    margin-bottom: 45px;
}
.clearfix:after, .clearfix:before, .grid:after, .grid:before, .wrap:after, .wrap:before {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.grid_1-2 {
    width: 50%;
}

[class*=grid_] {
    float: left;
}
.simple-list {
    margin-bottom: 20px;
    font-size: 18px;
    padding-left: 0; /* 좌측 패딩 제거 */
    text-align: center; /* 가운데 정렬 */
}
li, ul {
    display: list-item;
    list-style: none;
}


.simple-list li, .simple-list2 li {
    padding-left: 0; /* 불릿 패딩 제거 */
    line-height: 1.3;
    position: relative;
    color: #737373;
    font-size: 18px;
    display: inline-block; /* 항목 가로 정렬 */
    margin: 0 10px; /* 항목 간격 설정 */
}


.simple-list li:before, .simple-list2 li:before {
    display: none; /* 불릿 제거 */
}
.tabs.-simple-tabs{
    margin-bottom: 45px;
}
.tabs.-simple-tabs img, .hero-image img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    border: none;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    height: auto!important;
}
.apps-buttons a {
    margin: 0 12px;
}
.appsbtn1{
	width:300px;
	
}
.appsbtn2{
	width:400px;

}
h3 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
    font-family: var(--font-family-poppins,"Poppins");
}
h2 {
    font-size: 72px;
    font-family: var(--font-family-poppins,"Poppins");
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 45px;
    letter-spacing: -2px;
}
.site, .wrap {
    margin: 0 auto;
}
.wrap.-size-md {
    max-width: 1142px;
}
.wrap.-size-sm {
    max-width: 860px;
}
.wrap.-size-sm h2{
	font-size:90px;
}
.learn-more a{
	font-size:24px;
    color: #0083ff;
    text-decoration: none;
    outline: none;
    cursor: pointer;
	margin-top: 24px;
}
.learn-more {
	margin-top: 24px;
}
.block {
    padding-top: 120px;
    padding-bottom: 60px;
}
h6.powerful {
    margin-bottom: 32px;
}

.platforms {
    text-align: center;
    margin: 30px auto 80px;
    max-width: 680px;
	height:216px;
	border:1px solid #737373;
	border-radius:5px;
}
.gap-100 {
    height: 100px;
}
.grid.-spacing-md {
    margin-left: -25px;
    margin-right: -25px;
}
.grid.-spacing-md>[class*=grid_] {
    padding-left: 25px;
    padding-right: 25px;
}

.shadow-box {
    box-shadow: 0 1px 4px rgba(0,0,0,.04), 0 2px 18px rgba(0,0,0,.08);
    border-radius: 16px;
    padding: 16px;
    background: #fff;
}
.body-manage-box {
    height: 375px;
    padding: 50px 30px 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 30px;
    color: #737373;
}

.body-manage-box .manage-box-content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}
.body-manage-box .manage-box-content figure {
    height: 100px;
    margin-bottom: 50px;
}
.body-manage-box .manage-box-content h3 {
    line-height: 1.125em;
    letter-spacing: -.01em;
}
p.small {
    font-size: 17px;
    line-height: 21px;
	margin-bottom: 25px;
    color: #737373;
}
.mytasks,.myteamwork{
}
.mytasks{
	width:90px;
	height:90px;
}
.myteamwork{
	width:90px;
	height:90px;
}
h3.h3-myteamwork{
	font-size:28px;
	line-height: 1.125em;
    letter-spacing: -.01em;
    margin-bottom: 35px;
}
/*######################################################################################*/
/* Index.html 메인 HowitWorks   -->끝 */
/*######################################################################################*/

/*###########################################################################################*/
/* Grammar,Dashboard html 시작*/
/*############################################################################################*/
.Dwmrc {
    flex-grow: 1;
}
.old-container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.dl-dir{
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.section-head {
    margin: 8px;
    margin-bottom: 16px;
    margin-top: 24px;
    padding-top: 0.5rem;
}
.section-body {
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 0.25rem;
}
.section-head h2, .section-head h3 {
	font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 32px;
	margin-bottom:0;
	letter-spacing: 1px;
}
.course-body .cs.dl-ltr .section-accent {
    margin-bottom: 25px;
}
.section-accent {
    border-radius: 16px;
    margin: 12px;
    width: auto;
    -webkit-box-shadow: 0 0 4px -1px rgba(0,0,0,.2);
    box-shadow: 0 0 4px -1px rgba(0,0,0,.2);
    padding: 8px 12px;
    position: relative;
}
.section-accent5 {
    background-color: #e1f5f3;
    color: #01579b;
}
.content-block, .list-block {
    font-size: 20px;
    text-align: justify;
    line-height: 1.85rem;
    font-size: 1rem;
    letter-spacing: -.003em;
    word-break: break-word;

}
.content-block p {
    font-size: 20px;
	letter-spacing: 1px;
}
.example-block.last {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	border-top-left-radius:0;
	border-top-right-radius:0;
    border-bottom: none;
    margin-bottom: 1.25rem;
}
.content-block+.example-block {

}
 .example-block, .cs .paragraph-block, .cs .table-block {
    margin-right: auto;
    margin-left: auto;
    max-width: 66%;
}
.example-block {
    padding: 20px;
}
.example-block {
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
    box-shadow: none;
    border-bottom: 1px solid rgba(88,85,85,.103);
    background: rgba(0,0,0,.05) none;
}
.example-block p {
	font-family: 'Roboto', sans-serif;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.07rem;
}
.example-block .comment {
    display: block;
    color: #6c757d;
    padding-top: 0.5rem;
}
.list-block {
    padding-top: 0.5rem;
}
.section-accent {
    margin-bottom: 25px;
}
.section-accent {
    border-radius: 16px;
    margin: 12px;
    width: auto;
    -webkit-box-shadow: 0 0 4px -1px rgba(0,0,0,.2);
    box-shadow: 0 0 4px -1px rgba(0,0,0,.2);
    padding: 8px 12px;
    position: relative;
}
.section-accent1 {
    background-color: #fffde7;
    color: #6d4c41;
}
.pl-3, .px-3 {
    padding-left: 1rem!important;
}
.list-block li {
    padding-bottom: 1.3vmin!important;
    line-height: 1.6rem!important;
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
.section-accent {
    margin-bottom: 25px;
}
.section-tip, .section-warning {
    color: #212529;
    border-radius: 0 16px 16px 0;
    overflow: inherit;
    padding-left: 3rem;
    padding-right: 2rem;
}
.section-accent {
    
    margin: 12px;
    width: auto;
    -webkit-box-shadow: 0 0 4px -1px rgba(0,0,0,.2);
    box-shadow: 0 0 4px -1px rgba(0,0,0,.2);
    padding: 8px 12px;
    position: relative;
}
.section-tip {
    background: #deebf5!important;
    border-left: 3px solid #00f;
}
.section-accent3 {
    background-color: #f1f8e9;
    color: #1b5e20;
}
.px-3 li a {
	font-family: 'Roboto', sans-serif;
	font-size:20px;
}
.px-3 li {
	font-family: 'Roboto', sans-serif;
	font-size:20px;
}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x,2rem);
    padding-left: var(--bs-gutter-x,2rem);
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
.main .content {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.page-header {
    border-bottom: 0.0625rem solid rgba(231,234,243,.7);
    padding-bottom: 2rem;
    margin-bottom: 2.25rem;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.page-header-title {
    margin-bottom: 0.5rem;
}

.h1, h1 {
    font-size: 1.4109375rem;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}

a.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #377dff;
    --bs-btn-border-color: #377dff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2f6ad9;
    --bs-btn-hover-border-color: #2c64cc;
    --bs-btn-focus-shadow-rgb: 85,145,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2c64cc;
    --bs-btn-active-border-color: #295ebf;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #377dff;
    --bs-btn-disabled-border-color: #377dff;
}
a.btn {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.6125rem;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #677788;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 0.0625rem;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.3125rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-active-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
	background-color: #377dff;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.me-1 {
    margin-right: 0.25rem!important;
}
a.invite-users{
	font-size:16px;
}
.card-hover-shadow {
    transition: .3s;
}
.card {
    box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
}
.h-100 {
    height: 100%!important;
}
.card {
    --bs-card-spacer-y: 1.3125rem;
    --bs-card-spacer-x: 1.3125rem;
    --bs-card-title-spacer-y: 0.25rem;
    --bs-card-border-width: 0.0625rem;
    --bs-card-border-color: rgba(231, 234, 243, 0.7);
    --bs-card-border-radius: 0.75rem;
    --bs-card-box-shadow: 0rem 0.375rem 0.75rem rgba(140, 152, 164, 0.075);
    --bs-card-inner-border-radius: 0.6875rem;
    --bs-card-cap-padding-y: 1.3125rem;
    --bs-card-cap-padding-x: 1.3125rem;
    --bs-card-cap-bg: transparent;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1.3125rem 1.3125rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}
.card {
    box-shadow: 0 0.375rem 0.75rem rgba(140,152,164,.075);
}
.text-degit{
	font-size:28px;
	font-weight:700;
	margin-bottom:18px;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color);
}
.card-subtitle {
    display: block;
    text-transform: uppercase;
    color: #8c98a4;
    font-size: .7109375rem;
    margin-bottom: 18px;
}
.badge {
    line-height: normal;
}
.bg-soft-success {
    background-color: rgba(0,201,167,.1)!important;
}
.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important;
}
.badge {
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.3125rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius);
}
.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important;
}
.fs-6 {
    font-size: .8125rem!important;
}
.ms-1 {
    margin-left: 0.25rem!important;
}
.barchart-canv{
	border:1px solid #efefef;
	border-radius:10px;
	height:320px;
    width: 100%;
}
.col-lg-5 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66666667%;
}
.mb-lg-5 {
    margin-bottom: 2rem!important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}

.h-100 {
    height: 100%!important;
}
.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-header-content-between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.5rem;
}
.card-header {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e2022;
}
.list-group-item h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    color: #1e2022;
}
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
    position: relative;
}
.btn-group-sm>.btn-icon.btn, .btn-icon.btn-sm {
    font-size: .875rem;
    width: 2.40625rem;
    height: 2.40625rem;
}
.btn-icon {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    width: 2.625rem;
    height: 2.625rem;
    padding: 0;
}
.btn-ghost-secondary {
    color: #71869d;
    background-color: transparent;
	background-color: rgba(55,125,255,.1);
}
.btn-ghost-secondary:hover{
	color: #377dff;
    border-color: transparent;
    background-color: rgba(55,125,255,.1);
}
.rounded-circle {
    border-radius: 50%!important;
}
.card-header .dropdown .btn svg {
	width:18px;
	height:18px;
}
.card-body p{
	color:rgb(103, 119, 136);
	font-size:16px;
}
.d-flex svg{
	width:44px;
	height:44px;
}
.list-group-item {
	padding-top:15px;
	padding-bottom:15px;
}

.card-header ul.nav {}
.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: #132144;
    --bs-nav-link-hover-color: #1366ff;
    --bs-nav-link-disabled-color: #bdc5d1;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-segment {
    position: relative;
    background-color: #f8fafd;
    padding: 0.25rem 0.25rem;
    border-radius: 0.5rem;
}
.nav-fill .nav-item, .nav-fill>.nav-link {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%;
}
.card-header-content-sm-between {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0.5rem;
}
.board-wrapper a {
    color: var(--primary-text-color);
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
}
.col-auto a{
	color:#ffffff;
}
.board-wrapper a, .board-wrapper a:hover {
    text-decoration: none;
}
.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important;
}
.fs-6 {
    font-size: .8125rem!important;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}
.legend-indicator {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #bdc5d1;
    border-radius: 50%;
    margin-right: 0.4375rem;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important;
}
.nav-segment .nav-link {
    color: #677788;
    font-size: .8125rem;
    padding: 0.5rem 0.8125rem;
    border-radius: 0.5rem;
}
:focus, a:focus, button:focus {
    outline-color: rgba(55,125,255,.5);
}
.nav-segment .nav-link.active {
    color: #1e2022;
    background-color: #fff;
    box-shadow: 0 0.1875rem 0.375rem 0 rgba(140,152,164,.25);
}
.chartjs-custom.mx-auto {
    border: 1px solid #efefef;
    border-radius: 10px;
    height: 320px;
    width: 100%;
}
.second_row .chartjs-custom.mx-auto {
   /* border: 1px solid green;*/
    height: 100%;
}
.table-responsive .table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: rgba(231, 234, 243, 0.7);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: #f9fafc;
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(231, 234, 243, 0.4);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}
.table-responsive .table tr {
    color: #677788;
	font-size:16px;
	font-weight:400;
}
.card .card-table>:not(caption)>*>* {
    padding-right: 21px;
    padding-left: 21px;
	padding-top:16px;
	padding-bottom:16px;
}
.legend-indicator {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #bdc5d1;
    border-radius: 50%;
    margin-right: 0.4375rem;
}
.tabGrammar {
	margin-top:36px;
	margin-bottom:56px;
	padding-left:148px;
	padding-right:148px;
}
/* Grammar.html 테이블 헤더 텍스트 */
.table-responsive.tabGrammar .table thead tr {
	font-size:20px;
}
/* Grammar.html 테이블 바디 텍스트 */
.table-responsive.tabGrammar .table tbody tr {
	font-size:20px;
}
.second_row{
	/*border:1px solid red;*/
	margin-bottom:36px;
}
/*###########################################################################################*/
/* Grammar Dashboard html -->끝*/
/*############################################################################################*/


/*############################################################################################ */
/*############### 사운드 플레이어 category-player.html  시작 ####################################### */
/*############################################################################################ */
.sound-player {
    background-color: #fff;
    bottom: 0;
    box-shadow: 0 0 9px 3px rgba(41,41,41,.1);
    padding: .9em 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
	height:72px;
}
.MuiContainer-root {
    width: 100%;
    display: block;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}
.MuiGrid-align-items-xs-center {
    align-items: center;
}
.MuiGrid-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
#player-radio {
    text-align: right;
}
.pr-4, .px-4 {
    padding-right: 1.5rem !important;
}
.pt-1, .py-1 {
    padding-top: .25rem !important;
}
.MuiGrid-grid-md-6 {
    flex-grow: 0;
    max-width: 50%;
    flex-basis: 50%;
}
.MuiGrid-grid-md-3 {
    flex-grow: 0;
    max-width: 25%;
    flex-basis: 25%;
}
.MuiGrid-justify-content-xs-center {
    justify-content: center;
}
#player-favorite {
    font-size: 1.4em;
    padding-right: .7em;
}
.MuiGrid-item {
    margin: 0;
    box-sizing: border-box;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}
.click-underline, .hover-link, .icon-action {
    cursor: pointer;
    transition: color .2s;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
#player-song-title {
    font-weight: 700;
    line-height: 1;
    padding-bottom: .3em;
}
.sound-player a, #player a {
    color: #222;
}
#player-artist {
    font-size: .85em;
    line-height: 1;
}
.MuiGrid-justify-content-xs-flex-end {
    justify-content: flex-end;
}
#player-station-name {
    font-weight: 700;
    max-width: 11em;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#player-volume {
    font-size: 1.4em;
    padding-left: .7em;
}
.svg-inline--fa.fa-w-18 {
    width: 1.125em;
}
.click-underline, .hover-link, .icon-action {
    cursor: pointer;
    transition: color .2s;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.pr-2, .px-2 {
    padding-right: .5rem !important;
}
.MuiGrid-grid-xs-true {
    flex-grow: 1;
    max-width: 100%;
    flex-basis: 0;
}
#player-slider {
    padding: .5em 0 .2em;
}
.MuiSlider-root.Mui-disabled {
    color: #bdbdbd;
    cursor: default;
    pointer-events: none;
}
.MuiSlider-root {
    color: #3f51b5;
    width: 100%;
    cursor: pointer;
    height: 2px;
    display: inline-block;
    padding: 13px 0;
    position: relative;
    box-sizing: content-box;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
}
#player-slider .MuiSlider-rail {
    color: #91c6ff;
}
.MuiSlider-rail {
    width: 100%;
    height: 2px;
    display: block;
    opacity: 0.38;
    position: absolute;
    border-radius: 1px;
    background-color: currentColor;
}
#player-slider .MuiSlider-track {
    color: #13598b;
}
.MuiSlider-track {
    height: 2px;
    display: block;
    position: absolute;
    border-radius: 1px;
    background-color: currentColor;
}
#player-slider .MuiSlider-thumb {
    display: none;
}
.MuiSlider-thumb.Mui-disabled {
    width: 8px;
    height: 8px;
    margin-top: -3px;
    margin-left: -4px;
}
.MuiSlider-thumb {
    width: 12px;
    height: 12px;
    display: flex;
    outline: 0;
    position: absolute;
    box-sizing: border-box;
    margin-top: -5px;
    transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    align-items: center;
    margin-left: -6px;
    border-radius: 50%;
    justify-content: center;
    background-color: currentColor;
}
#player-play-button svg {
    border-radius: 50%;
    box-shadow: 0 3px 15px rgba(0,0,0,.3);
    color: #13598b;
    cursor: pointer;
    font-size: 2rem;
    transition: all .2s;
}
svg:not(:root).svg-inline--fa {
    overflow: visible;
}
.svg-inline--fa.fa-w-16 {
    width: 1em;
}
#player-play-button svg:hover {
    color: #91c6ff;
    transition: all .2s;
}
.pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.pl-4, .px-4 {
    padding-left: 1.5rem !important;
}
/*############################################################################################ */
/*############### 사운드 플레이어 category-player.html  -->끝 ###################################### */
/*############################################################################################ */

	/* 플레이어 디자인을 수정하기 위한 CSS */
	#audioPlayer {
		width:80%;
	}

	/* 플레이어 컨트롤 버튼 디자인 */
	#audioPlayer button {
	  background-color: #4CAF50; /* 배경색 */
	  border: none; /* 테두리 없음 */
	  color: white; /* 글자색 */
	  padding: 10px 20px; /* 패딩 */
	  text-align: center; /* 텍스트 가운데 정렬 */
	  text-decoration: none; /* 밑줄 없음 */
	  display: inline-block;
	  font-size: 16px;
	  margin: 4px 2px;
	  cursor: pointer;
	  border-radius: 4px; /* 둥근 테두리 */
	}
/*오디오컨트롤
audio::-webkit-media-controls-panel {
  background-color: #333;
  color: #fff;
  border-radius: 5px;
}*/
/*프로그레스바
audio::-webkit-media-controls-timeline {
  background-color: #666;
}
*/
/*볼륨컨트롤
audio::-webkit-media-controls-volume-slider {
  background-color: #999;
}
audio::-webkit-media-controls-play-button{}
audio::-webkit-media-controls-panel
audio::-webkit-media-controls-mute-button
audio::-webkit-media-controls-play-button
audio::-webkit-media-controls-timeline-container
audio::-webkit-media-controls-current-time-display
audio::-webkit-media-controls-time-remaining-display
audio::-webkit-media-controls-timeline
audio::-webkit-media-controls-volume-slider-container
audio::-webkit-media-controls-volume-slider
audio::-webkit-media-controls-seek-back-button
audio::-webkit-media-controls-seek-forward-button
audio::-webkit-media-controls-fullscreen-button
audio::-webkit-media-controls-rewind-button
audio::-webkit-media-controls-return-to-realtime-button
audio::-webkit-media-controls-toggle-closed-captions-button
*/


/* Hero-section 아래 여백 줄이기 */
.hero-section {
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}