@charset "utf-8";

/* =====================================================
   모바일 목록
   ===================================================== */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none { margin-right:.75rem; }
	.responsive #bo_list .na-title { margin-bottom:.14rem; }
}

/* =====================================================
   갤러리 기본
   ===================================================== */
#bo_gallery .chk-box { position:absolute; bottom:5px; right:10px; z-index:2; }
#bo_gallery .wr-now { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.75); z-index:1; }
#bo_gallery .col-li{border: 1px solid #ddd; border-radius: 0.3rem;}

/* =====================================================
   갤러리 호버 오버레이
   ===================================================== */

/* shimmer 빛 줄기 키프레임 */
@keyframes btn-shimmer {
	0%   { left:-80%; }
	60%  { left:130%; }
	100% { left:130%; }
}

/* 이미지 링크 래퍼 */
#bo_gallery .gallery-img-link { display:block; position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; border-radius:inherit; }

/* 어두운 오버레이 */
#bo_gallery .gallery-hover-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.52); opacity:0; transition:opacity .28s ease; display:flex; align-items:center; justify-content:center; z-index:2; border-radius:inherit; }
#bo_gallery .gallery-img-link:hover .gallery-hover-overlay { opacity:1; }

/* 상세보기 버튼 */
#bo_gallery .gallery-hover-btn { display:inline-flex; align-items:center; gap:6px; position:relative; overflow:hidden; background:linear-gradient(145deg,#555,#1a1a1a); border-color:#555; color:#fff; font-size:14px; font-weight:600; letter-spacing:-.3px; padding:9px 20px; border-radius:30px; box-shadow:0 4px 16px rgba(0,0,0,.22); transform:translateY(8px); transition:transform .28s ease, opacity .28s ease, background .18s ease; opacity:0; white-space:nowrap; pointer-events:none; }
#bo_gallery .gallery-img-link:hover .gallery-hover-btn { transform:translateY(0); opacity:1; }

/* shimmer 빛 줄기 */
#bo_gallery .gallery-hover-btn::after { content:''; position:absolute; top:-20%; left:-80%; width:45%; height:140%; background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%); transform:skewX(-15deg); animation:none; }
#bo_gallery .gallery-img-link:hover .gallery-hover-btn::after { animation:btn-shimmer 1.6s ease .15s infinite; }

/* 버튼 아이콘 */
#bo_gallery .gallery-hover-btn .fa { font-size:13px; }

/* 이미지 확대 효과 */
#bo_gallery .gallery-img-link img.img-render { transition:transform .32s ease; transform-origin:center; }
#bo_gallery .gallery-img-link:hover img.img-render { transform:scale(1.04); }

/* 모바일 터치 기기 호버 비활성화 */
@media (hover:none) {
	#bo_gallery .gallery-hover-overlay { display:none; }
}

/* =====================================================
   게시판 읽기
   ===================================================== */
#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; }
#bo_v_con img { max-width:100%; height:auto; }

@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_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:1rem; }

/* 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 1rem 0 0; }
#bo_vc_send_sns input { margin: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:1rem !important; }

@media all and (max-width:575px) {
	#bo_w .list-group-item { padding-left:1rem; padding-right:1rem; }
	.responsive #bo_w #wr_content { max-height:160px !important; }
}