@charset "utf-8";

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

#bo_cate {position:relative;border:1px solid #e5e5e5;border-left:0;border-right:0;text-align:center;}
	#bo_cate h2 {}
	#bo_cate ul {display:inline-block;list-style:none;margin:0 auto;padding:0;}
	#bo_cate ul:after {display:block;clear:both;content:"";}
	#bo_cate ul li {display:inline-block;float:left;}
	#bo_cate ul li a {display:inline-block;padding:0 20px;font-size:.95em;color:#666;line-height:60px;text-transform:uppercase;}
	#bo_cate ul li a:hover, #bo_cate ul li a:focus {margin-bottom:-3px;border-bottom:3px solid #ccc;color:#333;}
	#bo_cate ul li #bo_cate_on {margin-bottom:-3px;border-bottom:3px solid #00a7ea;font-weight:500;color:#00a7ea;}


.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.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 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;}

/* 1025px 이상 해상도를 위한 코드 */
@media all and (min-width:1025px) {
	.pc_none {display:none;}
}

/* 게시판 쓰기 */
#bbs_write {margin-top:30px !important;padding:15px 20px;border:1px solid #ededed;border-radius:3px;background-color:#fafafa;}
	#bbs_write ul {list-style:none;margin:0;padding:0;}
	#bbs_write ul li {padding:3px 0;}
	#bbs_write ul li.option {margin-bottom:10px;border-bottom:1px solid #ededed;text-align:right;}
	#bbs_write ul li.option label {cursor:pointer;}
	#bbs_write ul li.option input {margin-left:15px;cursor:pointer;}
	#bbs_write ul li span.tit {display:block;margin-bottom:8px;font-family:'Noto Sans KR','NanumGothic','나눔고딕',Dotum;font-size:1.1em;font-weight:400;}
	#bbs_write ul li span.tit label {font-family:'Noto Sans KR','NanumGothic','나눔고딕',Dotum;}
	#bbs_write ul li span.tit strong {font-weight:500;color:#ff3061;}
	#bbs_write ul li input.frm_input, #bbs_write ul li input.frm_file {width:100%;height:45px;padding-left:7px;border:1px solid #e5e5e5;line-height:2em;background-color:#fff !important;}
	#bbs_write ul li input.frm_file {margin-bottom:10px;}
	#bbs_write ul li input.frm_file:last-child {margin:0;}
	#bbs_write ul li input.captcha_box {width:200px !important;}
	#bbs_write ul li select {height:35px;border:1px solid #e5e5e5;background:#fff !important;cursor:pointer;}
	#bbs_write ul li textarea {width:100%;border:1px solid #e5e5e5;}
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

/* 게시판 읽기 */
#bo_v {margin:70px auto;}
#bo_v .h2_tit {margin-bottom:20px;font-size:1.6em;font-family:'Noto Sans KR','NanumGothic','나눔고딕',Dotum;font-weight:normal;}
#bo_v_atc {min-height:200px;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block;text-align:center;}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
#bo_v_con img {max-width:100%;height:auto}
#bo_v_file {padding:10px 20px;border:1px solid #e5e5e5;border-radius:3px;background-color:#f2f2f2;}
	#bo_v_file ul {list-style:none;margin:0;padding:0;}
	#bo_v_file ul li {padding:0 10px;border-bottom:1px solid #fff;line-height:2em;}
	#bo_v_file ul li:last-child {border:none;}
	#bo_v_file ul li a.view_file_download {font-size:.9em;}
	#bo_v_file ul li a.view_file_download:hover {color:#f51a48;}
	#bo_v_file ul li a.view_file_download:before {margin-right:5px;content:"\f019";font-family:"FontAwesome";color:#f51a48;}
	#bo_v_file ul li span.bo_v_file_cnt {display:inline-block;font-size:.8em;color:#999;}
	#bo_v_file ul li span.bo_v_file_cnt:before, #bo_v_file ul li span.bo_v_file_cnt:after {content:"|";margin:0 15px;}
	#bo_v_file ul li span.bo_v_file_date {display:inline-block;font-size:.8em;color:#999;}
#bo_v_link {margin-bottom:30px;}
	#bo_v_link ul {list-style:none;margin:0;padding:0;}
	#bo_v_link ul li {}
	#bo_v_link ul li a {display:block;padding:0 30px;border-bottom:1px solid #e5e5e5;font-size:.9em;line-height:2em;}
	#bo_v_link ul li a:hover {color:#236dae;}
	#bo_v_link ul li a:before {margin-right:10px;content:"\f0c1";font-family:"FontAwesome";color:#236dae;}
	#bo_v_link ul li a span.bo_v_link_cnt {display:inline-block;font-size:.8em;color:#999;}
	#bo_v_link ul li a span.bo_v_link_cnt:before {content:"|";margin:0 15px;}

/* 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.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;}
	#bo_v {padding:0 2%;}
	#bo_v .h2_tit {font-size:1.2em;line-height:1.2em;text-align:left;}
	#bo_v_file {padding:5px;}
	#bo_v_file ul li span.bo_v_file_cnt, #bo_v_file ul li span.bo_v_file_date, #bo_v_link ul li a span.bo_v_link_cnt {display:none;}
	#bo_v_con {padding:3%;border:1px solid #ccc;border-radius:5px;}
}