/* 고객센터 게시판 (support.html / en/support.html) */
.board-section[hidden]{display:none}
.board-section .section-head{margin-bottom:38px}
.board{min-height:420px}

/* toolbar */
.board-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.board-count{color:var(--dim);font-size:15px;font-weight:600}
.board-count b{color:var(--blue);font-weight:800}
.board-search{display:flex;height:52px;border:1px solid #cbd2d8;background:#fff}
.board-search select{height:100%;min-width:132px;padding:0 38px 0 18px;border:0;border-right:1px solid #cbd2d8;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%230a0a0a'/%3E%3C/svg%3E") no-repeat right 16px center;color:var(--text);font:inherit;font-size:15px;font-weight:700;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none}
.board-search input{width:min(280px,42vw);height:100%;padding:0 16px;border:0;background:transparent;color:var(--text);font:inherit;font-size:15px;outline:none}
.board-search input::placeholder{color:#8c949c}
.board-search button{display:grid;width:52px;height:100%;place-items:center;border:0;background:transparent;color:#4b5560;cursor:pointer;transition:color .2s}
.board-search button:hover,.board-search button:focus-visible{color:var(--blue)}
.board-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,71,187,.1)}
.board-search svg{width:20px;height:20px}

/* list */
.board-list{list-style:none;border-top:2px solid var(--text)}
.board-item{border-bottom:1px solid var(--line)}
.board-item>a{display:grid;align-items:center;gap:clamp(24px,3.4vw,46px);padding:36px clamp(8px,2vw,34px);grid-template-columns:1fr;transition:background .2s}
.board-item.has-thumb>a{grid-template-columns:360px 1fr}
.board-item>a:hover,.board-item>a:focus-visible{background:#f6f8fb}
.board-thumb{overflow:hidden;aspect-ratio:3/2;border:1px solid var(--line);background:#e9eef3}
.board-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.board-item>a:hover .board-thumb img{transform:scale(1.04)}
.board-item time{display:block;color:var(--blue);font-size:17px;font-weight:600;letter-spacing:-.01em}
.board-item h3{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.35;letter-spacing:-.035em;word-break:keep-all}
.board-item h3 span.board-title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.board-excerpt{display:-webkit-box;margin-top:16px;overflow:hidden;color:#444c55;font-size:16px;line-height:1.8;word-break:keep-all;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.board-badge{display:inline-flex;align-items:center;flex:none;height:26px;padding:0 10px;border-radius:4px;background:var(--orange);color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em}
.board-item.is-pinned{background:#fbfcfd}
.board-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.board-files span{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 12px;border:1px solid #cfd6dd;border-radius:999px;background:#fff;color:#4b5560;font-size:13px;font-weight:600}
.board-files span::before{width:14px;height:14px;flex:none;background:currentColor;content:"";-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E") center/contain no-repeat}
.board-files span em{max-width:260px;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.board-status{padding:90px 20px;border-top:2px solid var(--text);border-bottom:1px solid var(--line);color:var(--dim);font-size:18px;font-weight:600;text-align:center}
.board-status.is-error{color:#c0392b}

/* pagination */
.board-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:40px}
.board-pagination a,.board-pagination span{display:grid;min-width:42px;height:42px;place-items:center;padding:0 8px;border:1px solid transparent;border-radius:6px;color:#4b5560;font-size:15px;font-weight:600;transition:.2s}
.board-pagination a:hover,.board-pagination a:focus-visible{border-color:#cbd2d8;color:var(--blue)}
.board-pagination .is-current{border-color:var(--blue);background:var(--blue);color:#fff}
.board-pagination .is-disabled{color:#c2c8ce;pointer-events:none}
.board-pagination svg{width:16px;height:16px}

/* detail */
.board-detail{border-top:2px solid var(--text)}
.board-detail__head{padding:34px clamp(8px,2vw,34px) 30px;border-bottom:1px solid var(--line)}
.board-detail__head h3{display:flex;align-items:flex-start;gap:12px;font-size:clamp(1.5rem,2.3vw,2.2rem);line-height:1.35;letter-spacing:-.04em;word-break:keep-all}
.board-detail__head h3 .board-badge{margin-top:.45em}
.board-detail__meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;color:var(--dim);font-size:15px;font-weight:600}
.board-detail__meta time{color:var(--blue)}
.board-detail__figure{margin:40px clamp(8px,2vw,34px) 0}
.board-detail__figure img{display:block;max-width:100%;max-height:720px;margin:0 auto;object-fit:contain}
.board-detail__content{padding:40px clamp(8px,2vw,34px) 56px;color:#2c333a;font-size:17px;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}
.board-detail__content p+p{margin-top:1.2em}
.board-detail__content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.board-detail__content--empty{color:#8c949c}
.board-detail__files{padding:26px clamp(8px,2vw,34px);border-top:1px solid var(--line);background:#f6f8fb}
.board-detail__files h4{margin-bottom:12px;font-size:15px;font-weight:800}
.board-detail__files ul{display:grid;gap:8px;list-style:none}
.board-detail__files a{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:10px 16px;border:1px solid #cfd6dd;border-radius:8px;background:#fff;font-size:15px;font-weight:600;transition:.2s}
.board-detail__files a:hover,.board-detail__files a:focus-visible{border-color:var(--blue);color:var(--blue)}
.board-detail__files a em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.board-detail__files a small{flex:none;color:#8c949c;font-size:13px;font-weight:500}
.board-detail__files svg{width:18px;height:18px;flex:none}
.board-detail__nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.board-detail__nav a,.board-detail__nav div{display:grid;align-items:center;gap:20px;padding:18px clamp(8px,2vw,34px);grid-template-columns:90px 1fr auto;font-size:16px}
.board-detail__nav a+a,.board-detail__nav a+div,.board-detail__nav div+a{border-top:1px solid var(--line)}
.board-detail__nav b{color:#4b5560;font-size:14px;font-weight:800}
.board-detail__nav span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.board-detail__nav time{color:#8c949c;font-size:14px}
.board-detail__nav a:hover span,.board-detail__nav a:focus-visible span{color:var(--blue)}
.board-detail__nav div span{color:#aab2b9;font-weight:500}
.board-detail__actions{display:flex;justify-content:center;margin-top:36px}
.board-button{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:16px 30px;border:1px solid var(--text);background:var(--text);color:#fff;font-size:15px;font-weight:800;transition:.2s}
.board-button:hover,.board-button:focus-visible{border-color:var(--blue);background:var(--blue)}

@media(max-width:1000px){.board-item.has-thumb>a{grid-template-columns:260px 1fr}}
@media(max-width:760px){
  .board-toolbar{align-items:stretch;flex-direction:column;gap:14px}
  .board-search{width:100%}
  .board-search input{width:100%;flex:1}
  .board-search select{min-width:108px;padding-left:14px}
  .board-item>a,.board-item.has-thumb>a{grid-template-columns:1fr;gap:18px;padding:26px 4px}
  .board-thumb{max-width:100%}
  .board-item time{font-size:15px}
  .board-item h3{font-size:1.2rem}
  .board-excerpt{font-size:15px}
  .board-detail__head{padding:26px 4px 22px}
  .board-detail__figure,.board-detail__content{margin-left:4px;margin-right:4px;padding-left:0;padding-right:0}
  .board-detail__content{padding:30px 4px 44px;font-size:16px}
  .board-detail__files{padding:20px 14px}
  .board-detail__nav a,.board-detail__nav div{grid-template-columns:64px 1fr;padding:16px 4px}
  .board-detail__nav time{display:none}
  .board-pagination a,.board-pagination span{min-width:36px;height:36px;font-size:14px}
}

/* 관리자 전용 도구 (로그인한 관리자에게만 렌더링) */
.admin-write{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 22px;background:var(--blue);color:#fff;font-size:15px;font-weight:800;white-space:nowrap;transition:background .2s}
.admin-write:hover,.admin-write:focus-visible{background:#003a9a}
.admin-write svg{width:17px;height:17px}
.board-toolbar .admin-write{margin-left:10px}
.board-toolbar{flex-wrap:wrap}
.board-toolbar .board-search{margin-left:auto}
.admin-flag{display:inline-flex;align-items:center;flex:none;height:24px;padding:0 9px;border-radius:4px;background:#e4e8ec;color:#4b5560;font-size:12px;font-weight:800;letter-spacing:.02em}
.board-item h3 .admin-flag{margin-right:2px}
.admin-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 22px;padding:10px 12px 10px 16px;border:1px dashed #b9c6d8;border-radius:8px;background:#f4f8fd}
.admin-bar__label{display:flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:800}
.admin-settings{position:relative}
.admin-settings__button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1px solid #c6ced6;border-radius:6px;background:#fff;color:var(--text);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:.2s}
.admin-settings__button:hover,.admin-settings__button[aria-expanded="true"]{border-color:var(--blue);color:var(--blue)}
.admin-settings__button svg{width:15px;height:15px}
.admin-settings__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:grid;min-width:170px;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 18px 40px rgba(14,28,43,.18)}
.admin-settings__menu[hidden]{display:none}
.admin-settings__menu a,.admin-settings__menu button{display:block;width:100%;padding:10px 12px;border:0;border-radius:6px;background:none;color:var(--text);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.admin-settings__menu a:hover,.admin-settings__menu button:hover,.admin-settings__menu a:focus-visible,.admin-settings__menu button:focus-visible{background:#f3f6fa;outline:none}
.admin-settings__menu .is-danger{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 6px 6px;color:#c0392b}
.admin-settings__menu .is-danger:hover{background:#fdecea}

/* 인재채용 > 채용공고 */
.jobs-board{margin-top:42px}
.jobs-board .recruitment-board-wrap{margin-top:0}
.jobs-admin-row{display:flex;justify-content:flex-end;margin-bottom:14px}
.jobs-admin-row .admin-write{height:46px}
.recruitment-board .job-title a{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;text-align:left;transition:color .2s}
.recruitment-board .job-title a span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recruitment-board .job-title a:hover,.recruitment-board .job-title a:focus-visible{color:var(--blue)}
.recruitment-board td.job-title{padding-left:32px;text-align:left}
.recruitment-board .job-period{font-size:15px;white-space:nowrap}
.recruitment-board tr.job-row:hover td{background:#f6f8fb}
.recruitment-board tr.is-closed .job-title a{color:#7a838c}
.recruitment-board tr.is-hidden td{background:#fafbfc}
.recruitment-board .recruitment-board__empty.is-error{color:#c0392b}
.job-status{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:30px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap}
.job-status--open{background:var(--blue);color:#fff}
.job-status--always{background:#e8effa;color:var(--blue)}
.job-status--upcoming{background:#fff1e6;color:#b04a00}
.job-status--closed{background:#eceff2;color:#6b737b}
.job-meta{display:grid;gap:10px 28px;margin-top:18px;grid-template-columns:repeat(4,auto);justify-content:start}
.job-meta div{display:flex;align-items:center;gap:10px;font-size:15px}
.job-meta dt{color:var(--dim);font-weight:700}
.job-meta dd{font-weight:600}
.job-detail{background:#fff}
@media(max-width:760px){
  .admin-write{height:46px}
  .board-toolbar .admin-write{width:100%;justify-content:center;margin-left:0}
  .board-toolbar .board-search{margin-left:0}
  .job-meta{grid-template-columns:1fr 1fr}
  .recruitment-board td.job-title{padding-left:20px}
}