@charset "UTF-8";.random-notes-main[data-v-be16f708]{min-width:1240px;max-width:1480px;flex:1;display:flex;margin-bottom:40px;margin-top:calc(2vh + 80px);flex-direction:column}.random-notes-main .search-box[data-v-be16f708]{width:100%;height:40px;position:relative;display:flex;justify-content:center;margin-bottom:30px}.random-notes-main .search-box .gradient-box[data-v-be16f708]{width:360px;border-radius:30px;border:2px solid transparent}.random-notes-main .search-box .gradient-box[data-v-be16f708] .n-input{width:100%;height:100%;border-radius:30px}.random-notes-main .search-box .gradient-box[data-v-be16f708] .n-input .n-input__input-el{height:100%}.random-notes-main .search-box .gradient-box[data-v-be16f708] .n-input .n-input__input-el:hover{border:none}.random-notes-main .diaplay-box[data-v-be16f708]{display:flex;gap:56px}.random-notes-main .diaplay-box .random-notes-list-box[data-v-be16f708]{width:424px;height:900px;gap:72px;display:flex;flex-direction:column;align-items:space-between;padding:10px;background-color:var(--box-bg-color4);border-radius:8px}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list[data-v-be16f708]{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(1,1fr));overflow:auto}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list[data-v-be16f708]::-webkit-scrollbar{width:6px;height:8px}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list[data-v-be16f708]::-webkit-scrollbar-track{background-color:transparent}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list[data-v-be16f708]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color);border-radius:4px}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list[data-v-be16f708]::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-color)}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list .random-notes-list-item[data-v-be16f708]{width:100%;height:100%;background-color:var(--box-bg-color1);border-radius:15px;display:flex;flex-direction:column;cursor:pointer}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list .random-notes-list-item .random-notes-list-date[data-v-be16f708]{height:30px;display:flex;justify-content:space-between;align-items:center;padding:10px 10px 0}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list .random-notes-list-item .random-notes-list-date .note-date span[data-v-be16f708]{display:flex;align-items:center;font-size:12px;line-height:1.62;color:var(--sub-text-color)}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list .random-notes-list-item .random-notes-list-date .note-whter[data-v-be16f708]{width:30px}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list .random-notes-list-item .random-notes-list-date .note-whter img[data-v-be16f708]{width:100%;height:100%;object-fit:cover}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list .random-notes-list-item .random-notes-list-content[data-v-be16f708]{flex:1;padding:0 10px 10px}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list .random-notes-list-item .random-notes-list-content img[data-v-be16f708]{width:160px;height:160px;border-radius:8px;object-fit:cover;margin-top:20px}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list .random-notes-list-item .random-notes-list-content>p[data-v-be16f708]:first-child{font-size:20px;line-height:1.4;padding-bottom:8px;font-weight:600;color:var(--text-color)}.random-notes-main .diaplay-box .random-notes-list-box .random-notes-list .random-notes-list-item .random-notes-list-content .note-content-p[data-v-be16f708]{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;font-size:14px;color:var(--text-color);text-rendering:optimizeLegibility;line-height:1.54}.random-notes-main .diaplay-box .random-notes-content[data-v-be16f708]{flex:1;background-color:var(--box-bg-color1);border-radius:5px;width:auto;height:auto;max-height:920px}