/* =============================================
    공통
============================================= */

#top_btn { position:fixed; bottom:20px; right:20px; width:50px; height:50px; line-height:46px; border:2px solid var(--main_purple); color:var(--main_purple); text-align:center; font-size:15px; z-index:90; background:rgba(255,255,255,0.5); cursor:pointer; border-radius:0; transition:all 0.5s; }
#top_btn:hover { border-color:var(--main_purple); background:var(--main_purple); color:var(--c_white); border-radius:50%; }



/* =============================================
    게시판 관련
============================================= */

/* 게시판 분류 탭 */
#bo_cate {margin:25px 0}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px}
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #dadada;color:var(--main_purple)}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:var(--main_purple);color:#3a3a3a;}
#bo_cate #bo_cate_on {z-index:2;background:var(--main_purple);color:#fff;font-weight:bold;border:1px solid var(--main_purple);box-shadow:0 0 0;}


/* 게시판 리스트 */
.bo_list { margin-bottom: 13rem; }
.pg_wrap { float: none; }

.bo_cate_link { background:var(--main_purple); color:#fff; }

.bo_notice .notice { background:var(--main_orange); }

#bo_list .new_icon { background:var(--main_yellow); color:#fff; width:20px; height:20px; border-radius:3px; display:inline-block; text-align: center; line-height: 20px; }

.pg_page, .pg_current {display:inline-block;vertical-align:middle; background: var(--main_we); border: 1px solid var(--main_we); }
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_current {display:inline-block;background: var(--main_purple); border: 1px solid var(--main_purple);color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}


/* 게시판 상세보기 */
#bo_v_title { margin: 12rem 0 5px; }
#bo_v_title .bo_v_cate { color:#fff; display: inline-block; line-height: 20px; background: var(--main_orange); padding: 7px 10px; border-radius: 3px; margin-bottom: 5px; }

.bo_v_nb a { color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:calc(100% - 74px - 55px); overflow:hidden; display:inline-block; padding-right: 5rem; box-sizing:border-box; vertical-align: -2px; }

#bo_v { margin-bottom: 13rem !important; }
#bo_v_title .bo_v_tit { display:block;font-size:2.4rem;margin:0 0 5px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:95%; overflow:hidden; }
.bd_mg { margin: 0 0 13rem; }


/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
.cmt_btn span.total { position: relative; display: inline-block; margin-right: 5px; font-size: 1em; color: var(--main_purple); }
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after { position: absolute; bottom: -17px; left: 0; display: inline-block; background:var(--main_purple); content: ""; width: 100%; height: 2px; }

.bo_vc_w_info { float: none; }
.bo_vc_w_info .frm_input { width:49.5%; }

.bo_vc_act li a { color: var(--main_purple); }
.bo_vc_act li a:hover { color: var(--main_blue); }


/* 게시판 글 쓰기 */
#bo_w .bo_w_info .frm_input { width:49.5%; }



/* 메인 컬러가 들어간 버튼 */
.btn_submit {border:0;background:var(--main_purple);color:#fff;cursor:pointer;border-radius:3px;vertical-align: middle;}
.btn_submit:hover {background:var(--main_purple);}