@charset "utf-8";

/*목록 기본 스타일*/

.board-skin-basic.theme-box{
position:relative;
box-sizing:border-box;
padding:20px 15px 30px;
margin:0 auto;
background-color: var(--container-bg-color, transparent);
border: 1px solid var(--container-border-color, transparent);
border-radius: var(--container-border-radius, 12px);
box-shadow: var(--shadow-md, 0 4px 20px rgba(0,0,0,0.1));
}

.bo_list{
width: 100%;
position:relative; 
text-align:center;
padding: 0 10px 10px;
margin-bottom: 0;
}

/* 구역 제목 영역 Completely 제거 (여백 차지 방지) */
.bo_list h2 { 
position: relative; 
padding: 0 !important; 
margin: 0 !important; 
height: 0 !important;
min-height: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
overflow: visible;
} 

/* + 추가 버튼 위치 조정 */
.bo_list h2 .sec_add { 
position: absolute; 
right: 0; 
top: -10px; 
font-size: 12px; 
opacity: 0.6; 
text-decoration: none; 
line-height: 1;
}
.bo_list h2 .sec_add:hover { opacity: 1; text-decoration: underline; }

/* ────────────────────────────────────────── */
/* [구역별 간격 세부 조절] */

/* 동맹 구역: 아래 드래곤 구역과 밀착 */
.bo_sec_alliance {
padding-bottom: 0 !important;
margin-bottom: -10px !important;
}

/* 드래곤 구역: 위쪽은 밀착, 아래쪽(지인 구역)은 간격 확보 */
.bo_sec_dragons {
padding-top: 20px !important;
padding-bottom: 15px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

/* 지인 구역: 드래곤과의 간격을 위한 상단 여백 부여 */
.bo_sec_friend {
padding-top: 50px !important; 
}
/* ────────────────────────────────────────── */

/* 배너 목록 간격 축소 */
.bo_list ul.list_box {
margin: 0 !important;
padding: 0 !important;
}

.bo_list li.bo-list{
display:inline-flex;
flex-direction:column;
align-items:center; 
position:relative;
padding:2px; /*각 배너간 여백*/
text-align: center;   
}

/* 배너 크기 제한 (200x40 초과 시에만 축소, 작은 건 원본 크기 유지) */
.bo_list li a.link-banner {
display:block;
max-width: 200px;
max-height: 40px;
overflow: hidden;
}

.bo_list li a.link-banner img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
display: block;
margin: 0 auto;
}

.bo_list li a.link-banner strong{
display:block;
word-break:keep-all;
white-space:nowrap;
padding:0 5px;
line-height:30px;
}

.bo_list li .link-desc {text-align:center;} 
.bo_list li .link-desc .name {display:none;} 
.bo_list li .link-desc .options {opacity:0.6;}
.bo_list li.bo-list.empty{ display:block; opacity:0.5; font-size:12px; padding:5px 0; }

/* 드래곤 케이브 구역 전용 스타일 */
.dragon_display_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2px 0;
	position: relative;
}

.dragon_display_box .dragon_img_link {
	display: inline-block;
	text-decoration: none;
}


.dragon_display_box .dragon_opts {
	margin-top: 2px;
	font-size: 11px;
	opacity: 0.6;
}

/* 갠 홈 배너 클릭 복사 */
.bo_list li.bo-list{ position:relative; }
.rb-copy-banner{ cursor:pointer; }
.rb-copy-toast{
position:absolute;
top:50%; left:50%;
transform:translate(-50%, -50%);
background:rgba(0,0,0,0.8);
color:#fff;
font-size:12px;
padding:5px 10px;
border-radius:6px;
white-space:nowrap;
z-index:3;
pointer-events:none;
}

/*공지사항 (내 갠 홈 구역)*/
.bo_notice_wrap { max-width:600px; margin:0 auto 10px; text-align:left; }
.bo_notice { padding:8px 4px; margin-bottom:8px; position:relative; }
.bo_notice .notice_title { display:block; font-size:13px; margin-bottom:4px; color: var(--content-font-color, #222); }
.bo_notice .notice_body { font-size:12px; line-height:150%; color: var(--content-font-color, #555); margin:0; word-break:break-all; }
.bo_notice .options { position:absolute; top:8px; right:4px; opacity:0.5; }

/*글쓰기*/
.board-write { max-width:700px; padding: 0 10px; margin:30px auto; }
.board-write > dl {position:relative;}
.board-write > dl > dt { width:100px;position:absolute;line-height:32px;text-align:center; }
.board-write > dl > dd { width:100%;margin-left:0;padding-left:110px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full { width: 100%; display:block;margin:1px 0;}
.board-write .frm_input.small { width:50px;}
.board-write .frm_info{line-height:140%;}
.board-write .write-notice {
padding: 20px 10px 10px;
font-size: 11px;
}

.board-write .files {position:relative;}
.board-write .files { margin-top: 20px;}   
.board-write .files .sub {position:relative;padding-left:65px; box-sizing:border-box;} 
.board-write .files span.sub_tit{position:absolute;left:0;display:block;width:65px;} 
.board-write .files .frm_info{padding-top:5px;}
.board-write .files .label-right {position:absolute;top:0;right:0;z-index:2;}

.board-write .notice_editor_block { margin:20px 0; clear:both; }
.board-write .notice_editor_block .notice_editor_label { font-weight:bold; margin-bottom:8px; line-height:150%; }
.board-write .notice_editor_block .wr_content_wrap { width:100%; box-sizing:border-box; }
.board-write .notice_editor_block .wr_content_wrap * { max-width:100%; box-sizing:border-box; }

/*본문*/
.board-viewer {
width:100%;
display: block;
position: relative; 
box-sizing:border-box; 
}
.board-viewer:after{content:"";display:block;clear:both;}

.board-viewer .contents { 
display: block;
position: relative; 
padding: 0 15px; 
box-sizing:border-box;
}   
#bo_vc_w {clear:both;}   
#bo_v_con {padding:20px 0;}   
#bo_v_bot { padding: 20px 0; overflow: hidden; }
.bo_v_nb { float: left; }
.bo_v_com { float: right; }