@charset "utf-8";
/* SIR 지운아빠 */
:root {
	--board-point-color:var(--d-color);
}


/* 게시판 목록 */
.board-category	{
	float:left;height:30px;
	display: block;
	position: relative;margin: 10px 0;

}
#navi_category ul {text-align:center;}
#navi_category li {display:inline-block; padding:5px 0;}
#navi_category li:before {display:inline-block; content:"|";padding:0 15px;opacity:.6;}
#navi_category li:first-child:before {display:none;content:"";}
#navi_category #bo_cate_on {font-weight:bold;}

/* 갤러리 목록 */
#bo_gall {margin:0 auto;}
.gall_row {padding:30px 0;} /*카테고리 포함한 목록*/
.gall_row h2 {padding: 0 10px;line-height:150%;} /*카테고리 제목*/
.gall_row .gall_con {line-height:0;text-align:center;} /*썸네일 목록*/

/** 썸네일 **/
.gall_row .gall_box {position:relative;display:inline-flex; background-position:center; padding:0;margin:5px; flex-direction: column; justify-content: flex-start;} /* 썸네일간 간격 margin 조정 */
.gall_row .gall_box .gall_icon{display:block;width:100%;height:100%; clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0% 100%); border:2px solid var(--board-point-color); position: relative; background-repeat:no-repeat;background-size:cover;}
.gall_row .gall_box .gall_icon:after { content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: var(--board-point-color); }

.gall_row .gall_box .gall_subject {display: inline-block; line-height: 100%; margin-top: 8px; text-align: left; color:var(--board-point-color); font-size:14px;}

/* 게시판 목록 공통 */
#bo_gall .gall_con .gall_chk{position:absolute;left:0;top:0;text-align:left; width: 100%; z-index: 99;}
#bo_gall .gall_con .gall_chk label{display:block;width:100%;padding:10px;box-sizing:border-box;}


.hash_list {border-top:2px solid var(--board-point-color); margin-top:8px; padding:8px 0; text-align: left;}
.hash_list .link_hash_tag, #bo_v_hash .link_hash_tag {display: inline-block; line-height: 17px; padding: 1px 5px 2px 0; word-spacing: -2px; letter-spacing: -0.1px;}
.hash_list .link_hash_tag:before, #bo_v_hash .link_hash_tag:before { border-width: 8px 6px;}

#bo_btn_top{margin: 10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right; }
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
.bo_fx #chkall {display:inline-block;width:0;height:0;overflow:hidden;}
.bo_fx #chkall + label span {display:inline-block;font-size:12px;line-height:26px;}
.bo_fx #chkall + label span:after {content:"선택";}
.bo_fx #chkall + label span.on:after{ content:"해제";}
.bo_fx ul {margin:0;padding:0;list-style:none}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0; text-decoration:none;vertical-align:middle}

.pg_wrap{clear:both;}

/* 갤러리 뷰 */
#password_box {max-width:300px;margin:20px auto;position:relative;z-index:9999;}
#password_box p{padding:5px;}

#view_box{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.7);z-index:999;}
#view_box.on {display:block;}
#view_box .fix-layout {margin:0 auto;height:100%; background:transparent; z-index:unset;}
#view_box #close_area{display:block;position:fixed;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:10;}
#view_area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:90;}

#bo_v {position:relative;padding:0px 30px;box-sizing:border-box; background:white;}

#bo_v_inner { display: grid;  grid-template-columns: 20% 80%; gap: 32px;}

#bo_v_top{position:absolute;width:calc(100% + 3px);left:0;z-index:999; transform: translateY(calc(-100% - 2px)); display:flex; justify-content:space-between; top:0;}
#bo_v_top:after {/*display:block;visibility:hidden;clear:both;content:""*/}
#bo_v_top h2 {/*position:absolute;padding-left:40px;*/}
#bo_v_top ul {padding-right:20px;list-style:none;word-break:break-all}

#bo_v_info {clip-path: polygon(0% 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0% 100%);border: 2px solid var(--board-point-color);position: relative;padding: 12px;margin-bottom: 8px;}
#bo_v_info:after { content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: var(--board-point-color); }
#bo_v_info h2 {font-size:15px;padding-bottom:5px;}
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
#bo_v_info .if_date{margin:0;opacity:0.8;}
#bo_v_info .comms_link {background:var(--p-color);color:#fff;padding:4px;font-size:16px;position:relative;display: block;width: fit-content;margin-bottom: 12px;}
#bo_v_info .comms_link:after {content:'';width: 0;height: 0;border-style: solid;border-width: 10px 10px 0px 0px;border-color: var(--p-color) transparent transparent transparent;display: block;position: absolute;left: 0;bottom: 0;transform: translateY(100%);}
#bo_v_info .bo_v_pair {display:block; color:var(--board-point-color); font-size:16px; font-weight:bold;}

