.header[data-v-4ab56b56]{position:absolute;top:0;left:0;width:100%;background-color:#f0f0f0;padding:10px 20px;display:flex;align-items:center}.user-menu[data-v-4ab56b56]{position:relative;display:flex;align-items:center}.user-icon[data-v-4ab56b56]{font-size:30px;cursor:pointer;color:#333}.dropdown[data-v-4ab56b56]{position:absolute;top:0;left:10px;background-color:#fff;border:1px solid #ccc;border-radius:5px;width:120px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;flex-direction:column}.menu-item[data-v-4ab56b56]{padding:10px;text-align:center;color:#333;text-decoration:none;cursor:pointer}.menu-item[data-v-4ab56b56]:hover{background-color:#f0f0f0}.container[data-v-59bc5ae3]{width:100%;padding:20px}.post-list[data-v-59bc5ae3]{width:100%;border-collapse:collapse;table-layout:fixed}.post-list td[data-v-59bc5ae3],.post-list th[data-v-59bc5ae3]{text-align:left;padding:10px;border-bottom:1px solid #ddd}.col-title[data-v-59bc5ae3]{width:60%}.col-date[data-v-59bc5ae3],.col-id[data-v-59bc5ae3]{width:20%}.title[data-v-59bc5ae3]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0073e6;text-decoration:none}.title[data-v-59bc5ae3]:hover{text-decoration:underline}.write-button[data-v-59bc5ae3]{margin-top:20px;text-align:center}.write-button a[data-v-59bc5ae3]{padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px}.write-button a[data-v-59bc5ae3]:hover{background-color:#0056b3}#login[data-v-2b16eedf]{max-width:300px;margin:0 auto}form[data-v-2b16eedf]{display:flex;flex-direction:column}input[data-v-2b16eedf]{margin-bottom:10px;padding:10px}button[data-v-2b16eedf]{padding:10px;background-color:#4caf50;color:#fff;border:none;cursor:pointer}#register[data-v-78012935]{max-width:300px;margin:0 auto}form[data-v-78012935]{display:flex;flex-direction:column}input[data-v-78012935]{margin-bottom:10px;padding:10px}button[data-v-78012935]{padding:10px;background-color:#4caf50;color:#fff;border:none;cursor:pointer}.form-group input[data-v-41939f22]{width:97%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.form-group textarea[data-v-41939f22]{resize:vertical}.form-actions[data-v-41939f22]{display:flex;justify-content:space-between}button[data-v-41939f22]{padding:10px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer}button[type=submit][data-v-41939f22]{background-color:#007bff;color:#fff}button[type=submit][data-v-41939f22]:hover{background-color:#0056b3}button[type=button][data-v-41939f22]{background-color:#f5f5f5;color:#000}button[type=button][data-v-41939f22]:hover{background-color:#e0e0e0}body{font-family:Arial,sans-serif;margin:0;padding:0;text-align:left}.container{width:90%;max-width:800px;margin:20px auto}.post-detail{outline:solid;padding:50px;border-radius:10px}.post-detail h1{margin-top:0}.post-detail p{line-height:1.6;margin-bottom:20px}.del_btn{padding:10px 20px;background-color:red;color:#fff;border:none;border-radius:5px;cursor:pointer;display:inline-block;text-decoration:none;font-size:16px;transition:background-color .3s ease;float:right}.del_btn:hover{background-color:#ececec;outline:1px solid red;color:red}.button{display:inline-block;padding:10px 20px;background-color:#007bff;border:none;color:#fff;border-radius:5px;text-decoration:none;font-size:16px;cursor:pointer;transition:background-color .3s ease}.button:hover{background-color:#0056b3}.comment_button{display:inline-block;padding:10px 20px;background-color:#a9a9a9;border:none;color:#fff;border-radius:5px;text-decoration:none;font-size:16px;cursor:pointer;transition:background-color .3s ease}.comment_button:hover{background-color:gray}.comment-form{margin-top:40px}.coComment-form{margin-left:50px;margin-top:40px}.comment-form h3{margin-bottom:10px}.comment-form textarea{width:100%;padding:10px;font-size:14px;border-radius:5px;border:1px solid #ccc;resize:none;margin-bottom:10px;box-sizing:border-box}.comment-list{margin-top:20px;padding:10px}.comment-item{margin-bottom:10px;border-bottom:1px solid #ccc}.user-info[data-v-70accb3a]{padding:20px;border:1px solid #ccc;border-radius:5px;max-width:400px;margin:20px auto;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}h2[data-v-70accb3a]{margin-bottom:20px;font-size:24px;color:#000}p[data-v-70accb3a]{margin:10px 0;font-size:16px;color:#333}.button[data-v-70accb3a]{background-color:#007bff;color:#000;border:none;border-radius:5px;padding:10px 20px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s,transform .2s}.button[data-v-70accb3a]:hover{background-color:#0056b3;transform:scale(1.05)}.button[data-v-70accb3a]:active{background-color:#003f7f;transform:scale(.95)}.post-list[data-v-70accb3a]{width:100%;border-collapse:collapse;table-layout:fixed}.post-list td[data-v-70accb3a],.post-list th[data-v-70accb3a]{text-align:left;padding:10px;border-bottom:1px solid #ddd}.col-title[data-v-70accb3a]{width:60%}.col-date[data-v-70accb3a],.col-id[data-v-70accb3a]{width:20%}.title[data-v-70accb3a]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0073e6;text-decoration:none}.carousel-container{position:relative;width:300px;margin:auto;text-align:center}.panel{width:100%;padding:20px;font-size:20px;text-align:center;white-space:nowrap}.flicking-arrow-next,.flicking-arrow-prev{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;padding:10px;cursor:pointer;font-size:24px;z-index:10}.flicking-arrow-prev{left:10px}.flicking-arrow-next{right:10px}.editor-content[data-v-34c0db76]{border:1px solid #ddd;padding:1rem;min-height:300px}