/* /Pages/Article/Items/SearchBox.razor.rz.scp.css */


.magnify-container[b-jeomqjb8ox] {
    position: relative;
    display: flex;
    align-items: center;
}

.magnify-button[b-jeomqjb8ox] {
    width: 26px;
    height: 26px;
    background-color: #FFFFFF;
    border-radius: 25px;
    display: flex;
    align-items: center;
    border: 1px solid #CCCCCC;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    transition: all 0.3s ease;
}

.magnify-button[b-jeomqjb8ox]  svg {
    width: 16px;
    height: 16px;
}

.magnify-input[b-jeomqjb8ox] {
    width: 0;
    height: 26px;
    padding: 0;
    margin-left: 8px;
    border-radius: 25px;
    transition: all 0.3s ease;
    opacity: 0;
    pointer-events: none;
    font-size: 12px;
    text-align: center; /* 텍스트 중앙 정렬 */
    line-height: 26px; /* 수직 중앙 정렬 */
    border: 1px solid #CCCCCC !important;
}

.magnify-input.expanded[b-jeomqjb8ox] {
    width: 100px;
    padding: 0 8px;
    opacity: 1;
    pointer-events: auto;
}

.magnify-input[b-jeomqjb8ox]::placeholder {
    font-size: 12px; /* 원하는 글꼴 크기로 변경 */
    color: #888888; /* 원하는 색상으로 변경 */
    text-align: center; /* placeholder 텍스트 중앙 정렬 */
    line-height: 26px; /* 수직 중앙 정렬 */
}

.magnify-input:focus[b-jeomqjb8ox] {
    border: 1px solid #343846 !important;
    outline: none;
}

.magnify-input:focus[b-jeomqjb8ox]::placeholder {
    opacity: 0; /* 입력 필드가 선택되면 placeholder 사라짐 */
}
/* /Pages/Article/Items/TagBox.razor.rz.scp.css */
/* 기존 스타일 */
.tag-box[b-ravfdfupkl] {
    min-width: 80px;
    height: 30px;
    border: 1px solid #CCCCCC;
    margin-right: 6px;
    border-radius: 4px;
    background-color: #FFFFFF;
    font-size: 11px;
    padding: 0 10px;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.context[b-ravfdfupkl] {
    width: 300px;
    border-radius: 4px;
    position: absolute;
    background-color: white;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    margin-top: 2px;
    padding: 0;
    color: #333333;
}

.tag-box[b-ravfdfupkl]  svg {
    width: 18px;
    height: 18px;
    margin: 0 -6px 0 0 !important;
}

.context-hovered[b-ravfdfupkl] {
    border: 1px solid #822121 !important;
}

.keywords[b-ravfdfupkl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #DDDDDD;
    font-size: 12px;
}

.keywords input[b-ravfdfupkl] {
    width: calc(100% - 24px); 
    padding: 10px 10px 10px 14px;
    border: none;
    font-size: 12px;
}

.keywords input:focus[b-ravfdfupkl] {
    outline: none;
}

.keywords-title[b-ravfdfupkl] {
    font-size: 12px;
    padding: 10px 0;
    border-bottom: 1px dotted #DDDDDD;
    text-align: center;
    display: none;
}

.tag-list[b-ravfdfupkl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(auto, 1fr));
    gap: 5px;
    padding: 0 10px 10px 10px;
}

.tag[b-ravfdfupkl] {
    background-color: #FFFFFF;
    padding: 2px 6px 2px 6px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    text-wrap: nowrap;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #AAAAAA;
}
.tag div:first-child[b-ravfdfupkl] {
}
.tag div:last-child[b-ravfdfupkl] {
    color: #AAAAAA;
    margin-left: 4px;
}

.tag.selected[b-ravfdfupkl] {
    background-color: transparent; /* 색상을 변경하여 선택된 태그를 강조합니다 */
    color: #000000;
}

.context[b-ravfdfupkl]  svg {
    width: 18px;
    height: 18px;
    margin: 0 14px 0 6px !important;
}

.context[b-ravfdfupkl]  svg path {
    fill: #999999;
}

.selected-tags[b-ravfdfupkl] {
    padding: 10px;
}

.selected-tag[b-ravfdfupkl] {
    background-color: #EEEEEE;
    padding: 3px 6px 3px 6px;
    border-radius: 4px;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    cursor: pointer;
    margin-right: 4px;
    margin-bottom: 4px;
}

.selected-tag-content[b-ravfdfupkl] {
    justify-content: space-between;
    text-wrap: nowrap;
    display: flex;
}

.selected-tag-content div:first-child[b-ravfdfupkl] {
}
.selected-tag-content div:last-child[b-ravfdfupkl] {
    color: #AAAAAA;
    margin-left: 4px;
    display: none;
}
.unselected-tag[b-ravfdfupkl] {
    display: none;
}

/* 추가된 스타일 */
.keywords input[b-ravfdfupkl]::placeholder {
    font-size: 11px;
    color: #AAAAAA; /* Optional: 플레이스홀더 색상 변경 */
}

.keywords input:focus[b-ravfdfupkl]::placeholder {
    opacity: 0;
}

.all-tag[b-ravfdfupkl] {
    font-size: 12px;
    padding: 1px 10px 8px 4px;
}
/* /Pages/Article/Views/ArticleContent.razor.rz.scp.css */
.markdown-box-borderless[b-bc3ssg0hys] {
    padding-top: 0;
    border: none;
    box-sizing: border-box; !important;
}

.articles .header[b-bc3ssg0hys] {
    margin-left: 30px;
    margin-right: 30px;
    width: 800px;
    z-index: 100;
    background-color: transparent;
    top: 0; /* 뷰포트의 상단에서 시작 */
}
.articles .article-header-line[b-bc3ssg0hys] {
    border-bottom: 0px solid #CCCCCC;
    margin-top: 10px;
    height: 1px;
}

.article-bg[b-bc3ssg0hys] {
    overflow: hidden; /* 배경 이미지가 영역 밖으로 나가지 않도록 */
    border-radius: 6px;
    /*background-image: url('/developers5.jpg');*/
    margin-top:10px;
}

.article-banner[b-bc3ssg0hys] {
    display: none;
    position: relative;
    z-index: 1; /* 내용이 흐림 효과 위에 올라오도록 */
}

.article-message[b-bc3ssg0hys] {
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
    display: none;
}

.article-title[b-bc3ssg0hys] {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 550;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.article-title span[b-bc3ssg0hys] {
    font-size: 14px !important;

}

.article-title-content[b-bc3ssg0hys] {
    
}


.article-subtitle[b-bc3ssg0hys] {
    color: #777777;
    font-weight: 400;
    display: block; /* 또는 필요에 따라 다른 display 값을 사용 */
    text-align: justify;
}

.article-collapsed[b-bc3ssg0hys] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    white-space: nowrap; /* 이 설정은 "더보기"를 같은 줄에서 보여주기 위해 제거해야 할 수도 있습니다. */
}

.toggle-link[b-bc3ssg0hys] {
    float: right;
    color: #bf821c;
    text-decoration: underline;
}

.toggle-link-hide[b-bc3ssg0hys] {
    color: #bf821c;
    text-decoration: underline;
}



.article-line[b-bc3ssg0hys] {
    border-bottom: 1px solid #555555;
    margin-top: 6px;
    margin-bottom: 6px;
}

