@charset "utf-8";

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

/* 테이블의 외곽 디자인 */
.table_outline { display:block; border-top:2px solid #00619f; overflow:hidden; }

/* 글목록 : 리스트형 블록 정의 ****************************************************************************************************************************************************************/
.list_table { width:100%; margin-bottom:30px; border-spacing:0; border-collapse:collapse; }
.list_table th { padding:14px 10px; font-size:12px; color:#333; background:#fbfbfb; 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%; margin-bottom:30px; 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 .gallery li.nodata { display:block; width:100%; height:200px; line-height:200px; font-size:15px; color:#666; text-align:center; border:none; }

.gallery_outline .photo { width:100%; height:140px; 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; }

/* 글목록 :	FAQ형 블록 정의 ****************************************************************************************************************************************************************/
.tab_bbs { position:relative; display:block; overflow:hidden; }
.tab_bbs .tabs { position:relative; display:block; margin:0; padding:0; overflow:hidden; background:url('./img/tab_line.gif') repeat-x left 31px; }
.tab_bbs .tabs li { list-style:none; display:block; width:100%; }
.tab_bbs .tab_box { position:relative; display:block; margin-top:30px; }
.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; border-bottom:1px solid #ddd; }
.tab_bbs .tabs li dl dt a { display:block; padding:8px 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; }
.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 30px; background:#f4f4f4; border-bottom:1px solid #ddd; overflow:hidden; }
.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:8px 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-bottom:1px solid #ddd; }
.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 { display:block; padding:15px 10px; font-size:110%; font-weight:bold; word-break:break-all; background:#f7f7f7; border-bottom:1px solid #ddd; overflow:hidden; }
.caution { display:block; line-height:1.7; margin:0 0 20px; font-size:14px; font-weight:600; color:#333; text-align:center; }

/* 작성자 상세정보 */
.author_area { display:block; padding:10px 10px; font-size:12px; border-bottom:1px solid #ddd; overflow:hidden; }
.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 { display:inline-block; *display:inline; zoom:1; vertical-align:middle; }

/* 첨부파일 */
.files { position:relative; display:block; padding:10px 10px; font-size:12px; border-bottom:1px solid #e0e0e0; }
.files img { display:inline-block; vertical-align:middle; margin-right:5px; }
.files .red { color:#d30e0e !important; }
.files .date { position:absolute; right:10px; top:10px; font-size:12px; }

/* 링크 */
.links { position:relative; display:block; padding:10px 10px; border-bottom:1px solid #ddd; overflow:hidden; }
.links img { display:inline-block; vertical-align:middle; margin-right:5px; }
.links .red { color:#d30e0e !important; }

/* 글내용 */
.read_area { position:relative; display:block; min-height:300px; padding:20px 10px; border-bottom:1px solid #ddd; overflow:hidden; }

/* 이전글 다음글 */
.add_text { position:relative; display:block; margin-bottom:20px; background:url('./img/add_bg.gif') repeat-y left top; border-top:1px solid #ddd; overflow:hidden; }
.add_text ul { display:block; list-style:none; margin:0; padding:0; }
.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; width:80px; padding-left:12px; font-size:13px; color:#5d5d5d; }
.add_text ul li a { display:block; margin-left:120px; padding:10px 0; }
.add_text ul li .up { background:url('./img/icon_up.gif') no-repeat 70px 50%; }
.add_text ul li .down { background:url('./img/icon_down.gif') no-repeat 70px 50%; }
.add_text ul li .btn_go { position:absolute; display:inline-block; *display:inline; zoom:1; right:0; top:50%; height:22px; line-height:22px; margin-top:-11px; padding:0 6px; font-size:11px; color:#fff !important; background:#154597; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; vertical-align:middle; }

/* 코멘트 : 글보기 화면 : 시작 */
	#commentContents { display:block; margin:10px 0; padding:10px; border:1px solid #ddd; }
	.comment_view_title { display:block; padding:5px 5px; background:#f4f4f4; border:1px solid #ddd; overflow:hidden; }
	.comment_view_title ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
	.comment_view_title ul li { display:block; float:left; margin-right:20px; }
	.comment_view_title ul li:nth-last-child(1) { float:right; margin-right:0; }
	.comment_view { padding:15px 15px; }
/* 코멘트 : 글보기 화면 : 종료 */

/* 코멘트 : 글작성 화면 : 시작 */
	.comment_write {
		position:relative; display:block; margin-bottom:5px; padding:20px; background:#f4f4f4; border:1px solid #ccc; overflow:hidden;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	.comment_write span, #comment_write label, #comment_write a, #comment_write img, #comment_write input { vertical-align:middle; }
	.comment_write .guest_area { display:block; overflow:hidden; }
	.comment_write .guest_area ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
	.comment_write .guest_area ul:after { display:block; content:""; clear:both; }
	.comment_write .guest_area ul li { position:relative; display:block; float:left; margin:5px 10px 5px 0; }

	.comment_write .member_area { display:block; margin-bottom:5px; overflow:hidden; }
	.comment_write .member_area ul { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
	.comment_write .member_area ul:after { display:block; content:""; clear:both; }
	.comment_write .member_area ul li { position:relative; display:block; }
	.comment_write .member_area ul li .box_control { position:absolute; display:none; right:0; top:50%; margin-top:-9px; }

	.comment_write .text_area { position:relative; display:block; overflow:hidden; }
	.comment_write .text_area textarea {
		height:100px !important; padding:5px; font-family:'Nanum Gothic'; font-size:13px; border:1px solid #ddd; resize:none;
		box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	.comment_write .text_area .btn_add { position:absolute; right:0; top:0; width:100px; height:100px; }
/* 코멘트 : 글작성 화면 : 종료 */

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