.board_wrap {margin-top: 50px}
.board_wrap input[type="text"] {border-radius: 15px}
.board_header {margin-top: 50px;display: flex;align-items: flex-end;line-height: 1em;gap: 18px;border-bottom: 2px solid #9F9F9F;padding-bottom: 30px}
.board_header h2 {font-size: 36px;font-family: 'Noto Sans KR';font-weight:700;letter-spacing: -3%;line-height: 1em;margin: 0}
.board_header small {font-size: 14px}
.board_header small span {color: var(--check)}
.btn_group {text-align: right;margin-top: 30px}
.btn_group a {background: #7b9baa;color: #ffffff;font-size: 13px;font-family: 'Noto Sans KR';font-weight:600;border: 0;border-radius: 30px;padding: 12px 30px;text-decoration:none}
.btn_group a:hover {background: #5b7c8c}
.btn_group a.default-btn {background: var(--key)}
.btn_group a:hover.default-btn {background: var(--key-hover)}

.board_footer {border: 1px solid #E4E4E4;border-radius: 35px;margin: 50px auto 80px;overflow: hidden}
.board_footer .page_nav {}
.board_footer .search_tool {background: #F5F5F7;padding: 15px 0}
.board_footer .search_tool .inner {display: table;margin: 0 auto;}
.board_footer .search_tool .inner .d-flex {background: #ffffff;border-radius: 30px;display: flex;padding: 3px 20px}
.board_footer .search_tool .inner .d-flex select {
  padding: .8rem 2.7rem .8rem .9rem;
  -moz-padding-start: calc(.9rem - 3px);
  font-size: 13px;
  font-weight: 400;
  color: #6c757d;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .9rem center;
  background-size: 10px 10px;
  border: 0;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance:none;
  outline: none;
}
.board_footer .search_tool .inner .d-flex input {border: 0;height: 40px;outline: none}
.board_footer .search_tool .inner .d-flex button {background: transparent;border: 0;width: 50px;height: 40px;}

.page_nav {margin: 14px auto;font-size: 18px;color: #A0A2A5;font-family: 'Outfit','Noto Sans KR';font-weight: 600}
.page_nav li {padding: 0 20px;cursor: pointer}
.page_nav li.on {color: var(--key)}
.page_nav li a {text-decoration: none;color: #A0A2A5}
.page_nav li div.on a {color: var(--key)}


/* 접근성용 숨김 텍스트 */
.sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* 지역 select */
.region_wrap {margin-top: -7px;background: #ffffff;border-bottom: 2px solid #9F9F9F;padding-bottom: 20px}
.region_wrap .region_btn {background: #E2E2E2;color: #776161;border: 0;width: 70px;height: 40px;margin: 5px 3px;border-radius: 5px;font-size: 13px;font-weight: 600}
.region_wrap .region_btn.active {background: var(--key);color: #ffffff}

/* 테이블 기본 */
.board{width:100%;border-collapse:collapse;table-layout:fixed}
.board th{padding:14px 10px;border-bottom:1px solid #e5e7eb;font-weight:600;font-size: 13px;text-align: center}
.board td{padding:10px 10px;border-bottom:1px solid #e5e7eb;text-align:left}
.col-num{width:70px;}
.col-date{width:100px}
.col-creator{width:120px}
.badge{display:inline-block;padding:5px 15px;background: #4BAFE2;color: #ffffff;border-radius:999px;font-size:12px;font-family: 'Noto Sans KR';font-weight:500;}
.board td.title .new {margin-left:.2rem;font-size:.7rem;}
.board td.title .new img {height: 14px}
.board td.title .cmt {margin-left:.2rem;font-size: 11px;color: #FF5D5D;font-weight: 600}
.board td.title {font-size: 15px;line-height: 1.4em}
.board td.fixed_title {font-family: 'Noto Sans KR';font-weight:700;font-size: 16px;line-height: 40px}
.board td.title a {color: #333333;text-decoration: none}
.board td.title a:hover {text-decoration: underline}
.board td.num{text-align: center;font-size: 13px;color:#6b7280;text-align: center}
.board td.date{font-size: 13px;grid-area:date;justify-self:end;color:#6b7280;text-align: center}
.board td.creator {font-size: 14px;text-align: center}

.fnfilewrap {background: #f5f5f7;padding:20px;border-radius: 15px;}
.file_wrap {overflow: hidden;font-size: 13px;}
.file_wrap .title span {color: rgb(78, 78, 78);font-weight: bold}
.file_wrap .title {line-height: 2rem;margin: 0;}
.file_wrap .file_list li {padding: 10px 15px ;border: 1px solid #ddd;margin-bottom: 0.5rem;font-size: 13px;color: #000;max-width: 600px;line-height: 1em;border-radius: 15px;cursor: pointer;background: #fff;position: relative}
.file_wrap .file_list li:hover {background: #f7f7f7}
.file_wrap .file_list li .filename {display: inline-block;width: 80%;overflow: hidden;color: #000;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;line-height: 2em}
.file_wrap .file_list li i {margin-right: 5px}
.file_wrap .file_list li .filesize {color: #aaa;font-weight: 400;position: absolute;right: 14px;top:12px;line-height: 2em;font-size: 11px}

.file_wrap .file_list li .file_opt {position: absolute;right: 12px;top:9px;display: none}

/* 게시판 글쓰기 */
.ck-editor__editable_inline{height: 500px; padding:0.5rem 1.5rem !important;}
.m_textarea {width: 100%;border: 1px solid #ddd;padding: 1rem;height: 400px;outline: none}

/* 게시판 뷰 페이지 */
.bbs_view_top {border-bottom: 1px solid #ddd;padding: 20px 30px;}
.bbs_view_top h3 {font-weight: 500;font-size: 26px;line-height: 1.4em}

.bbs_view_middle {border-bottom: 1px solid #ddd;padding: 20px 30px;background-color: rgba(255, 255, 255, 0.8)}
.bbs_view_middle .ck-content{margin-bottom:30px;}
.bbs_view_middle .bbs_add_wrap{margin-bottom:30px;}
.bbs_view_middle .bbs_add_wrap .inner_box{border-bottom:1px solid #ddd;padding:0 10px;}
.bbs_view_middle .bbs_add_wrap .inner_box small{color:#666}
.bbs_view_middle .bbs_add_wrap .inner_box .value{font-size: .9rem; color:#333}

.bbs_view_middle2 {border-top: 1px solid #ddd;padding: 20px}
.bbs_view_footer {border-top: 1px solid #ddd;padding: 20px 0}

.content_info {margin-top:15px;overflow: hidden;position: relative}
.content_info .profile {position: absolute;left: 0;top: 0}
.content_info .profile img {height: 40px}
.content_info .info {margin-left: 50px}
.content_info .creator {font-size: .9em;font-weight: 500}
.content_info .date {font-size: .8em;color: #888;line-height: 2em}

.goodbtn{margin-top: 40px;}
.goodbtn button{border:1px solid #aaa; background:transparent; padding:5px 15px; border-radius: 5px; transition: all .4s;}
.goodbtn button.like{background:#4f92cf; border-color:#4f92cf}
.goodbtn button span{font-size: 20px; line-height: 1.5em; color:#aaa; transition: all .4s;}
.goodbtn button.like span.icon{color:#fff}
.goodbtn button.like span.countnumber{color:#fff}

/* 코멘트 영역 */
.CommentBox a {
  color:inherit
}

.CommentBox .comment_option {
  position: relative;
}

.CommentBox .comment_option:after {
  content: "";
  display: block;
  clear:both
}

.CommentBox .comment_option .comment_title {
  float: left;
  margin-top: 3px;
  margin-right: 0px;
  font-size:17px
}

.CommentBox .comment_option .comment_tab .comment_tab_list {
  display: inline-block;
  margin-top: 4px;
  font-size: 13px;
  vertical-align:top;
  list-style: none;
  padding-left: 15px
}

.CommentBox .comment_option .comment_tab .comment_tab_list:after {
  content: "";
  display: block;
  clear:both
}
.CommentBox .comment_option .comment_tab .comment_tab_item {
  float: left;
  margin-left:8px
}

.CommentBox .comment_option .comment_tab .comment_tab_item:first-child {
  margin-left:0
}

.CommentBox .comment_option .comment_tab .comment_tab_item .comment_tab_button {
  color: #999;
  font-weight:700
}

.CommentBox .comment_option .comment_tab .comment_tab_item .comment_tab_button[aria-selected=true] {
  color: #000;
}


/* 코멘트 입력 */
.CommentBox .comment_textarea {border: 0;border-radius: 25px;padding: 1rem;position: relative; background: #f6f6f6;}
.CommentBox .comment_textarea .comment_inbox_text {
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  width: 100%;
  min-height: 17px;
  padding-right: 1px;
  border: 0;
  font-size: 13px;
  -webkit-appearance: none;
  resize: none;
  box-sizing: border-box;
  background: transparent;
  outline:0
}
.CommentBox .comment_textarea .creator {font-weight: 500;color: #000;margin-bottom: .5rem}
.CommentBox .comment_textarea .characterCount {color: #999;font-size: 12px;position: absolute;right: 15px;top:15px}
.CommentBox .comment_textarea .text-end {margin-top: .5rem}
.CommentBox .comment_textarea .text-end .comment_btn {border: 0;height: 36px;padding: 0 12px;font-size: 12px;border-radius: 5px;background: #cde;color: #35a;font-weight: 600;}
.CommentBox .comment_textarea .text-end .comment_btn:disabled {background: #fff;color: #999}

.CommentBox .comment_reply_textarea {margin-top:1rem}
.CommentBox .comment_reply_textarea .characterCount2 {color: #999;font-size: 12px;position: absolute;right: 15px;top:15px}
.CommentBox .comment_reply_textarea .text-end .comment_reply_btn {border: 0;height: 36px;padding: 0 12px;font-size: 12px;border-radius: 5px;background: #cde;color: #35a;font-weight: 600;}
.CommentBox .comment_reply_textarea .text-end .comment_reply_btn:disabled {background: #fff;color: #999}
.CommentBox .comment_reply_textarea .text-end .comment_reply_btn2 {border: 0;height: 36px;padding: 0 12px;font-size: 12px;border-radius: 5px;background: #fff;font-weight: 600;color: #999}


/*코멘트 리스트*/
.CommentBox .comment_list {margin-bottom: 20px}
.CommentBox .comment_list .comment_viewbox {border-bottom: 1px solid #ddd;padding: 15px 0;font-size: 13px;color: #000;position: relative}
.CommentBox .comment_list .comment_viewbox:last-child {border-bottom: 0}
.CommentBox .comment_list .comment_viewbox .profile {position: absolute;left: 0;top: 15px}
.CommentBox .comment_list .comment_viewbox .profile img {height: 36px}
.CommentBox .comment_list .comment_viewbox .info {margin-left: 44px}
.CommentBox .comment_list .comment_viewbox .info .name {font-weight: 500;margin-top:6px}
.CommentBox .comment_list .comment_viewbox .info .text {margin: 5px 0;font-size: 14px}
.CommentBox .comment_list .comment_viewbox .info .date {color: #666;font-size: 11px}

.CommentBox .comment_list .card-widgets {
  float: right;
  height:16px
}
.CommentBox .comment_list .card-widgets > a {
  color: inherit;
  font-size: 16px !important;
  display: inline-block;
  line-height:1;
}

.arrow-none:after {
  display:none
}

.view_bottom_list {font-size:22px;font-weight: 600;line-height: 2.5em;border-bottom: 1px solid #ddd}
.view_bottom_list small {font-size: 13px;margin-left: 5px;font-weight: 400}

.table-bbs-list thead tr th {height: 50px;background: #ffffff;vertical-align:middle;border-bottom: 1px solid #dee2e6 !important; border-top:2px solid #4e91cf;font-size: 13px;font-weight: 500; white-space: nowrap;}
.table-bbs-list tbody tr td {padding: 13px 5px; background: rgba(255,255,255,.5); vertical-align:middle;font-size: 14px}
.table-bbs-list tbody tr td .new {margin-left:.2rem;font-size:.7rem;}
.table-bbs-list tbody tr td.num {font-size: 12px}
.table-bbs-list tbody tr td.creator {font-size: 13px}

.table-bbs-list .mo {position: relative}
.table-bbs-list .mo .other {display: none;}
.table-bbs-list .mo .subject {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;}
.table-bbs-list .mo .subject a {text-decoration: none;color: #222}
.table-bbs-list .mo .subject a:hover {text-decoration: underline}
.table-bbs-list .mo .subject i {color: #fa5c7c;margin-left: 5px;font-size: 1em}
.table-bbs-list .mo .subject .cmt {color: #fa5c7c;margin-left: 5px;font-size: .75em;font-weight: 600 }
.table-bbs-list .mo .subject .state_mo{display: none;}

/* 모바일: 행을 카드처럼 재배치(헤더는 SR 전용으로 유지) */
@media (max-width:640px){
  .board_header {margin-top: 50px;display: flex;align-items: flex-end;line-height: 1em;gap: 18px;border-bottom: 2px solid #9F9F9F;padding-bottom: 20px}
  .board_header h2 {font-size: 26px;font-family: 'Noto Sans KR';font-weight:700;letter-spacing: -3%;line-height: 1em;margin: 0}
  
  .btn_group {text-align: right;margin:10px 0}
  .btn_group a {background: #7b9baa;color: #ffffff;font-size: 12px;font-family: 'Noto Sans KR';font-weight:600;border: 0;border-radius: 30px;padding: 12px 20px;text-decoration:none;margin: 0 3px}
  
  .col-num, .col-creator, .col-date {display: none}
  .board {width: 100%}
  .board thead th{display: none}
  .board tbody tr{display:grid;grid-template-columns:auto 1fr;grid-template-areas:
	  "num date" "title title";row-gap:4px;padding:0}
  .board td {display: none}
  .board td.title {display:flex;flex-wrap: wrap;width: 100%;grid-area:title;padding:6px }
  .board td.num{display: none}
  .board td.date{display: none}
  .board td.title a{
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
	overflow:hidden;width: 100%;
  }
  .board td.title .only-mo {font-size: 13px;width: 100%;margin-top: 10px;color: #777}
  .board td.title .only-mo span {margin-right: 6px}
  .table-bbs-list .mo .other {display: block;font-size: 13px;width: 100%;margin-top: 10px;color: #777}
  
  .board_footer {border: 1px solid #E4E4E4;border-radius: 25px;margin: 50px auto 80px;overflow: hidden}
  .board_footer .search_tool .inner .d-flex select {
    padding: .8rem 2rem .8rem .3rem;
    -moz-padding-start: calc(.9rem - 3px);
    font-size: 13px;
    font-weight: 400;
  }
  .board_footer .search_tool .inner .d-flex {background: #ffffff;border-radius: 30px;display: flex;padding: 3px 10px 3px 20px}
  .board_footer .search_tool .inner .d-flex input {border: 0;height: 40px;outline: none;max-width: 140px}
  .board_footer .search_tool .inner .d-flex button {background:transparent;border: 0;width: 40px;height: 40px;}
  
  /* 게시판 뷰 페이지 */
  .bbs_view_top {border-bottom: 1px solid #ddd;padding: 20px 10px;}
  .bbs_view_top h3 {font-weight: 500;font-size: 22px;line-height: 1.4em}
  
  .bbs_view_middle {border-bottom: 1px solid #ddd;padding: 20px 10px;background-color: rgba(255, 255, 255, 0.8)}
  .bbs_view_middle .ck-content {margin-bottom:30px;}
  .bbs_view_middle .ck-content img {max-width: 100% !important}
  .bbs_view_middle .bbs_add_wrap {margin-bottom:30px;}
  .bbs_view_middle .bbs_add_wrap .inner_box{border-bottom:1px solid #ddd;padding:0 10px;}
  .bbs_view_middle .bbs_add_wrap .inner_box small{color:#666}
  .bbs_view_middle .bbs_add_wrap .inner_box .value{font-size: .9rem; color:#333}
  
  .bbs_view_middle2 {border-top: 1px solid #ddd;padding: 20px}
  .bbs_view_footer {border-top: 1px solid #ddd;padding: 20px 0}
  
  .content_info {margin-top:15px;overflow: hidden;position: relative}
  .content_info .profile {position: absolute;left: 0;top: 0}
  .content_info .profile img {height: 40px}
  .content_info .info {margin-left: 50px}
  .content_info .creator {font-size: .9em;font-weight: 500}
  .content_info .date {font-size: .8em;color: #888;line-height: 2em}
  
  .goodbtn{margin-top: 40px;}
  .goodbtn button{border:1px solid #aaa; background:transparent; padding:5px 15px; border-radius: 5px; transition: all .4s;}
  .goodbtn button.like{background:#4f92cf; border-color:#4f92cf}
  .goodbtn button span{font-size: 20px; line-height: 1.5em; color:#aaa; transition: all .4s;}
  .goodbtn button.like span.icon{color:#fff}
  .goodbtn button.like span.countnumber{color:#fff}
  
  .page_nav {margin: 14px auto;font-size: 18px;color: #A0A2A5;font-family: 'Outfit','Noto Sans KR';font-weight: 600}
  .page_nav li {padding: 0 20px;cursor: pointer}
  .page_nav li.on {color: var(--key)}
  .page_nav li a {text-decoration: none;color: #A0A2A5}
  .page_nav li div.on a {color: var(--key)}
}