.article-box[b-bc3ssg0hys] {
    width: 800px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 30px 30px 30px 30px;
    margin-top: 0;
    box-sizing: border-box;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.tag-search[b-bc3ssg0hys] {
    margin-top: 20px;
    align-items: center;
    display: flex;
    gap: 10px;
}

.visible[b-bc3ssg0hys] {
    display: flex;
}

.collapse[b-bc3ssg0hys] {
    display: none;
}

.article-accept-button[b-bc3ssg0hys] {
    padding-left: 6px;
    padding-right: 6px;
    line-height: 24px;
    text-align: center;
    background-color: #5e9a50;
    border: 1px solid #38732a;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
}
.article-item[b-bc3ssg0hys] {
    min-height: 110px;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 20px;
}

    .article-item:last-child[b-bc3ssg0hys] {
        min-height: 60px;
        border-bottom: 0px solid red;
        margin-bottom: 0px !important;
    }

    .article-item .article-item-title[b-bc3ssg0hys] {
        font-size: 14px;
        font-weight: 550;
        color: #000000;
        margin-top: 0px;
        vertical-align: middle;
        cursor: pointer;
    }

    .article-item .article-item-preview[b-bc3ssg0hys] {
        font-size: 14px;
        margin-top: 4px;
        margin-bottom: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        color: #000000;
        white-space: normal;
        word-break: break-all;
        position: relative;
        min-height: 1.6em; /* 예시 높이, 실제 폰트 크기와 줄 간격에 따라 조정 필요 */
    }

        .article-item .article-item-preview[b-bc3ssg0hys]::after {
            content: "";
            display: block;
            flex: 1;
        }




    .article-item .article-item-thumb[b-bc3ssg0hys] {
        float: left;
        margin-top: 4px;
        margin-right: 30px;
    }
        .article-item .article-item-thumb .article-item-thumb-img[b-bc3ssg0hys] {
            width: 85px; /* 또는 원하는 크기 */
            height: 85px; /* 또는 원하는 크기, 정사각형 유지 */
            object-fit: cover; /* 이미지 비율을 유지하면서 컨테이너를 꽉 채움 */
            border: 1px solid #AAAAAA;
            border-radius: 6px;
            box-shadow: 4px 4px 8px rgba(0,0,0,0.3); /* 그림자 추가 */
        }



    .article-item .article-item-thumb ul[b-bc3ssg0hys] {
        list-style: none;
        padding: 0px;
        text-align: center;
        margin-top: 4px;
    }
        .article-item .article-item-thumb ul li[b-bc3ssg0hys] {
            display: inline-block;
        }

        .dots[b-bc3ssg0hys] {
            display: none;
        }
.dot[b-bc3ssg0hys], .dot-first[b-bc3ssg0hys] {
    height: 6px;
    width: 6px;
    background-color: #BBBBBB; /* .dot-first에서 다시 설정됩니다. */
    border-radius: 50%;
    display: inline-block;
    margin: 0 2px; /* 좌우 마진 추가 */
    cursor: pointer;
}

.dot-first[b-bc3ssg0hys] {
    background-color: #000000;
}


div[b-bc3ssg0hys] {
    font-weight: 400;
    color: #555555;
}

.right-header[b-bc3ssg0hys] {
    display: flex;
    place-items: center;
    height: 30px;
    float: right;
    margin-bottom: 10px;
    margin-top: -25px;
}

.article-statistics[b-bc3ssg0hys] {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 12px;
    padding: 0px 4px 0px 4px;
    place-items: center;
    display: inline-block;
    height: 30px;
}

    .article-statistics li[b-bc3ssg0hys] {
        line-height: 28px;
        display: inline-block;
        font-size: 12px;
        padding-left: 4px;
        padding-right: 8px;
        color: #000000;
        border-right: 1px solid #CCCCCC;
    }
        .article-statistics li[b-bc3ssg0hys]  svg {
            width: 20px !important;
            height: 20px !important;
        }
        .article-statistics li img svg path[b-bc3ssg0hys]{
            fill: #777777 !important;
        }
    .article-statistics li:last-child[b-bc3ssg0hys] {
        border-right: 0.5px solid transparent;
    }

        .article-cate[b-bc3ssg0hys] {
            border-bottom: 1px solid #E1E1E1;
            list-style: none;
            padding: 0px;
            margin-top: 0px;
        }
    .article-cate li[b-bc3ssg0hys] {
        display: inline-block;
        padding: 10px 20px 10px 20px;
        color: #AAAAAA;
        cursor: pointer;
    }
        .article-cate li:first-child[b-bc3ssg0hys] {
            border-bottom: 1px solid #000000;
            margin-bottom: -1px;
            color: #000000;
        }

.article-tag[b-bc3ssg0hys] {
    line-height: 23px;
    font-size: 13px;
    list-style: none;
    padding: 0;
    display: inline-flex;
    margin-left: 6px;
    flex-wrap: wrap;
}

    .article-tag li div[b-bc3ssg0hys] {
        display: flex;
    }
    .article-tag li[b-bc3ssg0hys] {
        line-height: 23px;
        padding: 0 3px 0 3px;
        border: 0.5px solid Transparent;
        background-color: Transparent;
        color: #555555;
        cursor: pointer;
        margin-left: 3px;
        user-select: none;
        font-size: 12px;
    }
        .article-tag li span[b-bc3ssg0hys] {
            color: #AAAAAA;
            display: grid;
            place-items: center;
        }
.article-tag li div.selected[b-bc3ssg0hys] {
    color: #0a53be;
}

.article-tag li:hover[b-bc3ssg0hys] {
    opacity: 0.8;
}

.article-item-separator[b-bc3ssg0hys] {
    display: inline-block;
    border-right: 0px dotted #AAAAAA;
    height: 10px;
    vertical-align: middle;
    margin-left: 0px; 
    margin-right: 0px;
    color: transparent;
}

.article-title-container[b-bc3ssg0hys] {
    display: flex; /* Flexbox를 활성화합니다 */
    justify-content: space-between; /* 자식 요소들을 양 끝으로 분배합니다 */
    align-items: center; /* 요소들을 수직 방향 중앙에 정렬합니다 (선택적) */
    margin-bottom: 10px;
}

.article-tags-container[b-bc3ssg0hys] {
    display: flex; /* Flexbox를 활성화합니다 */
    align-items: center; /* 요소들을 수직 방향 중앙에 정렬합니다 (선택적) */
    margin-bottom: 10px;
}

.article-title-container[b-bc3ssg0hys] {
    display: flex; /* Flexbox를 활성화합니다 */
    justify-content: space-between; /* 자식 요소들을 양 끝으로 분배합니다 */
    align-items: center; /* 요소들을 수직 방향 중앙에 정렬합니다 (선택적) */
}
.article-headers[b-bc3ssg0hys] {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    height: 23px;
}
.article-language[b-bc3ssg0hys] {
    background-color: transparent;
    border: 1px solid transparent;
    display: flex;
    flex-wrap: nowrap;
    margin-left: 10px;
    font-size: 12px;
    font-weight: lighter;
    list-style: none;
    padding: 0px;
    vertical-align: middle;
    border-radius: 4px;
}

    .article-language li[b-bc3ssg0hys] {
        width: 26px;
        text-align: right;
        font-size: 12px;
        display: inline-block;
        border-right: 1px solid transparent;
        background-color: transparent;
        color: #999999;
        cursor: pointer;
        margin-left: 0;
        padding-right: 8px;
        text-align: center;
        display: grid;
        place-items: center;
        font-weight: 300;
    }

        .article-language li:first-child[b-bc3ssg0hys] {
      /*      border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;*/
        }

        .article-language li:last-child[b-bc3ssg0hys] {
            /*  border-right: 1px solid transparent;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;*/
        }

        .article-language li.selected-language[b-bc3ssg0hys] {
            color: #000000; /* 이제 정상적으로 적용될 것입니다 */
            background-color: #FFFFFF;
            border: 1px solid transparent;
            border-radius: 4px;
            font-weight: 450;
        }

        .article-language li.not-selected-language[b-bc3ssg0hys] {
            /* 필요한 경우 이곳에 스타일을 추가합니다. */
        }

.article-item-line[b-bc3ssg0hys] {
    border-bottom: 0px dotted #CCCCCC;
    margin-bottom: 5px;
    margin-top: 8px;
    margin-left: 115px;
}

.article-head[b-bc3ssg0hys] {
    font-size: 14px;
    list-style: none;
    padding: 0px;
    margin-bottom: 1px;
}

    .article-head li[b-bc3ssg0hys] {
        display: inline-block;
        color: #000000;
        cursor: pointer;
        margin-right: 4px;
    }
        .article-head .article-head-writer[b-bc3ssg0hys] {
            font-size: 13px;
            color: #000000;
        }

    .article-head .article-head-date[b-bc3ssg0hys] {
        font-size: 13px;
        color: #999999;
    }

    .article-head .article-head-count[b-bc3ssg0hys] {
        font-size: 13px;
        color: #999999;
    }

    .article-head .article-head-person[b-bc3ssg0hys] {
        font-size: 13px;
        color: #666666;
        display: none;
    }

    .item-disable[b-bc3ssg0hys] {
        display: none;
    }

    
/* /Pages/Creation/Views/CreateContent.razor.rz.scp.css */
article[b-v2pvs0luuy] {
    padding-left: 10px;
}
.article-title[b-v2pvs0luuy] {
    font-size: 42px;
    font-weight: 300;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-subtitle[b-v2pvs0luuy] {
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 30px;
}

.create-block[b-v2pvs0luuy] {
    background-color: #FFFFFF;
    padding: 20px;
    border: 1px solid #CCCCCC;
}

.header[b-v2pvs0luuy] {
    width: 800px;
    top: 0; /* 뷰포트의 상단에서 시작 */
    z-index: 1000; /* 다른 요소들 위에 위치하도록 z-index 설정 */
    padding-bottom: 10px;
}

.article-title[b-v2pvs0luuy] {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 550;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.article-title-content[b-v2pvs0luuy] {

}

.article-line[b-v2pvs0luuy] {
    border-bottom: 1px solid #DDDDDD;
    margin-top: 10px;
    margin-bottom: 10px;
}

.article-item[b-v2pvs0luuy] {
    margin-top: 120px;
}

    .article-item .article-item-title[b-v2pvs0luuy] {
        font-size: 18px;
        font-weight: 600;
        color: #000000;
        margin-top: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .article-item .article-item-preview[b-v2pvs0luuy] {
        font-size: 14px;
        margin-top: 4px;
        margin-bottom: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color: #000000;
    }

    .article-item .article-item-thumb[b-v2pvs0luuy] {
        float: left;
        margin-top: 4px;
        margin-right: 20px;
    }

        .article-item .article-item-thumb .article-item-thumb-img[b-v2pvs0luuy] {
            width: 86px;
            height: 86px;
            border-radius: 3px;
        }

    .article-item .article-item-thumb ul[b-v2pvs0luuy] {
        list-style: none;
        padding: 0px;
        text-align: center;
    }
        .article-item .article-item-thumb ul li[b-v2pvs0luuy] {
            display: inline-block;
        }
            .article-item .article-item-thumb ul li .dot[b-v2pvs0luuy] {
                height: 6px;
                width: 6px;
                background-color: #BBBBBB;
                border-radius: 50%;
                display: inline-block;
            }
            .article-item .article-item-thumb ul li .dot-first[b-v2pvs0luuy] {
                height: 6px;
                width: 6px;
                background-color: #000000;
                border-radius: 50%;
                display: inline-block;
            }

div[b-v2pvs0luuy] {
    font-weight: 400;
    color: #555555;
}

.article-cate[b-v2pvs0luuy] {
    list-style: none;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 300;
}
    .article-cate li[b-v2pvs0luuy] {
        display: inline-block;
        padding: 5px 10px 5px 10px;
        cursor: pointer;
    }

    .article-cate .article-cate-plus[b-v2pvs0luuy] {
        border-radius: 4px;
        padding-left: 9px;
        width: 34px;
        height: 34px;
        background-color: #EEEEEE;
        border: 1px solid #666666;
        text-align: center;
        margin-right: 0px;
        color: #000000;
        float: right;
    }

.article-tag[b-v2pvs0luuy] {
    float: left;
    font-size: 12px;
    font-weight: lighter;
    list-style: none;
    padding: 0px;
}

    .article-tag li[b-v2pvs0luuy] {
        display: inline-block;
        padding: 1px 6px 0px 6px;
        border: 0.5px solid #DDDDDD;
        background-color: #F1F1F1;
        border-radius: 20px;
        color: #000000;
        cursor: pointer;
        margin-right: 4px;
    }

.article-language[b-v2pvs0luuy] {
    float: right;
    font-size: 12px;
    font-weight: lighter;
    list-style: none;
    padding: 0px;
    margin-top: 0px;
}

    .article-language li[b-v2pvs0luuy] {
        font-size: 0.75em;
        display: inline-block;
        line-height: 20px;
        border: 1px solid #DDDDDD;
        background-color: #DDDDDD;
        border-radius: 20px;
        color: #333333;
        cursor: pointer;
        margin-right: 4px;
        width: 20px;
        height: 20px;
        text-align: center;
    }
        .article-language li:first-child[b-v2pvs0luuy] {
            background-color: #000000;
            border: 1px solid #000000;
            color: #ffffff;
        }
    .article-language .article-language-selected[b-v2pvs0luuy] {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
    }

.article-head[b-v2pvs0luuy] {
    font-size: 14px;
    list-style: none;
    margin-top: 10px;
}

    .article-head li[b-v2pvs0luuy] {
        font-size: 11px;
        display: inline-block;
        color: #000000;
        cursor: pointer;
        margin-left: 8px;
    }
        .article-head .article-head-writer[b-v2pvs0luuy] {
            font-size: 15px;
            color: #666666;
        }

        .article-head .article-head-date[b-v2pvs0luuy] {
            font-size: 15px;
            color: #AAAAAA;
        }

        .article-head .article-head-person[b-v2pvs0luuy] {
            font-size: 15px;
            color: #666666;
        }

.article-create-button[b-v2pvs0luuy] {
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    place-items: center;
    background-color: #5e9a50;
    border: 1px solid #38732a;
    border-radius: 2px;
    padding: 0 8px;
    color: #FFFFFF;
    font-size: 12px;
    cursor: pointer;
    font-weight: 320;
    line-height: 1; /* 추가 설정 */
}

.article-cancel-button[b-v2pvs0luuy] {
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    place-items: center;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    padding: 0 8px;
    color: #444444;
    font-size: 12px;
    cursor: pointer;
    line-height: 1; /* 추가 설정 */
}

.continue-bottom[b-v2pvs0luuy] {
    width: 800px;
    display: flex;
    place-items: center;
    justify-content: space-between;
}

.continue-bottom-buttons[b-v2pvs0luuy] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    gap: 5px;
}


.article-invited-buttons[b-v2pvs0luuy] {
    margin-left: auto;
    width: fit-content;
    justify-content: flex-end;
    line-height: 30px;
    height: 30px;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
    font-size: 14px;
}

.article-accept-button[b-v2pvs0luuy] {
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    width: fit-content;
    justify-content: flex-end;
    line-height: 30px;
    text-align: center;
    background-color: #5e9a50;
    border: 1px solid #38732a;
    font-weight: 300;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
}

.article-reject-button[b-v2pvs0luuy] {
    float: right;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    width: fit-content;
    justify-content: flex-end;
    line-height: 30px;
    text-align: center;
    background-color: #EEEEEE;
    border: 1px solid #AAAAAA;
    font-weight: 300;
    border-radius: 4px;
    color: #555555;
    cursor: pointer;
    margin-left: 10px;
}

.article-continue-comment[b-v2pvs0luuy] {
    color: #555555;
    vertical-align: central;
    font-size: 12px;
}

.article-blockquote[b-v2pvs0luuy] {
    display: none;
    font-weight: 400;
    margin: 4px 0 20px 0;
    font-size: 13px;
    border-left: 0 solid #eee;
    background-color: #f9f9f9;
    text-align: justify;
    text-justify: inter-word;
    color: #555555;
}

.article-info[b-v2pvs0luuy] {
    font-weight:400;
    padding: 0px;
    padding-left: 0px;
    margin: 20px 0px 20px 0px;
    border-left: 0px solid #eee;
    background-color: #f9f9f9;
    text-align: justify;
    text-justify: inter-word;
    color: #888888;
}

.article-line-horizontal[b-v2pvs0luuy] {
    border-bottom: 1px solid #dddddd;
    margin-top: 20px;
    margin-bottom: 20px;
}

.article-line-horizontal2[b-v2pvs0luuy] {
    border-bottom: 1px solid #dddddd;
    margin-top: 80px;
    margin-bottom: 20px;
}

.article-header[b-v2pvs0luuy] {
    color: #000000;
    font-size: 13px;
}

.article-invited[b-v2pvs0luuy] {
    margin-top: 20px;
    border: 1px solid #DDDDDD;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 20px;
    text-align: justify;
    text-justify: inter-word;
}
    .article-invited .article-invited-title[b-v2pvs0luuy] {
        color: #333333;
    }
    .article-invited .article-invited-description[b-v2pvs0luuy] {
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 2px dotted #E1E1E1;
        border-bottom: 2px dotted #E1E1E1;
        font-weight: 300;
        color: #666666;
    }

.article-writer[b-v2pvs0luuy] {
    color: #000000;
}

.selected-menu-item[b-v2pvs0luuy] {
    font-size: 12px;
    border-radius: 2px;
    background-color: #FAFAFA;
    border: 1px solid #666666;
    color: #000000;
    user-select: none;
    font-weight: 400;
}

.language-menu-item[b-v2pvs0luuy] {
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    color: #777777;
    font-weight: 400;
    user-select: none;
}
    .language-menu-item:hover[b-v2pvs0luuy] {
        color: #333333;
    }


    .article-head[b-v2pvs0luuy] {
        padding: 10px;
        font-size: 12px;
        display: flex;
        justify-content: space-between;
        place-items: center;
    }
    
    .article-head-languages[b-v2pvs0luuy] {
        display: flex;
        font-size: 12px;
    }

.article-head-languages li[b-v2pvs0luuy] {
    user-select: none;
}

.article-thumb[b-v2pvs0luuy] {
    width: 390px;
    height: 180px;
    object-fit: cover;
    justify-items: center;
    place-items: center;
    vertical-align: middle;
}

.article-noimage[b-v2pvs0luuy] {
    font-size: 16px;
    text-align: center;
    padding: 10px;
    justify-items: center;
    place-items: center;
    vertical-align: middle;
    background-color: #EEEEEE;
    display: flex;
    width: 390px;
    height: 180px;
    object-fit: cover;
    justify-content: center;
}

.article-item-box[b-v2pvs0luuy] {
    border: 1px solid #ccc; margin-bottom: 10px; background-color:#ffffff;
    width: 395px;
    padding: 2px;
}

.title[b-v2pvs0luuy] {
    margin: 0 10px 10px 10px;
    font-size: 13px;
    cursor: pointer;
    color: #000000;
    text-wrap: wrap;
    display: flex;
}
.title:hover[b-v2pvs0luuy] {
    text-decoration: underline;
    opacity: 0.8;
}

.articles[b-v2pvs0luuy] {
    max-width: 800px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
/* /Pages/Detail/Items/CommentList.razor.rz.scp.css */
.comments[b-uk3jc879iw] {

}
    .comments .content[b-uk3jc879iw] {
        border: 0px;
        font-size: 14px;
    }

.comment-panel[b-uk3jc879iw] {

}
.comment-container[b-uk3jc879iw] {
    padding-top: 20px;
}
.comment[b-uk3jc879iw] {
    width: 100%;
    max-width: 800px;
    border: 1px solid #CCCCCC;
    padding: 0px;
    border-radius: 0px 0px 0px 0px;
    background-color: #FFFFFF;
}
    .comment .top[b-uk3jc879iw] {
        display: flex;
        justify-content: space-between;
        margin: 10px 20px 10px 20px;

        background-color: transparent;
        border-radius: 0px 0px 0px 0px;
        border-bottom: 0px solid #CCCCCC;
    }
        .comment .top .profile[b-uk3jc879iw] {
            display: flex;
            margin-left: 0px;
        }
            .comment .top .profile .user-name[b-uk3jc879iw] {
                display: grid;
                place-items: center;
                font-weight: 500;
                font-size: 13px;
            }
            .comment .top .profile .created[b-uk3jc879iw] {
                display: grid;
                place-items: center;
                color: #777777;
                margin-left: 8px;
                font-size: 13px;
            }
            .comment .top .profile .id[b-uk3jc879iw] {
                margin-left: 8px;
                color: #AAAAAA;
                display: grid;
                place-items: center;
            }
            .comment .top .profile .thumbnail[b-uk3jc879iw] {
                width: 34px;
                height: 34px;
                border-radius: 50% / 50%;
                border: 1px solid #AAAAAA;
                padding: 2px;
                margin-right: 10px;
            }
        .comment .top .dots[b-uk3jc879iw] {
            display: flex;
        }
        .comment .top[b-uk3jc879iw]  svg {
            width: 16px;
            height: 16px;
        }
            .comment .top[b-uk3jc879iw]  svg path {
                fill: #555555;
            }
    .comment .content[b-uk3jc879iw] {
        padding: 4px 20px 0px 20px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
        .comment .buttons[b-uk3jc879iw] {
            margin-top: 30px;
            margin-left: 20px;
            margin-bottom: 10px;
        }
    .comment .bottom[b-uk3jc879iw] {
        background-color: #f7f6f2;
        border-top: 1px solid #CCCCCC;
        border-radius: 0px 0px 0px 0px;
        padding: 10px;
    }
        .comment .bottom .switch[b-uk3jc879iw] {
            cursor: text;
            color: #888888;
            border: 0.5px solid #AAAAAA;
            background-color: #FFFFFF;
            border-radius: 4px;
            padding: 0px 14px 0px 14px;
            height: 32px;
            display: grid;
            place-items: center;
        }
            .comment .bottom .switch:hover[b-uk3jc879iw] {
                color: #000000;
                background-color: #FAFAFA;
            }
            .comment .bottom .switch span[b-uk3jc879iw] {
                justify-self: left;
            }
        .comment .bottom .reply[b-uk3jc879iw] {
        }
        .comment .bottom .none[b-uk3jc879iw] {
            display: none;
        }
        .comment .bottom .block[b-uk3jc879iw] {
            display: block;
        }

        .edit[b-uk3jc879iw] {
            padding: 0px 10px 10px 10px;
        }

@keyframes fadeOutOpacity-b-uk3jc879iw {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
@keyframes reduceHeight-b-uk3jc879iw {
    from {
        max-height: 500px;
    }

    to {
        max-height: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
}
.fade-out[b-uk3jc879iw] {
    animation: fadeOutOpacity-b-uk3jc879iw 0.5s ease forwards, 
        reduceHeight-b-uk3jc879iw 0.6s ease 0.2s forwards;
}
/* /Pages/Detail/Items/CommentWriter.razor.rz.scp.css */
.comment-container[b-oupk18dyht] {
    margin-top: 10px;
    padding-top: 20px;
    color: #000000;
} 
    .comment-container .header[b-oupk18dyht] {
        color: #555555;
        margin-top: 20px;
    }
    .comment-container .header span[b-oupk18dyht] {
        font-weight: 600;
        color: #000000;
    }

    .comment-container .write-container[b-oupk18dyht] {
        margin-top: 10px;
        height: 120px;
        background-color: #ffffff;
    }

    .comment-container #input-comment[b-oupk18dyht] {
        width: calc(100% - 0px);
        height: calc(100% - 0px);
        border: 1px solid #CCCCCC !important;
        border-radius: 6px;
        padding: 20px;
    }

        .comment-container #input-comment:focus[b-oupk18dyht] {
            border: 0px solid #cccccc;
            background-color: #ffffff;
            border: 1px solid blue !important;
            outline: none;
        }

.bottom-container[b-oupk18dyht] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .bottom-container .article-accept-button[b-oupk18dyht] {
        padding-left: 14px;
        padding-right: 14px;
        margin-left: auto;
        width: fit-content;
        justify-content: flex-end;
        line-height: 32px;
        text-align: center;
        background-color: #5e9a50;
        border: 1px solid #38732a;
        font-weight: 300;
        border-radius: 4px;
        color: #ffffff;
        cursor: pointer;
        margin-left: 10px;
        text-align: right;
    }

    .bottom-container .message[b-oupk18dyht] {
        text-align: right;
    }

.reply-container[b-oupk18dyht] {
    border: 1px solid #DDDDDD;
    padding: 20px;
    border-radius: 6px;
    background-color: #FFFFFF;
    margin-top: 20px;
}
    .reply-container .reply-top-container[b-oupk18dyht]{
        display: flex;
        align-items: center;
    }
        .reply-container .reply-top-container .user-name[b-oupk18dyht] {
            vertical-align: middle;
        }
        .reply-container .reply-top-container .created[b-oupk18dyht] {
            vertical-align: middle;
            color: #AAAAAA;
            margin-left: 8px;
        }
        .reply-container .reply-content-container[b-oupk18dyht]  {
            margin-top: 20px;
        }


    .reply-container .thumbnail[b-oupk18dyht] {
        width: 40px;
        height: 40px;
        border-radius: 50% / 50%; /* ���� ������ radius / ���� ������ radius */
        border: 1px solid #AAAAAA;
        padding: 2px;
        margin-right: 10px;
    }
/* /Pages/Detail/Items/EditMenu.razor.rz.scp.css */
.context[b-pl4e6yp2yq] {
    margin-top: 40px;
    margin-left: -120px;
    border-radius: 0px;
    position: absolute;
    background-color: white;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    width: 150px;
    color: #333333;
}
    .context:hover[b-pl4e6yp2yq] {
        border: 1px solid #000000;
    }
.context-hovered[b-pl4e6yp2yq] {
    border: 1px solid #822121 !important;
}

.context ul li[b-pl4e6yp2yq]{
    font-size: 12px;
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    justify-content: space-between;
    display: flex;
    vertical-align: middle;
}
    .context ul li:first-child[b-pl4e6yp2yq] {
    }
    .context ul li:last-child[b-pl4e6yp2yq] {
    }
    .context ul li:hover[b-pl4e6yp2yq] {
        background-color: #F1F1F1;
    }


.context .pin[b-pl4e6yp2yq] {
    border-radius: 0px;
    vertical-align: middle;
}
    .context .pin:hover[b-pl4e6yp2yq] {
        color: #000000;
    }

.context .edit[b-pl4e6yp2yq] {
    border-top: 0.5px dotted #AAAAAA;
    border-radius: 0px;
    vertical-align: middle;
}
    .context .edit:hover[b-pl4e6yp2yq] {
        color: #000000;
    }

.context .delete[b-pl4e6yp2yq] {
    border-top: 0.5px dotted #AAAAAA;
    background-color: #FFFFFF;
    border-radius: 0px;
    vertical-align: middle;
}
    .context .delete[b-pl4e6yp2yq]  svg {
        width: 18px !important;
        height: 18px !important;
        vertical-align: middle;
    }
        .context .delete[b-pl4e6yp2yq]  svg path {
            fill: #999999 !important;
        }
    .context .delete:hover[b-pl4e6yp2yq] {
        border-top: 0.5px solid #822121;
        background-color: #822121 !important;
        color: #FFFFFF !important;
    }
        .context .delete:hover[b-pl4e6yp2yq]  svg path {
            fill: #FFFFFF !important;
        }
/* /Pages/Detail/Items/LanguageSelection.razor.rz.scp.css */
.selection[b-6dns34us8e] {
    display: flex;
    border: 1px solid #AAAAAA;
    padding: 0px 0px 0px 8px;
    border-radius: 4px;
    height: 28px;
    font-size: 12px;
    background-color: #FFFFFF;
    color: #000000;
}

    .selection .name[b-6dns34us8e] {
        display: grid;
        place-items: center;
    }
    .selection .icon[b-6dns34us8e] {
        margin-left: 1px;
        margin-right: 0px;
        display: grid;
        place-items: center;
        margin-bottom: 2px;
    }
        .selection .icon[b-6dns34us8e]  svg {
            width: 16px !important;
            height: 16px !important;
        }
            .selection .icon[b-6dns34us8e]  svg path {
                fill: #000000;
            }
/* /Pages/Detail/Items/ReplyList.razor.rz.scp.css */
.reply[b-f52t3xszir] {
    border-top: 1px solid #CCCCCC;
    background-color: #F6F8FA;
    padding: 10px 10px 0px 10px;
    font-size: 13px;
    font-weight: 400;
}

    .reply .vertical[b-f52t3xszir] {
        padding-top: 0px;
        border-left: 0px solid #D0D7DEB3;
        z-index: -1000;
    }

.top[b-f52t3xszir] {
    display: flex;
    justify-content: space-between;
    margin-left: -16px;
}

    .top .dots[b-f52t3xszir] {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-right: 10px;
    }

        .top .dots[b-f52t3xszir]  svg {
            width: 16px;
            height: 16px;
            cursor: pointer;
        }

    .top .profile[b-f52t3xszir] {
        display: flex;
        margin-left: 26px;
    }

        .top .profile .thumbnail[b-f52t3xszir] {
            width: 34px;
            height: 34px;
            border-radius: 50% / 50%;
            border: 1px solid #AAAAAA;
            padding: 2px;
            margin-right: 10px;
        }

        .top .profile .user-name[b-f52t3xszir] {
            margin-left: 0px;
            font-weight: 500;
            display: grid;
            place-items: center;
        }

        .top .profile .created[b-f52t3xszir] {
            margin-left: 8px;
            font-weight: 400;
            color: #777777;
            display: grid;
            place-items: center;
        }
        .top .profile .id[b-f52t3xszir] {
            margin-left: 8px;
            color: #AAAAAA;
            display: grid;
            place-items: center;
        }

.content[b-f52t3xszir] {
    padding: 15px 20px 0px 52px;
    display: block;
    border: 0px;
    background-color: transparent;
    font-size: 14px;
}

.edit[b-f52t3xszir] {
    display: none;
    padding-left: 52px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.none[b-f52t3xszir] {
    display: none;
}

.block[b-f52t3xszir] {
    display: block;
}

.buttons[b-f52t3xszir] {
    padding: 10px 30px 10px 52px;
}

@keyframes fadeOutOpacity-b-f52t3xszir {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes reduceHeight-b-f52t3xszir {
    from {
        max-height: 500px;
    }

    to {
        max-height: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-top: 0px;
        border-bottom: 0px;
    }
}

.fade-out[b-f52t3xszir] {
    animation: fadeOutOpacity-b-f52t3xszir 0.5s ease forwards, reduceHeight-b-f52t3xszir 0.6s ease 0.2s forwards;
}

.disable-event[b-f52t3xszir] {
    pointer-events: none;
}
/* /Pages/Detail/Items/ReplyModifier.razor.rz.scp.css */
.modifier[b-9yrw22s9sk] {
    padding: 0px;
    margin: 0px;
    border: 0px solid #CCCCCC;
}
    .modifier .content[b-9yrw22s9sk] {
        padding-top: 0px;
    }
        .modifier .content textarea[b-9yrw22s9sk] {
            margin: 0px;
            display: block;
            width: calc(100%);
            height: 50px;
            min-height: 50px;
            max-height: 400px;
            box-sizing: border-box;
            border: 1px solid #CCCCCC !important;
            padding: 14px;
            margin-top: 0px;
        }
            .modifier .content textarea:focus[b-9yrw22s9sk] {
                border: 0px solid #cccccc;
                background-color: #ffffff;
                border: 1px solid #CCCCCC !important;
                outline: none;
            }
    .modifier .bottom[b-9yrw22s9sk] {
        border: 1px solid #CCCCCC;
        border-top: 0px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background-color: #FAFAFA;
        padding: 10px;
    }
        .modifier .bottom .message[b-9yrw22s9sk] {
            text-align: right;
            margin-right: 6px;
        }
        .modifier .bottom .buttons[b-9yrw22s9sk] {
            display: flex;
        }
            .modifier .bottom .buttons .accept[b-9yrw22s9sk] {
                padding-left: 14px;
                padding-right: 14px;
                margin-left: auto;
                width: fit-content;
                justify-content: flex-end;
                line-height: 28px;
                text-align: center;
                background-color: #5e9a50;
                border: 1px solid #38732a;
                border-radius: 4px;
                color: #ffffff;
                cursor: pointer;
                margin-left: 6px;
                font-size: 12px;
                display: grid;
                place-items: center;
            }

        .modifier .bottom .buttons .cancel[b-9yrw22s9sk] {
            padding-left: 14px;
            padding-right: 14px;
            margin-left: auto;
            width: fit-content;
            justify-content: flex-end;
            line-height: 28px;
            text-align: center;
            background-color: #EEEEEE;
            border: 1px solid #AAAAAA;
            border-radius: 4px;
            color: #333333;
            cursor: pointer;
            margin-left: 6px;
            font-size: 12px;
            display: grid;
            place-items: center;
        }
/* /Pages/Detail/Items/ReplyWriter.razor.rz.scp.css */
.modifier[b-2d969v9iem] {
    padding: 0px;
    margin: 0px;
    border: 0px solid #CCCCCC;
}

    .modifier .parent[b-2d969v9iem] {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 10px;
    }

        .modifier .parent .profile[b-2d969v9iem] {
            display: flex;
            margin-left: 6px;
        }

            .modifier .parent .profile .thumbnail[b-2d969v9iem] {
                width: 34px;
                height: 34px;
                border-radius: 50% / 50%;
                border: 1px solid #AAAAAA;
                padding: 2px;
                margin-right: 10px;
            }

            .modifier .parent .profile .user-name[b-2d969v9iem] {
                display: grid;
                place-items: center;
                font-weight: 600;
                font-size: 13px;
            }

            .modifier .parent .profile .message[b-2d969v9iem] {
                display: grid;
                place-items: center;
                font-weight: 400;
                font-size: 13px;
                margin-left: 4px;
            }

        .modifier .parent .markdown[b-2d969v9iem] {
            display: none;
            place-items: center;
            font-size: 12px;
            text-align: right;
            border: 1px solid #AAAAAA;
            border-radius: 4px;
            padding: 4px 6px 4px 6px;
            background-color: #FFFFFF;
            margin: 4px 0px 4px 0px;
        }

            .modifier .parent .markdown svg[b-2d969v9iem] {
                width: 18px !important;
                height: 18px !important;
                vertical-align: middle;
            }

            .modifier .parent .markdown[b-2d969v9iem]  svg path {
                fill: #333333 !important;
            }
    .modifier .content[b-2d969v9iem] {
        padding-top: 0px;
    }

        .modifier .content textarea[b-2d969v9iem] {
            margin: 0px;
            display: block;
            width: calc(100%);
            height: 50px;
            min-height: 50px;
            max-height: 400px;
            box-sizing: border-box;
            border: 1px solid #CCCCCC !important;
            padding: 14px;
            margin-top: 0px;
        }

            .modifier .content textarea:focus[b-2d969v9iem] {
                border: 0px solid #cccccc;
                background-color: #ffffff;
                border: 1px solid #CCCCCC !important;
                outline: none;
            }

    .modifier .bottom[b-2d969v9iem] {
        border: 1px solid #CCCCCC;
        border-top: 0px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background-color: #f5f4ed;
        padding: 10px;
    }

        .modifier .bottom .message[b-2d969v9iem] {
            text-align: left;
            margin-right: 12px;
            font-size: 12px;
            color: #777777;
        }

        .modifier .bottom .buttons[b-2d969v9iem] {
            display: flex;
        }

    .modifier .buttons .accept[b-2d969v9iem] {
        padding-left: 14px;
        padding-right: 14px;
        margin-left: auto;
        min-width: 70px;
        width: fit-content;
        justify-content: center;
        line-height: 28px;
        text-align: center;
        background-color: #5e9a50;
        border: 1px solid #38732a;
        border-radius: 4px;
        color: #ffffff;
        cursor: pointer;
        margin-left: 6px;
        font-size: 12px;
        display: grid;
        place-items: center;
    }

    .modifier .buttons .cancel[b-2d969v9iem] {
        padding-left: 14px;
        padding-right: 14px;
        margin-left: auto;
        min-width: 70px;
        width: fit-content;
        justify-content: center;
        line-height: 28px;
        text-align: center;
        background-color: #EEEEEE;
        border: 1px solid #AAAAAA;
        border-radius: 4px;
        color: #333333;
        cursor: pointer;
        margin-left: 6px;
        font-size: 12px;
        display: grid;
        place-items: center;
    }
/* /Pages/Detail/Items/ViewMenu.razor.rz.scp.css */
.context[b-g4d3fyls52] {
    position: absolute;
    background-color: white;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    width: 150px;
    color: #333333;
}
    .context:hover[b-g4d3fyls52] {
        border: 1px solid #000000;
    }
.context-hovered[b-g4d3fyls52] {
    border: 1px solid #822121 !important;
}

.context ul li[b-g4d3fyls52]{
    font-size: 12px;
    height: 34.5px;
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    justify-content: space-between;
    display: flex;
    vertical-align: middle;
}
    .context ul li:first-child[b-g4d3fyls52] {
    }
    .context ul li:last-child[b-g4d3fyls52] {
    }
    .context ul li:hover[b-g4d3fyls52] {
        background-color: #F1F1F1;
    }


.context .pin[b-g4d3fyls52] {
    border-radius: 0px;
    vertical-align: middle;
}
    .context .pin:hover[b-g4d3fyls52] {
        color: #000000;
    }

.context .edit[b-g4d3fyls52] {
    border-top: 0.5px dotted #AAAAAA;
    border-radius: 0px;
    vertical-align: middle;
}
    .context .edit:hover[b-g4d3fyls52] {
        color: #000000;
    }

.context .edit[b-g4d3fyls52] {
    border-top: 0.5px dotted #AAAAAA;
    background-color: #FFFFFF;
    border-radius: 0px;
    vertical-align: middle;
}
    .context .edit[b-g4d3fyls52]  svg {
        width: 18px !important;
        height: 18px !important;
        vertical-align: middle;
        margin: 0px !important;
    }
        .context .edit[b-g4d3fyls52]  svg path {
            fill: #999999 !important;
        }
    .context .edit:hover[b-g4d3fyls52] {
        border-top: 0.5px solid #822121;
        background-color: #822121 !important;
        color: #FFFFFF !important;
    }
        .context .edit:hover[b-g4d3fyls52]  svg path {
            fill: #FFFFFF !important;
        }
/* /Pages/Detail/Units/CommentModule.razor.rz.scp.css */
.comment-container[b-6yexra6734] {
    width: 100%;
    max-width: 800px;
    margin-top: 0;
    padding-top: 0;
    color: #000000;
    margin-bottom: 30px;
}
    .comment-container .header[b-6yexra6734] {
        color: #555555;
        margin-top: 20px;
    }
    .comment-container .header span[b-6yexra6734] {
        font-weight: 600;
        color: #000000;
    }

    .comment-container .write-container[b-6yexra6734] {
        margin-top: 10px;
        height: 120px;
        background-color: #ffffff;
    }

    .comment-container #input-comment[b-6yexra6734] {
        width: calc(100% - 0px);
        height: calc(100% - 0px);
        border: 1px solid #CCCCCC !important;
        border-radius: 6px;
        padding: 20px;
    }

        .comment-container #input-comment:focus[b-6yexra6734] {
            border: 0px solid #cccccc;
            background-color: #ffffff;
            border: 1px solid blue !important;
            outline: none;
        }

    .comment-container .bottom[b-6yexra6734] {
        margin-top: 20px;
        background-color: #f7f6f2;
        padding: 0px 10px 10px 10px;
        border: 1px solid #CCCCCC;
    }

    .bottom-container[b-6yexra6734] {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .bottom-container .article-accept-button[b-6yexra6734] {
        padding-left: 14px;
        padding-right: 14px;
        margin-left: auto;
        width: fit-content;
        justify-content: flex-end;
        line-height: 32px;
        text-align: center;
        background-color: #5e9a50;
        border: 1px solid #38732a;
        font-weight: 300;
        border-radius: 4px;
        color: #ffffff;
        cursor: pointer;
        margin-left: 10px;
        text-align: right;
    }

    .bottom-container .message[b-6yexra6734] {
        text-align: right;
    }

/* /Pages/Detail/Units/ContentModule.razor.rz.scp.css */
.article-title[b-xtt18pykfa] {
    color: #000000;
    font-size: 32px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    word-wrap:unset;
}

.article-name[b-xtt18pykfa] {
    margin-top: 10px;
    margin-bottom: 6px;
    color: #000000;
    text-align: center;
    font-size: 18px;
}

    .article-name a[b-xtt18pykfa] {
        color: #000000;
    }

.article-description[b-xtt18pykfa] {
    text-align: center; /* div를 가운데 정렬하기 위해 부모에 적용 */
    margin-bottom: 100px;
}
.article-description-child[b-xtt18pykfa] {    
    margin-top: 0;
    padding-top: 6px;
    color: #000000;
    border-top: 1px solid #CCCCCC;
    font-size: 12px;
    display: flex;
    justify-content: center;
}
.article-description-child div[b-xtt18pykfa] {
    gap: 4px;
    display: flex;

}
    .article-description-child a[b-xtt18pykfa] {
        color: #000000;
    }


.article-thumbnail[b-xtt18pykfa] {
    border-radius: 50% / 50%; /* 가로 방향의 radius / 세로 방향의 radius */
    display: block;
    margin: 0 auto; /* 이미지를 가운데 정렬 */
    width: 56px;
    height: 56px;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin-top: 40px;
}

.article-preview[b-xtt18pykfa] {
}

.markdown-body[b-xtt18pykfa] {
    border-radius: 0;
    overflow: auto;
    box-sizing: border-box !important;

    word-break: break-all;
}

.button-area[b-xtt18pykfa] {
    text-align: right; /* 버튼들을 우측에 정렬합니다. */
    margin-bottom: 1rem; /* 영역 아래에 여백을 추가합니다. */
}
.article-detail-container[b-xtt18pykfa] {
    color: #000000;
    margin-bottom: 0;
    position: fixed;
    margin-top: -147px;
    padding-top: 31px;
    width: 100%;
    max-width: 800px;
    background-color: #FAFAFA;
    border-bottom: 1px solid #CCCCCC;
    border-right: 0 solid #FAFAFA;
    padding-bottom: 10px;
    z-index: 999;
    box-sizing: border-box;
    left: 220px;
}
    .article-detail-container[b-xtt18pykfa]::after {
        border-top: 1px solid #CCCCCC;
        pointer-events: none;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -40px; /* 가상 요소의 위치 조정 */
        height: 40px; /* 그라데이션 영역의 높이 */
        background: linear-gradient(to bottom, rgba(0,0,0,0.03), transparent);
        z-index: -11; /* border-bottom을 가리지 않도록 설정 */
        margin-left: 1px;
        margin-right: 1px;
    }
    .article-detail-container .tops[b-xtt18pykfa] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #CCCCCC;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
        .article-detail-container .tops .menus[b-xtt18pykfa] {
            font-size: 12px;
            display: flex;
            height: 23px;
            line-height: 23px;
            align-items: center;
            box-sizing: border-box;
        }
            .article-detail-container .tops .menus .message[b-xtt18pykfa] {
                font-size: 13px;
                display: flex;
                margin-left: 10px;
                vertical-align: middle;
                line-height: 23px;
                box-sizing: border-box;
            }
            .article-detail-container .tops .menus .message span[b-xtt18pykfa] {
                font-weight: 550;
            }
            .article-detail-container .tops .menus ul[b-xtt18pykfa] {
                font-size: 12px;
                display: flex;
                height: 23px;
                line-height: 23px;
                align-items: center;
                box-sizing: border-box;
                margin-right: 10px;
            }
                .article-detail-container .tops .menus ul li[b-xtt18pykfa] {
                    font-size: 12px;
                    margin: 0px;
                    padding: 0px;
                    font-weight: 550;
                }
                    .article-detail-container .tops .menus ul li span[b-xtt18pykfa] {
                        font-size: 12px;
                        color: #DDDDDD;
                        margin: 0px 2px 0px 2px;
                    }
            .article-detail-container .tops .menus .fallow-button[b-xtt18pykfa] {
                background-color: #000000;
                border-radius: 20px;
                color: #FFFFFF;
                padding: 0px 12px 0px 12px;
                vertical-align: middle;
                height: 23px;
                line-height: 23px;
                font-weight: 300;
            }
        .article-detail-container .tops .horiz-button[b-xtt18pykfa] {
            display: flex;
            align-items: center;
        }
        
        .language-item[b-xtt18pykfa] {
            font-size: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid transparent;
            padding: 4px 8px 4px 8px;
            border-radius: 2px;
            color: #555555;
            cursor: pointer;
            user-select: none;
        }
        .dots-switch-area[b-xtt18pykfa] {
            margin-left: 10px;
        }
        .language-item:hover[b-xtt18pykfa] {
             opacity: 0.8;
         }
        .language-item.selected[b-xtt18pykfa] {
            color: #000000;
            border: 1px solid #AAAAAA;
            background-color: #FFFFFF;
        }

        .article-detail-container .tops .horiz-button[b-xtt18pykfa]  svg {
            width: 18px;
            height: 18px;
            margin-right: 6px;
        }

            .article-detail-container .tops .horiz-button[b-xtt18pykfa]  svg path {
                fill: #555555;
            }


    .article-detail-container .titles[b-xtt18pykfa] {
        display: flex;
        justify-content: space-between;
    }

    .article-detail-container .titles div[b-xtt18pykfa] {
        
    }
        .titles .title[b-xtt18pykfa] {
            word-break: break-all;
            font-weight: 550;
            color: #000000;
        }
        .titles .article-id[b-xtt18pykfa] {
            font-weight: 550;
            color: #000000;
        }
        .titles .view-count[b-xtt18pykfa] {
        }

        .tags[b-xtt18pykfa] {
            display: flex;
            align-items: center;
        }

.user-clip[b-xtt18pykfa] {
    display: flex;
}
.user-clip a[b-xtt18pykfa] {
    pointer-events: none;
}
.user-clip:hover[b-xtt18pykfa] {
}
.article-detail-container .titles .thumbnail[b-xtt18pykfa] {
    width: 50px;
    height: 50px;
    margin-right: 6px;
    margin-left: 6px;
    border-radius: 50% / 50%; /* 가로 방향의 radius / 세로 방향의 radius */
    border: 1px solid #AAAAAA;
    padding: 2px;
}
#content-header-profile[b-xtt18pykfa] {
    display: block; /* Always block for transitions to work */
    opacity: 0; /* Initially hidden */
    transform: translateX(50px); /* Start from left, off-screen or partially off-screen */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; /* Apply transition for both opacity and transform */
}
.article-detail-container .titles > div:first-child[b-xtt18pykfa] {
    transition: margin-right 0.5s ease-in-out; /* 부드러운 전환을 위한 설정 */
}
        .article-detail-container .tags ul[b-xtt18pykfa] {
            margin-top: 10px;
            margin-left: 6px;
            margin-bottom: 10px;
            display: flex;
            height: 23px;
            vertical-align: middle;
            cursor: pointer;
        }
            .article-detail-container .tags ul li[b-xtt18pykfa] {
                line-height: 19px;
                border: 0.5px solid #CCCCCC;
                padding: 0px 8px 0px 8px;
                height: 23px;
                background-color: #F5F5F5;
                border-radius: 20px;
                margin-right: 6px;
                font-weight: 300;
                font-size: 12px;
                vertical-align: middle;
            }

.content-container[b-xtt18pykfa] {
    margin-top: 116px;
    width: 100%;
    max-width: 800px;
    border: 0;
    padding: 0;
}
    .content-container .markdown-body[b-xtt18pykfa] {
        font-size: 14px;
    }


.contributors-container[b-xtt18pykfa] {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding: 0;
}
.contributors[b-xtt18pykfa] {
    display: flex;
    gap: 100px;
}

.content-info[b-xtt18pykfa] {
    margin-top:10px;
    margin-bottom: 80px;
}

.contributors > div[b-xtt18pykfa] {
    min-width: 120px;
    height: 240px;
}



.social-icon[b-xtt18pykfa] {
    width: 24px;
    height: 24px;
    place-items: center;
    display: grid;
    margin-top: 5px;
    filter: grayscale(60%);
}
/* /Pages/Detail/Views/DetailContent.razor.rz.scp.css */
.article-title[b-c5dbqr1qf1] {
    font-size: 42px;
    font-weight: 300;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-subtitle[b-c5dbqr1qf1] {
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-line[b-c5dbqr1qf1] {
    border-bottom: 1px solid #DDDDDD;
    margin-top: 10px;
    margin-bottom: 10px;
}

.article-item[b-c5dbqr1qf1] {
    margin-top: 120px;
}

    .article-item .article-item-title[b-c5dbqr1qf1] {
        font-size: 18px;
        font-weight: 600;
        color: #000000;
        margin-top: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .article-item .article-item-preview[b-c5dbqr1qf1] {
        font-size: 14px;
        margin-top: 4px;
        margin-bottom: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color: #000000;
    }

    .article-item .article-item-thumb[b-c5dbqr1qf1] {
        float: left;
        margin-top: 4px;
        margin-right: 20px;
    }

        .article-item .article-item-thumb .article-item-thumb-img[b-c5dbqr1qf1] {
            width: 86px;
            height: 86px;
            border-radius: 3px;
        }

    .article-item .article-item-thumb ul[b-c5dbqr1qf1] {
        list-style: none;
        padding: 0px;
        text-align: center;
    }
        .article-item .article-item-thumb ul li[b-c5dbqr1qf1] {
            display: inline-block;
        }
            .article-item .article-item-thumb ul li .dot[b-c5dbqr1qf1] {
                height: 6px;
                width: 6px;
                background-color: #BBBBBB;
                border-radius: 50%;
                display: inline-block;
            }
            .article-item .article-item-thumb ul li .dot-first[b-c5dbqr1qf1] {
                height: 6px;
                width: 6px;
                background-color: #000000;
                border-radius: 50%;
                display: inline-block;
            }

div[b-c5dbqr1qf1] {
    font-weight: 400;
    color: #555555;
}

.article-cate[b-c5dbqr1qf1] {
    border-bottom: 1px solid #E1E1E1;
    list-style: none;
    padding: 0px;
    margin-top: 40px;
    margin-bottom: -60px;
}
    .article-cate li[b-c5dbqr1qf1] {
        display: inline-block;
        padding: 10px 20px 10px 20px;
        color: #AAAAAA;
        cursor: pointer;
    }
        .article-cate li:first-child[b-c5dbqr1qf1] {
            border-bottom: 1px solid #000000;
            margin-bottom: -1px;
            color: #000000;
        }

.article-tag[b-c5dbqr1qf1] {
    float: left;
    font-family: 'Signika Negative', sans-serif;
    font-size: 12px;
    font-weight: lighter;
    list-style: none;
    padding: 0px;
}

    .article-tag li[b-c5dbqr1qf1] {
        display: inline-block;
        padding: 1px 6px 0px 6px;
        border: 0.5px solid #DDDDDD;
        background-color: #F1F1F1;
        border-radius: 20px;
        color: #000000;
        cursor: pointer;
        margin-right: 4px;
    }

.article-language[b-c5dbqr1qf1] {
    float: right;
    font-size: 12px;
    font-weight: lighter;
    list-style: none;
    padding: 0px;
    margin-top: 0px;
}

    .article-language li[b-c5dbqr1qf1] {
        font-size: 0.75em;
        display: inline-block;
        line-height: 20px;
        border: 1px solid #DDDDDD;
        background-color: #DDDDDD;
        border-radius: 20px;
        color: #333333;
        cursor: pointer;
        margin-right: 4px;
        width: 20px;
        height: 20px;
        text-align: center;
    }
        .article-language li:first-child[b-c5dbqr1qf1] {
            background-color: #000000;
            border: 1px solid #000000;
            color: #ffffff;
        }
    .article-language .article-language-selected[b-c5dbqr1qf1] {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
    }

.article-head[b-c5dbqr1qf1] {
    font-size: 14px;
    list-style: none;
    padding: 0px;
    margin-bottom: 6px;
}

    .article-head li[b-c5dbqr1qf1] {
        display: inline-block;
        color: #000000;
        cursor: pointer;
        margin-right: 4px;
    }
        .article-head .article-head-writer[b-c5dbqr1qf1] {
            font-size: 15px;
            color: #666666;
        }

        .article-head .article-head-date[b-c5dbqr1qf1] {
            font-size: 15px;
            color: #AAAAAA;
        }

        .article-head .article-head-person[b-c5dbqr1qf1] {
            font-size: 15px;
            color: #666666;
        }



.article-content[b-c5dbqr1qf1] {
    padding-left: 30px;
    padding-right: 30px;
}
/* /Pages/Edit/Views/EditContent.razor.rz.scp.css */
.article[b-7e5kgum3hz] {
    font-family: 'Signika Negative', sans-serif;
}

.article-title[b-7e5kgum3hz] {
    font-family: 'Signika Negative', sans-serif;
    font-size: 42px;
    font-weight: 300;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-subtitle[b-7e5kgum3hz] {
    font-family: 'Signika Negative', sans-serif;
    font-size: 20px;
    color: #000000;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-line[b-7e5kgum3hz] {
    border-bottom: 1px solid #DDDDDD;
    margin-top: 10px;
    margin-bottom: 10px;
}

.article-item[b-7e5kgum3hz] {
    margin-top: 120px;
}

    .article-item .article-item-title[b-7e5kgum3hz] {
        font-size: 18px;
        font-weight: 600;
        color: #000000;
        margin-top: 0px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .article-item .article-item-preview[b-7e5kgum3hz] {
        font-size: 14px;
        margin-top: 4px;
        margin-bottom: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        color: #000000;
    }

    .article-item .article-item-thumb[b-7e5kgum3hz] {
        float: left;
        margin-top: 4px;
        margin-right: 20px;
    }

        .article-item .article-item-thumb .article-item-thumb-img[b-7e5kgum3hz] {
            width: 86px;
            height: 86px;
            border-radius: 3px;
        }

        .article-item .article-item-thumb ul[b-7e5kgum3hz] {
            list-style: none;
            padding: 0px;
            text-align: center;
        }

            .article-item .article-item-thumb ul li[b-7e5kgum3hz] {
                display: inline-block;
            }

                .article-item .article-item-thumb ul li .dot[b-7e5kgum3hz] {
                    height: 6px;
                    width: 6px;
                    background-color: #BBBBBB;
                    border-radius: 50%;
                    display: inline-block;
                }

                .article-item .article-item-thumb ul li .dot-first[b-7e5kgum3hz] {
                    height: 6px;
                    width: 6px;
                    background-color: #000000;
                    border-radius: 50%;
                    display: inline-block;
                }

div[b-7e5kgum3hz] {
    font-family: 'Signika Negative', sans-serif;
    font-weight: 400;
    color: #555555;
}

.article-cate[b-7e5kgum3hz] {
    font-family: 'Signika Negative', sans-serif;
    list-style: none;
    padding: 0px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .article-cate li[b-7e5kgum3hz] {
        display: inline-block;
        padding: 0px 10px 0px 10px;
        cursor: pointer;
        height: 34px;
        line-height: 34px;
    }
    /*        .article-cate li:first-child {
            border-radius: 4px;
            background-color: #FFFFFF;
            border: 1px solid #666666;
            color: #000000;
            font-weight:400;
        }*/

    .article-cate .article-cate-plus[b-7e5kgum3hz] {
        border-radius: 4px;
        padding-left: 9px;
        width: 34px;
        height: 34px;
        background-color: #EEEEEE;
        border: 1px solid #666666;
        text-align: center;
        margin-right: 0px;
        color: #000000;
        float: right;
    }

.article-tag[b-7e5kgum3hz] {
    float: left;
    font-family: 'Signika Negative', sans-serif;
    font-size: 12px;
    font-weight: lighter;
    list-style: none;
    padding: 0px;
}

    .article-tag li[b-7e5kgum3hz] {
        display: inline-block;
        padding: 1px 6px 0px 6px;
        border: 0.5px solid #DDDDDD;
        background-color: #F1F1F1;
        border-radius: 20px;
        color: #000000;
        cursor: pointer;
        margin-right: 4px;
    }

.article-language[b-7e5kgum3hz] {
    float: right;
    font-family: 'Signika Negative', sans-serif;
    font-size: 12px;
    font-weight: lighter;
    list-style: none;
    padding: 0px;
    margin-top: 0px;
}

    .article-language li[b-7e5kgum3hz] {
        font-size: 0.75em;
        display: inline-block;
        line-height: 20px;
        border: 1px solid #DDDDDD;
        background-color: #DDDDDD;
        border-radius: 20px;
        color: #333333;
        cursor: pointer;
        margin-right: 4px;
        width: 20px;
        height: 20px;
        text-align: center;
    }

        .article-language li:first-child[b-7e5kgum3hz] {
            background-color: #000000;
            border: 1px solid #000000;
            color: #ffffff;
        }

    .article-language .article-language-selected[b-7e5kgum3hz] {
        background-color: #000000;
        border: 1px solid #000000;
        color: #ffffff;
    }

.article-head[b-7e5kgum3hz] {
    font-size: 14px;
    font-family: 'Signika Negative', sans-serif;
    list-style: none;
    padding: 0px;
    margin-bottom: 6px;
}

    .article-head li[b-7e5kgum3hz] {
        display: inline-block;
        color: #000000;
        cursor: pointer;
        margin-right: 4px;
    }

    .article-head .article-head-writer[b-7e5kgum3hz] {
        font-size: 15px;
        color: #666666;
    }

    .article-head .article-head-date[b-7e5kgum3hz] {
        font-size: 15px;
        color: #AAAAAA;
    }

    .article-head .article-head-person[b-7e5kgum3hz] {
        font-size: 15px;
        color: #666666;
    }

.article-create-button[b-7e5kgum3hz] {
    width: 90px;
    float: left;
    line-height: 34px;
    text-align: center;
    background-color: #5e9a50;
    border: 1px solid #38732a;
    border-radius: 4px;
    color: #ffffff;
    margin-top: 0px;
    cursor: pointer;
    font-weight: 300;
}


.article-invited-buttons[b-7e5kgum3hz] {
    margin-left: auto;
    width: fit-content;
    justify-content: flex-end;
    line-height: 30px;
    height: 30px;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
    font-size: 14px;
}

.article-accept-button[b-7e5kgum3hz] {
    float: right;
    padding-left: 14px;
    padding-right: 14px;
    margin-left: auto;
    width: fit-content;
    justify-content: flex-end;
    line-height: 32px;
    text-align: center;
    background-color: #5e9a50;
    border: 1px solid #38732a;
    font-weight: 300;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    margin-left: 10px;
}

.article-reject-button[b-7e5kgum3hz] {
    float: right;
    padding-left: 14px;
    padding-right: 14px;
    margin-left: auto;
    width: fit-content;
    justify-content: flex-end;
    line-height: 30px;
    text-align: center;
    background-color: #EEEEEE;
    border: 1px solid #AAAAAA;
    font-weight: 300;
    border-radius: 4px;
    color: #555555;
    cursor: pointer;
    margin-left: 10px;
}

.article-continue-comment[b-7e5kgum3hz] {
    line-height: 36px;
    padding-left: 105px;
    color: #555555;
    vertical-align: central;
}

.article-blockquote[b-7e5kgum3hz] {
    font-family: 'Signika Negative', sans-serif;
    font-weight: 400;
    padding: 0px;
    padding-left: 0px;
    margin: 20px 0px 20px 0px;
    border-left: 0px solid #eee;
    background-color: #f9f9f9;
    text-align: justify;
    text-justify: inter-word;
    color: #888888;
}

.article-info[b-7e5kgum3hz] {
    font-family: 'Signika Negative', sans-serif;
    font-weight: 400;
    padding: 0px;
    padding-left: 0px;
    margin: 20px 0px 20px 0px;
    border-left: 0px solid #eee;
    background-color: #f9f9f9;
    text-align: justify;
    text-justify: inter-word;
    color: #888888;
}

.article-line-horizontal[b-7e5kgum3hz] {
    border-bottom: 1px solid #dddddd;
    margin-top: 20px;
    margin-bottom: 20px;
}

.article-line-horizontal2[b-7e5kgum3hz] {
    border-bottom: 1px solid #dddddd;
    margin-top: 80px;
    margin-bottom: 20px;
}

.article-header[b-7e5kgum3hz] {
    font-family: 'Signika Negative', sans-serif;
    color: #000000;
    font-weight: 600;
}

.article-invited[b-7e5kgum3hz] {
    margin-top: 20px;
    border: 1px solid #DDDDDD;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 20px;
    text-align: justify;
    text-justify: inter-word;
}

    .article-invited .article-invited-title[b-7e5kgum3hz] {
        color: #333333;
    }

    .article-invited .article-invited-description[b-7e5kgum3hz] {
        margin-top: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 2px dotted #E1E1E1;
        border-bottom: 2px dotted #E1E1E1;
        font-weight: 300;
        color: #666666;
    }

.article-writer[b-7e5kgum3hz] {
    color: #000000;
}

.selected-menu-item[b-7e5kgum3hz] {
    border-radius: 4px;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    color: #000000;
    font-weight: 400;
}

.language-menu-item[b-7e5kgum3hz] {
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid transparent;
    color: #aaaaaa;
    font-weight: 400;
}

    .language-menu-item:hover[b-7e5kgum3hz] {
        color: #333333;
    }

.selected[b-7e5kgum3hz] {
    background-color: #f0f0f0; 
    color: #333;
}

.selected-language-area[b-7e5kgum3hz] {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 0px 20px 0px 20px;
}

.language-area[b-7e5kgum3hz] {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 4px;
    margin-bottom: 20px;
}

.horizontal-list[b-7e5kgum3hz] {
    list-style-type: none;
    list-style: none; /* 리스트 항목 앞의 기본 마커(점) 제거 */
    padding: 0; /* 왼쪽 패딩 제거 */
    margin: 0; /* 마진 제거 */
    display: flex; /* flexbox를 사용하여 항목들을 가로로 나열 */
    flex-wrap: wrap; /* 항목들이 다음 줄로 넘어갈 수 있도록 설정 */
    gap: 10px; /* 항목 사이의 간격 조정 */
}

    .horizontal-list li[b-7e5kgum3hz] {
        display: inline-block;
        background: #FAFAFA;
        border: 1px solid #CCCCCC;
        color: #000000;
        padding: 0px 8px 0px 8px;
        line-height: 30px;
        border-radius: 4px;
        height: 30px;
        margin: 10px 0px 10px 0px;
    }

.remove-language[b-7e5kgum3hz] {
    margin-left: 8px;
    cursor: pointer;
    color: #000000;
}

.image-list[b-7e5kgum3hz] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* 이미지 간의 간격 */
}

.image-item[b-7e5kgum3hz] {
    position: relative; /* 버튼을 위한 포지셔닝 컨텍스트 */
    flex-basis: calc(33.333% - 6.7px); /* 3개의 이미지를 한 줄에 표시, 간격 고려 */
    text-align: center; /* 이미지 설명을 중앙 정렬 */
    overflow: hidden; /* 이미지가 컨테이너를 넘어가면 숨깁니다 */
    background-color: #ffffff;
    padding: 20px;
    border: 1px solid #dddddd;
    aspect-ratio: 1 / 1;
    border-radius: 4px;
}

    .image-item img[b-7e5kgum3hz] {
        width: 100%; /* 컨테이너 너비에 맞게 이미지 너비 조절 */
        height: 90%;
        object-fit: contain; /* 이미지 비율을 유지하며 컨테이너에 맞게 조절 */
    }

    .image-item p[b-7e5kgum3hz] {
        margin-top: 10px;
    }




.content-container[b-7e5kgum3hz] {
    display: flex; /* Flexbox 레이아웃 적용 */
}

.editor-textarea[b-7e5kgum3hz] {
    min-width: 799px;
    border: 0;
    box-sizing: border-box;
    padding: 0px;
    box-sizing: border-box
}

#article-input-content[b-7e5kgum3hz] {
    width: 100%;
    padding: 10px;
    border: 1px solid #dfdfdf !important;
    border-radius: 2px;
    height: calc(100vh - 260px);
    margin-bottom: -5.5px;
    resize: none;
}

    #article-input-content:focus[b-7e5kgum3hz] {
        border: 0px solid #cccccc;
        background-color: #ffffff;
        border: 1px solid blue !important;
        outline: none;
    }

#article-input-title[b-7e5kgum3hz] {
    width: 100%;
    padding: 10px;
    border: 1px solid #dfdfdf !important;
    border-radius: 2px;
}

    #article-input-title:focus[b-7e5kgum3hz] {
        border: 0px solid #cccccc;
        background-color: #ffffff;
        border: 1px solid blue !important;
        outline: none;
    }
/* /Pages/Main/Views/MainContent.razor.rz.scp.css */

.container[b-f5mfvl9pzg] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 10px;
    margin-bottom: 20px;
    padding: 0;
    background-color: transparent;
    border: 0px solid #DDDDDD;
    border-radius: 4px;
}
.app-icon[b-f5mfvl9pzg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px;
    position: relative;
    text-align: center;
    border: 1px solid #EEEEEE;
    background-color: #EEEEEE;
    border-radius: 10px;
    width: 140px;
    cursor: pointer;
    height: 140px;
}
.app-icon2[b-f5mfvl9pzg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px;
    position: relative;
    text-align: center;
    border: 1px solid #343846;
    background-color: #343846;
    border-radius: 10px;
    width: 140px;
    height: 140px;
    vertical-align: center;
    cursor: pointer;
    line-height: 110px;
}
.app-icon img[b-f5mfvl9pzg] {
    width: 70px;
    height: 70px;
    border-radius: 17px;
    padding: 6px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    background-color: #FFFFFF;
}
.app-icon .img2[b-f5mfvl9pzg] {
    width: 70px;
    height: 70px;
    border-radius: 17px;
    padding: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
    margin-top: 20px;
    background-color: #FFFFFF;
}
.app-icon span[b-f5mfvl9pzg] {
    width: 120px;
    margin-top: 10px;
    font-size: 12px;
    padding-top: 2px;
    color: #333;
    white-space: nowrap; /* 넘치는 글자를 한 줄에 나타내도록 설정 */
    overflow: hidden; /* 넘치는 글자를 숨김 */
    text-overflow: ellipsis; /* 넘치는 글자를 "..."으로 생략 */
    text-transform: uppercase;
}

.people-count[b-f5mfvl9pzg] {
    width: 70px;
    height: 70px;
    border-radius: 17px;
    padding: 6px;
    margin-top: 20px;
    line-height: 70px;
    font-size: 30px;
    font-weight: 600;
}

.badge[b-f5mfvl9pzg] {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: red;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: bold;
    display: none;
}

.title[b-f5mfvl9pzg] {
    max-width: 600px;
    color: #000000;
    border-bottom: 0px solid #DDDDDD;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
}

.title2[b-f5mfvl9pzg] {
    max-width: 600px;
    color: #FFFFFF;
    border-bottom: 0px solid #DDDDDD;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 500;
}

.description[b-f5mfvl9pzg] {
    margin-left: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    display: none;
    
}
/* /Pages/Ordinary/Books.razor.rz.scp.css */
.store-container[b-xdu9vx4ilz] {
    padding: 30px;
    max-width: 600px;
    display: flex;
}

.book[b-xdu9vx4ilz] {
    border: 1px solid #cccccc;
    max-width: 300px;
    width: 50%;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
    padding: 0 10px 0 10px;
    background-color: #FFFFFF;
    max-height: 370px;
}

.store-info[b-xdu9vx4ilz] {
    margin-left: 30px;
    width: 50%;
}
.store-title[b-xdu9vx4ilz] {
    min-width: 300px;
    font-size: 18px;
    color: #000000;
}

.store-subtitle[b-xdu9vx4ilz] {
    font-size: 13px;
}

.store-writer[b-xdu9vx4ilz] {
    font-size: 13px;
    margin-bottom: 10px;
}

.store-button[b-xdu9vx4ilz] {
    font-size: 15px;
    margin-top: 20px;
    border: 1px solid #000000;
    padding: 10px 20px 10px 20px;
    border-radius: 4px;
    background-color: #333333;
    color: #ffffff;
}

.store-thanks[b-xdu9vx4ilz] {
    margin: 30px;
    margin-top: 100px;
    cursor: pointer;
    color: #555555;
}

.store-thanks:hover[b-xdu9vx4ilz] {
    color: #000000;
}
/* /Pages/Ordinary/Delivery.razor.rz.scp.css */
a[b-34p76l4sgs], button[b-34p76l4sgs] {
    color: #ffffff;
}


.markdown-body[b-34p76l4sgs] {
    margin: 30px;
    border: 1px solid #CCCCCC;
    padding: 30px;
}

[b-34p76l4sgs] .mud-input-control {
    background-color: #FFFFFF !important;
}

[b-34p76l4sgs] .mud-grid {
    background-color: #FFFFFF !important;
}
/* /Pages/Ordinary/Orders.razor.rz.scp.css */

.addr-table[b-lqcye3ab84] {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

.td11[b-lqcye3ab84] {
    border: 1px solid #d0d7de;
    text-align: left;
    padding: 10px;
    background-color: #f6f8fa;
    width: 30%;
}

.td22[b-lqcye3ab84] {
    border: 1px solid #d0d7de;
    text-align: left;
    padding: 10px;
    width: 70%;
}
/* /Pages/Ordinary/Payment.razor.rz.scp.css */

.markdown-body[b-vrjfoec238] {
    margin: 30px;
    padding: 30px;
}

.addr-table[b-vrjfoec238] {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

.td11[b-vrjfoec238] {
    border: 1px solid #d0d7de;
    text-align: left;
    padding: 10px;
    background-color: #f6f8fa;
    width: 30%;
}

.td22[b-vrjfoec238] {
    border: 1px solid #d0d7de;
    text-align: left;
    padding: 10px;
    width: 70%;
}


.payment-container[b-vrjfoec238] {
    max-width: 800px;
    background-color: #FFFFFF;
    margin: 30px;
    padding: 30px;
    border: 1px solid #CCCCCC;
}
/* /Pages/Ordinary/Store.razor.rz.scp.css */
.store-container[b-8l0pitqfn1] {
    padding: 30px;
    max-width: 600px;
    display: flex;
}

.book[b-8l0pitqfn1] {
    border: 1px solid #cccccc; 
    max-width: 300px;
    width: 50%;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
    padding: 0 10px 0 10px;
    background-color: #FFFFFF;
    max-height: 370px;
}

.store-info[b-8l0pitqfn1] {
    margin-left: 30px;
    width: 50%;
}
.store-title[b-8l0pitqfn1] {
    min-width: 300px;
    font-size: 18px;
    color: #000000;
}

.store-subtitle[b-8l0pitqfn1] {
    font-size: 13px;
}

.store-writer[b-8l0pitqfn1] {
    font-size: 13px;
    margin-bottom: 10px;
}

.store-button[b-8l0pitqfn1] {
    font-size: 15px;
    margin-top: 20px;
    border: 1px solid #000000;
    padding: 10px 20px 10px 20px;
    border-radius: 4px;
    background-color: #333333;
    color: #ffffff;
}

.store-thanks[b-8l0pitqfn1] {
    font-size: 12px;
    margin-top: 20px;
    cursor: pointer;
    color: #555555;
}

.store-thanks:hover[b-8l0pitqfn1] {
     color: #000000;
 }

.store-orders[b-8l0pitqfn1] {
    font-size: 12px;
    margin: 30px;
    margin-top: 100px;
    cursor: pointer;
    color: #555555;
}

.store-orders:hover[b-8l0pitqfn1] {
    color: #000000;
}
/* /Pages/Ordinary/Youtube.razor.rz.scp.css */
.table-container[b-5a2e8ttpvr] {
    width: 100%;
}
.shorts-table[b-5a2e8ttpvr] {
    border-collapse: collapse;
    font-size: 13px;
    width: 100%;
}

    .shorts-table th[b-5a2e8ttpvr], .shorts-table td[b-5a2e8ttpvr] {
        border: none;
        text-align: center;
        vertical-align: middle;
        padding: 0; /* 이미지와 셀 경계 사이의 공간 제거 */
        width: 20%;
        padding: 20px;
    }

    .shorts-table td img[b-5a2e8ttpvr] {
        max-width: 100%; /* 이미지의 최대 너비를 셀의 너비로 설정 */
        height: auto; /* 이미지 비율 유지 */
    }

.content-wrapper[b-5a2e8ttpvr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
/* /Pages/Settings/Items/ConfirmModal.razor.rz.scp.css */
/* 팝업 오버레이 스타일 */
.popup-overlay[b-eumxbe8hd6] {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 반투명 검은색 배경 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* 상단에 표시되도록 */
}
/* 로딩 메시지 팝업 스타일 */
.popup-content[b-eumxbe8hd6] {
    background: white;
    padding: 40px;
    text-align: left;
    z-index: 1010; /* 상단에 표시되도록 */
    border-bottom: 1px solid #000000;
}
/* 로딩 메시지 팝업 스타일 */
.popup-items[b-eumxbe8hd6] {
    background: white;
    text-align: left;
    width: 500px;
}
/* 로딩 메시지 팝업 스타일 */
.popup-bottom[b-eumxbe8hd6] {
    padding-top: 20px;
    border-top: 1px solid #CCCCCC;
    text-align: right;
}

.confirm[b-eumxbe8hd6] {
    border: 1px solid #38732a;
    background-color: #5e9a50;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.cancel[b-eumxbe8hd6] {
    border: 1px solid #AAAAAA;
    background-color: #FFFFFF;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.title[b-eumxbe8hd6] {
    font-size: 20px;
    font-weight: 500;
}
/* /Pages/Settings/Items/InvitationBadge.razor.rz.scp.css */

div[b-vh2r91xbc5]  svg { 
    margin-right: 6px; 
    width: 16px !important;
    height: 16px !important;
}
/* /Pages/Settings/Items/InvitationsItem.razor.rz.scp.css */
.invitation .invitations[b-krr8konlal] {
    margin-top: 0;
}
.invitation .invitations li[b-krr8konlal] {
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}
.invitation .invitations li:last-child[b-krr8konlal] {
}

.invitation .invitations .header[b-krr8konlal] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
    background-color: #FAFAFA;
}




.invitation .invitations .status[b-krr8konlal] {
    display: flex;
    place-items: center;
    font-size: 12px;
}


.invitation .last[b-krr8konlal] {
    padding: 20px;
}
.invitation .invitations .status div[b-krr8konlal] {
}

.invitation .invitations .bottom[b-krr8konlal] {
    display: flex;
    margin-top: 10px;
    justify-content: space-between;
    place-items: center;
    border-top: 1px solid #CCCCCC;
    padding-top: 10px;
}
.invitation .invitations li .buttons[b-krr8konlal] {
    float: right;
}
.invitation .invitations li .accept[b-krr8konlal] {
    border: 1px solid #38732a;
    background-color: #5e9a50;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .reset[b-krr8konlal] {
    border: 1px solid #AAAAAA;
    background-color: #FAFAFA;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .decline[b-krr8konlal] {
    margin-left: 8px;
    color: #a52834;
}
.invitation .invitations li .decline:hover[b-krr8konlal] {
    text-decoration: underline;
}
.invitation .invitations .title[b-krr8konlal] {

    padding: 0 0;
    margin: 0 0;
    font-size: 12px;
    text-wrap: nowrap;
    cursor: pointer;
}

.title[b-krr8konlal] {
    place-items: center;
}

.bottom .title[b-krr8konlal]  svg {
    width: 18px !important;
    height: 18px !important;
    margin-top: -2px;
}

.title[b-krr8konlal]  a {
    color: #555555;
}

.invitations img[b-krr8konlal] {
    width: 30px;
    height: 30px;
    border-radius: 50% / 50%;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin-right: 6px;
}
.invitation .invitations .status .time[b-krr8konlal] {
    margin-right: 10px;
}

.invitations .status .user[b-krr8konlal] {
    margin-right: 10px;
    font-size: 12px;
    color: #555555;
}

.invitations .status .unique[b-krr8konlal] {
    margin-right: 10px;
    font-size: 12px;
    color: #AAAAAA;
}

.title-header[b-krr8konlal] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-krr8konlal] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-krr8konlal] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}
.invitation .invitations li .decline[b-krr8konlal] {
    border: 1px solid #AAAAAA;
    background-color: #FFFFFF;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #333333;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
/* /Pages/Settings/Items/IvitationInfo.razor.rz.scp.css */
.invitation .invitations[b-8n2fqz2j6f] {
    margin-top: 0;
}
.invitation .invitations li[b-8n2fqz2j6f] {
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}
.invitation .invitations li:last-child[b-8n2fqz2j6f] {
}

.invitation .invitations .header[b-8n2fqz2j6f] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
    background-color: #FAFAFA;
}

.invitation-header[b-8n2fqz2j6f]  svg {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px;
    margin-bottom: -2px;
}


.invitation .invitations .status[b-8n2fqz2j6f] {
    display: flex;
    place-items: center;
    font-size: 13px;
}


.invitation .last[b-8n2fqz2j6f] {
    padding: 20px;
}
.invitation .invitations .status div[b-8n2fqz2j6f] {
}

.invitation .invitations .bottom[b-8n2fqz2j6f] {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    place-items: center;
}
.invitation .invitations li .buttons[b-8n2fqz2j6f] {
    float: right;
}
.invitation .invitations li .accept[b-8n2fqz2j6f] {
    border: 1px solid #38732a;
    background-color: #5e9a50;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .reset[b-8n2fqz2j6f] {
    border: 1px solid #AAAAAA;
    background-color: #FAFAFA;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .decline[b-8n2fqz2j6f] {
    margin-left: 8px;
    color: #a52834;
}
.invitation .invitations li .decline:hover[b-8n2fqz2j6f] {
    text-decoration: underline;
}
.invitation .invitations .title[b-8n2fqz2j6f] {

    padding: 0 0;
    margin: 0 0;
    font-size: 15px;
    text-wrap: nowrap;
}

.invitations img[b-8n2fqz2j6f] {
    width: 30px;
    height: 30px;
    border-radius: 50% / 50%;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin-right: 6px;
}
.invitation .invitations .status .time[b-8n2fqz2j6f] {
    margin-right: 10px;
}

.invitations .status .user[b-8n2fqz2j6f] {
    margin-right: 10px;
    font-size: 12px;
    color: #555555;
}

.invitations .status .unique[b-8n2fqz2j6f] {
    margin-right: 10px;
    font-size: 12px;
    color: #AAAAAA;
}

.title-header[b-8n2fqz2j6f] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-8n2fqz2j6f] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-8n2fqz2j6f] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}
.invitation-header[b-8n2fqz2j6f] {

    display: flex;
    place-items: center;
    
}

.pending-res-icon[b-8n2fqz2j6f]  svg {
    margin: 0 10px 0 10px !important;
    animation: move-arrow-b-8n2fqz2j6f 4s infinite;
}

.invitation-header .user3[b-8n2fqz2j6f] {
    animation: move-arrow-b-8n2fqz2j6f 4s infinite;
}

.pending-req-icon[b-8n2fqz2j6f]  svg {
    margin: 0 10px 0 -5px !important;
    animation: move-right-arrow-b-8n2fqz2j6f 4s infinite;
}

.invitation-header .user4[b-8n2fqz2j6f] {
    animation: move-right-arrow-b-8n2fqz2j6f 4s infinite;
}

@keyframes move-arrow-b-8n2fqz2j6f {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    60% {
        transform: translateX(-10px);
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        transform: translateX(-10px);
        opacity: 0;
    }
}


@keyframes move-right-arrow-b-8n2fqz2j6f {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    60% {
        transform: translateX(10px);
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        transform: translateX(10px);
        opacity: 0;
    }
}



/* /Pages/Settings/Units/PendingReqModule.razor.rz.scp.css */
.invitation .invitations[b-rhm5d5ns93] {
    margin-top: 0;
}
.invitation .invitations li[b-rhm5d5ns93] {
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}
.invitation .invitations li:last-child[b-rhm5d5ns93] {
}

.invitation .invitations .header[b-rhm5d5ns93] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
    background-color: #FAFAFA;
}


