@charset "utf-8";

/* 기본태그 정의 */
form { margin:0; padding:0; }
img {border:none;}
input[type=checkbox] {padding:0; margin:0;}

/* 각 게시판의 절대크기 결정 */
#board_size { position:relative; margin:0 auto; padding:0; overflow:hidden; }

/* 화면 상단 : Select Box, 게시글 갯수 : 시작 */
div.board_status { position:relative; margin:0 0 6px; padding:0; overflow:hidden; }
div.board_status:after { display:block; content:""; clear:both; }
div.board_status div.fl { display:block; float:left; }
div.board_status div.fl select { display:inline-block; height:20px; vertical-align:middle; }
div.board_status div.fr { display:block; float:right; }
div.board_status div.fr span.obj { display:inline-block; height:20px; line-height:20px; margin-left:10px; vertical-align:middle; }
div.board_status div.fr a { display:inline-block; height:20px; line-height:20px; margin-left:10px; vertical-align:middle; }

/* 공통 : 버튼 정의 */
div.btn_area { position:relative; margin:10px 0; padding:0; }
div.btn_area:after { display:block; content:""; clear:both; }
div.btn_area div.fl { display:block; float:left; }
div.btn_area div.fr { display:block; float:right;  margin-left:20px;}
div.btn_area div.fr input {float:left; display:block; margin-right:2px;  }
div.btn_area a, div.btn_area inpt, div.btn_area select, div.btn_area button, div.btn_area span, div.btn_area img { vertical-align:middle; }
div.btn_area a { display:inline-block;  border:0px solid #ccc; padding:0px 10px; line-height:20px; color:#222;}
div.btn_area a:hover { text-decoration:none; border:1px solid #d2277f;}
div.btn_area input[type=button] {background:#eee; border:1px solid #ccc; padding:0 5px;  line-height:20px; cursor:pointer; }
div.btn_area input[type=button]:hover {border:1px solid #d2277f;}
div.btn_area input[type=submit] { background:#eee; border:1px solid #ccc; padding:0 5px;  line-height:20px; cursor:pointer;  }
div.btn_area input[type=submit]:hover {border:1px solid #d2277f;}


/* 공통 : 페이징 정의 */
div.page_area { position:relative; margin-bottom:20px; padding:0; text-align:center; overflow:hidden; }
div.page_area a, div.page_area span, div.page_area strong { display:inline-block; vertical-align:middle; }
div.page_area a { width:24px; height:24px; line-height:24px; border:1px solid #ccc; }
div.page_area strong { width:24px; height:24px; line-height:24px; border:1px solid #000; }


/* 공통 : 검색 정의 */
div.search_area { position:relative; margin:0; padding:5px 0; text-align:center; background:#fff; border:1px solid #ddd; border-bottom:none; border-left:none; border-right:none; }
div.search_area input, div.search_area select, div.search_area span, div.search_area a, div.search_area img { vertical-align:middle; }
div.search_area select { height:22px; border:1px solid #ccc; }
div.search_area input[type=text] { height:20px; padding-left:4px; border:1px solid #ccc; cursor:pointer;  }
div.search_area input[type=image] { }
div.search_area input[type=submit] { background:#eee; border:1px solid #ccc; padding:0 5px;  line-height:20px; cursor:pointer; }
div.search_area input[type=submit]:hover {border:1px solid #d2277f;}

/* 공통 : 숨김 */
div.none { display:none; }



/* List : 기능 스타일 정의 ****************************************************************************************************************************************************************/

/* 글목록 : 리스트형 블록 정의 */
table.list_table { position:relative; width:100%; border-spacing:0px; border-collapse:collapse; }
table.list_table th { padding:8px 10px; font-size:12px; color:#333; font-weight:bold; text-align:center; background:#fff; border-top:2px solid #f2a230; border-bottom:1px solid #ddd; border-left:none; border-right:none; }
table.list_table th a { color:#000;}
table.list_table tr.bg0 { background-color:#fafafa; }
table.list_table tr.bg1 { background-color:#fff; }
table.list_table tr:hover { background:#eee; }
table.list_table td { padding:8px 10px; text-align:center; border-bottom:1px solid #ddd; }
table.list_table td.subject { text-align:left; }
table.list_table td.name span.guest { color:#000;}

/* 글쓰기 : 개인정보 수집.이용 블록 정의 */
div.p_agree_box { position:relative; margin-bottom:20px; overflow:hidden; }
div.p_agree_box h3 {color:#1d4479; font-weight:bold;}
div.p_agree_box textarea { position:relative;width:98%; height:200px; margin:0; padding:10px; border:1px solid #ccc;  }
div.p_agree_box div.check { position:relative; margin:10px 10px 0 0; text-align:right; }
div.p_agree_box div.check input[type=radio] { padding:0; vertical-align:top; }
div.p_agree_box div.check label { margin:0 10px 0 5px; }

/* 글쓰기 : 테이블 블록 정의*/
table.write_table { width:100%;border-spacing:0px; border-collapse:collapse; margin-top:10px; border-top:1px solid #666; }
table.write_table label { margin:0 5px; vertical-align:middle;}
table.write_table tr.fi_size {height:50px; padding-left:15px; }
table.write_table tr.fi_size td {border-bottom:1px solid #e7e7e7;}
table.write_table tr.fi_size th {border-bottom:1px solid #e7e7e7;}
table.write_table tr.fi_size th span {cursor:pointer;}
table.write_table tr.number {border-bottom:1px solid #e7e7e7; height:50px; }

table.write_table tr th img { vertical-align:middle; }
table.write_table tr th {border-top:1px solid #e7e7e7; height:30px; text-align:center; color:#8492A0;}
table.write_table tr td {border-top:1px solid #e7e7e7; padding:3px 0;}
table.write_table tr td.linenone {border:0;}
table.write_table tr td.tx_size {height:33px; padding-left:20px; }
table.write_table tr td.tx_size span {cursor:pointer}
table.write_table tr td input { vertical-align:middle; }
table.write_table tr td input[type=text] { height:20px; width:239px; padding-left:4px; border:1px solid #ccc; display:block; }
table.write_table tr td input[type=file] { margin:3px 0 2px 0; border:1px solid #ccc; width:239px; cursor:pointer;  }
table.write_table tr td input[type=password] { height:20px; padding-left:4px; border:1px solid #ccc; }
table.write_table tr td select { height:22px; border:1px solid #ccc; vertical-align:middle; }
table.write_table tr td textarea.tx { width:98%; border:1px solid #d1d1d1; word-break:break-all; }
table.write_table tr td input.title { width:98%; }
table.write_table tr td input.ed { height:20px; border:1px solid #9a9a9a; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding:3px 2px 0 2px; }
table.write_table tr.w_title td input[type=text] { width:90%;}
table.write_table tr td input.spam { display:inline-block; margin-right:10px; width:50px; }
table.write_table tr td input.email1 { display:inline-block; margin-right:10px; width:100px; }


/* 파일첨부 */
table#variableFiles { border-spacing:0px; border-collapse:collapse; margin: 0; padding: 0; }
table#variableFiles tr td { border:0; } 


/* 뷰페이지에 관여하는 스타일시트 : 시작 */

	/* 뷰페이지에 : 타이틀 */
	div.title_area { position:relative; margin:0; padding:0; border-top:2px solid #f2a230; border-bottom:1px solid #ddd; border-left:none; border-right:none; }
	div.title_area h4 { margin:0; padding:8px 10px; font-size:16px; font-weight:normal; background:#fff; font-size:13px; font-weight:bold;}

	/* 뷰페이지에 : 작성자 / 작성일 / 조회 */
	div.author_area { position:relative; padding:8px 10px; border-bottom:1px solid #e0e0e0; color:#888; border:0px solid red;}
	div.author_area span.author_post { margin-right:400px; border:0px solid green;}
	div.author_area span.author_date { margin-right:20px; }
	div.author_area span.author_views { margin-right:0px; }
	div.author_area a { color:#000; }
	div.author_area a:hover { text-decoration:none; }

	/* 뷰페이지에 : 글내용 */
	div.read_area { position:relative; min-height:300px; padding:20px 10px; overflow-y:scroll; border-bottom:1px solid #e0e0e0; }

/* 글보기에 관여하는 스타일시트 : 종료 */




/*코멘트 : 작성자 / 패스워드 / 비밀글 체크 */
div#commentContents img {vertical-align:middle; }
div#commentContents ul li {line-height:28px; font-size:11px; border-bottom:1px solid #e0e0e0; clear:both; display:block; }
div#commentContents ul li.none { display:none; }
div#commentContents ul li.author_area {overflow:hidden; background:#efefef;}
div#commentContents ul li.author_area:after {content:''; display:block; clear:both; }
div#commentContents ul li.author_area span.fl { float:left; }
div#commentContents ul li.author_area span span { color:#888; }
div#commentContents ul li.author_area span.fr { float:right}
div#commentContents ul li.comment { word-break:break-all; line-height:22px;  padding-left:20px; }
div#comment_write { margin-top:20px; }
/* 코멘트 : 댓글 입력*/
div#comment_write ul.comment_write li.author { padding:3px 0;  line-height:28px; border-bottom:1px solid #efefef; border-top:1px solid #efefef;  }
div#comment_write ul.comment_write li.author img { vertical-align:top; }
div#comment_write ul.comment_write li.author label { margin-right:5px; }
div#comment_write ul.comment_write li.author input[type=checkbox] { margin:0; vertical-align:middle; }
div#comment_write ul.comment_write li.btn_co { padding-top:3px;  }
div#comment_write ul.comment_write li.co { overflow:hidden; }
div#comment_write ul.comment_write li.co:after { display:block; content:""; clear:both; }
div#comment_write ul.comment_write li.co textarea{ float:left; width:92%; }
div#comment_write ul.comment_write li.co input { float:right; }
div#comment_write ul.comment_write li.co input[type=submit]{ background:#eee; border:1px solid #ccc; width:7%; height:76px; cursor:pointer;  }
div#comment_write ul.comment_write li.co input[type=submit]:hover { border:1px solid #d2277f; }


/*아이프레임 높이 조절*/
iframe.cheditor-editarea {height:400px;}