@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_list a.btn_b01 {}
#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {}
#bo_list a.btn_b02 {}
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}
.chk_all{margin:10px 0}

/* 읽기 버튼 */
#bo_v a.btn_b01 {}
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
#bo_v a.btn_b02 {}
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

/* 쓰기 버튼 */
#bo_w .btn_confirm {} /* 서식단계 진행 */
#bo_w .btn_submit {}
#bo_w .btn_cancel {}
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */


/* 게시판 목록 */
#bo_list{position:relative}
#bo_list .bo_chk{display:inline-block;width:20px;text-align:left}
#bo_list .list_01{border-top:2px solid #333;margin-bottom:5%;padding:0}
#bo_list .list_01 li{position:relative;margin:0;padding:10px 0;border-radius:0;border-bottom:1px solid #ccc;background-color:#fff}
#bo_list .list_01 li.bo_notice{background-color:#fafafa}
#bo_list .bo_subject{display:inline-block;width:calc(100% - 170px);font-size:1.083em;font-weight:500}
#bo_list .bo_subject .bo_subject_a{overflow:hidden;display:inline-block;max-width:calc(100% - 30px);text-overflow:ellipsis;white-space:nowrap}
#bo_list .bo_subject .bo_cate_link{display:inline-block;padding:2px 5px;border-radius:3px;background-color:#aaa;font-size:0.875em;font-weight:100;color:#fff;line-height:18px}
#bo_list .bo_subject .notice_icon{display:inline-block;padding:2px 5px;border-radius:3px;background-color:#aaa;font-size:0.875em;font-weight:100;color:#fff;line-height:18px}
#bo_list .bo_subject .fa-download{width:16px;height:16px;line-height:16px;background-color:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
#bo_list .bo_subject .fa-link{width:16px;height:16px;line-height:16px;background-color:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
#bo_list .bo_subject .fa-heart{color:#ff0000;;text-align:center;font-size:10px;border-radius:2px}
#bo_list .bo_subject .new_icon{display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background-color:#c56bed}
#bo_list .bo_info{display:inline-block;position:absolute;right:0;width:150px}
#bo_list .bo_info span{vertical-align:middle}
#bo_list .bo_info .bo_name{overflow:hidden;display:inline-block;width:80px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
#bo_list .bo_info .bo_name .sv_member{font-weight:400}
#bo_list .bo_info .bo_date{display:inline-block;width:50px;text-align:right}

@media screen and (max-width:480px){
	#bo_list .bo_subject{width:calc(100% - 140px)}
	#bo_list .bo_info{width:120px}
	#bo_list .bo_info .bo_name{width:70px}
	#bo_list .bo_info .bo_date{width:40px}
}
@media screen and (max-width:360px){
	#bo_list .bo_subject{width:calc(100% - 110px)}
	#bo_list .bo_info{width:90px}
	#bo_list .bo_info .bo_name{width:49px}
	#bo_list .bo_info .bo_date{width:37px}
}