@charset "utf-8";

/* 각 게시판의 절대크기 결정 */
#board_size { position:relative; margin:0 auto; padding:0; overflow:hidden; font-size:14px; line-height:24px; }

/* 화면 상단 : Select Box, 게시글 갯수 : 시작 */
.board_status { position:relative; 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; padding-left:20px; 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:15px 0 !important; }
.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; }

/* 공통 : 페이징 정의 */
.page_area { position:relative; margin-bottom:10px; padding:0; text-align:center; overflow:hidden; }
.page_area a, .page_area img, .page_area span { vertical-align:top; }
.page_area img { }
.page_area a { display:inline-block; width:22px; height:21px; line-height:21px; color:#3f3f3f; border:1px solid #ccc; background:#fff; }
.page_area .current { display:inline-block; width:22px; height:21px; line-height:21px; color:#1965e8; font-weight:bold; border:1px solid #7eb7ec; background:#e3f1ff; }

/* 공통 : 검색 정의 */
.search_area { position:relative; margin:0; padding: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_table { width:100%; border-spacing:0; border-collapse:collapse; font-size:14px; }
.list_table th { padding:8px 10px; font-weight:normal; color:#333; background:#fbfbfb; border-top:2px solid #3371c4; border-bottom:1px solid #9c9c9c; }
.list_table th a { color:#000;}
.list_table tr:hover { background:#f0f0f0; }
.list_table td { padding:8px 10px; text-align:center; border-bottom:1px solid #ddd; }
.list_table .subject { text-align:left; }
.list_table .subject .small { font-weight:bold; }
.list_table .name .guest { color:#000;}

/* 글목록 : 갤러리형 블록 정의 */
.gallery_outline { position:relative; width:100%; overflow:hidden; border:1px solid #666; border-left:none; border-right:none; }
.gallery_outline .gallery { position:relative; width:100%; padding:8px 10px;}
.gallery_outline .gallery:after { content:""; display:block; clear:both; }
.gallery_outline .gallery li { display:block; float:left; width:150px; margin:0 20px 20px 0; padding:4px; border:1px solid #e0e0e0; }

.gallery_outline .photo { width:100%; overflow:hidden; background:#f7f7f7; }
.gallery_outline .subject { height:30px; margin:10px 0 0; text-align:center; overflow:hidden; }
.gallery_outline .subject input[type=checkbox] { margin-right:4px; }
.gallery_outline .subject a { color:#161616; }
.gallery_outline .btn { width:227px; height:30px; margin:10px auto 0; overflow:hidden; }
.gallery_outline .btn span.g1 { display:inline-block; width:38px; height:22px; padding-left:5px; line-height:22px; background:url('/index/images/icn_view.gif') no-repeat left 50%; }
.gallery_outline .btn span.g2 { display:inline-block; width:38px; height:22px; margin-left:15px; padding-left:5px; line-height:22px; background:url('/index/images/icn_com.gif') no-repeat left 50%; }
.gallery_outline .btn span label { display:none; }
.gallery_outline .nodata { display:block; width:100%; height:318px; line-height:318px; font-size:15px; color:#666; text-align:center; border-left:none; border-right:none; }

/* 글목록 :	FAQ형 블록 정의 ****************************************************************************************************************************************************************/
.tab_bbs { position:relative; display:block; overflow:hidden; }
.tab_bbs .tabs { position:relative; display:block; margin:0; padding:0; overflow:hidden; border-top:1px solid #ccc; /* background:url('./img/tab_line.gif') repeat-x left top; */ }
.tab_bbs .tabs li { list-style:none; display:block; width:100%; }
.tab_bbs .tab_box { position:relative; display:block; margin-top:0px; }
.tab_bbs .current { color:#000; font-weight:bold; background:#f4f4f4; }

.tab_bbs .tabs li dl { position:relative; display:block; margin-bottom:20px; overflow:hidden; }
.tab_bbs .tabs li dl dt { position:relative; display:block; padding-left:35px; border-bottom:1px solid #ddd; background:url(./img/icon_q.gif) no-repeat left center;}
.tab_bbs .tabs li dl dt a { display:block; padding:13px 0; }

.tab_bbs .tabs li dl dt input[type=checkbox] { position:absolute; left:0; top:50%; margin-top:-6px; vertical-align:middle; }
.tab_bbs .tabs li dl dt .faq_q_title { display:inline-block; vertical-align:middle; margin-right:10px; }
.tab_bbs .tabs li dl dt .faq_btn { position:absolute; right:0; }
.tab_bbs .tabs li dl dt .faq_btn input[type=button] { height:21px; line-height:16px; padding:0 5px; background:#eee; border:1px solid #ccc; cursor:pointer; }

.tab_bbs .tabs li dl dd { position:relative; display:block; padding:10px 15px; background:#f4f4f4; border-bottom:1px solid #ddd; overflow:hidden; }
.tab_bbs .tabs li dl dd p {margin-bottom:10px;}
.tab_bbs .tabs li dl dd .faq_a_title { display:block; margin-bottom:4px; }
.tab_bbs .tabs li dl dd .faq_a_close { display:block; margin-top:20px; }
.tab_bbs .tabs li dl dd .faq_a_close a { display:inline-block; padding:5px 14px; background:#fff; border:1px solid #ccc; }

.tab_bbs .tabs .tab_btn { position:absolute; top:0; text-align:center; border:1px solid #ddd; border-bottom:none; }
.tab_bbs .tabs .tab1 { left:0; top:0; width:98px; height:30px; line-height:27px; }
.tab_bbs .tabs .tab2 { left:101px; top:0; width:98px; height:30px; line-height:27px; }
.tab_bbs .tabs .tab3 { left:202px; top:0; width:98px; height:30px; line-height:27px; }
.tab_bbs .tabs .tab4 { left:303px; top:0; width:98px; height:30px; line-height:27px; }
.tab_bbs .tabs .tab5 { left:404px; top:0; width:98px; height:30px; line-height:27px; }

.all { position:relative; display:block; overflow:hidden; }
.all ul { position:relative; display:block; overflow:hidden; border-bottom:0px solid #666; }
.all ul :after { display:block; clear:both; content:"";}
.all li { position:relative; display:block; float:left; width:60px; line-height:25px; background:#fff; text-align:center; border:1px solid #666; border-bottom:0; margin:0 0 0 2px; }
.all li a { color:#cccccc; }
.all li.line { background:#eee; border:1px solid #666; border-bottom:none; }
.all li.line a { color:#333; }
.all li a:hover { text-decoration:none;}

/* 글쓰기 : 블록 정의 ****************************************************************************************************************************************************************/
/* 개인정보 수집.이용 블록 정의 */
.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 #ddd; border-top:2px solid #3371c4; border-left:none; border-right:none; }
.write_table th, .write_table td { padding:10px; border:1px solid #ddd; }
.write_table th label { }
.write_table th { padding-left:14px; text-align:left; background:#f4f4f4; border-left:none; }
.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:10px 15px; font-size:13px; font-weight:bold; word-break:break-all; background:#f7f7f7; border:1px solid #ddd; border-top:2px solid #3371c4; border-left:none; border-right:none; }

/* 작성자 상세정보 */
.author_area { position:relative; padding:8px 10px; overflow:hidden; border-bottom:1px solid #ddd; }
.author_arae:after { display:block; content:""; clear:both; }
.author_area .author_left { display:block; float:left; }
.author_area .author_right { display:block; float:right; }
.author_area span.author_post { margin-right:20px; }
.author_area span.author_date { margin-right:20px; }
.author_area span.author_views { }

/* 글내용 */
.read_area { position:relative; display:block; overflow:hidden; border-bottom:1px solid #ddd;  }
.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:130px; padding:20px 10px; line-height:1.2; }

/* 이전글 다음글 */
.add_text { position:relative; display:block; overflow:hidden; }
.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:6px; padding-left:12px; font-size:13px; color:#5d5d5d; }
.add_text ul li a { display:block; margin-left:90px; padding:5px 0; }
.add_text ul li .up { }
.add_text ul li .down { }

/* 코멘트 : 작성자 / 패스워드 / 비밀글 체크 */
.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;}