.bo_v_com { position:relative; z-index:999; }
.bo_v_com li {margin-right:8px; display:inline-block;}
.bo_v_com li a {color:var(--board-point-color);}

#bo_v_left {position:relative; z-index:999;}
#bo_v_right {border:2px solid var(--board-point-color); padding: 20px; position:relative;}

.bo_v_cate { padding: 0 12px 0 20px; clip-path: polygon(20px 0%, 100% 0, 100% 100%, 0% 100%); background: var(--effect-point);  color: white; position:relative;}
.bo_v_cate:after {content:''; width:4px; height:4px; display:block; background:white; position:absolute; top:4px; right:4px;}

#bo_v_emo {position:relative; z-index:999;}

.bo_v_nb {position:absolute;width:100%;top:50%;left:0;height:50px;transform:translateY(-50%);z-index:999;}
.bo_v_nb .prev, .bo_v_nb .next{position:relative;display:block;width:50px;height:50px;line-height:50px;}
.bo_v_nb .prev {float:left}
.bo_v_nb .next {float:right;}
.bo_v_nb .prev:after {content:"<";}
.bo_v_nb .next:after {content:">";}
.bo_v_nb .prev:after, .bo_v_nb .next:after{position:absolute;top:0;display:block;width:100%;height:100%;font-size:35px;text-align:center;}
.bo_v_nb .prev span, .bo_v_nb .next span{display:inline-block;width:0;height:0;white-space:nowrap;overflow:hidden;}
.other-site-link {font-weight:bold;}

#bo_v .bo_block {position:absolute;top:0;right:0;left:0;bottom:0;z-index:100;}

#bo_v_atc {min-height:100px;padding:16px 10px 10px; }
#bo_v_atc_in {position:relative; z-index:999; padding:0 0 20px;}
#bo_v_hash {position:relative; padding:12px 0; border-top:2px solid var(--board-point-color);}

@media all and (max-width: 1000px) {
	#bo_v_inner {grid-template-columns:1fr;}

}

/*#bo_v_hash .link_hash_tag {
  font-family: 'GongGothicLight';
  font-size: 11px;
  position: relative;
  margin-left: 7px;
  padding: 0px 5px;
  color: white;
  background-color: var(--d-color);
  border-radius: 0px 3px 3px 0px;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.3));
  transition-duration: 0.2s;
}


#bo_v_hash .link_hash_tag:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 0;
  height: 0;
  border-right: 5px solid var(--d-color);
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  transition-duration: 0.2s;
}

#bo_v_hash .link_hash_tag:hover:after {
  border-right-color: white;
}

#bo_v_hash .link_hash_tag:before {
  content: "";
  width: 4px;
  position: absolute;
  height: 4px;
  left: -2px;
  top: 4px;
  background: white;
  color: white;
  border-radius: 50%;
  z-index: 2;
}

#bo_v_hash .link_hash_tag:hover {
  color: var(--d-color);
  background-color: white;

}
*/

#bo_v_con { width:100%; overflow:hidden}
#bo_v_con img {max-width:100%;height:auto}
.board-emoji {text-align:left;}


/*글쓰기*/
#bo_w .write_div{margin:10px 0;position:relative}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:0;right:0;line-height:30px;height:30px;}
#bo_w .bo_w_link label,#bo_w .bo_w_flie label{display:inline-block;height:28px;line-height:28px;width:60px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input,#bo_w .bo_w_flie .frm_file{padding-left:65px}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }

.board-write {border: 1px solid;    padding: 12px;    max-width: 800px;    margin: 0 auto;}
.board-write > dl {position:relative;}
.board-write > dl > dt { width:70px;position:absolute;line-height:32px;text-align:center; }
.board-write > dl > dd { width:100%;margin-left:0;padding-left:80px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}



/* 게시판 댓글 (현재 사용안함) */
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 10px;position:relative}
#bo_vc header {line-height:23px;}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {padding:10px;margin:5px 0 0;}
#bo_vc #bo_vc_winfo {float:left}

.bo_vc_w {position:relative;margin:10px 0;display:block;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w_info{margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input{float:left;margin-right:5px}
.bo_vc_w .btn_confirm{float:right;margin-top:5px}
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px; text-align:center;}
.bo_vc_w .btn_submit{height:30px;padding:0 20px; font-weight:bold; }
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}