.invitation .invitations .status[b-rhm5d5ns93] {
    display: flex;
    place-items: center;
    font-size: 13px;
}


.invitation .last[b-rhm5d5ns93] {
    padding: 20px;
}
.invitation .invitations .status div[b-rhm5d5ns93] {
}

.invitation .invitations .bottom[b-rhm5d5ns93] {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    place-items: center;
}
.invitation .invitations li .buttons[b-rhm5d5ns93] {
    float: right;
}
.invitation .invitations li .accept[b-rhm5d5ns93] {
    border: 1px solid #38732a;
    background-color: #5e9a50;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .reset[b-rhm5d5ns93] {
    border: 1px solid #AAAAAA;
    background-color: #FAFAFA;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.invitation .invitations li .decline[b-rhm5d5ns93] {
    border: 1px solid #AAAAAA;
    background-color: #FFFFFF;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #333333;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations .title[b-rhm5d5ns93] {

    padding: 0 0;
    margin: 0 0;
    font-size: 15px;
    text-wrap: nowrap;
    text-decoration: underline;
    cursor: pointer;
}

.invitations img[b-rhm5d5ns93] {
    width: 30px;
    height: 30px;
    border-radius: 50% / 50%;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin-right: 6px;
}
.invitation .invitations .status .time[b-rhm5d5ns93] {
    margin-right: 10px;
}

