@charset "utf-8";

/* 각 게시판의 절대크기 결정 : 시작 */
	#board_size { position:relative; width:100%; padding:0; overflow:hidden; }
/* 각 게시판의 절대크기 결정 : 종료 */

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

/* 글목록 : 리스트형 블록 정의 ****************************************************************************************************************************************************************/
	.list_table { table-layout:fixed; width:100%; margin-bottom:30px; border-spacing:0; border-collapse:collapse; }
	.list_table th { padding:14px 10px; font-size:12px; color:#333; background:#f4f4f4; 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 td a { display:inline-block; max-width:525px; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; vertical-align:middle; overflow:hidden; }
	.list_table td .new { display:inline-block; width:12px; height:13px; margin-left:5px; }
	.list_table .subject { text-align:left; }
	.list_table .subject .small { font-weight:bold; }
	.list_table .name .guest { color:#000;}

/* 글목록 : 갤러리형 블록 정의 */
	.gallery_outline { position:relative; margin-bottom:30px; padding-top:30px; border-top:1px solid #000; border-bottom:1px solid #ddd; overflow:hidden; }
	.gallery_outline .gallery { display:block; list-style:none; margin:0; padding:0; }
	.gallery_outline .gallery:after { content:""; display:block; clear:both; }
	.gallery_outline .gallery li { display:block; float:left; margin-bottom:20px; }
	.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 { position:relative; width:100%; text-align:center; overflow:hidden; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	.gallery_outline .photo a { display:block; width:100%; height:100%; }
	.gallery_outline .photo img { position:absolute; display:block; left:0; top:0; right:0; bottom:0; width:100%; height:auto; margin:auto auto; }
	.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 : 시작 */
	/* FAQ : 검색박스 : 시작 */
	.faq_search_box { position:relative; display:block; margin-bottom:30px; padding:40px; background:#746aaf url('img/logo.png') no-repeat 95% center; border:0; box-sizing:border-box; overflow:hidden; }
	.faq_search_box .search { height:auto; }
	.faq_search_box .search .faq_ment { display:block; margin-bottom:20px; padding-left:30px; font-size:16px; font-weight:bold; color:#fff; background:url('img/icon_comment.png') no-repeat left center; }
	.faq_search_box .search input[type=text] { width:400px; height:40px; line-height:40px; padding-left:4px; background:#fff; border:0; vertical-align:middle; box-sizing:border-box; outline:0; }
	.faq_search_box .search input[type=submit] { width:44px; height:40px; font-size:0; background:url('img/btn_search.png') no-repeat center center; border:0; outline:0; cursor:pointer; }
	.faq_search_box .search input[type=image] { vertical-align:middle; } 
	/* FAQ : 검색박스 : 종료 */
 
	.faq_box { position:relative; display:block; margin-bottom:150px; overflow:hidden; }
	.faq_box ul.tab { position:relative; list-style:none; margin:0 0 20px; padding:0; }
	.faq_box ul.tab:after { display:block; content:""; clear:both; }
	.faq_box ul.tab li { display:block; float:left; text-align:center; }
	.faq_box ul.tab li a { display:block; width:93px; padding:10px 0; font-size:14px; font-weight:bold; color:#666; background:#fff; border:1px solid #ddd; border-left:0; }
	.faq_box ul.tab li:first-child a { width:98px; border-left:1px solid #ddd; }
	.faq_box ul.tab li a:hover { font-weight:600; color:#fff; background:#746aaf; }
	.faq_box ul.tab li.current a { font-weight:600; color:#fff; background:#746aaf; }

	.faq_box .list_line { display:block; padding:0; text-align:center; background:#fff; border-top:2px solid #746aaf; }
	.faq_box .list_line span { display:inline-block; font-size:14px; font-weight:bold; color:#444; }
	.faq_box .list_line span.list_text1 { padding:0 118px; }
	.faq_box .list_line span.list_text2 { display:none; }

	.faq_box .list { position:relative; display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
	.faq_box .list li { position:relative; display:block; }
	.faq_box .list li .adm_btn { position:absolute; display:inline-block; right:0; top:7px; overflow:hidden; }
	.faq_box .list li .adm_btn a { display:inline-block; margin:0; padding:0; }
	.faq_box .list li.q { display:block; border-bottom:1px solid #e1e1e1; overflow:hidden; }
	.faq_box .list li.q > a { position:relative; display:block; padding:10px 0 10px 40px; color:#666; background:url('img/icon_q.png') no-repeat 10px center; }
	.faq_box .list li.q span.cate { display:inline-block; width:125px; margin-right:20px; padding-left:10px; text-align:center; }
	.faq_box .list .answer { position:relative; display:none; line-height:1.8; margin:0; padding:25px 30px 30px; padding-left:60px; color:#333; word-break:break-all; background:url('img/icon_a.png') no-repeat 30px 30px; border-top:1px solid #e1e1e1; overflow:hidden; }

	.faq_box .none { position:relative; display:block; padding:100px 0; text-align:center; border-bottom:1px solid #ddd; }
	span.blue { font-size:13px; color:#0c4a69 !important; }

	.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;}
/* 글목록 : FAQ : 종료 */

/* 글쓰기 : 블록 정의 ****************************************************************************************************************************************************************/
/* 개인정보 수집.이용 블록 정의 */
.p_agree_box { display:block; margin-bottom:40px; overflow:hidden; }
.p_agree_box .h4_label { margin-bottom:10px; color:#555; font-size:13px; font-weight:normal; }
.p_agree_box textarea {
	display:block; width:100%; height:200px; padding:10px; font-family:'Nanum Gothic'; font-size:12px; border:10px solid #f2f2f2; border-right:none; resize:none;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.p_agree_box .check { display:block; margin-top:10px; text-align:right; }
.p_agree_box .check input[type=radio] { padding:0; margin-left:20px; vertical-align:middle; }
.p_agree_box .check label { display:inline-block; *display:inline; zoom:1; margin-left:2px; vertical-align:middle; }

/* 글쓰기 : 테이블 블록 정의*/
.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 { 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:24px; margin:-3px 0; padding-left:4px; border:1px solid #ccc; vertical-align:middle; }
.write_table td input[type=password] { height:24px; margin:-3px 0; padding-left:4px; border:1px solid #ccc; vertical-align:middle; }
.write_table td input[type=file] { 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:100%; padding:4px; border:1px solid #d1d1d1; word-break:break-all; box-sizing:border-box; }
.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:#fff; border-bottom:1px solid #ddd; overflow:hidden; }

/* 작성자 상세정보 */
.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:200px; 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%; }

/* 코멘트 : 글보기 화면 : 시작 */
	#commentContents { display:block; margin:15px 0;  }
	.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;}