@charset "utf-8";

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

/* 게시판 버튼 */
/* 목록 버튼 */
#bo_member a.btn_b01 {}
#bo_member a.btn_b01:focus, #bo_member .btn_b01:hover {}
#bo_member a.btn_b02 {}
#bo_member a.btn_b02:focus, #bo_member .btn_b02:hover {}
#bo_member a.btn_admin {} /* 관리자 전용 버튼 */
#bo_member a.btn_admin:focus, #bo_member a.btn_admin:hover {}

/* 읽기 버튼 */
#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_v .tbl_head01 {}
#bo_v .tbl_head01 caption {}
#bo_v .tbl_head01 thead th {}
#bo_v .tbl_head01 thead a {}
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
#bo_v .tbl_head01 tfoot th {}
#bo_v .tbl_head01 tfoot td {}
#bo_v .tbl_head01 tbody th {}
#bo_v .tbl_head01 td {}
#bo_v .tbl_head01 a {}
#bo_v td.empty_table {}

/* 쓰기 테이블 */
#bo_w table {}
#bo_w caption {}
#bo_w .frm_address {}
#bo_w .frm_file {}
#bo_w .frm_info {}

#bo_w .tbl_frm01 {}
#bo_w .tbl_frm01 caption {}
#bo_w .tbl_frm01 th {}
#bo_w .tbl_frm01 td {}
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
#bo_w .tbl_frm01 textarea {}
/*
#bo_w .tbl_frm01 #captcha {}
#bo_w .tbl_frm01 #captcha input {}
*/
#bo_w .tbl_frm01 a {}

#bo_w .required, #bo_w textarea.required {}

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

/* 갤러리 목록 */
#bo_member h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_member #member_ul{display:block;margin:10px 0;padding:0 0 2%;list-style:none;border-top:2px solid #333;}
#bo_member #member_ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_member .member_li {float:left;display:block;width:23.5%;margin-top:2%;margin-left:2%;padding:0;border:1px solid #ddd}
#bo_member .member_li_wr{background:#fff;position:relative;}
#bo_member .member_li_chk{display:inline-block;padding:5px;position:absolute;top:0;left:0}
#bo_member .member_li:nth-child(4n+1) {clear:both;margin-left:0}
#bo_member .member_li .member_img{display:block;width:100%;font-size:0;line-height:0;text-align:center}
#bo_member .member_li .member_img img{max-width:100%;height:auto}
#bo_member .member_li .member_img .no-img{display:block;background:#ddd;text-align:center;padding:30% 0}

#bo_member .member_now .member_text_href a {color:#ff3061}

#bo_member .member_href a:link, #bo_member .member_href a:focus, #bo_member .member_href a:hover {text-decoration:none}
#bo_member .member_href strong, #bo_member .member_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}

#bo_member .member_text_href{min-height:55px;border-top:1px solid #ddd;font-size:0.92em;color:#888;text-align:center}
#bo_member .member_text_href li+li{margin-top:-5px}

#bo_member .member_li_tit{display:block;font-size:1.125em;font-weight:500;color:#333}
#bo_member .bo_cate_link {display:inline-block;color:#3ca1ff !important}
#bo_member .profile_img img{border-radius:50%}
#bo_member .member_info{padding:5px 0 0;margin:10px 0 0;color:#777;font-size:0.92em;border-top:1px solid #eee;}
#bo_member .member_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_member .member_info strong{display:inline-block;margin-right:3px}
#bo_member .date{float:right}

#bo_member li.empty_list {padding:30px 0;text-align:center}

#bo_v_atc1 #bo_v_img{float:left;width:150px;margin-top:0;margin-right:30px;padding:10px;border:1px solid #eee;font-size:0;line-height:0;text-align:center}
#bo_v_atc1 #bo_v_img a{font-size:0;line-height:0}
#bo_v_atc1 #bo_v_img img{margin-bottom:0}
#bo_v_atc1 #bo_v_minfo{float:left;width:calc(100% - 180px)}

#bo_v_atc h3{margin:4% 0 1%}

#bo_v_con{min-height:auto;margin:5% 0}
#bo_v_img{text-align:center}

@media screen and (max-width:550px){
	#bo_member .member_text_href{min-height:45px}
	#bo_member .member_li:nth-child(n){clear:none;width:32%;margin-left:2%}
	#bo_member .member_li:nth-child(3n+1) {clear:both;margin-left:0}
}

@media screen and (max-width:480px){
	#bo_v_atc1 #bo_v_img{float:none;width:150px;margin:0 auto}
	#bo_v_atc1 #bo_v_minfo{float:none;width:100%;margin-top:5%}
	#bo_v_atc .tbl1 th{width:30%}
}

@media screen and (max-width:414px){
	#bo_member .member_text_href{min-height:38px}
	#bo_member .member_li:nth-child(n){clear:none;width:48%;margin-top:4%;margin-left:4%}
	#bo_member .member_li:nth-child(2n+1) {clear:both;margin-left:0}
}