.invitations .status .user[b-rhm5d5ns93] {
    margin-right: 10px;
    font-size: 12px;
    color: #555555;
}

.invitations .status .unique[b-rhm5d5ns93] {
    margin-right: 10px;
    font-size: 12px;
    color: #AAAAAA;
}

.title-header[b-rhm5d5ns93] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-rhm5d5ns93] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-rhm5d5ns93] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.req[b-rhm5d5ns93]  svg {
    margin: 0 10px 0 -8px !important;
    animation: move-arrow-b-rhm5d5ns93 4s infinite;
}

.req .user2[b-rhm5d5ns93] {
    animation: move-arrow-b-rhm5d5ns93 4s infinite;
}

@keyframes move-arrow-b-rhm5d5ns93 {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    60% {
        transform: translateX(10px);
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        transform: translateX(10px);
        opacity: 0;
    }
}


/* /Pages/Settings/Units/PendingResModule.razor.rz.scp.css */
.invitation .invitations[b-q1vtgx4hw9] {
    margin-top: 0;
}
.invitation .invitations li[b-q1vtgx4hw9] {
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}
.invitation .invitations li:last-child[b-q1vtgx4hw9] {
}

.invitation .invitations .header[b-q1vtgx4hw9] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
    background-color: #FAFAFA;
}



