.note-board[data-v-d5cce4e2]{position:relative;background-color:#fff;border-radius:10px}.note-board .contents[data-v-d5cce4e2]{position:absolute;left:0;top:0;bottom:0;width:300px;padding:20px 20px 50px 30px;border-right:1px solid #e8e8e8;overflow:auto}.note-board .contents .search[data-v-d5cce4e2]{height:32px;background:#f2f2f2;border-radius:100px;margin-bottom:20px}.note-board .contents .search input[data-v-d5cce4e2]{width:100%;height:100%;padding:0 20px;background-color:transparent;border:0}.note-board .contents .item[data-v-d5cce4e2]{display:block;line-height:30px;border-bottom:1px solid #e8e8e8}.note-board .detail[data-v-d5cce4e2]{margin-left:300px;min-height:500px}.note-board .detail .title[data-v-d5cce4e2]{position:relative;padding:30px 200px 0 20px;height:60px;border-bottom:1px solid #e8e8e8;font-size:16px}.note-board .detail .title .tools[data-v-d5cce4e2]{position:absolute;top:20px;right:35px}.note-board .detail .title .tools a[data-v-d5cce4e2]{font-size:14px;border-radius:4px}.note-board .detail .title .tools a+a[data-v-d5cce4e2]{margin-left:10px}.note-board .detail .text[data-v-d5cce4e2]{padding:10px 40px 30px 20px}.note-board .detail .text textarea[data-v-d5cce4e2]{width:100%;height:400px;padding:10px;border:1px solid #e8e8e8;border-radius:4px}@media screen and (max-width:1100px){.note-board[data-v-d5cce4e2]{display:flex;flex-direction:column}.note-board .contents[data-v-d5cce4e2]{position:static;width:auto;border:none}.note-board .detail[data-v-d5cce4e2]{border-top:1px solid #e8e8e8;margin-left:0}}