#join-file-page {padding-bottom:20px;}
#join-file-page .join-card {font-size:16px;line-height:1.6;}
#join-file-page .search_bar ul {display:flex;gap:5px;margin:0;flex-wrap:wrap;}
#join-file-page .search_bar li {float:none;flex:1;min-width:42px;width:auto;margin:0;background:#fff;height:28px;}
#join-file-page .search_bar button {width:100%;height:100%;padding:0;border:0;background:transparent;font:inherit;font-size:15px;line-height:28px;font-weight:bold;color:#333;cursor:pointer;}
#join-file-page .search_bar .on button {color:#ea5415;}
#join-file-page .join-filter {display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f5f7f9;text-align:left;}
#join-file-page .join-filter label {display:flex;flex:1 1 140px;min-width:0;flex-direction:column;gap:5px;font-size:15px;color:#4d5660;}
#join-file-page .join-filter input {box-sizing:border-box;min-width:0;width:100%;height:44px;border:1px solid #ccd2d8;border-radius:4px;padding:7px;background:#fff;font:inherit;font-size:16px;color:#282a2c;}
#join-file-page .join-filter .join-keyword {flex-basis:100%;}
#join-file-page .join-filter button {min-height:44px;border:1px solid #ccd2d8;border-radius:4px;padding:8px 16px;background:#fff;color:#333;font:inherit;font-size:15px;cursor:pointer;}
#join-file-page .join-filter button[type=submit] {background:#0054a7;border-color:#0054a7;color:#fff;}
#join-file-page .join-meta {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;text-align:left;font-size:15px;color:#687580;}
#join-file-page #join-period {display:block;margin-top:5px;font-size:14px;}
#join-file-page #join-message {margin:0 12px;color:#b34221;font-size:15px;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;}
#join-file-page #join-message:not(:empty) {padding:12px 0;}
#join-file-page .mem_info {line-height:20px;margin-bottom:9px;}
#join-file-page .mem_info strong {font-size:14px;line-height:1.5;padding:4px 8px;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;}
#join-file-page .join-club {font-size:18px;line-height:1.5;overflow-wrap:anywhere;}
#join-file-page .join-club strong {font-size:13px;line-height:1.6;}
#join-file-page .join-card .clearfix {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;}
#join-file-page .join-card .leftBox {font-size:15px;line-height:1.6;}
#join-file-page .join-card .rightBox {margin-left:auto;font-size:24px;line-height:1.5;}
#join-file-page .join-card .rightBox span {margin-left:3px;font-size:14px;white-space:nowrap;}
#join-file-page .join-time {font-size:16px;margin-top:10px;color:#4d5660;line-height:1.6;overflow-wrap:anywhere;}
#join-file-page .join-note {font-size:15px;color:#d65218;margin-top:7px;overflow-wrap:anywhere;}
#join-file-page .join-details {margin-top:12px;padding:12px;background:#f5f7f9;border-radius:4px;font-size:16px;line-height:1.7;}
#join-file-page .join-details-title {font-size:15px;color:#0054a7;}
#join-file-page .join-details p {margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere;}
#join-file-page .join-call {display:block;text-align:right;color:#0054a7;font-size:15px;font-weight:bold;margin-top:12px;padding:10px 0;overflow-wrap:anywhere;}
#join-file-page .join-empty {text-align:center;padding:40px 12px;color:#687580;}
#join-file-page button:focus-visible,#join-file-page a:focus-visible {outline:2px solid #0054a7;outline-offset:3px;}
.join-preview-banner {padding:10px 12px;background:#eef4fa;color:#0054a7;font-size:12px;text-align:center;line-height:1.6;}