@charset "utf-8";

/* 게시판 분류 */
.bd_cate ul::after { clear: both; content: ""; display: block; }
.bd_cate li { float: left; }
.bd_cate li.active { color: #e8341a; }



/* 게시판 버튼 */
.bd_btn { color: #4d4d4d; font-size: 12px; position: relative; }
.bd_btn_ul::after { clear: both; content: ""; display: block; }
.bd_btn_li { float: left; }
.bd_btn a, .bd_btn button { border: 1px solid #fff; background-color: #fff; vertical-align: top; }
.bd_btn_li > a, .bd_btn_li > button, .bd_btn_scrap { padding: 0 5px; line-height: 2.15em; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.bd_btn_li > a.on, .bd_btn_li > button.on, .bd_btn_li > a:hover, .bd_btn_li > button:hover, .bd_btn_scrap:hover { border-color: #f2f2f2; background-color: #f2f2f2; }

/* 게시판 버튼 아이콘 */
.bd_btn i { width: 18px; height: 2.15em; display: inline-block; background: no-repeat center; vertical-align: top; }
.bd_btn_adm i { background-image: url(./img/i_adm.png); }
.bd_btn_rss i { background-image: url(./img/i_rss.png); }
.bd_btn_sch i { background-image: url(./img/i_sch.png); }
.bd_btn_sch.on i { background-image: url(./img/i_close.png); }
.bd_btn_write i { background-image: url(./img/i_write.png); }
.bd_btn_opt i { background-image: url(./img/i_opt.png); }
.bd_btn_list i { background-image: url(./img/i_list.png); }
.bd_btn_reply i { background-image: url(./img/i_reply.png); }
.bd_btn_scrap i { background-image: url(./img/i_scrap.png); }



/* 게시판 편집 버튼 */
.bd_opt_list.on { display: block; }
.bd_opt_list { width: 79px; z-index: 5; right: 0; background-color: #fff; padding: 0 5px; border: 1px solid #e5e5e5; position: absolute; margin-top: 5px; display: none; }
.bd_opt_list button, .bd_opt_list a { display: inline-block; padding: 0 10px; line-height: 3em; border-bottom-color: #e5e5e5; }
.bd_opt_list li:last-child button, .bd_opt_list li:last-child a { border-bottom-color: #fff; }





/* 체크박스 */
.bd_chk { display: inline-block; }
.bd_chk input[type='checkbox'] { display: none; }
.bd_chk label { display: inline-block; vertical-align: middle; }
.bd_chk span { background: url(./img/i_chk.png) no-repeat center; display: inline-block; width: 16px; height: 16px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;vertical-align: middle; margin-top: -4px; margin-right: 5px; }
.bd_chk input:checked + label span { border-color: #e8341a; background-color: #e8341a; }





/* 게시판 리스트 */
.bd_list { font-size: 13px; text-align: center; }
.bd_list table { width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 1px solid #e5e5e5; }
.bd_list tr { border-bottom: 1px solid #e5e5e5; }
.bd_list tr.notice .num { color: #e8341a; }
.bd_list td { line-height: 3.75em; }
.bd_list .bd_chk { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.bd_list .num { width: 5%; position: relative; }
.bd_list .cate { width: 7%; }
.bd_list .subject { width: auto; }
.bd_list .writer { width: 8%; }
.bd_list .hit { width: 5%; }
.bd_list .good { width: 5%; }
.bd_list .nogood { width: 5%; }
.bd_list .date { width: 8%; }

.bd_list tbody .subject { text-align: left; padding: 0 10px; }
.bd_list tbody .subject span { vertical-align: top; display: inline-block; max-width: 85%; white-space: nowrap; -ms-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; }

.bd_list .ico { line-height: 16px; background: #e0e0e0 no-repeat center; display: inline-block; vertical-align: middle; min-width: 16px; height: 16px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.bd_list .ico_reply { background-image: url(./img/ico_reply.png); background-color: transparent; }
.bd_list .ico_secret { background-image: url(./img/ico_secret.png); }
.bd_list .ico_hot { background-image: url(./img/ico_hot.png); background-color: transparent; }
.bd_list .ico_new { background-image: url(./img/ico_new.png); }
.bd_list .ico_file { background-image: url(./img/ico_file.png); }
.bd_list .ico_link { background-image: url(./img/ico_link.png); }
.bd_list .ico_cmt { padding: 0 5px; font-size: 11px; text-align: center; font-style: normal; background-color: #666; color: #fff; }





/* 게시판 페이징 */
.bd_page { text-align: center; cursor: default; }
.bd_page .pg_wrap { float: none; }
.bd_page .pg_page,
.bd_page .pg_current { font-size: 12px; font-weight: 400; color: #666; width: 30px; height: 30px; line-height: 28px; padding: 0; border: 1px solid #e5e5e5; background: #fff no-repeat center; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.bd_page .pg_start { background-image: url(./img/pg_start.png); }
.bd_page .pg_prev { background-image: url(./img/pg_prev.png); }
.bd_page .pg_next { background-image: url(./img/pg_next.png); }
.bd_page .pg_end { background-image: url(./img/pg_end.png); }

.bd_page .pg_page:hover,
.bd_page .pg_current:hover { border-color: #bdbdbd; }
.bd_page .pg_current { border-color:#e8341a; background-color:#e8341a; color: #fff; }





/* 게시판 검색 */
.bd_sch.on { display: block; }
.bd_sch { width: 280px; background-color: #fff; padding: 16px; border: 1px solid #e5e5e5; position: absolute; margin-top: 5px; position: absolute; display: none; }
.bd_sch .bd_sch_box, .bd_sch select, .bd_sch input,
.bd_sch button {  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.bd_sch .bd_sch_box, .bd_sch select,
.bd_sch input { width: 100%; height: 40px; border: 1px solid #e5e5e5; }
.bd_sch .bd_sch_box { position: relative; border: 0; }
.bd_sch select { padding: 0 10px; margin-bottom: 10px; }
.bd_sch input { padding-left: 10px; padding-right: 40px; background-image: url(); }
.bd_sch button { width: 38px; height: 38px; border: 0; background: #fff url(./img/i_sch.png) no-repeat center; position: absolute; right: 0; top: 0; margin: 1px;}




/* 게시판 정보 */
.bd_info { width: 100%; }
.bd_info ul { border-top: 1px solid #e5e5e5; }
.bd_info ul::after { clear: both; content: ""; display: block; }
.bd_info li { width: 100%; height: 50px; line-height: 49px; border-bottom: 1px solid #e5e5e5; float: left; }
.bd_info h4, .bd_info div { float: left; padding: 0 16px; }
.bd_info h4 { width: 120px; background-color: #f7f7f7; }
.bd_info > ul > li > div { width: calc(100% - 120px); }

.bd_info li.wd_50 { width: 50%; }
.bd_info li.wd_33 { width: 33.3333%; }
.bd_info li.wd_25 { width: 25%; }




/* 공유하기 */
.bd_share { padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
.bd_share::after { display: block; content: ""; clear: both; }
.bd_share .bd_sns { display: inline-block; }
.bd_share .bd_sns li { display: inline-block; }
.bd_share .bd_btn_scrap { font-size: 11px; }


/* 내용보기 */
.bd_view { padding-top: 15px; }
.bd_view .bd_img { margin-bottom: 10px; }
.bd_view .bd_cont { margin-bottom: 10px; }



/* 추천 비추천 */
.bd_act { text-align: center; font-size: 16px; color: #444; padding: 1em; }
.bd_act li { display: inline-block;  line-height: 3em; border: 1px solid #e5e5e5; margin: 0 5px; padding: 0 18px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; }
.bd_act a { display: inline-block; width: 100%; height: 100%; font-size: 14px; }
.bd_act span { display: none; }
.bd_act li:hover { border-color: #bdbdbd; }



/* 첨부파일  */
.bd_file li { font-size: 16px; padding: 1em; margin-bottom: 1em; border: 1px solid #e5e5e5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
.bd_file a { width: calc(100% - 2.15em); display: inline-block; font-size: 0.875em; line-height: 1.15em; padding-left: 10px; vertical-align: top; }
.bd_file span { display: inline-block; font-size: 11px; color: #999; width: 100%; vertical-align: top; }
.bd_file .ico { width: 1.5em; height: 2em; display: inline-block; background: url(./img/i_file.png) no-repeat center; vertical-align: top; }
.bd_file .ico.height { height: 3em; }
.bd_file li:hover { border-color: #bdbdbd; }
.bd_file input[type='file'],.bd_file input[type='text'] { width: 100%; height: 34px; line-height: 32px; border: 1px solid #fff;}


/* 관련링크  */
.bd_link li { font-size: 16px; padding: 1em; margin-bottom: 1em; border: 1px solid #e5e5e5; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; }
.bd_link a { width: calc(100% - 2.15em); display: inline-block; font-size: 0.875em; line-height: 1.15em; padding-left: 10px; vertical-align: top; }
.bd_link span { display: inline-block; font-size: 11px; color: #999; width: 100%; vertical-align: top; }
.bd_link .ico { width: 1.5em; height: 2em; display: inline-block; background: url(./img/i_link.png) no-repeat center; vertical-align: top; }
.bd_link .ico.height { height: 3em; }
.bd_link li:hover { border-color: #bdbdbd; }
.bd_link input { width: 100%; height: 34px; line-height: 32px; border: 1px solid #fff;}



/* 게시판 이전글,다음글 */
.bd_nav { width: 100%; border-top: 1px solid #e5e5e5; }
.bd_nav li { width: 100%; height: 50px; line-height: 49px; border-bottom: 1px solid #e5e5e5; }
.bd_nav h4, .bd_nav div { float: left; padding: 0 16px; }
.bd_nav h4 { width: 120px; background-color: #f7f7f7; }
.bd_nav div { width: calc(100% - 120px); }
.bd_nav a { width: calc(100% - 65px); display: inline-block; }
.bd_nav span { width: 60px; display: inline-block; text-align: right; }
.bd_nav .ico { width: 18px; height: 49px; display: inline-block; background: no-repeat center; vertical-align: top; }
.bd_nav .ico_prev { background-image: url(./img/ico_prev.png); }
.bd_nav .ico_next { background-image: url(./img/ico_next.png); }




/* 댓글 열기 */
.bd_cmt_top { line-height: 59px; height: 60px; margin-top: 30px; cursor: pointer; border-bottom: 1px solid #e5e5e5; }
.bd_cmt_top span { vertical-align: top; }
.bd_cmt_top::after { display: block; content: ""; clear: both; }
.bd_cmt_cnt { float: left; font-size: 16px; }
.bd_cmt_cnt span { color: #e8341a; }
.bd_cmt_btn { float: right; font-size: 12px; }
.bd_cmt_btn .arrow { display: inline-block; width: 18px; height: 59px; background: url(./img/ico_prev.png) no-repeat center; }
.bd_cmt_btn .arrow.on { transform: rotate(180deg); }


/* 댓글 목록 */
.bd_cmt_list li.reply { padding-left: 50px; position: relative; }
.bd_cmt_list li.reply::before { position: absolute; left: 0; top: 0; content: ""; display: inline-block; width: 40px; height: 64px; background: url(./img/ico_reply.png) no-repeat center; }
.bd_cmt_list li.bd_cmt_empty { width: 100%; text-align: center; padding: 60px 0; }

.bd_cmt_info { padding: 16px; background-color: #fafafa; position: relative; }
.bd_cmt_name .sv_wrap { height: 32px; line-height: 32px; display: inline-block; }
.bd_cmt_name .sv_member { display: inline-block; vertical-align: top; }
.bd_cmt_name .profile_img { width: 32px; height: 32px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; display: inline-block; overflow: hidden; vertical-align: top;}
.bd_cmt_name .profile_img img { width: 100%; height: auto !important; vertical-align: top; }
.bd_cmt_ip, .bd_cmt_date { font-size: 11px; color: #999; }

.bd_cmt_cont { padding: 16px; min-height: 100px;}
.bd_btn.bd_cmt_opt { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 10;  }
.bd_btn.bd_cmt_opt .bd_btn_opt { background-color: transparent; border: 0; }
.bd_btn.bd_cmt_opt .bd_opt_list { width: 58px; right: 0; }

.bd_cmt_write textarea { padding: 16px; width: 100%; min-height: 150px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.bd_cmt_write .btn_confirm { position: relative; padding: 10px 0;}
.bd_cmt_write .btn_submit { padding: 0 15px; height: 40px; background-color: #e8341a;}

.bo_vc_w { display: block; }
.bo_vc_w textarea { padding: 16px; width: 100%; min-height: 150px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.bo_vc_w .btn_confirm { position: relative; padding: 10px 0; }
.bo_vc_w .btn_submit { padding: 0 15px; height: 40px; background-color: #e8341a; }


/* 게시판 글쓰기 */
.bd_info.write li { height: 56px; line-height: 55px; }
.bd_info.write input,.bd_info.write select { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #e5e5e5; vertical-align: middle; margin-top: -2px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }

.bd_info.write .write_subject { position: relative; }
.bd_info.write .write_subject input { width: calc(100% - 125px); }
.bd_btn_frmline { width: 120px; height: 40px;  border: 1px solid #666; color: #fff; background-color: #666; vertical-align: middle; margin-top: -2px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;  }
.bd_info.write #autosave_pop { width: 30%; position: absolute; background-color: #fff; border: 1px solid #e5e5e5; right: 0; display: none; }
.bd_info.write #autosave_pop .autosave_close { width: 100%; text-align: right; }
.bd_info.write #autosave_pop .autosave_close button { border: 1px solid #666; color: #fff; background: #666; padding: 0 15px; line-height: 30px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.bd_info.write #autosave_pop li { line-height: 1.7; height: auto; padding: 10px 0; }
.bd_info.write #autosave_pop li span { display: block; text-align: right; color: #999;  }
.bd_info.write #autosave_pop li span .autosave_del { margin-left: 5px; vertical-align: bottom; border: 1px solid #ccc; color: #666; background: #fff; padding: 0 15px; line-height: 2; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }






/* 게시판 취소, 작성완료 버튼 */
.bd_btn_confirm { text-align: right; }
.bd_btn_confirm a, .bd_btn_confirm button {  padding: 0 15px; height: 40px; line-height: 38px; border: 1px solid #000; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.bd_btn_confirm .btn_cancel { background-color: #fff; border-color: #ccc; color: #666; }
.bd_btn_confirm .btn_submit { background-color: #e8341a; border-color: #e8341a;}