.user-board-outer { padding: 100px 0; }
.user-board-heading { margin-bottom: 48px; text-align: center; }
.user-board-title { margin: 0; color: #223793; font-family: 'NEXONLv1Gothic','NanumSquareNeo',sans-serif; font-size: 54px; font-weight: 700; line-height: 1.2; }
.user-board-page { width: 1040px; margin: 0 auto; color: #262b36; font-family: 'NanumSquareNeo','Noto Sans KR','Malgun Gothic',sans-serif; font-size: 15px; line-height: 1.55; text-align: left; }
.user-board-page, .user-board-page * { box-sizing: border-box; }
.user-board-page > table { width: 100% !important; }
.user-board-list-page { padding: 48px 20px 54px; }
.user-board-list-page > table { width: 100% !important; margin: 0 auto; }
.user-board-list-page > table > tbody > tr:first-child > td { padding-bottom: 22px; }
.user-board-page table { border-collapse: collapse; }
.user-board-page .tr1 { height: 50px !important; background: #f5f7fc !important; color: #252a36; font-size: 14px; font-weight: 800; }
.user-board-page .tr2 { height: 58px; border-bottom: 1px solid #e8ebf1; background: #fff; transition: background .2s ease; }
.user-board-page .tr2:hover { background: #f9faff !important; }
.user-board-page .tr2 td { height: 58px !important; padding: 11px 10px; color: #555d6d; }
.user-board-page .tr2 a { color: #252a36; font-weight: 600; text-decoration: none; }
.user-board-page .tr2 a:hover { color: #223793; text-decoration: underline; text-underline-offset: 4px; }
.user-board-list-page form select, .user-board-list-page form input[type=text] { height: 44px !important; border: 1px solid #d9dee7; border-radius: 12px; background: #fff; padding: 0 14px; font-size: 14px; }
.user-board-list-page form select { width: 110px !important; }
.user-board-list-page form input[type=text] { width: 240px !important; }
.user-board-list-page form select:focus, .user-board-list-page form input[type=text]:focus { border-color: #223793; outline: none; box-shadow: 0 0 0 3px rgba(34,55,147,.1); }
.user-board-list-page form { margin: 0; }
.user-board-list-page form a.btn_s2 { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 20px; border: 0; border-radius: 999px; background: var(--ui-button-bg); color: var(--ui-button-text) !important; font-size: 14px; font-weight: 900; line-height: 44px; text-decoration: none !important; }
.boardList-search-area { margin-bottom: 22px; text-align: right; }
.boardList-search-form { display: inline-flex; align-items: center; justify-content: flex-end; gap: 8px; margin: 0; }
.boardList-select, .boardList-input { display: block; height: var(--ui-field-height) !important; margin: 0; padding: 0 14px; border: 1px solid var(--ui-field-border) !important; border-radius: var(--ui-field-radius) !important; background: var(--ui-box-bg); color: #222; font-family: inherit; font-size: 14px !important; line-height: 42px !important; vertical-align: middle !important; outline: none; }
.boardList-select { width: 110px !important; }
.boardList-input { width: 240px !important; }
.boardList-search-btn { display: inline-flex; flex: 0 0 auto; height: var(--ui-button-height); padding: 0 20px; align-items: center; justify-content: center; border-radius: var(--ui-button-radius); background: var(--ui-button-bg); color: var(--ui-button-text) !important; font-size: 14px; font-weight: 900; line-height: var(--ui-button-height); text-decoration: none !important; }
.boardList-select:focus, .boardList-input:focus { border-color: #223793 !important; box-shadow: 0 0 0 4px rgba(34,55,147,.12); }
.user-board-page a.btn_s { height: 44px; border: 0; border-radius: 999px; background: #223793; color: #fff !important; font-size: 15px; font-weight: 800; line-height: 44px; text-align: center; text-decoration: none !important; }
.user-board-page .b1, .user-board-page .b2 { display: inline-block; min-width: 72px; padding: 6px 8px; border-radius: 20px; box-sizing: border-box; font-size: 13px; font-weight: 700; line-height: 1.2; text-align: center; white-space: nowrap; word-break: keep-all; }
.user-board-page .b1 { background: #f1f2f5; color: #737987; }
.user-board-page .b2 { background: #edf1fb; color: #223793; }
.user-board-page .tr2 td:last-child { white-space: nowrap; }
.user-board-view-page > table { overflow: hidden; border-top: 2px solid #223793; border-radius: 12px 12px 0 0; }
.user-board-view-page td { line-height: 1.55; }
.user-board-view-page .tr1 { padding: 14px 18px !important; }
.user-board-write-page input[type=text], .user-board-write-page input[type=password], .user-board-write-page textarea { border: 1px solid #d8dde8 !important; border-radius: 8px; background: #fff; padding: 10px 12px; color: #303642; font-family: inherit; font-size: 15px; }
.user-board-write-page input[type=text], .user-board-write-page input[type=password] { height: 44px !important; }
.user-board-write-page textarea { min-height: 300px; line-height: 1.55; resize: vertical; }
.user-board-write-page input:focus, .user-board-write-page textarea:focus { border-color: #223793 !important; outline: none; box-shadow: 0 0 0 3px rgba(34,55,147,.1); }
.user-board-write-page .f_tl01 { margin-bottom: 10px; color: #252a36; font-size: 16px; font-weight: 800; }
.user-board-write-page { padding: 52px 48px 58px; }
.user-board-write-page > table { width: 100% !important; }
.boardWrite-form-card { position: relative; display: block; width: 100%; padding: 42px 38px 34px; border: 1px solid var(--ui-box-border); border-radius: var(--ui-box-radius); box-sizing: border-box; background: var(--ui-box-bg); box-shadow: var(--ui-box-shadow); }
.boardWrite-form-card::before { content: ""; position: absolute; top: 0; left: 34px; width: 74px; height: var(--ui-point-size); border-radius: 0 0 var(--ui-point-size) var(--ui-point-size); background: var(--ui-primary); }
.boardWrite-form-card::after { content: ""; position: absolute; top: 22px; left: 38px; width: 9px; height: 9px; border-radius: 50%; background: var(--ui-primary, #223793); box-shadow: 15px 0 0 var(--ui-status-done-border, #cad4ef); }
.boardWrite-card-head { margin-bottom: 20px; }
.boardWrite-fields { width: 100% !important; margin-top: 0; }
.boardWrite-fields input[type=text], .boardWrite-fields input[type=password], .boardWrite-fields textarea { width: 100% !important; }
.boardWrite-fields #capcha { width: 180px !important; }
.boardWrite-fields > tbody > tr > td { box-sizing: border-box; }
.boardWrite-fields .f_tl01 { position: relative; padding-left: 13px; }
.boardWrite-fields .f_tl01::before { content: ""; position: absolute; top: 50%; left: 0; width: 5px; height: 5px; margin-top: -3px; border-radius: 50%; background: var(--ui-primary, #223793); }
.boardWrite-actions { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; margin-top: 10px; }
.boardWrite-actions .btn_s { display: flex !important; width: 180px !important; height: var(--ui-button-height) !important; align-items: center; justify-content: center; line-height: 1 !important; }

.sparkling-modal-overlay { background: rgba(16,20,32,.72) !important; }
.sparkling-modal-frame { overflow: hidden; border-radius: 18px; background: #fff !important; box-shadow: 0 22px 60px rgba(0,0,0,.28) !important; }
.sparkling-modal-close { top: 12px !important; right: 12px !important; background: #f1f3f7 !important; }
.user-password-html, .user-password-body { width: 100%; height: 100%; overflow: hidden; }
.user-password-body { margin: 0; padding: 0; background: #fff; color: #252a36; font-family: 'NanumSquareNeo','Malgun Gothic',sans-serif; }
.user-password-card { width: 100%; padding: 34px 38px 28px; box-sizing: border-box; text-align: center; }
.user-password-icon { display: flex; width: 54px; height: 54px; margin: 0 auto 18px; align-items: center; justify-content: center; border-radius: 50%; background: #edf1fb; color: #223793; font-size: 15px; font-weight: 900; }
.user-password-title { margin: 0; color: #1e2430; font-size: 24px; line-height: 1.35; }
.user-password-description { margin: 10px 0 26px; color: #717887; font-size: 14px; line-height: 1.55; }
.user-password-form { text-align: left; }
.user-password-label { display: block; margin-bottom: 8px; color: #343a46; font-size: 14px; font-weight: 800; }
.user-password-input { display: block; width: 100%; height: 48px; padding: 0 14px; border: 1px solid #d9dee7; border-radius: 12px; box-sizing: border-box; font-size: 16px; outline: none; }
.user-password-input:focus { border-color: #223793; box-shadow: 0 0 0 4px rgba(34,55,147,.11); }
.user-password-submit { display: flex; width: 100%; height: 48px; margin-top: 14px; align-items: center; justify-content: center; border-radius: 999px; background:var(--ui-primary); color: #fff !important; font-size: 15px; font-weight: 900; text-decoration: none !important; }

.user-board-list-page .board-secret { flex-shrink: 0; margin-left: 6px; color: #ef4444; vertical-align: middle; }