.invitation .invitations .status[b-q1vtgx4hw9] {
    display: flex;
    place-items: center;
    font-size: 13px;
}


.invitation .last[b-q1vtgx4hw9] {
    padding: 20px;
}
.invitation .invitations .status div[b-q1vtgx4hw9] {
}

.invitation .invitations .bottom[b-q1vtgx4hw9] {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    place-items: center;
}
.invitation .invitations li .buttons[b-q1vtgx4hw9] {
    float: right;
}
.invitation .invitations li .accept[b-q1vtgx4hw9] {
    border: 1px solid #38732a;
    background-color: #5e9a50;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .reset[b-q1vtgx4hw9] {
    border: 1px solid #AAAAAA;
    background-color: #FAFAFA;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .decline[b-q1vtgx4hw9] {
    border: 1px solid #AAAAAA;
    background-color: #FFFFFF;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #333333;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations .title[b-q1vtgx4hw9] {

    padding: 0 0;
    margin: 0 0;
    font-size: 15px;
    text-wrap: nowrap;
}

.invitations img[b-q1vtgx4hw9] {
    width: 30px;
    height: 30px;
    border-radius: 50% / 50%;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin-right: 6px;
}
.invitation .invitations .status .time[b-q1vtgx4hw9] {
    margin-right: 10px;
}

.invitations .status .user[b-q1vtgx4hw9] {
    margin-right: 10px;
    font-size: 12px;
    color: #555555;
}

.invitations .status .unique[b-q1vtgx4hw9] {
    margin-right: 10px;
    font-size: 12px;
    color: #AAAAAA;
}

.title-header[b-q1vtgx4hw9] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-q1vtgx4hw9] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-q1vtgx4hw9] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.req[b-q1vtgx4hw9]  svg {
    margin: 0 10px 0 10px !important;
    animation: move-arrow-b-q1vtgx4hw9 4s infinite;
}

.req .user3[b-q1vtgx4hw9] {
    animation: move-arrow-b-q1vtgx4hw9 4s infinite;
}

@keyframes move-arrow-b-q1vtgx4hw9 {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    60% {
        transform: translateX(-10px);
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        transform: translateX(-10px);
        opacity: 0;
    }
}
/* /Pages/Settings/Units/ProcessedReqModule.razor.rz.scp.css */
.invitation .invitations[b-kywo3mj4ka] {
    margin-top: 0;
}
.invitation .invitations li[b-kywo3mj4ka] {
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}
.invitation .invitations li:last-child[b-kywo3mj4ka] {
}

.invitation .invitations .header[b-kywo3mj4ka] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
    background-color: #FAFAFA;
}



.invitation .invitations .status[b-kywo3mj4ka] {
    display: flex;
    place-items: center;
    font-size: 13px;
}


.invitation .last[b-kywo3mj4ka] {
    padding: 20px;
}
.invitation .invitations .status div[b-kywo3mj4ka] {
}

.invitation .invitations .bottom[b-kywo3mj4ka] {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    place-items: center;
}
.invitation .invitations li .buttons[b-kywo3mj4ka] {
    float: right;
}
.invitation .invitations li .accept[b-kywo3mj4ka] {
    border: 1px solid #38732a;
    background-color: #5e9a50;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .reset[b-kywo3mj4ka] {
    border: 1px solid #AAAAAA;
    background-color: #FAFAFA;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .decline[b-kywo3mj4ka] {
    margin-left: 8px;
    color: #a52834;
}
.invitation .invitations li .decline:hover[b-kywo3mj4ka] {
    text-decoration: underline;
}
.invitation .invitations .title[b-kywo3mj4ka] {

    padding: 0 0;
    margin: 0 0;
    font-size: 15px;
    text-wrap: nowrap;
}

.invitations img[b-kywo3mj4ka] {
    width: 30px;
    height: 30px;
    border-radius: 50% / 50%;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin-right: 6px;
}
.invitation .invitations .status .time[b-kywo3mj4ka] {
    margin-right: 10px;
}

.invitations .status .user[b-kywo3mj4ka] {
    margin-right: 10px;
    font-size: 12px;
    color: #555555;
}

.invitations .status .unique[b-kywo3mj4ka] {
    margin-right: 10px;
    font-size: 12px;
    color: #AAAAAA;
}

.title-header[b-kywo3mj4ka] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-kywo3mj4ka] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-kywo3mj4ka] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.req[b-kywo3mj4ka]  svg {
    margin: 0 10px 0 0 !important;
    animation: move-arrow-b-kywo3mj4ka 4s infinite;
}

.req .user2[b-kywo3mj4ka] {
    animation: move-arrow-b-kywo3mj4ka 4s infinite;
}

@keyframes move-arrow-b-kywo3mj4ka {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    60% {
        transform: translateX(10px);
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        transform: translateX(10px);
        opacity: 0;
    }
}


/* /Pages/Settings/Units/ProcessedResModule.razor.rz.scp.css */
.invitation .invitations[b-3h76zx5yfs] {
    margin-top: 0;
}
.invitation .invitations li[b-3h76zx5yfs] {
    border: 1px solid #cccccc;
    background-color: #FFFFFF;
    margin-bottom: 10px;
}
.invitation .invitations li:last-child[b-3h76zx5yfs] {
}

.invitation .invitations .header[b-3h76zx5yfs] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
    background-color: #FAFAFA;
}

.invitation .invitations .status[b-3h76zx5yfs] {
    display: flex;
    place-items: center;
    font-size: 13px;
}


.invitation .last[b-3h76zx5yfs] {
    padding: 20px;
}
.invitation .invitations .status div[b-3h76zx5yfs] {
}

.invitation .invitations .bottom[b-3h76zx5yfs] {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    place-items: center;
}
.invitation .invitations li .buttons[b-3h76zx5yfs] {
    float: right;
}
.invitation .invitations li .accept[b-3h76zx5yfs] {
    border: 1px solid #38732a;
    background-color: #5e9a50;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}
.invitation .invitations li .reset[b-3h76zx5yfs] {
    border: 1px solid #AAAAAA;
    background-color: #FAFAFA;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.invitation .invitations li .decline[b-3h76zx5yfs] {
    border: 1px solid #AAAAAA;
    background-color: #FFFFFF;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #333333;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.invitation .invitations .title[b-3h76zx5yfs] {

    padding: 0 0;
    margin: 0 0;
    font-size: 15px;
    text-wrap: wrap;
}

.invitations img[b-3h76zx5yfs] {
    width: 30px;
    height: 30px;
    border-radius: 50% / 50%;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin-right: 6px;
}
.invitation .invitations .status .time[b-3h76zx5yfs] {
    margin-right: 10px;
}

.invitations .status .user[b-3h76zx5yfs] {
    margin-right: 10px;
    font-size: 12px;
    color: #555555;
}

.invitations .status .unique[b-3h76zx5yfs] {
    margin-right: 10px;
    font-size: 12px;
    color: #AAAAAA;
}

.title-header[b-3h76zx5yfs] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-3h76zx5yfs] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-3h76zx5yfs] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.req[b-3h76zx5yfs]  svg {
    margin: 0 10px 0 0 !important;
    animation: move-arrow-b-3h76zx5yfs 4s infinite;
}

.req .user2[b-3h76zx5yfs] {
    animation: move-arrow-b-3h76zx5yfs 4s infinite;
}

@keyframes move-arrow-b-3h76zx5yfs {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    60% {
        transform: translateX(10px);
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        transform: translateX(10px);
        opacity: 0;
    }
}


/* /Pages/Settings/Views/SettingsContent.razor.rz.scp.css */
.invitation-container[b-w8o75mzfo7] {
    display: flex;
    max-width: 1000px;
    padding: 0;
}
.invitation-container .left-container[b-w8o75mzfo7] {

    padding-right: 0px;
    padding-top: 30px;
    padding-left: 30px;
    position: fixed;
    top: 50px; /* 고정 위치 (상단으로부터의 거리) */
    height: calc(100vh - 40px); /* 상단 여백을 제외한 전체 높이 */
    overflow-y: auto; /* 스크롤 허용 */
    background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    width: 190px;
}

.invitation-container .left[b-w8o75mzfo7] {
}

.invitation-container .left .header[b-w8o75mzfo7] {
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px;
    color: #555555;
    border-bottom: 0px solid #CCCCCC;
    cursor: pointer;
}
.invitation-container .left .item[b-w8o75mzfo7] {
    font-size: 13px;
    cursor: pointer;
    margin-top: 4px;
}

.invitation-container .left .header:first-child[b-w8o75mzfo7] {
    font-size: 11px;
    margin-top: 0;
}

.invitation-container .left div[b-w8o75mzfo7] {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    place-items: center;
    color: #000000;
    padding-left: 20px;
}

.invitation-container .left[b-w8o75mzfo7]  svg {
    width: 16px;
    height: 16px;
}

.invitation-container .left[b-w8o75mzfo7]  svg path {
    fill: #AAAAAA;
}

.invitation-container .invitation[b-w8o75mzfo7] {
    flex: 1; /* 남은 공간을 모두 차지 */
    margin-left: 220px; /* .left 요소의 너비와 간격을 포함한 값 */
    padding-top: 0;
    margin-top: 30px;
    padding-left: 0;
    min-height: 500px;
}

.invitation-container .main-menu[b-w8o75mzfo7] {
    font-size: 15px !important;
    margin-top: 0 !important; 
    margin-bottom: 20px !important;
}

.invitation-container .main-menu[b-w8o75mzfo7]  svg {
    width: 20px !important;
    height: 20px !important;
    margin-right: 4px;
}

.invitation-container .main-menu[b-w8o75mzfo7]  svg path {
    fill: #555555;
}
/* /Pages/User/Units/LanguageMenu.razor.rz.scp.css */

.article-cate[b-s0x6db2l0a] {
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
    font-size: 13px;
    list-style: none;
    padding: 0px;
    margin-top: 0px;
    text-align: left;
    vertical-align: middle;
    line-height: 30px;
}

    .article-cate li[b-s0x6db2l0a] {
        display: inline-block;
        color: #555555;
        cursor: pointer;
        line-height: 24px;
        border-radius: 4px;
        border: 1px solid transparent;
        margin-right: 5px;
        margin-left: 5px;
        padding: 0px 5px 0px 5px;
    }

.selected[b-s0x6db2l0a] {
    border: 1px solid #000000 !important;
    margin-bottom: -1px;
    color: #FFFFFF !important;
    background-color: #000000;
}

.language-context[b-s0x6db2l0a] {
    z-index: 9999;
}
/* /Pages/User/Views/BioContent.razor.rz.scp.css */
.users[b-j6i9kv8gpu] {
    max-width: 800px;
    padding: 0;
    background-color: #f9f9f9;
    border-radius: 10px;
    text-align: left; /* 전체 왼쪽 정렬 */
    margin-bottom: 40px;
}

.user-form[b-j6i9kv8gpu] {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 왼쪽 정렬 */
    background-color: #FFFFFF;
    padding: 0 20px 20px 20px;
    border: 1px solid #CCCCCC;
}

.user-form h3[b-j6i9kv8gpu] {
    margin-bottom: 20px;
    text-align: left; /* 왼쪽 정렬 */
    width: 100%;
}

.user-form div[b-j6i9kv8gpu] {
    margin-top: 10px;
    width: 100%; /* 각 입력 필드가 전체 너비를 차지하도록 설정 */
}

.user-form .label[b-j6i9kv8gpu] {
    font-size: 13px;
    margin-bottom: 2px;
}

.user-form input[type="text"][b-j6i9kv8gpu],
.user-form textarea[b-j6i9kv8gpu] {
    width: 100%; /* 컨테이너에 맞게 100% 너비 */
    padding: 6px 6px 6px 6px;
    margin-top: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 12px;
    color: #555555;
    background-color: #FAFAFA;
    box-sizing: border-box; /* 패딩 포함 */
}

.user-form textarea[b-j6i9kv8gpu] {
    min-height: 200px;
}

.user-form input[type="text"]:focus[b-j6i9kv8gpu],
.user-form textarea:focus[b-j6i9kv8gpu] {
    border: 1px solid #000000 !important;
    background-color: #FFFFFF;
    outline: none;
}

.user-form textarea[b-j6i9kv8gpu] {
    resize: vertical;
}

.main-profile-container[b-j6i9kv8gpu] {
    display: flex;
    margin-bottom: 20px;
    margin-left: 0px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding-top: 30px;
    padding-bottom: 40px;
}

.main-profile-picture[b-j6i9kv8gpu] {
    margin-right: 20px;
    display: flex;
    place-items: center;
}

.main-profile-image[b-j6i9kv8gpu] {
    width: 126px;
    height: 126px;
    min-width: 126px;
    min-height: 126px;
    border-radius: 80px;
    border: 1px solid #000000;
    object-fit: cover;
    box-sizing: border-box; /* 패딩과 테두리를 전체 크기에 포함 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.profile-pictures-container[b-j6i9kv8gpu] {
    margin-top: 0px !important;
    min-width: calc(72% - 30px);
}

.profile-pictures[b-j6i9kv8gpu] {
    padding-left: 13px;
    flex-wrap: wrap;
    display: flex;
    gap: 6px;
}

.profile-pictures img[b-j6i9kv8gpu] {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    cursor: pointer;
    box-sizing: border-box;
}

.profile-pictures img.selected[b-j6i9kv8gpu] {
    border: 2px solid #007bff; /* 선택된 이미지에 적용될 테두리 스타일 */
}

