.content-area { margin-top:30px; }
/*
.content-area h2 { position:relative; display:inline-block; font-size:30px; font-weight:500; padding-bottom:5px; }
.content-area h2:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:#b90009; }
.content-area h2:not(:first-child) {margin-top:20px; }
.content-area p { margin-top:10px; line-height:160%; }
.content-area img { width:100%; margin-left:50%; transform:translateX(-50%); margin-top:20px; margin-bottom:20px; }
*/

.outlogin { width:100%; }
.outlogin .login-links { display:flex; justify-content:center; align-items:center; gap:10px; }
.outlogin .login-links a { flex:1; display:flex; justify-content:center; align-items:center; }


.login-userbox { padding: 12px; background: #f9f9f9; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; }
.login-userbox p { margin: 6px 0; display: flex; align-items: center; gap: 8px; }
.login-userbox strong { color: #333; font-weight: 600; }
.login-userbox img { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #ccc; }
.login-userbox a { color: #0073aa; text-decoration: none; margin-left: 4px; }
.login-userbox a:hover { text-decoration: underline; color: #005177; }


.notice-box h2 { font-size:16px; font-weight:bold; padding:0 10px; display:flex; align-items:center; height:40px; border-radius:5px; background:#f4f4f4; }
.notice-box h2 a { width:100%; eight:100%; display:flex; align-items:center; justify-content:space-between; }
.notice-box h2 span { color:#999; }
.notice-box ul { margin-top:10px; }
.notice-box ul li { height:35px; }
.notice-box ul li a { max-width: 220px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; min-width: 0; }
.notice-box ul li .num { width:25px; height:25px; display:flex; justify-content:center; align-items:center; background:#E0E0E0; border-radius:3px; font-weight:bold; color:#999999; }
.notice-box ul li:nth-child(1) .num { background:#DB3232; color:#fff; }
.notice-box ul li:nth-child(2) .num { background:#999999; color:#fff; }
.notice-box ul li:nth-child(3) .num { background:#999999; color:#fff; }
.notice-box ul .no-post { height:100px; display:flex; justify-content:center; align-items:center; color:#999; }