@charset "utf-8";

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

/* 각 게시판의 절대크기 결정 */
#board_size { position:relative; margin:0 auto; 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 a, div.btn_area input, div.btn_area select, div.btn_area button, div.btn_area span, div.btn_area img { vertical-align:top; }

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

/* 공통 : 검색 정의 */
div.search_area { position:relative; margin:0; padding:5px 0; text-align:center; background:#f4f4f4; border:1px solid #ddd; 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; }



/* 글목록 : 리스트형 블록 정의 ****************************************************************************************************************************************************************/
table.list_table { position:relative; width:100%; border-spacing:0px; border-collapse:collapse; border-bottom:1px solid #bcbcbc; font-family:Dotum, sans-serif; }
table.list_table thead { height:46px; }
table.list_table th { height:46px; font-size:13px; color:#fff; font-weight:bold; text-align:center; background:#3897be; border-top:1px solid #207aa2; border-left:none; border-right:none; font-family:malgun gothic; }
table.list_table tr td { padding:14px 0 12px; border-bottom:1px solid #cecece;  color:#484848; text-align:center; font-family:malgun gothic; font-size:13px; }
table.list_table tr td.photo { padding:0px; }
table.list_table tr td.photo div { position:relative; width:65px; height:65px; overflow:hidden; }
table.list_table tr td.photo div a { position:absolute; top:45px; left:45px;  display:block; }
table.list_table tr td.subject { color:#494949; font-weight:bold; font-size:13px; }
table.list_table tr td.icon a { display:inline-block; }
table.list_table tr td.icon a.r { margin-left:10px; }


table.list_table tr.end td { border-bottom:1px solid #a2a2a2; }




/* 글쓰기 : 블록 정의 ****************************************************************************************************************************************************************/
/* 개인정보 수집.이용 블록 정의 */
div.p_agree_box { position:relative; margin-bottom:20px; overflow:hidden; }
div.p_agree_box h4 { margin-bottom:6px; color:#1d4479; font-weight:bold;}
div.p_agree_box textarea { position:relative;width:98%; height:120px; 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%; margin:0; border-spacing:0; border-collapse:collapse; border:1px solid #666; border-left:none; border-right:none; }
table.write_table th, table.write_table td { padding:10px; border:1px solid #ededed; }
table.write_table th label { }
table.write_table th { background:#f7f7f7; border-left:none; }
table.write_table td { border-right:none; }
table.write_table td label { display:inline-block; margin-right:20px; vertical-align:middle; }
table.write_table td input[type=text] { height:20px; padding-left:4px; border:1px solid #ccc; vertical-align:middle; }
table.write_table td input[type=file] { height:22px; border:1px solid #ddd; cursor:pointer; vertical-align:middle; }
table.write_table td input[type=checkbox] { margin-right:5px; vertical-align:middle; }
table.write_table td select { height:24px; border:1px solid #ccc; vertical-align:middle; }
table.write_table td textarea { width:98%; padding:4px; border:1px solid #d1d1d1; word-break:break-all; }

/* 파일첨부 */
table#variableFiles { border-spacing:0px; border-collapse:collapse; margin: 0; padding: 0; }
table#variableFiles td { padding:4px 0; border:none; }
table#variableFiles td input { border:1px solid #ddd; }



/* 글보기 : 블록 정의 ****************************************************************************************************************************************************************/
/* 상세페이지 제목 */
h4.view_title { position:relative; padding:10px; background:#f4f4f4; border:1px solid #e0e0e0; border-left:none; border-right:none; }

/* 작성자 상세정보 */
div.author_area { position:relative; padding:8px 10px; border-bottom:1px solid #e0e0e0; }
div.author_area span.author_post { margin-right:20px; }
div.author_area span.author_date { margin-right:20px; }
div.author_area span.author_views { margin-right:20px; }
div.author_area a { color:#000; }
div.author_area a:hover { text-decoration:none; }

/* 글내용 */
div.read_area { position:relative; overflow-y:scroll; border-bottom:1px solid #e0e0e0; }
div.read_area div.files { position:relative; display:block; padding:8px 10px; border-bottom:1px solid #e0e0e0; }
div.read_area div.links { position:relative; display:block; padding:8px 10px; border-bottom:1px solid #e0e0e0; }
div.read_area div.cnts { position:relative; display:block; min-height:400px; padding:20px 10px; line-height:1.2; }

/* 코멘트 : 작성자 / 패스워드 / 비밀글 체크 */
#commentContents { position:relative; display:block; }
#commentContents ul { display:block; }
#commentContents ul li { padding:8px; }
#commentContents ul li.none { display:none; }
#commentContents ul li.author_area { background:#efefef; }
#commentContents ul li.author_area strong { display:inline-block; margin-right:20px; vertical-align:middle; }
#commentContents ul li.author_area strong span.ip { font-size:11px; font-weight:normal; vertical-align:middle; }
#commentContents ul li.author_area span.date { display:inline-block; margin-right:20px; vertical-align:middle; }
#commentContents ul li.author_area span.btn { position:absolute; right:8px; }
#commentContents ul li.comment { position:relative; display:block; padding:20px 10px; }

#comment_write { position:relative; display:block; }
ul.comment_write { position:relative; display:block; border:1px solid #ddd; }
ul.comment_write li { display:block; padding:8px; }
ul.comment_write li input[type=text] { display:inline-block; height:18px; margin-right:10px; border:1px solid #ddd; vertical-align:middle; }
ul.comment_write li input[type=password] { display:inline-block; height:18px; margin-right:10px; border:1px solid #ddd; vertical-align:middle; }
ul.comment_write li input[type=checkbox] { display:inline-block; vertical-align:middle; }
ul.comment_write li label { display:inline-block; margin-right:5px; vertical-align:middle; }
ul.comment_write li img { display:inline-block; vertical-align:middle; }
ul.comment_write li.author { display:block; }
ul.comment_write li.co { display:block; }
ul.comment_write li.co div.count_area { display:block; margin-bottom:5px; }
ul.comment_write li.co textarea { width:84%; min-width:400px; height:50px; border:1px solid #ddd; vertical-align:top; }

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