@charset "utf-8"; .page-tit { margin-bottom: 100px; } 
.page-tit > .tit { font-family: "SebangGothic"; font-size: 2.5em; font-weight: 600; text-align: center; } 
/* 모바일 목록 */
@media all and (max-width:767px){
 .responsive #bo_list .float-left.float-md-none { margin-right:0.75rem; } 
.responsive #bo_list .na-title { margin-bottom:0.14rem; } 
 }

/* gallery */
#bo_gallery .chk-box { position:absolute; bottom:5px; right:10px; z-index:2; } 
#bo_gallery .wr-now { position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.75); z-index:1; } 

/* 게시판 읽기 */
#bo_v_title { font-size:23px; font-weight:bold; line-height:1.4; letter-spacing:-1px; } 
#bo_v_con { min-height:200px; word-break:break-all; overflow:hidden } 
@media all and (max-width:575px){
 .responsive #bo_v_title { font-size:20px; line-height:1.5; } 
.responsive #bo_v_con { min-height:140px; } 
 }

#bo_v_con img { max-width:100%; height:auto } 
#bo_v_img { width:100%; text-align:center; overflow:hidden; zoom:1; } 
#bo_v_img:after { display:block; visibility:hidden; clear:both; content:""; } 
#bo_v_img a.view_image { display:block; } 
#bo_v_img img { margin-bottom:1.0rem; } 

/* 게시판 읽기 : SNS 공유 */
#bo_v_sns_icon { margin:-5px auto; } 
#bo_v_sns_icon img { width:40px; border-radius:50%; margin:5px; } 

/* 게시판 댓글 : 내용 */
.cmt-reply { top:0; left:-16px; } 
.by-writer { background:#fbefef !important; border-top:1px solid #f6cece !important; } 
.cmt-content { word-break:break-all; overflow:hidden } 
.cmt-content img { max-width:100%; height:auto } 

/* 게시판 댓글 : 대댓글, 수정, 삭제 */
.cmt-btn ul { list-style: none; margin: 0; } 
.cmt-btn ul > li { float: left; font-size:12px; padding: 0 10px; } 
.cmt-btn ul > li::before { float: left; color:#ccc; content: "|"; margin-left:-12px; } 
.cmt-btn ul > li:last-child { padding-right:0; } 
.cmt-btn ul > li:first-child::before, 
.cmt-btn ul > li.no-bar::before { content: ""; margin-left:0; } 
.cmt-btn ul > li > a { float:left; color:#888; white-space:nowrap; } 

/* 게시판 댓글 : 쓰기폼 */
#fviewcomment #wr_content { resize:none; } 
@media all and (max-width:575px){
 .responsive .cmt-box { border-right:0 !important; } 
.responsive #bo_vc_w .cmt-box { border-left:0 !important; border-radius:0 !important; } 
.responsive #bo_vc_login { border-left:0 !important; border-right:0 !important; border-radius:0 !important; } 
 }

/* 게시판 댓글 : SNS 등록 */
#bo_vc_opt ol { margin:0; padding:0; list-style:none; zoom:1; background:#ccc; border-radius:3px; } 
#bo_vc_opt ol:after { display:block; visibility:hidden; clear:both; content:""; } 
#bo_vc_opt ol li { float:left; margin:0; } 
#bo_vc_send_sns ul { margin:0; padding:0; list-style:none; zoom:1; } 
#bo_vc_send_sns ul:after { display:block; visibility:hidden; clear:both; content:""; } 
#bo_vc_send_sns ul li { float:left; margin:0 1.0rem 0 0; } 
#bo_vc_send_sns input { margin:0 0 0 0.5rem; } 

/* 게시판 쓰기 */
#bo_w .list-group-item { padding-left:0; padding-right:0; border-left:0; border-right:0; } 
#bo_w #wr_content { margin-bottom:1.0rem !important; } 
@media all and (max-width:575px){
 #bo_w .list-group-item { padding-left:1.0rem; padding-right:1.0rem; } 
.responsive #bo_w #wr_content { max-height:160px !important; } 
 }

.na-title .na-item a { display:block; width:100% } 


/* 게시판 리스트 전체 */
#bo_list_wrap.sub-page { padding: 60px 0; } 
#bo_list_wrap .page-tit { margin-bottom: 40px; } 
#bo_list_wrap .page-tit .tit { font-size: 40px; font-weight: 700; color: #111; line-height: 1.2; } 
/* 리스트 */
.news-list { border-top: 1px solid #dcdcdc; } 
.news-list > li { list-style: none; margin: 0; padding: 20px 0; border-bottom: 1px solid #dcdcdc; } 
.news-list > li a.news-item { display: flex; align-items: flex-start; gap: 30px; text-decoration: none; color: inherit; } 

/* 썸네일 */
.news-thumb { flex: 0 0 300px; width: 300px; } 
.news-thumb .thumb-box { position: relative; width: 100%; aspect-ratio: 200 / 130; overflow: hidden; background: #f5f5f5; } 
.news-thumb .thumb-box img { width: 100%; height: 100%; object-fit: cover; display: block; } 

/* 텍스트 */
.news-content { flex: 1 1 auto; min-width: 0; padding-top: 4px; text-align:left} 
.news-subject { display: block; font-size: 1.1em; font-weight: 700; line-height: 1.4; color: #111;  word-break: keep-all;margin-bottom:7px; } 
.news-desc { font-size: .8em; margin-bottom:10px; color: #888; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; } 
.news-date { font-size: .7em; color: #999; line-height: 1; } 

/* hover */
.news-list > li a.news-item:hover .news-subject { color: #000; text-decoration: underline; } 
.news-list > li a.news-item:hover .thumb-box img { transform: scale(1.05); } 
.news-thumb .thumb-box img { transition: transform .4s ease; } 

/* 공지 표시 */
.news-list > li.is-notice .news-subject::before { content: "[공지] "; color: #111; font-weight: 700; } 

/* 페이징 */
.pagination { margin-top: 40px; } 
.pagination .page-link { min-width: 40px; height: 40px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #ddd; color: #666; background: #fff; border-radius: 0; } 
.pagination .active .page-link,
.pagination .page-link:hover { background: #111; border-color: #111; color: #fff; } 

/* 모바일 */
@media (max-width: 991px){
 #bo_list_wrap.sub-page { padding: 40px 0; } 
 #bo_list_wrap .page-tit { margin-bottom: 28px; } 
 #bo_list_wrap .page-tit .tit { font-size: 30px; } 
 .news-list > li { padding: 18px 0; } 
 .news-list > li a.news-item { gap: 18px; } 
 .news-thumb { flex: 0 0 200px; width: 200px; } 
 .news-subject { margin-bottom: 10px; } 
 .news-desc {  margin-bottom: 16px; } 
 }

@media (max-width: 767px){
 .news-list > li a.news-item { display: block; } 
 .news-thumb { width: 100%; flex: none; margin-bottom: 14px; } 
 .news-thumb .thumb-box { aspect-ratio: 16 / 9; } 
 .news-content { padding-top: 0; } 
 .news-subject {margin-bottom: 10px; } 
 .news-desc {  -webkit-line-clamp: 3; } 
 }