@charset "utf-8";
/* ============================================================
   user/board/write.php — 의견 작성
   ============================================================ */
#main { padding:0; }

/* 히어로 */
.wr-hero {
    background:#1B4B9B;
    background-image:linear-gradient(135deg,#173F86 0%,#1F58B8 100%);
    color:#fff; text-align:center; padding:52px 0 48px;
}
.wr-hero-badge {
    display:inline-block; background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.30); border-radius:20px;
    font-size:13px; font-weight:700; padding:5px 16px; margin-bottom:16px;
}
.wr-hero-title { font-size:clamp(24px,4vw,34px); font-weight:900; letter-spacing:-.02em; margin-bottom:12px; word-break:keep-all; }
.wr-hero-sub { font-size:15px; color:rgba(255,255,255,.85); word-break:keep-all; }

/* 본문 */
.wr-body { padding:48px 0 64px; background:var(--surface-soft,#F6F7F9); }
.wr-layout { display:grid; grid-template-columns:1fr; gap:24px; max-width:1040px; margin:0 auto; }
@media(min-width:900px){ .wr-layout{ grid-template-columns:1.6fr 1fr; gap:28px; align-items:start; } }

/* 로그인 안내 */
.wr-login-box {
    background:#FBF1D6; border:1.5px solid #EBD9A3; border-radius:14px;
    padding:20px 22px; margin-bottom:20px;
    display:grid; grid-template-columns:auto 1fr auto; gap:16px; align-items:center;
}
.wr-login-ic { font-size:30px; }
.wr-login-txt strong { display:block; font-size:16px; font-weight:800; color:#7A5B00; margin-bottom:5px; }
.wr-login-txt p { font-size:13px; color:#8A6D2E; line-height:1.6; word-break:keep-all; }
.wr-login-btns { display:flex; flex-direction:column; gap:8px; flex-shrink:0; }
@media(max-width:900px){ .wr-login-box{ grid-template-columns:1fr; text-align:center; } .wr-login-btns{ flex-direction:row; justify-content:center; } .wr-login-btns .btn{ flex:1; } }

/* 작성 카드 */
.wr-card { background:#fff; border:1px solid var(--border-soft,#D3D7DE); border-radius:16px; padding:32px 30px; }
@media(max-width:560px){ .wr-card{ padding:24px 18px; } }
.wr-card-title { font-size:21px; font-weight:800; color:#1B4B9B; margin-bottom:6px; }
.wr-card-sub { font-size:16px; color:#333; line-height:1.6; margin-bottom:22px; word-break:keep-all; }

.wr-sms-chk { display:flex; align-items:center; gap:9px; font-size:14px; color:#333; margin-top:6px; }
.wr-sms-chk input { flex-shrink:0; width:16px; height:16px; }
.wr-sms-chk em { font-style:normal; color:var(--color-text-mute); font-size:13px; font-weight:400; }

.wr-btn-row { display:flex; flex-direction:row; flex-wrap:nowrap; gap:10px; margin-top:24px; }
.wr-btn-row .btn-line { flex:0 0 84px; }
.wr-btn-row .btn-primary { flex:1; min-width:0; height:52px; font-size:16px; }

/* 사이드바 */
.wr-side-col { display:flex; flex-direction:column; gap:18px; }
.wr-side-card { background:#fff; border:1px solid var(--border-soft,#D3D7DE); border-radius:14px; padding:20px 22px; }
.wr-side-head { font-size:17px; font-weight:800; color:#16264D; margin-bottom:14px; }
.wr-side-list { list-style:none; padding:0; margin:0; }
.wr-side-list li { position:relative; padding-left:14px; font-size:16px; color:#333; line-height:1.6; margin-bottom:10px; word-break:keep-all; }
.wr-side-list li:last-child { margin-bottom:0; }
.wr-side-list li::before { content:"·"; position:absolute; left:2px; color:#1B4B9B; font-weight:800; }
.wr-side-steps { list-style:none; padding:0; margin:0; }
.wr-side-steps li { display:flex; align-items:flex-start; gap:9px; font-size:16px; color:#333; line-height:1.5; margin-bottom:12px; word-break:keep-all; }
.wr-side-steps li:last-child { margin-bottom:0; }
.wr-step-no { flex-shrink:0; width:20px; height:20px; border-radius:50%; background:#1B4B9B; color:#fff; font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; }