.nbd form{margin:0}
.nbd .wrap{display:flex;flex-direction:column}
.nbd #kboard-default-list{display:contents}
.nbd .kboard-category.category-mobile{display:none}
.nbd .kboard-category.category-pc{order:1}
.nbd .kboard-search{order:2}
.nbd .kboard-list{order:3}
.nbd .paging{order:4}
.nbd .wrap>.btn_box{order:5}

.nbd .kboard-category-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}
.nbd .kboard-category-list a{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:16px;font-weight:700;color:var(--ink-2);transition:.2s}
.nbd .kboard-category-list a:hover{border-color:var(--blue);color:var(--blue)}
.nbd .kboard-category-list .kboard-category-selected a{background:var(--ink);border-color:var(--ink);color:#fff}

.nbd .kboard-search{display:flex;justify-content:flex-end;padding-bottom:18px;border-bottom:2px solid var(--ink);text-align:left}
.nbd .kboard-search form{position:relative;display:flex;gap:6px;flex:0 1 520px;min-width:0}
.nbd .kboard-search select{flex:0 0 auto;height:48px;padding:0 34px 0 14px;border:1px solid var(--line);border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5566' stroke-width='2'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px;font-size:16px;color:var(--ink);-webkit-appearance:none;appearance:none}
.nbd .kboard-search input[name=search]{flex:1 1 auto;width:0;min-width:0;height:48px;padding:0 52px 0 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:16px;color:var(--ink);transition:border-color .2s}
.nbd .kboard-search input[name=search]:focus{outline:none;border-color:var(--blue)}
.nbd .kboard-search button{position:absolute;right:5px;top:5px;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M16.3 16.3 21 21'/%3E%3C/svg%3E") no-repeat center/19px;font-size:0;color:transparent;cursor:pointer}

.nbd .kboard-list table{display:block;width:100%;border-collapse:collapse}
.nbd .kboard-list thead,.nbd .kboard-list tbody{display:block}
.nbd .kboard-list tr{display:grid;grid-template-columns:80px auto minmax(0,1fr) 100px 120px 80px;align-items:center;column-gap:12px;border-bottom:1px solid var(--line)}
.nbd .kboard-list td{display:block;padding:0;min-width:0;text-align:center;font-size:15.5px;color:var(--ink-3)}
.nbd .kboard-list thead tr{padding:14px 10px}
.nbd .kboard-list thead td{font-weight:700}
.nbd .kboard-list thead td:nth-child(2){display:none}
.nbd .kboard-list thead td:nth-child(3){grid-column:2 / 4;text-align:left}
.nbd .kboard-list tbody tr{padding:22px 10px;transition:background .2s}
.nbd .kboard-list tbody tr:hover{background:#f7fafd}
.nbd .kboard-list tr.kboard-list-notice{background:#f4f9fe}
.nbd .kboard-list td.kboard-list-uid img{display:none}
.nbd .kboard-list tr.kboard-list-notice td.kboard-list-uid::before{content:'공지';display:inline-flex;padding:3px 12px;border-radius:999px;background:var(--blue);color:#fff;font-size:13px;font-weight:800;line-height:1.5}
.nbd .kboard-list tbody td:nth-child(2){text-align:left}
.nbd .kboard-list div[class^=status_bar]{display:inline-flex;justify-content:center;min-width:58px;padding:3px 11px;border-radius:999px;background:#eaf4fd;color:var(--blue);font-size:13px;font-weight:800;line-height:1.5;white-space:nowrap}
.nbd .kboard-list div.status_bar_youth{background:var(--blue);color:#fff}
.nbd .kboard-list div.status_bar_start{background:var(--lime);color:#fff}
.nbd .kboard-list div.status_bar_news{background:var(--orange);color:#fff}
.nbd .kboard-list div.status_bar_etc{background:#e9edf2;color:var(--ink-3)}
.nbd .kboard-list td.kboard-list-title{text-align:left}
.nbd .kboard-list td.kboard-list-title a{display:block;min-width:0}
.nbd .kboard-default-cut-strings{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:600;color:var(--ink);transition:color .2s}
.nbd .kboard-list tr.kboard-list-notice .kboard-default-cut-strings{font-weight:700}
.nbd .kboard-list tbody tr:hover .kboard-default-cut-strings{color:var(--blue)}
.nbd .kboard-default-cut-strings img{vertical-align:middle}
.nbd .kboard-mobile-contents{display:none}

.nbd .paging{margin-top:52px}
.nbd .paging>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;font-size:0}
.nbd .paging a,.nbd .paging strong{min-width:42px;height:42px;padding:0 6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--ink-2);transition:.2s}
.nbd .paging a:hover{background-color:var(--bg);color:var(--blue)}
.nbd .paging strong.pg_current{background:var(--blue);color:#fff;font-weight:800}
.nbd .paging a img{display:none}
.nbd .paging a:first-child,.nbd .paging a:last-child{border:1px solid var(--line);background:#fff no-repeat center/16px}
.nbd .paging a:first-child{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5566' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 6l-6 6 6 6'/%3E%3C/svg%3E")}
.nbd .paging a:last-child{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234a5566' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E")}

.nbd .btn_box{font-size:0}
.nbd .wrap>.btn_box{display:flex;justify-content:flex-end;margin-top:28px}
.nbd .btn_box .center{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.nbd .btn_box .btn_cy{background:var(--blue);color:#fff}
.nbd .btn_box .btn_cy:hover{background:#0069c2}
.nbd .btn_box .btn_grey{border:1px solid var(--line);background:#fff;color:var(--ink)}
.nbd .btn_box .btn_grey:hover{border-color:var(--blue);color:var(--blue)}

.nbd:has(.board_view){padding-top:64px}
.nbd .board_view .title{padding:0 0 30px;border-bottom:2px solid var(--ink)}
.nbd .board_view .v_tit{margin:0;font-size:clamp(24px,2.3vw,34px);font-weight:800;line-height:1.38;letter-spacing:-.04em;color:var(--ink)}
.nbd .board_view .v_info{display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;font-size:15.5px;color:var(--ink-3)}
.nbd .board_view .v_info em{display:inline-flex;align-items:center;gap:6px;font-style:normal}
.nbd .board_view .v_info em::before{content:'';width:16px;height:16px;background:no-repeat center/16px}
.nbd .board_view .v_info span:nth-child(1) em::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a94a3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.8 20c1.3-4 4-6 7.2-6s5.9 2 7.2 6'/%3E%3C/svg%3E")}
.nbd .board_view .v_info span:nth-child(2) em::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a94a3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17M8 14h2M14 14h2'/%3E%3C/svg%3E")}
.nbd .board_view .view_txt{padding:44px 0 56px;font-size:17.5px;line-height:1.85;overflow-wrap:anywhere;border-bottom:1px solid var(--line)}
.nbd .board_view .view_txt img{max-width:100%!important;height:auto!important}
.nbd .board_view .view_txt table{max-width:100%;border-collapse:collapse}
.nbd .board_view .view_txt iframe{max-width:100%}
.nbd .board_view .view_file:not(:has(.addfile)){display:none}
.nbd .board_view .view_file dl{margin:0;padding:20px 0;border-bottom:1px solid var(--line)}
.nbd .board_view .view_file dt{display:none}
.nbd .board_view .view_file dd{display:grid;gap:8px;margin:0}
.nbd .board_view .addfile{display:flex;align-items:center;gap:10px;min-width:0;padding:14px 18px;border-radius:10px;background:var(--bg);font-size:15px;font-weight:500;color:var(--ink-3)}
.nbd .board_view .addfile::before{content:'';flex:0 0 auto;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007bdd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v12a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E") no-repeat center/20px}
.nbd .board_view .addfile a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;color:var(--ink)}
.nbd .board_view .addfile:hover a{color:var(--blue)}
.nbd .board_view .btn_box{margin-top:48px}
.nbd .board_view .btn_box a:last-child{padding:17px 34px;background:var(--ink);font-size:18px}
.nbd .board_view .btn_box a:last-child:hover{background:#000}
.nbd .board_view .btn_box a:last-child::before{content:'';width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5h11M9 12h11M9 17.5h11M4.5 6.5v.01M4.5 12v.01M4.5 17.5v.01'/%3E%3C/svg%3E") no-repeat center/18px}

@media (max-width:860px){
  .nbd:has(.board_view){padding-top:44px}
  .nbd .kboard-search{justify-content:stretch;padding-bottom:14px}
  .nbd .kboard-search form{flex:1 1 auto}
  .nbd .kboard-list thead{display:none}
  .nbd .kboard-list tbody tr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:18px 4px}
  .nbd .kboard-list td.kboard-list-uid,.nbd .kboard-list tbody td:nth-child(4),.nbd .kboard-list td.kboard-list-date,.nbd .kboard-list td.kboard-list-view{display:none}
  .nbd .kboard-list tr.kboard-list-notice td.kboard-list-uid{display:block}
  .nbd .kboard-list tr.kboard-list-notice td.kboard-list-uid::before{padding:2px 9px;font-size:12.5px}
  .nbd .kboard-list td.kboard-list-title{flex:1 1 100%}
  .nbd .kboard-default-cut-strings{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;font-size:17px;line-height:1.5}
  .nbd .kboard-mobile-contents{display:flex;gap:14px;margin-top:8px;font-size:14px;color:var(--ink-3)}
  .nbd .kboard-mobile-contents .contents-separator,.nbd .kboard-mobile-contents .contents-item:first-child{display:none}
  .nbd .paging{margin-top:36px}
  .nbd .paging>div{gap:4px}
  .nbd .paging a,.nbd .paging strong{min-width:36px;height:36px;font-size:15px;border-radius:8px}
  .nbd .board_view .view_txt{padding:30px 0 40px;font-size:16.5px}
  .nbd .board_view .btn_box{margin-top:36px}
  .nbd .board_view .btn_box .center .btn{flex:1 1 0;min-width:0;padding-left:12px;padding-right:12px}
  .nbd .board_view .btn_box a:last-child{flex:0 1 320px}
}
@media (max-width:560px){
  .nbd .kboard-category-list{gap:6px;margin-bottom:20px}
  .nbd .kboard-category-list a{padding:8px 14px;font-size:14.5px}
  .nbd .kboard-search select{height:46px;padding:0 28px 0 10px;font-size:15px;background-position:right 6px center}
  .nbd .kboard-search input[name=search]{height:46px;padding-left:12px}
  .nbd .kboard-search button{top:4px}
}