@charset "utf-8";

/* 게시판 목록 */
#bo_list {position:relative;}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}

.bo_list {position:relative;}
	.bo_list ul {list-style:none;margin:0;padding:0;}
	.bo_list ul:after {display:block;visibility:hidden;clear:both;content:""}
	.bo_list ul li {float:left;text-align:center;}
	.bo_list ul li.num {width:5%;}
	.bo_list ul li.tit {width:78%;}
	.bo_list ul li.hit {width:7%;}
	.bo_list ul li.name {width:7%;}
	.bo_list ul li.date {width:10%;}
	.bo_list_hd li {border-top:1px solid #808080;border-bottom:3px solid #f0f0f0;line-height:50px;background:linear-gradient(#fff 50%,#f3f3f3 100%);}
	.bo_list_con {margin-bottom:30px;}
	.bo_list_con li {border-bottom:1px solid #d9d9d9;line-height:38px;}
	.bo_list_con li.tit {text-align:left;}
	.bo_list_con li.tit a {display:inline-block;}
	.bo_list_con li.date {font-size:.88em;}
	.bo_list_con .title_icon {margin-left:2px}
	.bo_list_con .fa {display:inline-block;width:16px;height:16px;margin-right:2px;border-radius:2px;font-size:10px;line-height:16px;text-align:center;vertical-align:middle;}
	.bo_list_con .fa-download {color:#fff;background:#e89f31;}
	.bo_list_con .fa-link {color:#fff;background:#ad68d8;}
	.bo_list_con .new_icon {color:#ff0;background:#6db142;}
	.bo_list_con .fa-lock {color:#4f818c;background:#cbe3e8;}
	.bo_list_con .cnt_cmt {font-size:.88em;color:#f80;}

/* 1025px 이상 해상도를 위한 코드 */
@media all and (min-width:1025px) {
	.pc_none {display:none;}
}
#bo_top {position:relative;margin-bottom:30px;}
	#bo_top:after {display:block;clear:both;content:"";}
	#bo_top h2 {float:left;margin:0;font-size:1.8em;font-weight:700;color:#3d3d3d;}
	#bo_top h2 span.num {font-size:.6em;font-weight:300;color:#3d3d3d;}
	#bo_top .bo_btn {float:right;list-style:none;margin:0;padding:0;}
	#bo_top .bo_btn:after {display:block;clear:both;content:"";}
	#bo_top .bo_btn li {float:left;}
	#bo_top .bo_btn li+li {margin-left:5px;}

/* 1024px 미만 해상도를 위한 코드 */
@media all and (max-width:1024px) {
	.bo_list_hd, .bo_list_con li.num {display:none;}
	.bo_list_con {border-top:1px solid #808080;}
	.bo_list_con ul li {float:none;width:auto;border:none;line-height:1em;}
	.bo_list_con ul {position:relative;padding:3%;border-bottom:1px solid #d9d9d9;}
	.bo_list_con li.tit {width:100% !important;padding-bottom:6%;}
	.bo_list_con li.tit a {width:100%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.bo_list_con li.hit {position:absolute;left:20px;bottom:5px;width:auto !important;font-size:.8em;color:#888;}
	.bo_list_con li.name {position:absolute;left:20px;bottom:5px;width:auto !important;font-size:.8em;color:#888;}
	.bo_list_con li.date {position:absolute;right:20px;bottom:5px;width:auto !important;font-size:.8em;color:#888;}
	.bo_list_con li.hit .fa, .bo_list_con li.date .fa {margin-right:0;font-size:1em;color:#888;}
}

/* 게시판 댓글 */
.cmt_btn {display:block;width:100%;height:30px;margin-bottom:15px;border:1px solid #e9e9e9;border-radius:50px;background:#fff;}
.cmt_btn:hover {border-color:#333;background:#5c5c5c;}
.cmt_btn:before {content:"\f068";font-family:"FontAwesome";color:#ed6478;}
.cmt_btn_op:before {content:"\f067";}
#bo_vc {position:relative;padding:20px;border-radius:4px;background-color:#edf7fa; overflow:hidden;}
#bo_vc:before {display:block;clear:both;content:"";}
.bo_vc_wrap {position:relative;margin-bottom:10px;padding:15px 20px;border:1px solid #a9cbd5;border-radius:4px;background-color:#fff;box-shadow:3px 3px 3px #d2e4e9;}
	.bo_vc_wrap .block {display:none;position:absolute;top:5px;left:0;margin-left:-13px;width:13px;height:13px;background:url('./img/comm_bul.png') no-repeat 0 0;}
	.bo_vc_wrap.bo_vc_re .block {display:block;}
	.bo_vc_wrap.bo_vc_re {background-color:#f2f6f7;}
	.bo_vc_wrap:last-child {margin-bottom:0;}
.bo_vc_wrap header {margin-bottom:10px;}
	.bo_vc_wrap header .member {font-weight:600;color:#08647f;}
	.bo_vc_wrap header .bo_vc_hdinfo time {display:inline-block;margin-left:10px;font-size:.82em;color:#5fb2ca;}
.bo_vc_wrap p {font-size:.92em;line-height:1.3em;}
.bo_vc_wrap footer {position:absolute;right:10px;top:10px;}
	.bo_vc_wrap footer ul.bo_vc_act {list-style:none;margin:0;padding:0;zoom:1;}
	.bo_vc_wrap footer ul:after {display:block;clear:both;content:"";}
	.bo_vc_wrap footer ul li {float:left;margin-left:2px;}
	.bo_vc_wrap footer ul li a {display:block;width:22px;height:22px;font-size:0;color:#fc3;text-align:center;background-color:#484d61;}
	.bo_vc_wrap footer ul li a:hover {color:#fff;}
	.bo_vc_wrap footer ul li a:after {display:block;font-family:"fontAwesome";font-size:14px;line-height:22px;}
	.bo_vc_wrap footer ul li a.re:after {content:"\f112";transform:rotate(180deg);}
	.bo_vc_wrap footer ul li a.edit:after {content:"\f021"}
	.bo_vc_wrap footer ul li a.del:after {content:"\f1f8"}
#bo_vc_w {}
.bo_vc_w {margin-top:10px;padding:0;}
.bo_vc_w:after {display:block;clear:both;content:"";}
.bo_vc_w .bo_vc_cap {position:relative;}
.bo_vc_w .bo_vc_cap #captcha_info {display:block;padding:5px 0 10px;font-size:.82em !important;}
.bo_vc_w .bo_vc_txt {display:block;position:relative;}
.bo_vc_w .bo_vc_txt:before {display:block;clear:both;content:"";}
.bo_vc_w .bo_vc_txt textarea {width:100%;height:100px;padding-right:80px !important;padding:7px;border:1px solid #e5e5e5;border-right:none;font-size:.92em;line-height:1.3em;background-color:#fff !important;}
.bo_vc_w .bo_vc_txt .btn_submit {display:block;position:absolute;right:0;bottom:3px;width:100px;height:100px;border:none;background-color:#f43b51;}