.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-51f9cf4a]{width:100%;padding:20px}.post-list[data-v-51f9cf4a]{width:100%;border-collapse:collapse;table-layout:fixed}.post-list td[data-v-51f9cf4a],.post-list th[data-v-51f9cf4a]{text-align:left;padding:10px;border-bottom:1px solid #ddd}.col-title[data-v-51f9cf4a]{width:60%}.col-date[data-v-51f9cf4a],.col-id[data-v-51f9cf4a]{width:20%}.title[data-v-51f9cf4a]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0073e6;text-decoration:none}.title[data-v-51f9cf4a]:hover{text-decoration:underline}.write-button[data-v-51f9cf4a]{margin-top:20px;text-align:center}.write-button a[data-v-51f9cf4a]{padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px}.write-button a[data-v-51f9cf4a]:hover{background-color:#0056b3}#login[data-v-748a9c3e]{max-width:300px;margin:0 auto}form[data-v-748a9c3e]{display:flex;flex-direction:column}input[data-v-748a9c3e]{margin-bottom:10px;padding:10px}button[data-v-748a9c3e]{padding:10px;background-color:#4caf50;color:#fff;border:none;cursor:pointer}#register[data-v-77deee2d]{max-width:300px;margin:0 auto}form[data-v-77deee2d]{display:flex;flex-direction:column}input[data-v-77deee2d]{margin-bottom:10px;padding:10px}button[data-v-77deee2d]{padding:10px;background-color:#4caf50;color:#fff;border:none;cursor:pointer}.form-group input[data-v-46783d44]{width:97%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.form-group textarea[data-v-46783d44]{resize:vertical}.form-actions[data-v-46783d44]{display:flex;justify-content:space-between}button[data-v-46783d44]{padding:10px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer}button[type=submit][data-v-46783d44]{background-color:#007bff;color:#fff}button[type=submit][data-v-46783d44]:hover{background-color:#0056b3}button[type=button][data-v-46783d44]{background-color:#f5f5f5;color:#000}button[type=button][data-v-46783d44]: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-79779ea4]{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-79779ea4]{margin-bottom:20px;font-size:24px;color:#000}p[data-v-79779ea4]{margin:10px 0;font-size:16px;color:#333}.button[data-v-79779ea4]{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-79779ea4]:hover{background-color:#0056b3;transform:scale(1.05)}.button[data-v-79779ea4]:active{background-color:#003f7f;transform:scale(.95)}.post-list[data-v-79779ea4]{width:100%;border-collapse:collapse;table-layout:fixed}.post-list td[data-v-79779ea4],.post-list th[data-v-79779ea4]{text-align:left;padding:10px;border-bottom:1px solid #ddd}.col-title[data-v-79779ea4]{width:60%}.col-date[data-v-79779ea4],.col-id[data-v-79779ea4]{width:20%}.title[data-v-79779ea4]{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}