.icon-buttons[b-j6i9kv8gpu] {
    display: flex;
    margin-left: 33px;
    gap: 6px;
}

.upload-button[b-j6i9kv8gpu] {
    margin-bottom: -3px;
    cursor: pointer;
}

.upload-button[b-j6i9kv8gpu]  svg {
    width: 22px !important;
    height: 22px !important;
    padding: 0px !important;
}

.upload-button[b-j6i9kv8gpu]  svg path {
    fill: #323847 !important;
}

.upload-button:hover[b-j6i9kv8gpu] {
    background-color: #FFFFFF;
}

.fileInput[b-j6i9kv8gpu] {
    display: none;
}

.social-account[b-j6i9kv8gpu] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.social-icon[b-j6i9kv8gpu] {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    place-items: center;
    display: grid;
    margin-top: 5px;
}

.add-button[b-j6i9kv8gpu] {
    margin-left: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.bio-overlay[b-j6i9kv8gpu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bio-overlay-content[b-j6i9kv8gpu] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.bio-list[b-j6i9kv8gpu] {
    margin-top: 10px;
}

.bio-item[b-j6i9kv8gpu] {
    margin-bottom: 5px;
}

.bio-tabs[b-j6i9kv8gpu] {
    font-size: 12px;
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.bio-tab[b-j6i9kv8gpu] {
    padding: 3px 10px;
    background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
}

.bio-tab.selected[b-j6i9kv8gpu] {
    background-color: #444444;
    border: 1px solid #000000;
    color: #FFFFFF;
}

.bio-content[b-j6i9kv8gpu] {
    margin-top: 10px;
}

.bio-overlay[b-j6i9kv8gpu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bio-overlay-content[b-j6i9kv8gpu] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.add-button[b-j6i9kv8gpu] {
    margin-left: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.description[b-j6i9kv8gpu] {
    font-size: 12px;
}
.description[b-j6i9kv8gpu]  a {
    color: #354d99 !important;
}

.description[b-j6i9kv8gpu]  a:hover {
    color: #003cff !important;
    text-decoration: underline;
}



.title-header[b-j6i9kv8gpu] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-j6i9kv8gpu] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-j6i9kv8gpu] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.form-bottom[b-j6i9kv8gpu] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    background-color: #FAFAFA;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
}

.form-bottom-buttons[b-j6i9kv8gpu] {
    display: flex;
    gap: 4px;
}

.save-button[b-j6i9kv8gpu] {
    background-color: #5e9a50;
    border: 1px solid #38732a;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.cancel-button[b-j6i9kv8gpu] {
     border: 1px solid #AAAAAA;
     background-color: #FAFAFA;
     padding: 5px 8px 5px 8px;
     border-radius: 4px;
     font-size: 12px;
     color: #000000;
     min-width: 60px;
     margin-left: 2px;
     height: 26px;
 }

.collapsed[b-j6i9kv8gpu] {
    display: none;
}

.delete[b-j6i9kv8gpu]  svg {
    width: 18px; !important;
    height: 18px !important;
    margin: 0 10px 0 10px;
}
/* /Pages/User/Views/JamesContent.razor.rz.scp.css */
/* /Pages/User/Views/ProfileContent.razor.rz.scp.css */
.pages[b-s2bwlm14yc] {
}

.page[b-s2bwlm14yc] {
}

.pagebgs[b-s2bwlm14yc] {
    margin-top: 110px;
    margin-left: 20px;
    position: absolute;
    top: 0;
    left: 0;
    flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
    gap: 0px;
}

.headertext[b-s2bwlm14yc] {
    line-height: 30px;
}

.header1[b-s2bwlm14yc] {
    display: flex;
    width: 800px;
    height: 30px;
    margin-left: 0px;
    margin-bottom: 10px;
    vertical-align: middle;
    justify-content: space-between;
}

button[b-s2bwlm14yc] {
    vertical-align: middle;
    line-height: 30px;
}

h3[b-s2bwlm14yc] {
    font-size: 18px;
    vertical-align: middle;
    line-height: 30px;
}

p[b-s2bwlm14yc] {
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 13px;
}

.section[b-s2bwlm14yc] {
    white-space: pre-wrap;
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 13px;
}

.profile-form[b-s2bwlm14yc] {
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
    margin: 0px;
    border: 1px solid #AAAAAA;
    background-color: #FFFFFF;
    padding: 30px 40px 30px 40px;
}

.thumbnail[b-s2bwlm14yc] {
    width: 116px;
    height: 116px;
    margin-right: 20px;
    margin-left: 6px;
    border-radius: 50% / 50%; /* 가로 방향의 radius / 세로 방향의 radius */
}

.headers[b-s2bwlm14yc] {
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
    display: flex;
}

.title[b-s2bwlm14yc] {
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    margin-top: 20px;
}

.awards[b-s2bwlm14yc] {
    margin-left: 20px;
}

.title3[b-s2bwlm14yc] {
    margin-bottom: 10px;
    font-size: 16px;
}

.title2[b-s2bwlm14yc] {
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 10px;
    font-size: 16px;
}

.experience5[b-s2bwlm14yc] {
}

    .experience5 li[b-s2bwlm14yc] {
        margin-top: 4px;
        margin-bottom: 4px;
        font-size: 12px;
    }

.experience[b-s2bwlm14yc] {
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
}

    .experience li[b-s2bwlm14yc] {
        margin-top: 4px;
        margin-bottom: 4px;
        font-size: 12px;
    }

        .experience li:nth-child(even)[b-s2bwlm14yc] {
        }


.experience2[b-s2bwlm14yc] {
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    list-style-type: circle;
    list-style-position: inside;
    padding: 0; /* 기본 패딩 제거 */
}

    .experience2 li[b-s2bwlm14yc] {
        flex: 0 1 calc(50% - 4px);
        padding: 0px 0px; /* 패딩 추가 */
        box-sizing: border-box; /* 패딩과 보더가 너비에 포함되도록 설정 */
        background-color: transparent;
        border: 0px solid #CCCCCC;
        margin: 2px;
        box-sizing: border-box;
        font-size: 12px;
    }

.experience3[b-s2bwlm14yc] {
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    list-style-type: circle;
    list-style-position: inside;
    padding: 0; /* 기본 패딩 제거 */
}

    .experience3 li[b-s2bwlm14yc] {
        flex: 0 1 calc(33% - 6px);
        padding: 0px 0px; /* 패딩 추가 */
        box-sizing: border-box; /* 패딩과 보더가 너비에 포함되도록 설정 */
        background-color: transparent;
        border: 0px solid #CCCCCC;
        margin: 2px;
        box-sizing: border-box;
        font-size: 12px;
    }

@media print {
    body *[b-s2bwlm14yc] {
        visibility: hidden; /* 기본적으로 모든 요소를 숨김 */
    }

    #printArea[b-s2bwlm14yc], #printArea *[b-s2bwlm14yc] {
        visibility: visible; /* 프린트할 영역만 보이도록 설정 */
    }

    #printArea[b-s2bwlm14yc] {
        position: absolute;
        left: 0;
        top: 0;
    }
}

[b-s2bwlm14yc] .sidebar {
    display: none !important;
}

.experience4[b-s2bwlm14yc] {
    width: 720px;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    padding: 0; /* 기본 패딩 제거 */
}

.lecture-title[b-s2bwlm14yc] {
    border-bottom: 1px solid #CCCCCC;
    padding: 0px;
    margin: 0px;
    color: #000000;
    font-size: 14px;
    margin-right: 6px;
    font-weight: 550;
    margin-bottom: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
}

.first-lecture-title[b-s2bwlm14yc] {
    margin-top: 0px !important;
}

.lecture-content[b-s2bwlm14yc] {
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    color: #000000;
    color: #000000;
    font-weight: 400;
    margin-left: 40px;
    margin-right: 40px;
}

.lecture-keywords[b-s2bwlm14yc] {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
}

.lecture-link[b-s2bwlm14yc] {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 10px;
    font-size: 12px;
}


.story[b-s2bwlm14yc] {
    background-color: #FFFFFF;
    font-size: 14px !important;
}


.page1-border[b-s2bwlm14yc] {
    border: 1px solid #AAAAAA;
    height: 1100px;
}


.page1[b-s2bwlm14yc] {
    width: 800px;
    padding: 30px 0px 30px 0px;
    min-height: 1100px;
}

.pages2[b-s2bwlm14yc] {
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
}

.exp-title[b-s2bwlm14yc] {
    color: #555555;
    font-weight: 550;
    text-decoration: underline;
}

.exp-date[b-s2bwlm14yc] {
    color: #555555;
    font-weight: 550;
}

.exp-info[b-s2bwlm14yc] {
    color: #999999;
}


.sidebar[b-s2bwlm14yc] {
}

.main-content[b-s2bwlm14yc] {
}

.profile-container[b-s2bwlm14yc] {
    /*display: none;*/
}

.hidden[b-s2bwlm14yc] {
    display: none;
}
/* Initially hide all profiles */
.active[b-s2bwlm14yc] {
    /*display: block;*/
}
/* Show the active profile */

/* 팝업 오버레이 스타일 */
.popup-overlay[b-s2bwlm14yc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 반투명 검은색 배경 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* 상단에 표시되도록 */
}

/* 로딩 메시지 팝업 스타일 */
.popup-content[b-s2bwlm14yc] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    z-index: 1010; /* 상단에 표시되도록 */
}

/* 미리보기 이미지 컨테이너 스타일 */
.preview-container[b-s2bwlm14yc] {
    display: flex;
    flex-wrap: wrap; /* 여러 개의 이미지를 래핑 */
    gap: 10px;
    margin-top: 20px;
    justify-content: flex-start; /* 왼쪽 정렬 */
    max-width: 900px; /* 한 줄에 6개씩 표시되도록 최대 너비 설정 */
}

.preview-image[b-s2bwlm14yc] {
    width: 14%; /* 한 줄에 6개씩 맞추기 위한 크기 설정 */
    max-width: 150px; /* 이미지를 더 작게 표시 */
    height: auto; /* 비율을 유지하면서 높이를 자동으로 조정 */
    border: 1px solid #cccccc;
    border-radius: 5px;
    opacity: 0; /* 초기 상태를 투명하게 설정 */
    animation: fadeIn-b-s2bwlm14yc 0.5s forwards; /* 페이드 인 애니메이션 적용 */
}

/* 페이드 인 애니메이션 정의 */
@keyframes fadeIn-b-s2bwlm14yc {
    to {
        opacity: 1;
    }
}

.multilingual-profile-background[b-s2bwlm14yc] {
    background: #FFFFFF;
    padding: 0;
    margin: 0;
}

.multilingual-profile-container[b-s2bwlm14yc] {
    padding: 30px;
}
/* /Pages/User/Views/SocialContent.razor.rz.scp.css */
.users[b-09vyxjphw1] {
    max-width: 800px;
    padding: 0;
    background-color: #f9f9f9;
    border-radius: 10px;
    text-align: left; /* 전체 왼쪽 정렬 */
    margin-bottom: 40px;
}

.user-form[b-09vyxjphw1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 왼쪽 정렬 */
    background-color: #FFFFFF;
    padding: 0 20px 20px 20px;
    border: 1px solid #CCCCCC;
}

.user-form h3[b-09vyxjphw1] {
    margin-bottom: 20px;
    text-align: left; /* 왼쪽 정렬 */
    width: 100%;
}

.user-form div[b-09vyxjphw1] {
    margin-top: 10px;
    width: 100%; /* 각 입력 필드가 전체 너비를 차지하도록 ���정 */
}

.user-form .label[b-09vyxjphw1] {
    font-size: 13px;
    margin-bottom: 2px;
}

.user-form input[type="text"][b-09vyxjphw1],
.user-form textarea[b-09vyxjphw1] {
    width: 100%; /* 컨테이너에 맞게 100% 너비 */
    padding: 6px 6px 6px 6px;
    margin-top: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 12px;
    color: #555555;
    background-color: #FAFAFA;
    box-sizing: border-box; /* 패딩 포함 */
}

.user-form textarea[b-09vyxjphw1] {
    min-height: 200px;
}

.user-form input[type="text"]:focus[b-09vyxjphw1],
.user-form textarea:focus[b-09vyxjphw1] {
    border: 1px solid #000000 !important;
    background-color: #FFFFFF;
    outline: none;
}

.user-form textarea[b-09vyxjphw1] {
    resize: vertical;
}

.main-profile-container[b-09vyxjphw1] {
    display: flex;
    margin-bottom: 20px;
    margin-left: 0px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding-top: 30px;
    padding-bottom: 40px;
}

.main-profile-picture[b-09vyxjphw1] {
    margin-right: 20px;
    display: flex;
    place-items: center;
}

.main-profile-image[b-09vyxjphw1] {
    width: 126px;
    height: 126px;
    min-width: 126px;
    min-height: 126px;
    border-radius: 80px;
    border: 1px solid #000000;
    object-fit: cover;
    box-sizing: border-box; /* 패딩과 테두리를 전체 크기에 포함 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.profile-pictures-container[b-09vyxjphw1] {
    margin-top: 0px !important;
    min-width: calc(72% - 30px);
}

.profile-pictures[b-09vyxjphw1] {
    padding-left: 13px;
    flex-wrap: wrap;
    display: flex;
    gap: 6px;
}

.profile-pictures img[b-09vyxjphw1] {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    cursor: pointer;
    box-sizing: border-box;
}

.profile-pictures img.selected[b-09vyxjphw1] {
    border: 2px solid #007bff; /* 선택된 이미지에 적용될 테두리 스타일 */
}

.icon-buttons[b-09vyxjphw1] {
    display: flex;
    margin-left: 33px;
    gap: 6px;
}

.upload-button[b-09vyxjphw1] {
    margin-bottom: -3px;
    cursor: pointer;
}

.upload-button[b-09vyxjphw1]  svg {
    width: 22px !important;
    height: 22px !important;
    padding: 0px !important;
}

.upload-button[b-09vyxjphw1]  svg path {
    fill: #323847 !important;
}

.upload-button:hover[b-09vyxjphw1] {
    background-color: #FFFFFF;
}

.fileInput[b-09vyxjphw1] {
    display: none;
}

.social-account[b-09vyxjphw1] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.social-icon[b-09vyxjphw1] {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    place-items: center;
    display: grid;
    margin-top: 5px;
}

.add-button[b-09vyxjphw1] {
    margin-left: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.bio-overlay[b-09vyxjphw1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bio-overlay-content[b-09vyxjphw1] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.bio-list[b-09vyxjphw1] {
    margin-top: 10px;
}

.bio-item[b-09vyxjphw1] {
    margin-bottom: 5px;
}

.bio-tabs[b-09vyxjphw1] {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.bio-tab[b-09vyxjphw1] {
    padding: 5px 10px;
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    border-radius: 4px;
    cursor: pointer;
}

.bio-tab.selected[b-09vyxjphw1] {
    background-color: #007bff;
    color: white;
}

.bio-content[b-09vyxjphw1] {
    margin-top: 10px;
}

.bio-overlay[b-09vyxjphw1] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bio-overlay-content[b-09vyxjphw1] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.add-button[b-09vyxjphw1] {
    margin-left: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.description[b-09vyxjphw1] {
    font-size: 12px;
}
.description[b-09vyxjphw1]  a {
    color: #354d99 !important;
}

.description[b-09vyxjphw1]  a:hover {
    color: #003cff !important;
    text-decoration: underline;
}



.title-header[b-09vyxjphw1] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-09vyxjphw1] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-09vyxjphw1] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}


.form-bottom[b-09vyxjphw1] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    background-color: #FAFAFA;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
}

.form-bottom-buttons[b-09vyxjphw1] {
    display: flex;
    gap: 4px;
}

.save-button[b-09vyxjphw1] {
    background-color: #5e9a50;
    border: 1px solid #38732a;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.cancel-button[b-09vyxjphw1] {
    border: 1px solid #AAAAAA;
    background-color: #FAFAFA;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.collapsed[b-09vyxjphw1] {
    display: none;
}

.delete[b-09vyxjphw1]  svg {
    width: 18px; !important;
    height: 18px !important;
    margin: 0 10px 0 10px;
}
/* /Pages/User/Views/UserContent.razor.rz.scp.css */
.users[b-lc8je2ptee] {
    max-width: 800px;
    background-color: #f9f9f9;
    border-radius: 10px;
    text-align: left; /* 전체 왼쪽 정렬 */
    padding: 30px !important;
}

.user-form[b-lc8je2ptee] {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 왼쪽 정렬 */
    background-color: #FFFFFF;
    padding: 0 20px 20px 20px;
    border: 1px solid #CCCCCC;
}

.user-form h3[b-lc8je2ptee] {
    margin-bottom: 20px;
    text-align: left; /* 왼쪽 정렬 */
    width: 100%;
}

.user-form div[b-lc8je2ptee] {
    margin-top: 10px;
    width: 100%; /* 각 입력 필드가 전체 너비를 차지하도록 설정 */
}

.user-form .label-header[b-lc8je2ptee] {
    font-size: 13px;
    margin-bottom: 2px;
}

.user-form .label[b-lc8je2ptee] {
    font-size: 11px;
    margin-bottom: 2px;
    color: #555555;
}

.user-form input[type="text"][b-lc8je2ptee],
.user-form textarea[b-lc8je2ptee] {
    width: 100%; /* 컨테이너에 맞게 100% 너비 */
    padding: 6px 6px 6px 6px;
    margin-top: 5px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 12px;
    color: #555555;
    background-color: #FAFAFA;
    box-sizing: border-box; /* 패딩 포함 */
}

.user-form-value[b-lc8je2ptee] {
    margin-bottom: 20px;
    font-weight: 500;
}

.user-form-value:last-of-type[b-lc8je2ptee] {
    margin-bottom: 0 !important;
}

.user-form textarea[b-lc8je2ptee] {
    min-height: 200px;
}

.user-form input[type="text"]:focus[b-lc8je2ptee],
.user-form textarea:focus[b-lc8je2ptee] {
    border: 1px solid #000000 !important;
    background-color: #FFFFFF;
    outline: none;
}

.user-form textarea[b-lc8je2ptee] {
    resize: vertical;
}

.main-profile-container[b-lc8je2ptee] {
    display: flex;
    margin-bottom: 20px;
    margin-left: 0;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding-top: 0;
    padding-bottom: 0;
}

.main-profile-picture[b-lc8je2ptee] {
    display: flex;
    place-items: center;
    padding: 40px;
}

.main-profile-image[b-lc8je2ptee] {
    width: 126px;
    height: 126px;
    min-width: 126px;
    min-height: 126px;
    border-radius: 80px;
    border: 1px solid #000000;
    object-fit: cover;
    box-sizing: border-box; /* 패딩과 테두리를 전체 크기에 포함 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.profile-pictures-container[b-lc8je2ptee] {
    padding: 40px;
    margin-top: 0 !important;
    min-width: calc(78% - 0px);
    border-left: 1px solid #CCCCCC;
}

.profile-pictures[b-lc8je2ptee] {
    padding-left: 13px;
    flex-wrap: wrap;
    display: flex;
    gap: 6px;
}

.profile-pictures img[b-lc8je2ptee] {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
    cursor: pointer;
    box-sizing: border-box;
}

.profile-pictures img.selected[b-lc8je2ptee] {
    border: 2px solid #007bff; /* 선택된 이미지에 적용될 테두리 스타일 */
}

.icon-buttons[b-lc8je2ptee] {
    display: flex;
    margin-left: 33px;
    gap: 6px;
}

.trash-button[b-lc8je2ptee] {
    margin-bottom: -3px;
    cursor: pointer;
}
.upload-button[b-lc8je2ptee] {
    margin-bottom: -3px;
    cursor: pointer;
}

.trash-button[b-lc8je2ptee]  svg path {
    fill: #999999; !important;
}

.upload-button .trash-button[b-lc8je2ptee]  svg {
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
}

.upload-button[b-lc8je2ptee]  svg path {
    fill: #333333 !important;
}

.upload-button:hover[b-lc8je2ptee] {
    background-color: #FFFFFF;
}

.fileInput[b-lc8je2ptee] {
    display: none;
}

.social-account[b-lc8je2ptee] {
    display: flex;
    align-items: center; /* 자식 요소들을 수직 가운데 정렬 */
    user-select: none;
    cursor: pointer;
    text-align: left;
}
.social-account:hover[b-lc8je2ptee] {
    text-decoration: underline;
}

.social-icon[b-lc8je2ptee] {
    width: 16px;
    height: 16px;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
}

.user-form-value-social[b-lc8je2ptee] {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 500;
}

