@charset "utf-8";

/*  reset */
*, html, body, div, p, a, span, ul, ol, li, dl, dt, dd, table, th, td {margin:0; padding:0;}
table {border-collapse:collapse;}

/* 게시판 상단 텝
.boardListCategory {padding:3px 10px 3px 0; text-align:right; background:#eee; border-radius:5px;}
.boardListCategory select {height:24px;}
.boardListCategory .board_ctgr_tab {line-height:24px; font-size:13px;}
.boardListCategory .board_ctgr_tab a {display:inline-block; color:#555; letter-spacing:-1px;}
.boardListCategory .board_ctgr_tab .tab_space {display:inline-block; width:10px;}
.boardListCategory .total_view {display:inline-block; height:20px; line-height:20px; margin-top:2px; padding:0 7px; background:#777; color:#fff !important; border-radius:5px;}
 */
/* 게시판 상단 텝 */
.boatd_top_tab {margin-bottom:10px; padding:3px 10px 3px 0; text-align:right; background:#eee; border-radius:5px;}
.boatd_top_tab select {height:24px;}
.boatd_top_tab .board_ctgr_tab {line-height:24px; font-size:13px;}
.boatd_top_tab .board_ctgr_tab a {display:inline-block; color:#555; letter-spacing:-1px;}
.boatd_top_tab .board_ctgr_tab .tab_space {display:inline-block; width:10px;}
.boatd_top_tab .total_view {display:inline-block; height:20px; line-height:20px; margin-top:2px; padding:0 7px; background:#777; color:#fff !important; border-radius:5px;}




/* 총글수 */
.boardListCount {margin-top:0; height:20px; line-height:20px; font-size:13px; letter-spacing:-1px; color:#777;}
.boardListCount span {padding-right:10px;}


/* 리스트 영역 */
.icon_img {margin-left:1px; margin-top:1px; vertical-align:top;}
.board_lst_line01,
.board_lst_line02 {margin-top:5px; height:3px; background:#aaa; border-radius:5px;}
.board_lst_line02 {position:relative; z-index:10; margin-top:-1px;}
.date_con {font-weight:normal; height:15px; line-height:18px; margin-top:4px; overflow:hidden; *zoom:1;}
.date_con:after {display:block; clear:both; content:"";}
.date_con p {float:left; margin-right:6px;}
.date_con p span {display:inline-block; width:1px; height:9px; margin:3px 6px 0 0; background:#d5d5d5;}
.date_con div {float:left; padding-left:5px;}
.cmt_count {display:inline-block; height:15px; line-height:17px; padding-right:2px; font-weight:normal; font-size:13px; color:#3372f1; vertical-align:middle; overflow:hidden;}
.view_lst_tit {position:relative; height:20px; line-height:20px;}
.view_lst_tit p {font-size:16px; font-weight:bold; color:#666;}
.view_lst_tit a {position:absolute; right:0; top:0; display:block; font-size:12px; color:#999;}
.view_lst_tit a img {margin:6px 3px 0 0;}

.board_lst {width:100%;}
.board_lst input {vertical-align:top;}
.board_lst td {padding:12px 0; font-size:12px; letter-spacing:-1px; border-bottom:1px solid #ddd; vertical-align:middle;}
.board_lst td a {color:#555; font-size:15px !important;}
.board_lst .total_choice input {margin-right:5px; color:#999;}
.board_lst .lst_td01 {width:17px;}
.board_lst .lst_td02 table th,
.board_lst .lst_td02 table td {height:100%; padding:0; border:0; vertical-align:middle;}
.board_lst .lst_td02 table th {width:24px; padding-right:3px; font-weight:bold;}
.board_lst .lst_td02 .lst_num {float:left; display:block; width:15px; text-align:center; font-size:13px;}
.board_lst .lst_td02 .lst_con {float:left; width:auto;}

.board_lst .wz_lst_td01 {padding-right:5px;}
.board_lst .lst_wz_thum {padding-right:7px; vertical-align:top;}
.board_lst .wz_lst_td02 {vertical-align:top;}
.board_lst .wz_lst_td02 a {font-weight:normal;}
.board_lst .wz_data {margin-top:7px;}
.board_lst .wz_data p {margin-right:3px;}
.board_lst .wz_data p span {padding-left:0; margin:3px 3px 0 0;}

.gall_lst {vertical-align:top !important; padding:0 0 30px !important; border:0 !important;}
.gall_lst .thum_area {padding:0 2px 0; margin:0 auto;}
.gall_lst .thum_area .thum {display:block;  overflow:hidden !important;}
.gall_lst .thum_area .no_img {border:1px solid #ccc; padding:80px 0; text-align:center; font-size:15px; color:#999; background:#f5f5f5;}

.gall_lst .txt_area {margin-top:2px;}
.gall_lst .txt_area th {width:22px; text-align:left;}
.gall_lst .txt_area th input {vertical-align:top; margin-top:13px;}
.gall_lst .txt_area td {border:0;}



/* 리스트 컨트롤 */
.boardControl {margin-top:15px;}

.bc_btn_area01 a,
.bc_btn_area02 a {display:block; height:30px; line-height:32px; font-size:12px; letter-spacing:-1px; text-align:center; color:#666; background:#fff; 
	border:1px solid #c2c2c2; border-radius:3px; overflow:hidden;}

.bc_btn_area01 {margin-bottom:12px; padding-bottom:12px; border-bottom:1px dotted #ccc;}
.bc_btn_area01_txt {height:18px; line-height:18px; font-size:13px; color:#777;}
.bc_btn_area01_txt span {font-size:15px;}
.bc_btn_area01_txt select {vertical-align:middle;}

.bc_btn_area01_btn {margin-top:15px; *zoom:1;}
.bc_btn_area01_btn:after {display:block; clear:both; content:"";}
.bc_btn_area01_btn .btn01 {float:left; display:block; width:12%;}
.bc_btn_area01_btn .btn02 {float:left; display:block; width:18%;}
.bc_btn_area01_btn .btn01 span,
.bc_btn_area01_btn .btn02 span {display:block; padding-right:2px;}

.bc_btn_area01_btn .btn03 {position:relative; float:right; display:block; width:42%;}
.bc_btn_area01_btn .btn03 .btn03_1 {display:block; padding:0 35px;}
.bc_btn_area01_btn .btn03 .btn03_1 a {border-left:0; border-right:0; border-radius:0;}

.bc_btn_area01_btn .btn03 .btn03_2,
.bc_btn_area01_btn .btn03 .btn03_3 {position:absolute; top:0; width:33px; background:#f8f8f8;}
.bc_btn_area01_btn .btn03 .btn03_2 {left:0; border-radius:0; border-top-left-radius:3px;  border-bottom-left-radius:3px;}
.bc_btn_area01_btn .btn03 .btn03_3 {right:0; border-radius:0; border-top-right-radius:3px;  border-bottom-right-radius:3px;}
.bc_btn_area01_btn .btn03 img {margin-top:8px;}

.bc_btn_area02 {*zoom:1;}
.bc_btn_area02:after {display:block; clear:both; content:"";}
.bc_btn_area02 .btn_list {float:left; width:12%;}
.bc_btn_area02 .btn_write {float:right; width:15%;}
.bc_btn_area02 .btn_edit {float:right; width:12%;}

/* 페이징 [주석:가로값 %]
.pagination {margin-top:25px; text-align:center;}
.pagination a {display:inline-block; margin:0 0px; width:10%; height:30px; line-height:32px; font-size:14px; color:#9f9f9f;
	border:1px solid #c2c2c2; border-radius:3px; overflow:hidden;}
.pagination .first_page,
.pagination .last_page {width:15%; backgro und:#f8f8f8;}
.pagination .current {background:#eee; color:#555;}
.pagination a img {margin-top:8px;}
 */
/* 페이징 */
.pagination {margin-top:25px; text-align:center;}
.pagination a {display:inline-block; margin:0 0px; width:34px; height:30px; line-height:32px; font-size:14px; color:#9f9f9f;
	border:1px solid #c2c2c2; border-radius:3px; overflow:hidden; vertical-align:top;}
.pagination .first_page,
.pagination .last_page {width:47px;}
.pagination .current {background:#eee; color:#555;}
.pagination a img {margin-top:8px;}


/* 검색 */
.boardSearch {position:relative; margin-top:15px; padding:5px 55px 5px 75px; background:#eee; border-radius:7px;}
.boardSearch .search_inp {display:block; border:1px solid #aaa; border-radius:5px; overflow:hidden;}
.boardSearch .search_inp input {display:block; width:100%; height:28px; line-height:28px; font-size:14px; text-indent:10px; border:0; border-radius:4px;}

.boardSearch select {position:absolute; left:5px; top:5px; width:67px; height:30px; bord er:1px solid #999;}
.boardSearch input[type="image"] {position:absolute; right:5px; top:5px; width:47px; height:30px; border-radius:0;}


/* view ******************** */
/* 본문 제목 */
.titleSubject {margin-top:2px; line-height:18px; font-size:15px; letter-spacing:-1px; color:#555;}

/* 기타 정보 */
.titleEtc {margin-top:7px; padding:5px 5px 4px; line-height:16px; font-size:11px; color:#777; background:#eee; border-radius:3px; *zoom:1;}
.titleEtc:after {display:block; clear:both; content:"";}
.titleEtc p {display:block; float:left; letter-spacing:-1px; color:#777;}
.titleEtc .space {padding:0 3px; color:#aaa;}
.titleEtc span {display:inline-block; padding-left:3px;}
.titleEtc .ipAdress {clear:both; letter-spacing:0;}

/* 작성자 */
.boardAuthor {margin-top:7px; padding-bottom:7px; height:18px; line-height:20px; font-size:12px; color:#666; border-bottom:0px dotted #ddd; overflow:hidden;}

/* 폰트 사이즈 조절 */
.boardViewFont {margin:10px 0 20px; *zoom:1;}
.boardViewFont:after {display:block; clear:both; content:"";}
.boardViewFont div {float:right; *zoom:1;}
.boardViewFont div:after {display:block;}
.boardViewFont .txt {float:left; display:block; height:30px; line-height:32px; margin-right:2px; padding:0 5px;  font-size:12px; letter-spacing:-1px; color:#fff;
	background:#c4c4c4; border-radius:3px;}
.boardViewFont .fontResize {float:left; *zoom:1;}
.boardViewFont .fontResize:after {display:block; clear:both; content:"";}
.boardViewFont .fontResize a {float:left; display:block; width:35px; height:28px; line-height:30px; font-size:12px; letter-spacing:-1px; text-align:center; color:#666; background:#fff; 
	border:1px solid #c2c2c2; border-radius:3px; overflow:hidden;}
	.boardViewFont .fontResize a img {margin-top:6px;}
.boardViewFont .fontResize .up {margin-right:2px;}
.boardViewFont .fontResize .reset {margin-right:2px; width:55px;}

/* 본문 내용 */
.wContents {margin-top:11px; min-height:100px;}

/* 추천_신고 */
.recommend {margin-top:25px; text-align:center;}
.recommend a {display:inline-block; width:20%; height:30px; line-height:32px; font-size:12px; letter-spacing:-1px; text-align:center; color:#666; background:#fff; 
	border:1px solid #c2c2c2; border-radius:3px; overflow:hidden;}
.recommend a img {margin:11px 5px 0 0;}

/* 파일, 태그, rss */
.ex_data_area {margin-top:15px; border-bottom:0px solid #aaa;}
.ex_data {line-height:24px; font-size:12px; color:#888; border-top:1px dotted #eee;}
.ex_data a {font-size:12px; color:#888;}
.ex_data img {margin-top:4px;}

/* 본문 버튼 */
.view_btn_area {padding-top:0px; *zoom:1;}
.view_btn_area:after {display:block; clear:both; content:""}
.view_btn_area .btn01 {float:left; display:block; width:14%;}
.view_btn_area .btn02 {float:right; display:block; width:15%;}
.view_btn_area span {display:block; padding-right:2px;}
.view_btn_area a {display:block; height:30px; line-height:32px; font-size:12px; letter-spacing:-1px; text-align:center; color:#666; background:#fff; 
	border:1px solid #c2c2c2; border-radius:3px; overflow:hidden;}

/* 코멘트 */
.boardComment {margin-top:30px; padding:8px 11px; background:#f0f0f0; border-radius:5px;}
.comment_tit_f {position:relative; z-index:10; height:1px; margin-top:-1px; background:#f0f0f0;}
.comment_tit {height:20px; line-height:20px; padding:2px 0 0px; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#666;}
.commentList {margin-top:6px; border-top:1px solid #aaa;}
.commentRow {padding:9px 0; border-bottom:1px dotted #bbb;}
.commentContents {color:#666; font-size:12px;}
.commentInfo {height:14px; line-height:14px; margin-top:3px; *zoom:1;}
.commentInfo:after {display:block; clear:both; content:"";}
.commentInfo p {float:left; font-size:10px; color:#999;}
.commentInfo p .line {display:inline-block; width:1px; height:8px; margin:2px 6px 0; background:#ccc;}
.commentBtn {margin-top:5px; *zoom:1;}
.commentBtn:after {display:block; clear:both; content:"";}
.commentBtn a {float:left; display:block; width:15%; height:18px; line-height:20px; margin-right:2px; font-size:12px; letter-spacing:-1px; text-align:center; color:#666; background:#fff; 
	border:1px solid #c2c2c2; border-radius:3px; overflow:hidden;}
.cm_del {background:#f6f6f6 !important;}

.commentWrite {margin:7px 0 4px; padding:10px; border-radius:3px; background:#fff; box-shadow:0px 0px 3px #bbb;}
.commentWrite dl {position:relative;}
.commentWrite dl dt {position:absolute; left:0; top:0; width:60px; height:30px; line-height:30px; font-size:13px; letter-spacing:-1px;}
.commentWrite dl dd {position:relative; height:30px; margin-top:2px; padding-left:60px;}
.commentWrite dl dd span {display:block; border:1px solid #ccc; border-radius:2px; overflow:hidden;}
.commentWrite .cw_inp01 {width:100%; height:28px; line-height:28px; text-indent:10px; border:0; border-radius:1px; background:#fff;}
.commentWrite .cCodeImage {position:absolute; left:60px; top:2px;}
.commentWrite .cCodeImage img {height:26px;}
.commentWrite .cCodeInput {padding-left:82px;}
.commentWrite .commentcode {margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd;}

.commentWrite .secret {height:18px; line-height:18px; font-size:14px; color:#777;}
.commentWrite .secret input {vertical-align:middle; margin:1px 3px 0 0;}
.commentWrite .commentWContent {margin-top:5px; padding:5px; border:1px solid #c2c2c2; border-radius:2px; overflow:hidden;}
.commentWrite .commentWContent textarea {width:100%; height:45px; border:0; font-size:13px;}
.commentWrite .commentButton {margin-top:5px;}
.commentWrite .commentButton a {display:block; height:30px; line-height:32px; font-size:12px; letter-spacing:-1px; text-align:center; color:#fff; background:#bbb; 
	border-radius:2px; overflow:hidden; cursor:pointer;}

/* 본문 하단 리스트 */
.boardBottomList {margin-top:30px;}
.btpn {position:relative; height:38px; line-height:38px; font-size:13px;}
.btpn .or1 {position:absolute; left:0; top:0; color:#999;}
.btpn .or1 span {display:inline-block; width:1px; height:11px; margin:13px 0 0 8px; background:#ddd;}
.btpn .or2 {padding-left:54px;}
.btpn .or2 a {display:block; color:#555; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; text-decoration:none;}
.bottomPrevious {border-top:0px solid #bbb;}
.bottomNext {border-top:1px dotted #ddd; border-bottom:0px solid #bbb;}
.btpn_t_line {height:2px; background:#aaa; border-radius:5px;}
.btpn_b_line {height:2px; background:#aaa; border-radius:5px;}


/* 비밀번호 입력 */
#pswd {padding:40px 20px; background:#eee; border-radius:5px;}
#pswd .txt {height:26px; height:26px; text-align:center; font-size:14px; color:#555;}
#pswd .inp {position:relative; padding-right:60px;}
#pswd .inp span {display:block; height:36px; margin-right:2px; padding:0 10px; border:1px solid #999; overflow:hidden; background:#fff;
	border-top-left-radius:3px; border-bottom-left-radius:3px;}
#pswd .inp input[type="password"] {width:100%; height:36px; line-height:36px; font-size:14px; border:0; border-radius:2px; background:#fff;}
#pswd .inp p {position:absolute; right:0; top:0; display:block; width:61px; border:1px solid #999; background:#ddd;
	border-top-right-radius:3px; border-bottom-right-radius:3px;}
#pswd .inp input[type="submit"] {width:100%; height:36px; line-height:36px; font-size:16px; color:#444; background:none; border:0; cursor:pointer;}
#pswd  .back {display:block; width:100px; height:50px; height:34px; line-height:36px; margin:20px auto 0; font-size:12px; letter-spacing:-1px; text-align:center; color:#666; background:#fff; 
	border:1px solid #c2c2c2; border-radius:3px; overflow:hidden;}


/* 글쓰기 */
/* .write_top {padding:10px; border-radius:3px; background:#eee;} */
.write_top .first_word select {height:26px;}
.write_top .tit {margin-top:5px; padding:0 5px; border:1px solid #bbb; border-radius:3px; background:#fff;}
.write_top .tit input {width:100%; height:30px; line-height:30px; font-size:14px; border:0; color:#666;}
.write_top span {display:inline-block; margin:10px 10px 0 0; font-size:13px;}
.write_top span input {background:#fff; margin-right:3px;}

.write_txt {margin:12px 0 15px; padding:13px 0 14px; border:1px dotted #ddd; border-left:0; border-right:0;}
.write_txt .write_txt_box {padding:5px; border:1px solid #bbb; border-radius:3px;}
.write_txt textarea {width:100%; height:100px; font-size:14px; color:#666; border:0;}

.write_bottom dl {position:relative; line-height:32px; margin-top:3px;}
.write_bottom dt {position:absolute; left:0; top:0; font-size:13px; color:#888; letter-spacing:-1px;}
.write_bottom dd {position:relative; padding-left:70px; *zoom:1;}
.write_bottom dd:after {display:block; clear:both; content:"";}
.write_bottom dd p {height:30px; border:1px solid #bbb; border-radius:3px; overflow:hidden;}
.write_bottom dd input[type="text"],
.write_bottom dd input[type="password"] {width:100%; height:30px; line-height:30px; text-indent:5px; font-size:13px; vertical-align:middle; border:0; border-radius:2px;}
.write_bottom dd input[type="file"] {height:30px !important; width:70px; margin-top:3px; ba ckground:red; border:0;}
.write_bottom .ex_span {padding-right:85px;}
.write_bottom .ex_span span {position:absolute; right:0; top:0; font-size:13px; letter-spacing:-1px;}
.write_bottom .ex_p {padding-left:152px;}
.write_bottom .ex_p div {position:absolute; left:70px; top:2px;}
.write_bottom .ex_p div img {height:28px;}

.write_bottom .file_add div {padding:0 10px; background:#f4f4f4; border-radius:3px; color:#666;}
.write_bottom .file_add div .del_inp {vertical-align:middle; margin-left:20px;}

.write_btn {margin-top:13px; padding-top:13px; border-top:1px dotted #ddd;}
.write_btn  p {height:30px; line-height:32px; font-size:12px; letter-spacing:-1px; text-align:center; background:#fff; 
	border:1px solid #c2c2c2; border-radius:3px; overflow:hidden; cursor:pointer;}
.write_btn input[type="submit"] {width:100%; height:30px; color:#666; border:0; border-radius:3px !important; background:none !important; cursor:pointer;}