/* ===========================
   Board pages: notice / qna
=========================== */
.board-page{background:#f6f8fb;min-height:60vh;padding-bottom:70px;}
.board-hero{padding:150px 20px 60px;background:linear-gradient(135deg,#0b4b78,#0d8cab);color:#fff;text-align:center;}
.board-inner{max-width:1200px;margin:0 auto;}
.board-inner p{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:.22em;opacity:.88;}
.board-inner h1{margin:0;font-size:42px;font-weight:900;letter-spacing:-.04em;}
.board-inner span{display:block;margin-top:14px;font-size:16px;opacity:.86;}
.board-section{max-width:1200px;margin:-28px auto 0;padding:0 20px;}
.board-search{display:grid;grid-template-columns:150px minmax(0,1fr) 108px;gap:10px;align-items:stretch;background:#fff;border:1px solid rgba(13,70,110,.1);box-shadow:0 18px 50px rgba(18,45,80,.11);border-radius:22px;padding:18px;margin-bottom:22px;}
.board-search select,.board-search input[type=text]{display:block;width:100%;height:52px;min-height:52px;margin:0;border:1px solid #dbe4ef;border-radius:12px;background:#fff;padding:0 16px;font-family:inherit;font-size:15px;color:#18324a;outline:none;box-sizing:border-box;vertical-align:top;line-height:normal;}
.board-search select{grid-column:auto;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6f8395 50%),linear-gradient(135deg,#6f8395 50%,transparent 50%);background-position:calc(100% - 22px) 22px,calc(100% - 16px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px;}
.board-search input{min-width:0;}
.board-search button{display:flex;align-items:center;justify-content:center;width:100%;height:52px;min-height:52px;margin:0;border:0;border-radius:12px;background:#0c83a7;color:#fff;font-weight:800;font-size:15px;cursor:pointer;transition:.2s;padding:0 22px;box-sizing:border-box;}
.board-search button:hover{background:#086c8c;transform:translateY(-1px);}
.board-count{margin:0 0 12px;padding-left:20px;color:#52697d;font-size:14px;}
.board-count strong{color:#0c83a7;}
.board-top-actions{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;gap:10px;}
.board-bottom-actions{position:relative;display:flex;align-items:center;justify-content:center;margin-top:30px;min-height:42px;}
.board-bottom-actions .board-pagination{margin:0;}
.board-bottom-actions .board-write-btn{position:absolute;right:0;top:0;}
.board-write-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 18px;border-radius:999px;background:#0f2540;color:#fff;text-decoration:none;font-weight:800;font-size:14px;}
.board-list-wrap,.board-view,.pw-check-box{background:#fff;border:1px solid rgba(13,70,110,.1);border-radius:22px;box-shadow:0 18px 50px rgba(18,45,80,.08);overflow:hidden;}
.board-list-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.board-list-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.board-list-table th{height:48px;background:#f0f6fa;color:#20364b;font-size:14px;border-bottom:1px solid #e1eaf1;}
.board-list-table td{height:46px;border-bottom:1px solid #edf2f6;color:#4d6377;font-size:15px;text-align:center;}
.board-list-table tr:last-child td{border-bottom:0;}
.board-list-table .num{width:92px;}
.board-list-table .date{width:140px;}
.board-list-table .writer{width:120px;}
.board-list-table .title{text-align:left;padding:0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board-list-table .title a{color:#1d3347;text-decoration:none;font-weight:700;}
.board-list-table .title a:hover{color:#0c83a7;text-decoration:underline;}
.board-list-table .empty{height:150px;text-align:center;color:#789;}
.reply-mark{display:inline-flex;margin-right:6px;padding:2px 8px;border-radius:999px;background:#eaf7fb;color:#0c83a7;font-size:12px;font-weight:800;vertical-align:middle;}
.lock-mark{display:inline-block;margin-right:4px;font-size:13px;vertical-align:middle;}

.notice-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:54px;height:26px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#0c83a7,#0b4b78);color:#fff;font-size:12px;font-weight:900;letter-spacing:-.02em;box-shadow:0 5px 14px rgba(12,131,167,.22);}
.notice-badge:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:rgba(255,255,255,.24);font-size:11px;font-weight:900;line-height:1;}
.board-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:30px 0 0;}
.board-pagination a,.board-pagination strong{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;border:1px solid #dbe4ef;background:#fff;color:#51697d;text-decoration:none;font-weight:700;}
.board-pagination strong{background:#0c83a7;border-color:#0c83a7;color:#fff;}
.board-view header{padding:32px 34px 22px;border-bottom:1px solid #e8eef4;background:#fbfdff;}
.board-view h2{margin:0;color:#172d42;font-size:28px;line-height:1.35;letter-spacing:-.04em;}
.board-view .meta{display:flex;gap:14px;margin-top:12px;color:#71869a;font-size:14px;}
.board-view-content{min-height:260px;padding:34px;color:#2c4053;font-size:16px;line-height:1.85;word-break:break-all;}
.board-btns{display:flex;justify-content:center;margin-top:24px;}
.board-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;min-width:120px;border-radius:999px;background:#0f2540;color:#fff;text-decoration:none;font-weight:800;}
.board-check-section{display:flex;justify-content:center;}
.pw-check-box{width:100%;max-width:520px;padding:38px;text-align:center;}
.pw-check-box h2{margin:0 0 10px;color:#172d42;font-size:26px;letter-spacing:-.04em;}
.pw-check-box p{margin:0 0 22px;color:#6c7f91;}
.pw-check-box input[type=password]{width:100%;height:54px;border:1px solid #dbe4ef;border-radius:14px;padding:0 16px;font-size:16px;outline:none;}
.pw-check-actions{display:flex;gap:10px;margin-top:18px;}
.pw-check-actions a,.pw-check-actions button{flex:1;height:50px;border-radius:14px;border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;cursor:pointer;}
.pw-check-actions a{background:#edf2f6;color:#354b5f;}
.pw-check-actions button{background:#0c83a7;color:#fff;}
@media (max-width:700px){
  .board-hero{padding:112px 18px 44px;}
  .board-inner h1{font-size:32px;}
  .board-inner span{font-size:14px;}
  .board-section{padding:0 14px;margin-top:-20px;}
  .board-search{grid-template-columns:118px minmax(0,1fr);gap:8px;padding:14px;border-radius:18px;}
  .board-search select{width:100%;}
  .board-search button{grid-column:1 / 3;width:100%;}
  .board-bottom-actions{display:block;margin-top:24px;}
  .board-bottom-actions .board-write-btn{position:static;width:100%;margin-top:14px;}
  .board-count{padding-left:10px;}
  .board-list-table .num{width:54px;}
  .board-list-table .date{width:88px;}
  .board-list-table .writer{width:72px;}
  .board-list-table th,.board-list-table td{font-size:13px;height:44px;}
  .board-list-table .title{padding:0 10px;}
  .board-view header{padding:24px 20px 18px;}
  .board-view h2{font-size:23px;}
  .board-view-content{padding:24px 20px;font-size:15px;}
  .pw-check-box{padding:28px 18px;border-radius:18px;}
}

/* table row hover */
.board-list-table tbody tr{transition:background-color .18s ease;}
.board-list-table tbody tr:hover td{background:#f5fbfe;}
.board-list-table tbody tr:hover .title a{color:#0c83a7;}

/* search button icon */
.board-search button{gap:7px;}
.board-search button:before{content:"\1F50D";display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;filter:grayscale(1) brightness(0) invert(1);}

/* Q&A write form */
.board-write-form{width:100%;}
.write-form-card{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;background:#fff;border:1px solid rgba(13,70,110,.1);border-radius:22px;box-shadow:0 18px 50px rgba(18,45,80,.08);padding:34px;}
.form-row{display:flex;flex-direction:column;gap:8px;}
.form-row.full{grid-column:1 / 3;}
.form-row label{color:#20364b;font-size:15px;font-weight:800;letter-spacing:-.02em;}
.form-row label span{color:#0c83a7;}
.form-row input[type=text],.form-row input[type=password],.form-row input[type=email],.form-row textarea{width:100%;border:1px solid #dbe4ef;border-radius:14px;background:#fff;color:#18324a;font-family:inherit;font-size:15px;outline:none;box-sizing:border-box;transition:.18s;}
.form-row input[type=text],.form-row input[type=password],.form-row input[type=email]{height:52px;padding:0 16px;line-height:52px;}
.form-row textarea{min-height:220px;padding:16px;line-height:1.75;resize:vertical;}
.form-row input:focus,.form-row textarea:focus{border-color:#0c83a7;box-shadow:0 0 0 4px rgba(12,131,167,.1);}
.radio-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:14px;}
.radio-row>label{margin:0;}
.radio-group{display:flex;align-items:center;gap:20px;min-height:52px;}
.radio-group label{display:inline-flex;align-items:center;gap:7px;color:#394f63;font-size:15px;font-weight:700;cursor:pointer;}
.radio-group input{width:17px;height:17px;accent-color:#0c83a7;}
.captcha-box{display:grid;grid-template-columns:170px minmax(0,1fr) 110px;gap:10px;align-items:center;}
.captcha-box img,.captcha-fallback{width:170px;height:52px;border:1px solid #dbe4ef;border-radius:14px;background:#f3f7fa;box-sizing:border-box;object-fit:cover;}
.captcha-fallback{align-items:center;justify-content:center;color:#6b7f92;font-size:14px;font-weight:800;}
.captcha-refresh{height:52px;border:0;border-radius:14px;background:#eef4f8;color:#20364b;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:.18s;}
.captcha-refresh:hover{background:#dfeaf1;color:#0c83a7;}
.privacy-agree{grid-column:1 / 3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:16px;background:#f5f9fc;color:#2b4054;font-size:15px;font-weight:700;}
.privacy-agree label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;}
.privacy-agree input{width:18px;height:18px;accent-color:#0c83a7;}
.privacy-agree a{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:36px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #dbe4ef;color:#0c83a7;text-decoration:none;font-size:14px;font-weight:900;}
.board-write-actions{gap:10px;}
.board-btn.gray{background:#edf2f6;color:#354b5f;}
.board-btn.submit{border:0;background:#0c83a7;color:#fff;font-family:inherit;font-size:15px;cursor:pointer;}
.board-btn.submit:hover{background:#086c8c;}

/* Q&A write: title + public setting on one PC row */
.form-row-title{min-width:0;}
.form-row-title input{min-width:0;}
@media (max-width:700px){
  .write-form-card{display:block;padding:22px 16px;border-radius:18px;}
  .form-row{margin-bottom:16px;}
  .form-row.full{grid-column:auto;}
  .radio-row{display:block;}
  .radio-row>label{display:block;margin-bottom:8px;}
  .captcha-box{grid-template-columns:1fr 96px;gap:8px;}
  .captcha-box img,.captcha-fallback{grid-column:1 / 3;width:100%;}
  .captcha-box input{grid-column:1 / 2;}
  .captcha-refresh{grid-column:2 / 3;padding:0 8px;font-size:13px;}
  .privacy-agree{display:block;padding:16px;}
  .privacy-agree a{margin-top:12px;width:100%;box-sizing:border-box;}
  .board-write-actions{display:grid;grid-template-columns:1fr 1fr;}
  .board-write-actions .board-btn{width:100%;min-width:0;box-sizing:border-box;}
}

/* Q&A write: phone + public setting on one PC row */
.radio-row-inline{display:flex;flex-direction:column;gap:8px;align-items:stretch;}
.radio-row-inline .radio-group{height:52px;min-height:52px;padding:0 16px;border:1px solid #dbe4ef;border-radius:14px;box-sizing:border-box;background:#fff;}
@media (max-width:700px){
  .radio-row-inline{display:block;}
  .radio-row-inline .radio-group{padding:0 14px;}
}

/* 모바일 공지 배지 줄바꿈 방지 */
.notice-badge{
  box-sizing:border-box;
  flex-wrap:nowrap;
  flex-shrink:0;
  white-space:nowrap;
  line-height:1;
}
@media (max-width:700px){
  .notice-badge{
    min-width:48px;
    height:24px;
    padding:0 6px;
    gap:3px;
    font-size:11px;
  }
  .notice-badge:before{
    width:13px;
    height:13px;
    font-size:10px;
    flex:0 0 13px;
  }
}

/* 공지 제목 우측 첨부파일 아이콘 */
.board-title-line{display:flex;align-items:center;min-width:0;max-width:100%;}
.board-title-line>a:first-child{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board-title-line .notice-file-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;margin-left:7px;text-decoration:none;}
.board-title-line .notice-file-icon img{display:block;width:16px;height:16px;object-fit:contain;}

/* 공지 상세 첨부파일 */
.board-view-file{
    padding:22px 34px 22px;
    background:#fbfdff;
    border-bottom:1px solid #e8eef4;
}

.board-view-file a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:0 16px;
    border:1px solid #dbe4ef;
    border-radius:12px;
    background:#fff;
    color:#0c83a7;
    font-size:14px;
    font-weight:800;
    text-decoration:none;
    transition:.18s;
}

.board-view-file a:hover{
    border-color:#0c83a7;
    background:#f2fbfe;
    color:#086c8c;
}

.board-view-file i{
    font-size:16px;
}

@media (max-width:700px){
    .board-view-file{
        padding:0 20px 18px;
    }

    .board-view-file a{
        width:100%;
        justify-content:center;
        box-sizing:border-box;
    }
}