.add-button[b-lc8je2ptee] {
    margin-left: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.bio-overlay[b-lc8je2ptee] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bio-overlay-content[b-lc8je2ptee] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.bio-list[b-lc8je2ptee] {
    margin-top: 10px;
}

.bio-item[b-lc8je2ptee] {
    margin-bottom: 5px;
}

.bio-tabs[b-lc8je2ptee] {
    font-size: 12px;
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.bio-tab[b-lc8je2ptee] {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px 10px;
    background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase;
}

.bio-tab.selected[b-lc8je2ptee] {
    background-color: #444444;
    border: 1px solid #000000;
    color: #FFFFFF;
}

.bio-content[b-lc8je2ptee] {
    margin-top: 10px;
}

.bio-content-item[b-lc8je2ptee] {
    padding: 20px;
    border: 1px solid #CCCCCC;
    background-color: #FAFAFA;
}

.bio-overlay[b-lc8je2ptee] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bio-overlay-content[b-lc8je2ptee] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.add-button[b-lc8je2ptee] {
    margin-left: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.description[b-lc8je2ptee] {
    font-size: 12px;
}
.description[b-lc8je2ptee]  a {
    color: #354d99 !important;
}

.description[b-lc8je2ptee]  a:hover {
    color: #003cff !important;
    text-decoration: underline;
}



.title-header[b-lc8je2ptee] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-lc8je2ptee] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-lc8je2ptee] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}



.form-bottom[b-lc8je2ptee] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    background-color: #FAFAFA;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
}

.form-bottom-buttons[b-lc8je2ptee] {
    display: flex;
    gap: 4px;
}

.save-button[b-lc8je2ptee] {
    cursor: not-allowed;
    background-color: #5e9a50;
    border: 1px solid #38732a;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.cancel-button[b-lc8je2ptee] {
    cursor: not-allowed;
    border: 1px solid #AAAAAA;
    background-color: #FAFAFA;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.collapsed[b-lc8je2ptee] {
    display: none;
}

.delete[b-lc8je2ptee]  svg {
    width: 18px; !important;
    height: 18px !important;
    margin: 0 10px 0 10px;
}
/* /Pages/User/Views/UserEditContent.razor.rz.scp.css */
.users[b-k7jbkbwezr] {
    max-width: 800px;
    padding: 0;
    background-color: #f9f9f9;
    border-radius: 10px;
    text-align: left; /* 전체 왼쪽 정렬 */
    margin-bottom: 40px;
}

.user-form[b-k7jbkbwezr] {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 왼쪽 정렬 */
    background-color: #FFFFFF;
    padding: 0 20px 20px 20px;
    border: 1px solid #CCCCCC;
}

    .user-form h3[b-k7jbkbwezr] {
        margin-bottom: 20px;
        text-align: left; /* 왼쪽 정렬 */
        width: 100%;
    }

    .user-form div[b-k7jbkbwezr] {
        margin-top: 10px;
        width: 100%; /* 각 입력 필드가 전체 너비를 차지하도록 설정 */
    }

    .user-form .label[b-k7jbkbwezr] {
        font-size: 13px;
        margin-bottom: 2px;
    }

    .user-form input[type="text"][b-k7jbkbwezr],
    .user-form textarea[b-k7jbkbwezr] {
        width: 100%; /* 컨테이너에 맞게 100% 너비 */
        padding: 6px 6px 6px 6px;
        margin-top: 5px;
        border: 1px solid #CCCCCC;
        border-radius: 4px;
        font-size: 12px;
        color: #555555;
        background-color: #FAFAFA;
        box-sizing: border-box; /* 패딩 포함 */
    }

    .user-form textarea[b-k7jbkbwezr] {
        min-height: 200px;
    }

        .user-form input[type="text"]:focus[b-k7jbkbwezr],
        .user-form textarea:focus[b-k7jbkbwezr] {
            border: 1px solid #000000 !important;
            background-color: #FFFFFF;
            outline: none;
        }

    .user-form textarea[b-k7jbkbwezr] {
        resize: vertical;
    }

.main-profile-container[b-k7jbkbwezr] {
    display: flex;
    margin-bottom: 20px;
    margin-left: 0px;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding-top: 30px;
    padding-bottom: 40px;
}

.main-profile-picture[b-k7jbkbwezr] {
    margin-right: 20px;
    display: flex;
    place-items: center;
}

.main-profile-image[b-k7jbkbwezr] {
    width: 126px;
    height: 126px;
    min-width: 126px;
    min-height: 126px;
    border-radius: 80px;
    border: 1px solid #000000;
    object-fit: cover;
    box-sizing: border-box; /* 패딩과 테두리를 전체 크기에 포함 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.profile-pictures-container[b-k7jbkbwezr] {
    margin-top: 0px !important;
    
}

.profile-pictures[b-k7jbkbwezr] {
    padding-left: 13px;
    flex-wrap: wrap;
    display: flex;
    gap: 6px;
}

    .profile-pictures img[b-k7jbkbwezr] {
        width: 60px !important;
        height: 60px !important;
        object-fit: cover;
        cursor: pointer;
        box-sizing: border-box;
    }

        .profile-pictures img.selected[b-k7jbkbwezr] {
            border: 2px solid #007bff; /* 선택된 이미지에 적용될 테두리 스타일 */
        }

.icon-buttons[b-k7jbkbwezr] {
    display: flex;
    margin-left: 33px;
    gap: 6px;
}

.trash-button[b-k7jbkbwezr] {
    margin-bottom: -3px;
    cursor: pointer;
}
.upload-button[b-k7jbkbwezr] {
    margin-bottom: -3px;
    cursor: pointer;
}

.trash-button[b-k7jbkbwezr]  svg path {
    fill: #999999; !important;
}

    .upload-button .trash-button[b-k7jbkbwezr]  svg {
        width: 22px !important;
        height: 22px !important;
        padding: 0 !important;
    }

        .upload-button[b-k7jbkbwezr]  svg path {
            fill: #333333 !important;
        }

    .upload-button:hover[b-k7jbkbwezr] {
        background-color: #FFFFFF;
    }

.fileInput[b-k7jbkbwezr] {
    display: none;
}

.social-account[b-k7jbkbwezr] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.social-icon[b-k7jbkbwezr] {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    place-items: center;
    display: grid;
    margin-top: 5px;
}

