@charset "utf-8";

/* 각 게시판의 절대크기 결정 */
#board_size { position:relative; margin:0 auto; padding:0; overflow:hidden; }
.hide { position:absolute; left:-1000000px; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; }
.none { display:none; }

/* 화면 상단 : Select Box, 게시글 갯수 : 시작 */
.board_status { position:relative; display:none; margin-bottom:10px; padding:0; overflow:hidden; }
.board_status:after { display:block; content:""; clear:both; }
.board_status .fl { display:block; float:left; }
.board_status .fr { display:block; float:right; }

.board_status select { display:inline-block; height:20px; vertical-align:middle; }
.board_status .bbs_gnb { display:block; }
.board_status .bbs_gnb ul { display:block; overflow:hidden; }
.board_status .bbs_gnb ul:after { display:block; content:""; clear:both; }
.board_status .bbs_gnb ul li { float:left; margin-right:2px; }
.board_status .bbs_gnb ul li a { display:block; padding:5px 10px; font-size:13px; color:#676767; border:1px solid #ccc; border-bottom:none; }
.board_status .bbs_gnb ul li.current a { color:#fff; font-weight:bold; background:#7eb7ec; border:1px solid #7eb7ec; border-bottom:none; }
.board_status .bbs_gnb ul li.end { background:none;}
.board_status .obj { display:inline-block; margin-top:10px; padding-left:15px; vertical-align:middle; background:url('./img/icon_point.gif') no-repeat left 50%; }
.board_status .obj strong { display:inline-block; vertical-align:middle; }
.board_status a { display:inline-block; height:20px; line-height:20px; margin-left:10px; vertical-align:middle; }

/* 공통 : 버튼 정의 */
.btn_area { position:relative; margin-bottom:20px; margin-top:20px; }
.btn_area:after { display:block; content:""; clear:both; }
.btn_area .fl { display:block; float:left; }
.btn_area .fr { display:block; float:right;  margin-left:20px;}
.btn_area a, .btn_area input, .btn_area button { vertical-align:middle; }
.btn_area a { display:inline-block; }

.btn_normal { display:inline-block !important; width:auto !important; height:auto !important; padding:5px 20px !important; font-size:11px !important; color:#678f24 !important; background:#fff url('./img/btn_hover_out.gif') no-repeat right 50% !important; border:none !important; cursor:pointer; }
.btn_normal:hover { color:#fff !important; background:#678f24 url('./img/btn_hover_bg.gif') no-repeat right 50% !important; }

input[type=submit].btn_normal { display:inline-block !important; width:auto !important; height:auto !important; padding:0px 20px !important; font-size:11px !important; color:#678f24 !important; background:#fff url('./img/btn_hover_out.gif') no-repeat right 50% !important; border:none !important; cursor:pointer; }
input[type=submit].btn_normal:hover { color:#fff !important; background:#678f24 url('./img/btn_hover_bg.gif') no-repeat right 50% !important; }

.btn_normal2 { display:inline-block; padding:5px 20px 4px 0; font-size:11px; line-height:13px; color:#678f24 !important; background:#fff url('./img/btn_hover_out.gif') no-repeat right 45%; }
.btn_normal2:hover { padding:5px 20px 4px 15px; color:#fff !important; background:#678f24 url('./img/btn_hover_bg.gif') no-repeat right 45%; }

/* 공통 : 페이징 정의 */
.page_area { position:relative; margin-bottom:20px; padding:0; text-align:center; overflow:hidden; }
.page_area a, .page_area img, .page_area span { vertical-align:middle; }
.page_area a {  display:inline-block; width:24px; height:24px; line-height:24px;  }
.page_area a span { position:relative; display:inline-block; width:24px; height:24px; line-height:24px; font-size:13px; color:#3f3f3f; font-weight:bold; text-align:center; background:url('./img/page_bg.gif') no-repeat center top; }
.page_area .current { display:inline-block; width:24px; height:24px; line-height:24px; color:#fff; font-weight:bold; background:url('./img/page_bg_current.gif') no-repeat center top; }

/* 공통 : 검색 정의 */
.search_area { position:relative; margin:0; padding:5px 0; text-align:center; }
.search_area input, div.search_area select, div.search_area span, div.search_area a, div.search_area img { vertical-align:middle; }
.search_area select { height:22px; border:1px solid #ccc; }
.search_area input[type=text] { height:20px; padding-left:4px; border:1px solid #ccc; cursor:text;  }

/* 글목록 : 리스트형 블록 정의 ****************************************************************************************************************************************************************/
.list_ul { display:block; width:100%; overflow:hidden; }
.list_ul li { display:block; padding:20px 0; border-bottom:1px solid #cdcdcd; }
.list_ul li dl { display:block;  }
.list_ul li dl dt {  margin-bottom:20px; }
.list_ul li dl dt a { color:#010101; font-weight:bold; font-size:16px; }
.list_ul li dl dd { position:relative; font-size:14px; color:#403f3f; line-height:19px;  }

div.link_area { overflow:hidden;  margin-top:15px;  }
div.link_area:after { display:block; content:""; clear:both; }
div.link_area div.links { float:left; }
div.link_area div.links a { font-size:11px; color:#678f24; }
div.link_area div.txt_info { float:right; }
div.link_area div.txt_info span { margin-left:15px; font-size:13px; color:#616161;  }



/* 글쓰기 : 블록 정의 ****************************************************************************************************************************************************************/
/* 개인정보 수집.이용 블록 정의 */
.p_agree_box { position:relative; margin-bottom:40px; overflow:hidden; }
.p_agree_box h4.title { margin-bottom:6px; color:#454545; font-size:14px; font-weight:normal; }
.p_agree_box h5.title { margin-bottom:6px; font-size:12px; color:#454545; font-weight:normal; }
.p_agree_box strong { vertical-align:top !important; }
.p_agree_box .blue { color:#0071bb !important; }
.p_agree_box .textarea { position:relative; height:120px; margin:0; padding:20px; font-size:12px; overflow-y:scroll; border:10px solid #f2f2f2; border-right:none;  }
.p_agree_box .check { position:relative; margin:10px 10px 0 0; text-align:right; }
.p_agree_box .check input[type=radio] { padding:0; vertical-align:top; }
.p_agree_box .check label { margin:0 10px 0 5px; }

/* 글쓰기 : 테이블 블록 정의*/
.write_table { width:100%; margin:0; border-spacing:0; border-collapse:collapse; border:1px solid #a3a2a2; border-left:none; border-right:none; }
.write_table th, .write_table td { padding:10px; }
.write_table th label { }
.write_table th { padding-left:14px; color:#333; text-align:left; border-left:none; font-weight:normal; }
.write_table td { border-right:none; }
.write_table td label { display:inline-block; margin-right:20px; vertical-align:middle; }
.write_table td input[type=text] { height:20px; padding-left:4px; border:1px solid #ccc; vertical-align:middle; }
.write_table td input[type=password] { height:20px; padding-left:4px; border:1px solid #ccc; vertical-align:middle; }
.write_table td input[type=file] { height:22px; border:1px solid #ddd; cursor:pointer; vertical-align:middle; }
.write_table td input[type=checkbox] { margin-right:5px; vertical-align:middle; }
.write_table td select { height:24px; border:1px solid #ccc; vertical-align:middle; }
.write_table td textarea { width:98%; padding:4px; border:1px solid #d1d1d1; word-break:break-all; }
.write_table .line_none { padding-left:0; padding-right:0; border-left:none; border-right:none; }

.area_count { position:relative; display:block; margin-bottom:10px; }

/* 파일첨부 */
#variableFiles { position:relative; display:block; margin:2px 0; }
#variableFiles input { height:22px; border:1px solid #ddd; }


/* 글보기 : 블록 정의 ****************************************************************************************************************************************************************/
/* 상세페이지 제목 */
.view_title { position:relative; margin:0; padding:14px 0 15px; font-size:16px; color:#010101; border-bottom:1px solid #cdcdcd; }

/* 작성자 상세정보 */
.author_area { position:relative; padding:12px 0; overflow:hidden; border-bottom:1px solid #cdcdcd; }
.author_area span.author { margin-right:20px; }
.author_area span.author span { display:inline-block; margin-right:20px; color:#000; font-size:12px; line-height:16px; }
.author_area span.author strong { display:inline-block; margin-right:10px; color:#000; font-size:12px; line-height:16px; }


/* 글내용 */
.read_area { position:relative; display:block; margin-bottom:10px; overflow:hidden;  }
.read_area .files { position:relative; display:block; padding:8px 10px; border-bottom:1px solid #e0e0e0; }
.read_area .files img { display:inline-block; vertical-align:middle; margin-right:5px; }
.read_area .files .red { color:#d30e0e !important; }
.read_area .files .date { position:absolute; right:10px; top:8px; }

.read_area .links { position:relative; display:block; padding:8px 10px; border-bottom:1px solid #e0e0e0; }
.read_area .links img { display:inline-block; vertical-align:middle; margin-right:5px; }
.read_area .links .red { color:#d30e0e !important; }

.read_area .cnts { position:relative; display:block; min-height:300px; padding:20px 10px; line-height:1.5; }

/* 이전글 다음글 */
.add_text { position:relative; display:block; overflow:hidden; border-top:1px solid #cdcdcd; }
.add_text ul { display:block; }
.add_text ul li { position:relative; list-style:none; display:block; border-bottom:1px solid #d3d3d3; }
.add_text ul li .head { position:absolute; display:inline-block; left:5px; top:10px; padding-left:12px; font-size:13px; color:#5d5d5d; }
.add_text ul li a { display:block; margin-left:90px; padding:10px 0; color:#000; }
.add_text ul li .up { padding-right:20px; background:url('./img/icon_up.png') no-repeat right 50%; }
.add_text ul li .down { padding-right:20px; background:url('./img/icon_down.png') no-repeat right 50%; }

/* 코멘트 : 작성자 / 패스워드 / 비밀글 체크 */
.comment_area { padding:20px 6px 0; border:1px solid red; }
#commentContents { position:relative; display:block; }
#commentContents ul { display:block; border-top:1px solid #e1e1e1; margin:5px 0; }
#commentContents ul li { padding:8px; }
#commentContents ul li.none { display:none; }
#commentContents ul li.author_area { background:#f8f8f8; border-bottom:1px solid #e1e1e1;  }
#commentContents ul.re20 li.author_area div.fl { padding-left:59px; background:url("/index/images/re_reply.gif") no-repeat 20px 50%; }
#commentContents ul.re40 li.author_area div.fl { padding-left:59px; background:url("/index/images/re_reply.gif") no-repeat 20px 50%; }
#commentContents ul.re60 li.author_area div.fl { padding-left:59px; background:url("/index/images/re_reply.gif") no-repeat 20px 50%; }
#commentContents ul.re80 li.author_area div.fl { padding-left:59px; background:url("/index/images/re_reply.gif") no-repeat 20px 50%; }
#commentContents ul li.author_area strong { display:inline-block; color:#5e5e5e; 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; color:#5e5e5e; margin-right:15px; 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; padding-bottom:10px; border-bottom:1px solid #ddd; }
.comment_write { position:relative; display:block; }
.comment_write li { list-style:none; display:block; }
.comment_write li input[type=text] { display:inline-block; height:24px; margin-right:10px; border:1px solid #ddd; vertical-align:middle; }
.comment_write li input[type=password] { display:inline-block; height:24px; margin-right:10px; border:1px solid #ddd; vertical-align:middle; }
.comment_write li input[type=checkbox] { display:inline-block; vertical-align:middle; }
.comment_write li.author { display:block; padding-bottom:5px; border-bottom:1px solid #ddd; }
.comment_write li.author label { display:inline-block; margin-right:5px; vertical-align:middle; }

.comment_write li.co { position:relative; display:block; overflow:hidden; }
.comment_write li.co .count_area { display:block; height:24px; padding-top:4px; }
.comment_write li.co .co_textarea { display:block; margin-right:100px; }
.comment_write li.co .co_textarea textarea { width:100%; border:1px solid #ddd; }
.comment_write li.co .co_btn { position:absolute; right:0; top:28px; width:100px; text-align:right; }


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