.add-button[b-k7jbkbwezr] {
    margin-left: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.bio-overlay[b-k7jbkbwezr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bio-overlay-content[b-k7jbkbwezr] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.bio-list[b-k7jbkbwezr] {
    margin-top: 10px;
}

.bio-item[b-k7jbkbwezr] {
    margin-bottom: 5px;
}

.bio-tabs[b-k7jbkbwezr] {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.bio-tab[b-k7jbkbwezr] {
    padding: 5px 10px;
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    border-radius: 4px;
    cursor: pointer;
}

    .bio-tab.selected[b-k7jbkbwezr] {
        background-color: #007bff;
        color: white;
    }

.bio-content[b-k7jbkbwezr] {
    margin-top: 10px;
}

.bio-overlay[b-k7jbkbwezr] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bio-overlay-content[b-k7jbkbwezr] {
    background: white;
    padding: 20px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.add-button[b-k7jbkbwezr] {
    margin-left: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.description[b-k7jbkbwezr] {
    font-size: 12px;
}
.description[b-k7jbkbwezr]  a {
    color: #354d99 !important;
}

    .description[b-k7jbkbwezr]  a:hover {
        color: #003cff !important;
        text-decoration: underline;
    }



.title-header[b-k7jbkbwezr] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.title-header:first-child[b-k7jbkbwezr] {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.title-description[b-k7jbkbwezr] {
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}



.form-bottom[b-k7jbkbwezr] {
    display: flex;
    place-items: center;
    justify-content: space-between;
    background-color: #FAFAFA;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 20px;
}

.form-bottom-buttons[b-k7jbkbwezr] {
    display: flex;
    gap: 4px;
}

.save-button[b-k7jbkbwezr] {
    background-color: #5e9a50;
    border: 1px solid #38732a;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #ffffff;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.cancel-button[b-k7jbkbwezr] {
    border: 1px solid #AAAAAA;
    background-color: #FAFAFA;
    padding: 5px 8px 5px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #000000;
    min-width: 60px;
    margin-left: 2px;
    height: 26px;
}

.collapsed[b-k7jbkbwezr] {
    display: none;
}

.delete[b-k7jbkbwezr]  svg {
    width: 18px; !important;
    height: 18px !important;
    margin: 0 10px 0 10px;
}
/* /Pages/XamlStyler/Views/XamlStylerContent.razor.rz.scp.css */
/* /Shared/ArticleEditModeControl.razor.rz.scp.css */
.svg-listbox-item.selected[b-lvkwo83vqd] {
    background-color: #333333; 
}
    .svg-listbox-item.selected svg path[b-lvkwo83vqd] {
        fill: #FFFFFF; 
    }

.svg-listbox[b-lvkwo83vqd] {
    margin-left: 10px;
    float: right;
    display: flex;
    align-items: center;
    border: 1px solid #333333;
    border-radius: 4px;
    vertical-align: central;
    height: 34px;
}

.svg-listbox-item[b-lvkwo83vqd] {
    display: flex;
    justify-content: center; 
    align-items: center; 
    height: 34px;
    width: 34px;
    cursor: pointer;
}
    .svg-listbox-item:first-child[b-lvkwo83vqd] {
        border-radius: 4px 0 0 4px;
    }

    .svg-listbox-item:last-child[b-lvkwo83vqd] {
        border-radius: 0 4px 4px 0;
    }

.svg-icon[b-lvkwo83vqd] {
    width: 16px;
    height: 16px;
}
/* /Shared/ArticleMenuControl.razor.rz.scp.css */
.article-cate-container[b-ag3dck72is] {
    position: relative;
    height: 24px;
    white-space: nowrap;
    overflow-y: hidden;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.article-cate-container[b-ag3dck72is]::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.article-cate[b-ag3dck72is] {
    border-bottom: 1px solid transparent;
    font-size: 12px;
    list-style: none;
    user-select: none;
    padding: 0;
    margin-top: 0;
    text-align: left;
    float: left;
    position: absolute;
    flex-wrap: nowrap;
    height: 24px;
}

.article-cate li[b-ag3dck72is] {
    padding: 0 8px;
    display: inline-block;
    color: #555555;
    cursor: pointer;
    line-height: 22px;
    border-radius: 2px;
    align-items: center;
    transition: color 0.3s, background-color 0.3s, border 0.3s;
    position: relative;
}

.selected-box[b-ag3dck72is] {
    position: absolute;
    margin-top: 0px;
    height: 24px;
    background-color: #323847;
    border: 1px solid #000000;
    border-radius: 2px;
    transition: transform 0.4s ease, width 0.4s ease, opacity 0.4s ease;
    pointer-events: none; /* 박스가 클릭 이벤트에 영향을 주지 않도록 설정 */
    top: 0; /* li 요소와 겹치도록 설정 */
    z-index: 00; /* li 요소 뒤에 위치하도록 설정 */
    opacity: 1; /* 초기 opacity 설정 */
}

.article-cate li.color-changed[b-ag3dck72is] {
    color: #FFFFFF !important;
}

.article-sort[b-ag3dck72is] {
    user-select: none;
    margin-top: 30px;
    margin-bottom: 0;   
}

.article-sort li[b-ag3dck72is] {
    font-size: 12px;
    display: inline-block;
    color: #aaaaaa;
    margin-right: 8px;
    cursor: pointer;
    border: 1px solid transparent !important;
    transition: color 0.3s, text-shadow 0.3s;
}

.article-sort .selected[b-ag3dck72is] {
    border: 1px solid transparent !important;
    color: #000000 !important;
    background-color: transparent;
    padding: 0;
    font-weight: 400; /* 기본 두께로 설정 */
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); /* 글자를 시각적으로 두껍게 */
}
/* /Shared/Buttons/CultureSelector.razor.rz.scp.css */
.cultures[b-52x5wzu24m] {
    margin-left: 20px;
    display: flex;
    gap: 10px;
    color: #AAAAAA;
    cursor: pointer;
}
/* /Shared/Buttons/IconButton.razor.rz.scp.css */
/* /Shared/Buttons/RoundSwitchButton.razor.rz.scp.css */
/* /Shared/Buttons/VoteButton.razor.rz.scp.css */
.vote[b-7ajpyhdoi7] {
    line-height: 23px;
    height: 23px;
    border: 0.5px solid #CCCCCC;
    border-radius: 50px;
    padding: 0px 6px 0px 4px;
    font-size: 12px;
    color: #888888;
    font-weight: 300;
}
    .vote:hover[b-7ajpyhdoi7] {
        background-color: #CAECFF;
        border-color: #0969DA;
    }
    .vote[b-7ajpyhdoi7]  svg {
        width: 14px;
        height: 14px;
        margin-right: 2px;
    }
        .vote[b-7ajpyhdoi7]  svg path {
            fill: #CCCCCC;
        }

.vote-checked[b-7ajpyhdoi7] {
    background-color: #CAECFF;
    border-color: #0969DA;
    color: #0969DA;
    font-weight: 500;
}
    .vote-checked[b-7ajpyhdoi7]  svg path {
        fill: #0969DA !important;
    }
/* /Shared/ChevronToggleButton.razor.rz.scp.css */
.chevron-switch[b-xfeu5jnrqz] {
    cursor: pointer;
    display: inline-flex; /* 변경된 부분 */
} 

.chevron-item[b-xfeu5jnrqz] {
    justify-content: center; /* 추가된 부분 */
    place-items: center;
    vertical-align: middle;
    text-align: center;
    border: 0px solid #cccccc;
    background-color: #FFFFFF;
    color: #555555;
    border-radius: 23px;
    padding: 0;
    line-height: 24px;
    margin-left: 20px;
    font-size: 11px;
    user-select: none;
    text-decoration: underline;
}

.chevron-item:hover[b-xfeu5jnrqz] {
    background-color: #FFFFFF;
    color: #000000;
}
.chevron-item[b-xfeu5jnrqz]  div {
    height: 18px;
}
.chevron-switch[b-xfeu5jnrqz]  svg {
    width: 18px !important;
    height: 18px !important;
    margin: 0 0 2px 0;
    padding: 0;
}

.chevron-switch[b-xfeu5jnrqz]  svg path {
    fill: #555555;
}
/* /Shared/Customs/ArticlePreview.razor.rz.scp.css */
.article-title[b-czjmkrlw6k] {
    color: #000000;
    font-size: 32px;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    word-wrap:unset;
}

.article-name[b-czjmkrlw6k] {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #000000;
    text-align: center;
    font-size: 18px;
}

    .article-name a[b-czjmkrlw6k] {
        color: #000000;
    }

.article-description[b-czjmkrlw6k] {
    text-align: center; /* div를 가운데 정렬하기 위해 부모에 적용 */
    margin-bottom: 50px;
}
.article-description-child[b-czjmkrlw6k] {
    display: inline-block; /* 이 부분을 추가 */
    margin-top: 0px;
    padding-top: 4px;
    color: #000000;
    border-top: 1px solid #CCCCCC;
    text-align: center;
    font-size: 13px;
}
    .article-description-child a[b-czjmkrlw6k] {
        color: #000000;
    }


.article-thumbnail[b-czjmkrlw6k] {
    border-radius: 50% / 50%; /* 가로 방향의 radius / 세로 방향의 radius */
    display: block;
    margin: 0 auto; /* 이미지를 가운데 정렬 */
    width: 56px;
    height: 56px;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin-top: 40px;
}


.article-preview[b-czjmkrlw6k] {
}
.markdown-body[b-czjmkrlw6k] {
    border-radius: 2px;
    overflow: auto;
    height: calc(100vh - 203px);
    box-sizing: border-box;
}



.button-area[b-czjmkrlw6k] {
    text-align: right; /* 버튼들을 우측에 정렬합니다. */
    margin-bottom: 1rem; /* 영역 아래에 여백을 추가합니다. */
}
/* /Shared/Customs/LanguageMenu.razor.rz.scp.css */
.context[b-96glbevvt3] {
    text-align: left;
    margin-top: 28px;
    margin-left: 0px;
    border-radius: 0px;
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    width: 150px;
    color: #333333;
}
.context:hover[b-96glbevvt3] {
    border: 1px solid #000000;
}
.context-hovered[b-96glbevvt3] {
    border: 1px solid #822121 !important;
}

.context ul li[b-96glbevvt3]{
    font-size: 12px;
    padding: 8px 10px 8px 10px;
    cursor: pointer;
    justify-content: space-between;
    display: flex;
    vertical-align: middle;
}
.context ul li:first-child[b-96glbevvt3] {
}
.context ul li:last-child[b-96glbevvt3] {
}
.context ul li:hover[b-96glbevvt3] {
    background-color: #F1F1F1;
}


.context .pin[b-96glbevvt3] {
    border-radius: 0px;
    vertical-align: middle;
}
.context .pin:hover[b-96glbevvt3] {
    color: #000000;
}

.context .edit[b-96glbevvt3] {
    border-top: 0.5px dotted #AAAAAA;
    border-radius: 0px;
    vertical-align: middle;
}
.context .edit:hover[b-96glbevvt3] {
    color: #000000;
}

.context .delete[b-96glbevvt3] {
    border-top: 0.5px dotted #AAAAAA;
    background-color: #FFFFFF;
    border-radius: 0px;
    vertical-align: middle;
}
.context .delete[b-96glbevvt3]  svg {
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle;
}
.context .delete[b-96glbevvt3]  svg path {
    fill: #999999 !important;
}
.context .delete:hover[b-96glbevvt3] {
    border-top: 0.5px solid #822121;
    background-color: #822121 !important;
    color: #FFFFFF !important;
}
.context .delete:hover[b-96glbevvt3]  svg path {
    fill: #FFFFFF !important;
}
/* /Shared/Customs/LanguageSelector.razor.rz.scp.css */
.selection[b-hfqt3qz2gu] {
    text-align: left;
    display: flex;
    padding: 0 8px 0 12px;
    border-radius: 4px;
    height: 28px;
    font-size: 12px;
    background-color: transparent;
    color: #FFFFFF;
    place-items: center;
}

    .selection .name[b-hfqt3qz2gu] {
        display: grid;
        place-items: center;
    }
    .selection .icon[b-hfqt3qz2gu] {
        margin-left: 1px;
        margin-right: 0;
        display: grid;
        place-items: center;
        margin-bottom: -2px;
    }
        .selection .icon[b-hfqt3qz2gu]  svg {
            margin-left: 4px;
            width: 16px !important;
            height: 16px !important;
        }
            .selection .icon[b-hfqt3qz2gu]  svg path {
                fill: #FFFFFF;
            }
/* /Shared/Customs/TagFinder.razor.rz.scp.css */
.tag-finder input[type=text][b-vwzoppddtk] {
    margin-top: 10px;
    width: 100%;
    padding: 10px;
    border: 1px solid #dfdfdf !important;
    border-radius: 2px;
}

    .tag-finder input[type=text]:focus[b-vwzoppddtk] {
        background-color: #ffffff;
        border: 1px solid blue !important;
        outline: none;
    }
/* /Shared/Emblem.razor.rz.scp.css */

.emblem[b-cpdzlb2mej] {
    text-align: left;
    display: flex; /* flexbox 레이아웃 사용 */
    align-items: center; /* 세로 가운데 정렬 */
}
.logo-nav-link img[b-cpdzlb2mej] {
    margin-left: 20px;
    width: 30px;
    height: 30px;
}
.emblem-text[b-cpdzlb2mej] {
    color: #FFFFFF;
    padding-left: 6px;
    padding-right: 6px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap; /* 줄 바꿈 방지 */
    overflow: hidden; /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis; /* 줄임표(...) 표시 */
    flex: 1; /* 남은 공간을 차지하도록 설정 */
    min-width: 0; /* flex 아이템이 줄어들 수 있도록 설정 */
}
/* /Shared/JamesnetIcon.razor.rz.scp.css */
a[b-jg2owahi2d], button[b-jg2owahi2d] {
    color: #ffffff;
}
/* /Shared/LoginDisplay.razor.rz.scp.css */

.authorized-logout[b-01wy2vd7am] {
    margin-right: 10px;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}

.thumbnail-user[b-01wy2vd7am] {
    cursor: pointer;
    width: 34px;
    height: 34px;
    border-radius: 50% / 50%;
    border: 1px solid #AAAAAA;
    margin-right: 10px;
}

.thumbnail-no-image[b-01wy2vd7am] {
    width: 34px;
    height: 34px;
    border-radius: 50% / 50%;
    border: 1px solid #AAAAAA;
    padding: 2px;
    margin-right: 10px;
}


.login-button[b-01wy2vd7am] {
    color: #CCCCCC;
    margin-right: 20px;
    height: 50px;
    line-height: 50px;
}

.login-button:hover[b-01wy2vd7am] {
    color: #FFFFFF;
}


.logout-button[b-01wy2vd7am] {
    cursor: pointer;
    margin-left: 5px;
    margin-right: 10px;
    color: #CCCCCC;
    height: 50px;
    line-height: 50px;
}

.logout-button:hover[b-01wy2vd7am] {
    color: #FFFFFF;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/*.page {
    position: relative;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.sidebar {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row ::deep a, .top-row ::deep .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
        text-decoration: underline;
    }

    .top-row ::deep a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page {
        flex-direction: row;
    }

    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth ::deep a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row, article {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
*/

body[b-27v7hnfczn], html[b-27v7hnfczn] {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}




.header[b-27v7hnfczn], .footer[b-27v7hnfczn] {
    color: #666;
    text-align: center;
    padding: 10px 0;
    width: 100%;
}

.footer[b-27v7hnfczn] {
    background-color: #ffffff;
}

.footer div[b-27v7hnfczn] {
    margin-left: 220px;
}

.header[b-27v7hnfczn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #323847;
    height: 50px;
}

.header .title-area[b-27v7hnfczn] {
    display: flex;
    place-items: center;
}

.main-container[b-27v7hnfczn] {
    width: 100%;
    display: flex;
    background-color: #fafafa;
}

.sidebar[b-27v7hnfczn] {
    position: fixed;
    background-color: #ffffff !important;
    min-width: 190px;
    display: inline-block;
    box-sizing: border-box;
    padding: 0px;
    margin-top: 50px;
    border-right: 1px solid #DDDDDD;
    height: 100%;
    font-size: 13px;
}

.main-content[b-27v7hnfczn] {
    margin-top: 50px;
    margin-left: 190px;
    flex-grow: 1;
    padding: 0;
    min-height: 200px;
}

.footer[b-27v7hnfczn] {
    background-color: transparent;
    text-align: center;
    padding: 10px 0;
    width: 100%;
}
.footer[b-27v7hnfczn] {
    color: #000000;
    text-align: left !important;
    padding: 20px 0 20px 0px !important;
    width: 100%;
    cursor: pointer;
    font-size: 12px;
    border-top: 1px solid #CCCCCC;
}

    .footer:hover[b-27v7hnfczn] {
        text-decoration: underline;
    }

.header[b-27v7hnfczn] {
    position: fixed;
    z-index: 9999;
}


@media (max-width: 700.98px) {
     img[b-27v7hnfczn] {
        max-width: 100% !important; /* 이미지가 블록을 벗어나지 않도록 설정 */
        width: 200px !important;
         height: auto !important;
    }
}

@media (max-width: 400px) {
    [b-27v7hnfczn] .logout-button {
        display: none;
    }
}
@media (max-width: 640.98px) {
    [b-27v7hnfczn] .store-container .book {
        width: 30%;
    }
    [b-27v7hnfczn] .tag-box {
        display:  none !important;
    }
    [b-27v7hnfczn] .article-head-date {
        display:  none !important;
    }
    [b-27v7hnfczn] .article-head-writer {
        display:  none !important;
    }
    [b-27v7hnfczn] .article-head-count {
        display:  none !important;
    }
    [b-27v7hnfczn] .article-tags-container {
        display: none !important;
    }
    [b-27v7hnfczn] .article-language {
        float: left !important;
    }
    [b-27v7hnfczn] .article-item-thumb {
        margin-right: 20px !important;
    }
    [b-27v7hnfczn] .article-item-thumb img {
        width: 50px !important;
        height: 50px !important;
    }
    [b-27v7hnfczn] .articles .header {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }
    .sidebar[b-27v7hnfczn] {
        display:  none !important;
        min-width:  0;
    }
    .main-content[b-27v7hnfczn] {
        margin-left:  0 !important;
    }
    
    .main-content[b-27v7hnfczn]  .titles .title {
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        border: 0;
    }

    .main-content[b-27v7hnfczn]  .description {
        display: none !important;
    }

    .main-content[b-27v7hnfczn]  .container {
        border-radius: 20px !important;
        margin: 0 0 20px 0;
        
    }

    .main-content[b-27v7hnfczn]  .container {
        border-radius: 15px;
    }
    
    .main-content[b-27v7hnfczn]  .article-box {
        max-width: none !important;
        width: auto !important;
        min-width: 0 !important;
    }

    [b-27v7hnfczn] .article-head {
        display: none !important;
    }
    
    [b-27v7hnfczn] .article-header-line {
        border-bottom: 1px solid #CCCCCC !important;
    }

    [b-27v7hnfczn] .article-cate-container {
        margin-top: 0 !important;
    }

    [b-27v7hnfczn] .articles article {
        padding-top: 20px;
    }

    [b-27v7hnfczn] .article-head {
        display: none !important;
    }
    [b-27v7hnfczn] .article-language {
        float: left !important;
        margin: 0;
    }
    
    [b-27v7hnfczn] .article-title-container {
        margin-bottom: 5px !important;
        margin-top: 4px;
        
    }
    
    [b-27v7hnfczn] .main-profile-container {
        display: block;
    }
    [b-27v7hnfczn] .main-profile-image {
        min-width: 80px!important;
        min-height: 80px!important;;
        width: 80px !important;
        height: 80px!important;
        margin-right: 0px !important;
    }

    [b-27v7hnfczn] .profile-pictures img {
        min-width: 45px !important;
        min-height: 45px !important;
        width: 45px !important;
        height: 45px !important;
    }
    
    [b-27v7hnfczn] .article-item {
        margin-bottom: 10px;
        margin-top: 0;
        padding-top: 0;
        min-height: auto;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    [b-27v7hnfczn] .selected-language {
        background-color: transparent !important;
    }
    
    [b-27v7hnfczn] .magnify-container {
        display: none !important;
    }
    
    [b-27v7hnfczn] .article-item-title {
        font-size: 13px !important;
        font-weight: 400 !important;
    }
    
    [b-27v7hnfczn] .article-item-line {
        display: none;
    }

    .main-content[b-27v7hnfczn]  .article-title {
        text-align: center !important;
        justify-content: center;
    }

    .main-content[b-27v7hnfczn]  article .header {
        padding: 0 !important;
        border: 0;
        background-color: transparent !important;
    }

    .main-content[b-27v7hnfczn]  article .header .article-title-content {
        margin-left: 20px;
        font-size: 14px !important;
        margin-bottom: 10px;
    }

    .main-content[b-27v7hnfczn]  article .article-cate-container {
        margin-left: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .main-content[b-27v7hnfczn]  article .article-cate-container li {
        font-size: 14px;
        margin-right: 10px;
    }
    
    .main-content[b-27v7hnfczn]  .article-box {
        padding: 0 !important;
        border: 0;
        margin-top: 0;
        padding-top: 20px !important;
        margin-left: 0;
        margin-right: 0;
        background-color: #FFFFFF;
        border-bottom: 1px solid #CCCCCC;
    }

    [b-27v7hnfczn] .app-icon {
        width: 100px;
        height: 100px;  
        padding-top: 0 !important;
        margin:8px;
    }

    [b-27v7hnfczn] .app-icon img {
        border-radius: 8px;
        margin-top: 18px !important;
        width: 40px;
        height: 40px;
    }

    [b-27v7hnfczn] .app-icon .img2 {
        border-radius: 8px;
        margin-top: 0;
        width: 40px;
        height: 40px;
    }

    [b-27v7hnfczn] .app-icon span {
        width: 80px;
        text-wrap: wrap;
        margin-top: 4px;
        line-height: 120%;
    }


    [b-27v7hnfczn] .app-icon2 {
        width: 100px;
        height: 100px;
        margin:8px;
        padding-top: 0;
    }


    [b-27v7hnfczn] .app-icon2 .title2 {
        margin-top: 0;
        line-height: 100px;
        font-size: 14px;
    }


    [b-27v7hnfczn] .app-icon .people-count {
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .main-content[b-27v7hnfczn]  .container {
        margin: 12px;
    } 
}


@media (max-width: 500.98px) {

    [b-27v7hnfczn] .authorized-logout {
        display: none !important;
    }
}


@media (max-width: 350.98px) {

    [b-27v7hnfczn] .authorized-logout {
        display: none !important;
    }
}


@media (max-width: 1200px) {


    [b-27v7hnfczn] .article-detail-container .titles .tags {
        padding-left: 10px;
        padding-right: 10px;
    }

    [b-27v7hnfczn] .article-detail-container .menus {
        padding-left: 10px;
        padding-right: 10px;
    }
    [b-27v7hnfczn] #content-header-profile {
        display: none !important;
    }
    [b-27v7hnfczn] .user-clip {
        display: none !important;
    }
    [b-27v7hnfczn] .article-content .markdown-body {
        padding: 60px;
        margin: 0;
        margin-left: 30px;
        
    }

    [b-27v7hnfczn] .article-content {
        padding: 0;
    }
    [b-27v7hnfczn] .article-statistics {
        display: none !important;
    }
    .sidebar[b-27v7hnfczn] {
        display:  none !important;
        min-width:  0;
    }
    [b-27v7hnfczn] .article-detail-container{
        position: relative;
        margin-top: -10px;
        left: 0;
        margin-left: 30px;
        margin-right: 30px;
    }
    .main-content[b-27v7hnfczn] {
        margin-left:  0 !important;
    }
    [b-27v7hnfczn] .selected-box {
        border-radius: 0;
        /*background-color: transparent;*/
        /*border: none;*/
    }
    [b-27v7hnfczn] .article-cate li.color-changed {
        /*color: #000000 !important;*/
        /*font-weight: 700;*/
    }
    
    [b-27v7hnfczn] .article-cate li {
        /*font-weight: 700;*/
        /*color: #999999 !important;*/
    }

    [b-27v7hnfczn] .article-sort {
        display: none !important;
    }

    .main-content[b-27v7hnfczn]  .article-box {
        max-width: none !important;
        width: auto !important;
        min-width: 0 !important;
    }

    [b-27v7hnfczn] .header {
        max-width: none !important;
        width: auto !important;
        min-width: 0 !important;
    }
    [b-27v7hnfczn] .article-content .markdown-body {
        border-top: 0;
    }

    [b-27v7hnfczn] .article-title {
        display: none !important;
    }

    [b-27v7hnfczn] .contributors {
        display: none !important;
    }

    .main-content[b-27v7hnfczn]  article .article-cate-container {
        margin-top: 20px;
    }

    .main-content[b-27v7hnfczn]  article .tag-box {
        margin-right: 0;
    }
    .footer div[b-27v7hnfczn] {
        margin-left: 30px !important;
    }

    [b-27v7hnfczn] .comment-container {
        margin-left: 30px;
    }
    
    [b-27v7hnfczn] .article-detail-container::after {
        display: none;
    }

    [b-27v7hnfczn] .comment-container .comments .inner-comment-container {
        margin-left: 0 !important;
    }

    [b-27v7hnfczn] .comment .markdown-body {
        margin-left: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }



    [b-27v7hnfczn] .invitation-container {
        display: block;
        padding: 0;
        max-width: 100%;
    }


    [b-27v7hnfczn] .invitation-container .title-header{
        padding-left: 20px;
        border: 0;
        padding-bottom: 0;
    }

    [b-27v7hnfczn] .invitation-container .title-description{
        padding-left: 20px;
        padding-right: 20px;
    }

    [b-27v7hnfczn] .invitation-container .left-container {
        white-space: nowrap;
        overflow-y: hidden;
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
        height: 60px;
        width:100%;
        position: relative;
        padding:0;
        background-color: transparent;
        top: 0;
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 0;
        border-bottom: 1px solid #CCCCCC;
        border-right: 0;
        margin-bottom: 20px;
    }

    [b-27v7hnfczn] .invitation-container .left {
        border-bottom: 1px solid transparent;
        font-size: 12px;
        list-style: none;
        user-select: none;
        padding: 0;
        margin-top: 0;
        text-align: left;
        float: left;
        background-color: transparent;
        position: absolute;
        flex-wrap: nowrap;
    }

    [b-27v7hnfczn] .invitation-container .left::-webkit-scrollbar {
        display: none;  /* Safari and Chrome */
    }

    [b-27v7hnfczn] .invitation-container .left .header {
        padding: 0 20px 0 0;
        display: inline-block;
        color: #555555;
        cursor: pointer;
        line-height: 22px;
        border-radius: 2px;
        align-items: center;
        transition: color 0.3s, background-color 0.3s, border 0.3s;
        position: relative;
    }

    [b-27v7hnfczn] .invitation-container .left .item {
        padding: 0 20px 0 0;
        display: inline-block;
        color: #555555;
        cursor: pointer;
        line-height: 22px;
        border-radius: 2px;
        align-items: center;
        transition: color 0.3s, background-color 0.3s, border 0.3s;
        position: relative;
    }

    [b-27v7hnfczn] .invitation-container .left svg {
        display: none;
    }

    [b-27v7hnfczn] .invitation-container .invitation {
        margin: 0;
        padding: 0;
    }

    [b-27v7hnfczn] .invitation-container .invitation .user-form {
        margin: 0 20px 0 20px;
    }

    [b-27v7hnfczn] .invitation-container .invitation .form-bottom {
        margin: 0 20px 0 20px;
    }

    [b-27v7hnfczn] .invitation-container .bottom .title a {
        text-wrap: wrap;
    }

    [b-27v7hnfczn] .invitation-container .invitation .invitations {
        margin: 0 20px 0 20px;
    }

    [b-27v7hnfczn] .invitation-container .no-permission {
        margin: 0 20px 0 20px;
    }
}


@media (max-width: 850.98px) {

    [b-27v7hnfczn] .article-content .markdown-body {
        padding: 30px;
        margin: 0;
        border: 0;
        max-width: 100% !important;
    }
    
    [b-27v7hnfczn] .horiz-button {
        margin-right: 30px;
    }

    [b-27v7hnfczn] .menus {
        margin-left: 20px;
    }
    
    [b-27v7hnfczn] .tags {
        margin-left: -10px;
        display: none;
    }

    [b-27v7hnfczn] .article-title {
        font-size: 18px;
    }
    
    [b-27v7hnfczn] .article-content {
        padding: 0;
        margin: 0;
    }
    
    [b-27v7hnfczn] .contributors {
        gap: 20px;
    }

    [b-27v7hnfczn] .article-detail-container{
        position: relative;
        margin-top: -10px;
        left: 0;
        margin-left: 0;
        margin-right: 0;
        max-width: 100% !important;
    }
    [b-27v7hnfczn] .article-detail-container .titles {
        margin-left: 30px;
        margin-right: 30px;
    }
    [b-27v7hnfczn] .article-detail-container .titles div {
        margin-right: 0 !important;
    }

    [b-27v7hnfczn] .comment-container {
        border-top: 1px solid #CCCCCC;
        padding-top: 30px;
        margin-top: 0;
        background-color: #FAFAFA;
        margin-left: 0;
        margin-bottom: 0;
        padding-bottom: 30px;
        padding-right: 0 !important;
    }
    
    [b-27v7hnfczn] .comment-container .bottom {
        border-top: 1px solid #CCCCCC;
        background-color: transparent;
        border: 0;
    }

    [b-27v7hnfczn] .comment-container .content { 
        padding-right: 20px;
        padding-left: 20px;
    }
    [b-27v7hnfczn] .comment-container .message {
        padding-right: 0;
        padding-left: 10px;
        display: none;
    }
    [b-27v7hnfczn] .comment-container .buttons {
        padding-right: 10px;
    }

    [b-27v7hnfczn] .comment-container .content textarea{
        background-color: #FFFFFF;
    }
    
    [b-27v7hnfczn] .comment-container .comments{
    }


    [b-27v7hnfczn] .comment-container .inner-comment-container {
        padding-left: 30px;
        margin-right: 30px;
        border-top: 0;
    }
    
    [b-27v7hnfczn] .main-content .article-content {
        border-right: 1px solid #CCCCCC !important;
        border-radius: 0;
        padding: 0 !important;
    }

    [b-27v7hnfczn] .main-content .markdown-box-borderless {
        border-right: 1px solid #CCCCCC !important;
        border-radius: 0;
        padding: 0 !important;
    }
    
    [b-27v7hnfczn] .markdown-body img {
        width: 100% ;
    }
}


[b-27v7hnfczn] pre {
    white-space: pre-wrap !important; /* 줄바꿈 설정 */
    overflow-x: auto !important;      /* 가로 스크롤 허용 */
    max-width: 100% !important;       /* 부모 요소의 너비 초과 방지 */
    box-sizing: border-box !important;/* 패딩과 보더 포함 */
    word-wrap: break-word !important; /* 단어 넘침 방지 */
    overflow-wrap: break-word !important; /* 단어 넘침 방지 */
    word-break: break-all !important; /* 긴 단어 강제 줄바꿈 */
    min-width: 0 !important;
    width: 100% !important;
}

[b-27v7hnfczn] pre code {
    white-space: pre-wrap !important; /* 줄바꿈 설정 */
    word-wrap: break-word !important; /* 단어 넘침 방지 */
    overflow-wrap: break-word !important; /* 단어 넘침 방지 */
    word-break: break-all !important; /* 긴 단어 강제 줄바꿈 */
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-iqg4tyog9t] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-iqg4tyog9t] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-iqg4tyog9t] {
    font-size: 1.1rem;
}

.oi[b-iqg4tyog9t] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-iqg4tyog9t] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-iqg4tyog9t] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-iqg4tyog9t] {
        padding-bottom: 1rem;
    }

    .nav-item[b-iqg4tyog9t]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-iqg4tyog9t]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-iqg4tyog9t]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}


.link[b-iqg4tyog9t]  svg {
    width: 20px;
    height: 20px;
}
.link[b-iqg4tyog9t]  svg path {
    fill: #999999 !important;
}

@media (min-width: 641px) {
    .navbar-toggler[b-iqg4tyog9t] {
        display: none;
    }

    .collapse[b-iqg4tyog9t] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-iqg4tyog9t] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Shared/Slections/MenuSelector.razor.rz.scp.css */

.article-cate[b-zqzt4i5u8k] {
    font-family: 'Signika Negative', sans-serif;
    border-bottom: 1px solid #E1E1E1;
    list-style: none;
    padding: 0px;
    margin-top: 0px;
}

    .article-cate li[b-zqzt4i5u8k] {
        display: inline-block;
        padding: 10px 15px 10px 15px;
        color: #AAAAAA;
        cursor: pointer;
        line-height: 24px;
    }

        .selected[b-zqzt4i5u8k] {
            border-bottom: 1px solid #000000;
            margin-bottom: -1px;
            color: #000000 !important;
        }
/* /Shared/SmartCheckBox.razor.rz.scp.css */
.checkbox-container[b-resx6o8tmd] {
    margin-top: 30px;
}

.checkbox-container input[type=checkbox][b-resx6o8tmd] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.checkbox-container label[b-resx6o8tmd] {
    --size: 50px;
    cursor: pointer;
    width: var(--size);
    height: calc(var(--size) / 2);
    background: grey;
    display: block;
    border-radius: 100px;
    position: relative;
}

    .checkbox-container label[b-resx6o8tmd]:after {
        content: '';
        position: absolute;
        top: 6%;
        left: 2.5%;
        width: calc(50% - 5%);
        height: calc(100% - 11%);
        background: #fff;
        border-radius: 90px;
        transition: 0.3s;
    }

.checkbox-container input:checked + label[b-resx6o8tmd] {
    background: #bada55;
}

    .checkbox-container input:checked + label[b-resx6o8tmd]:after {
        left: calc(100% - 2.5%);
        transform: translateX(-100%);
    }

.checkbox-container label:active[b-resx6o8tmd]:after {
    width: 55%;
}

.checkbox-label[b-resx6o8tmd] {
}
/* /Shared/ThumbSwitchButton.razor.rz.scp.css */


/* 새로운 버튼 스타일 */
.thumb-switch-button[b-vhyxcb4wrm] {
    width: 60px;
    font-size: 12px;
    position: absolute;
    top: 19px; /* 상단에서의 위치 조절 */
    right: 30px; /* 우측에서의 위치 조절 */
    z-index: 10; /* 이미지 위에 표시되도록 z-index 설정 */
}

.thumb-switch-button .selected[b-vhyxcb4wrm] {
    border: 1px solid #007bff;
    color: #007bff;
    background-color: white;
    opacity: 1;
}

    .thumb-switch-button .not-selected[b-vhyxcb4wrm] {
        border: 1px solid #ccc;
        color: #ccc;
        background-color: white;
        opacity: 0.9;
    }

    .thumb-switch-button .not-selected:hover[b-vhyxcb4wrm] {
        border: 1px solid #777777;
        color: #777777;
        background-color: white;
        opacity: 1;
    }

.thumb-switch-button div[b-vhyxcb4wrm] {
    cursor: pointer;
    padding: 3px 0px;
    text-align: center;
    border-radius: 2px;
    user-select: none; 
}