@charset "utf-8";


/* paging */
.paging {margin:20px 0 0 0; text-align:center;}
.paging li{display:inline-block; padding:0px 0px;}
.paging li a{display:inline-block; font-size:17px; vertical-align: middle; min-width:17px; line-height: 1.1;}
.paging li.btncl{padding:0;}
.paging li.btncl:first-child{ margin:0 -3px 0 0;}
.paging li.btncl:last-child{ margin:0 0px 0 -3px;}

.paging li:nth-child(2){ margin:0 10px 0 0;}
.paging li:nth-last-child(2){ margin:0 0 0 10px;}
.paging li img{vertical-align:middle;}
.paging li strong{color:#d08400;}









span.comment_check {font-size:11px; color:#d44646;}

#board_header {width:100%; height:30px; overflow:hidden;}
	#page_info {float:left; width:170px; margin-top:7px;}
	#page_info span{color:#ff6d02;}

	#board_search {float:right; margin-bottom:15px;} 
	#board_search legend{position:absolute; top:-1000px;}
	#board_sel {float:right; padding-right:10px;}
	#board_sel input{vertical-align:middle;}
	#board_sel #searchkind{height:21px;}
	#board_sel .input_box {border:1px solid #c0cacf; height:22px; font-size:12px; vertical-align:middle;}
	#board_sel .sel_box {border:1px solid #c0cacf; height:26px; font-size:12px; vertical-align:middle;}
	#board_sel .va_m{vertical-align:middle;}

/* KSY 20150902 추가 */
#board_search2 {padding:15px 30px; border:1px solid #c8d1db; background:#fdfdfd;}
	#board_search2 div {position:relative; min-height:26px; margin:4px 0; padding-left:110px;} /* 20151029 KSY 수정 */
	#board_search2 .board_search_t {position:absolute; left:0; top:0; width:80px; line-height:26px; padding-left:15px; display:inline-block; color:#0063a8; font-weight:bold; background:url(../images/contents/bu_arrow.gif) no-repeat 0 7px;}
	#board_search2 legend{position:absolute; top:-1000px; left:-1000px}
	#board_search2 .input_box {border:1px solid #c0cacf; height:22px; font-size:12px; vertical-align:middle;}
    #board_search2 .customSelect {position:relative; float:left; width:120px; height: 24px; border:1px solid #c0cacf; background:url(../images/board/bg_sel_box.gif) no-repeat right center #fff;}
	#board_search2 .customSelect .select_text {position:absolute; left:5px; top:0; display:block; width:95px; height:26px; line-height:26px;} 
	#board_search2 .sel_box {min-width:120px; font-size:12px; vertical-align:middle; cursor:pointer; opacity:0; filter:alpha(opacity=0);}
	selected {border: 1px solid blue;}
	#page_info2 {width:170px; margin-top:20px;}
	#page_info2 span{color:#0063a8;}



#board_search3 {padding:15px 30px; border:1px solid #c8d1db; background:#fdfdfd;}
#board_search3 legend{position:absolute; top:-1000px; left:-1000px}
#board_search3 span {display:inline-block; width:80px;  color:#0063a8; font-weight:bold; background:url(../images/contents/bu_arrow.gif) no-repeat 0 7px; line-height:26px; padding-left:15px; }
#board_search3 .input_box {border:1px solid #c0cacf; height:22px; font-size:12px; vertical-align:middle;}
#board_search3 .sel_box {border:1px solid #c0cacf; height:25px; font-size:12px; vertical-align:middle;}



/* board list css */
.board_list {width:100%; border-collapse:collapse; border-spacing:0; margin:10px 0 5px 0; text-align:center;}
.board_list caption {overflow:hidden; height:0px; width:0px; text-indent:-9999px;}
.board_list caption span{position:absolute; top:-1000px;}
.board_list .ck_box{vertical-align:middle; width:13px; height:13px; margin:0; padding:0;}
	/* 게시판 리스트 thead 스킨 1*/
	.board_list thead.skin1 th {padding:9px 0 8px 0; color:#5c6472; background:url(../images/board/board_list_bar.gif) no-repeat 0 50%; border-top:2px solid #819aa5; border-bottom:1px solid #d0d3d8;}
	.board_list thead.skin1 th.bg_none {background:none;}
	/* 게시판 리스트 thead 스킨 2*/
	.board_list thead.skin2 th {padding:9px 0 8px 0; color:#fff; background:url(../images/board/header_bg.gif) repeat-x bottom;}
	/* 게시판 리스트 thead 스킨 3*/
	.board_list thead.skin3 th {padding:9px 0 8px 0; color:#757575; background:url(../images/board/board_list_bar.gif) no-repeat top left #f8f8f8; border-top:1px solid #d0d3d8; border-bottom:1px solid #d0d3d8;}
	.board_list thead.skin3 th.bg_none {background-image:none; background-color:#f8f8f8;}



/* 게시판 리스트 공통 */
.board_list td {border-bottom:1px solid #dadada; padding:10px 0 8px 0; color:#7e7f7f; line-height:20px; }
.board_list td img{vertical-align:middle;}
.board_list td a, .board_list td.tx_al a{color:#7e7f7f;}
.board_list td a:hover{color:#010101;}
.board_list tbody td.tx_al {text-align:left; padding:7px 4px 5px 10px; }
.board_list tbody td.tx_b {font-weight:bold;}

/* 글쓰기 css */
.board_list tbody.write {border-top:2px solid #9d9d9d;}
.board_list tbody.write th{padding:7px 0 5px 0; color:#424242; background:#f9f9f9; border:1px solid #d1d1d1;  text-align:center;}
.board_list tbody.write td{padding:7px 10px 5px 10px; text-align:left; background:#fff; border:1px solid #d1d1d1; font-weight:bold;}
.board_list tbody .tb_ipty{border:1px solid #d0d3d8; width:95%; height:18px; vertical-align:middle; padding-left:5px;}
.board_list tbody .tb_ipty1{border:1px solid #d0d3d8; width:80%; height:18px; vertical-align:middle; padding-left:5px; font-size:12px; color:#666;}
.board_list tbody .sel_type{border:1px solid #d0d3d8; height:21px; vertical-align:middle;}

/* 에디터영역 */
.board_list tbody.write td.wirte_edit {padding:0; background:none; overflow:hidden; width:99.7%; height:350px; border:1px solid #d0d3d8; }
.board_list tbody.write td.wirte_edit textarea{width:99%; height:350px; border:0;}

/* 댓글 게시물 */
.board_list td.td_comment {background:#fafafa;}
.board_list_comment {padding:10px; text-align:left; line-height:18px; text-align:justify;}
.board_list_comment textarea {width:99%; border:1px solid #c8c8c8; font-size:12px; color:#666666;}

/* css 수정*/



/* view */
#board_view h4.skin1{padding:12px 0 10px 0; font-size:14px; background:none; border-top:2px solid #819aa5;  border-bottom:1px solid #a3a3a3; color:#5c6472; text-align:center;}
#board_view h4.skin2{padding:12px 0 10px 0; font-size:14px; background:url(../images/board/header_bg.gif) repeat-x bottom; color:#fff; text-align:center;}
#board_view h4.skin3{padding:16px 0 16px 0; font-size:16px; background:#f8f8f8; color:#5c6472; border-top:2px solid #3076c5; border-bottom:1px solid #c1c5cd; text-align:center;}
#board_view h4 img {vertical-align:middle; }
#board_view .board_date{padding:12px 0 11px 0; border-bottom:1px solid #a3a3a3; color:#5c6472; text-align:right;}
	#board_view .board_date dl{overflow:hidden;}
	#board_view .board_date dl dt{display:inline; padding:0; margin:0; font-weight:bold;}
	#board_view .board_date dl dd{display:inline; padding:0 10px 0 0; margin:0;}

#board_view .board_cont{padding:20px 10px;  border-bottom:1px solid #a3a3a3;  color:#5c6472; text-align:left; line-height:180%; text-align:justify;}
#board_view .movie_cont{overflow:hidden; _height:1%; padding:20px 10px;}
#board_view .movie_cont p.movie_area {float:left; width:50%; padding:15px; background:#f8f8f8; border:1px solid #b4b4b4;}
#board_view .movie_cont p.movie_area img{width:100%;}
#board_view .movie_cont .movie_content{float:right; width:40%; margin-top:15px;}
#board_view .movie_cont .movie_content h4{font-size:13px; letter-spacing:-1px;}
#board_view .movie_cont .movie_summary{overflow-y:scroll; width:94%; height:250px; margin-top:10px; padding:10px 7px; line-height:18px; text-align:justify;}

#board_view .file_show{color:#5c6472;}
	#board_view .file_show p{padding:10px 0 8px 0; padding-left:10px; font-weight:bold; border-bottom:1px solid #d0d3d8; }
	#board_view .file_show ul{overflow:hidden; padding-bottom:5px;  border-bottom:1px solid #a3a3a3; }
	#board_view .file_show ul li{float:left; width:48%; /*width:48.8%;*/ padding:5px 0 4px 12px; vertical-align:middle; }
	#board_view .file_show ul li img{ vertical-align:middle; }
	#board_view .file_show ul li a{padding:0 5px 0 8px; color:#5c6472; font-weight:bold;}
	
/* 댓글쓰기 */
.new_reply {margin-top:20px;}
	.reply_write p.reply_title {padding-left:10px; font-weight:bold; color:#5c6472;}
	.reply_write_input{margin-top:8px; padding:20px; background:#f8f8f8;}
	.reply_write_input p{margin-bottom:10px;}
	.reply_write_input label{padding:0 2px 0 0; color:#5c6472; vertical-align:middle;}
	.reply_write_input img{vertical-align:top;}
	.reply_write_input .ip_type{margin-right:8px; border:1px solid #e0e0e0; vertical-align:middle;}
	.reply_write_input .reply_area{width:100%; height:78px; border:1px solid #e0e0e0; overflow:hidden;}

 /* 댓글보기 */
 .reply_view {margin-top:25px;}
	.reply_view p.reply_count {margin-bottom:8px; padding-left:10px; font-weight:bold; color:#1e7de7;}
		.reply_output_area{padding:10px 20px 20px 20px; background:#f8f8f8;}
		.reply_output_area .reply_output p.rp_wt_info{margin-top:10px;}
		.reply_output_area .reply_output p.rp_wt_info img{ vertical-align:middle; }
		.reply_output_area .reply_output p.rp_wt_info span.rp_writer{display:inline-block; padding:5px 0 4px 20px;  vertical-align:middle; background:url(../images/board/icon_rp_wt.gif) no-repeat; font-weight:bold; color:#5c6472;}
		.reply_output_area .reply_output p.rp_wt_info span.rp_wt_data{display:inline-block; padding:5px 0 4px 5px;  vertical-align:middle; color:#a2a8aa;}
		.reply_output_area .reply_output p.rp_wt_cont {padding:7px 12px 10px 20px; border-bottom:1px dotted #c9cccd; color:#5c6472; line-height:150%; }


/* 뷰페이지 페이징 (이전글/다음글) */
ul.bv_paging {margin-top:20px; border-top:1px solid #a3a3a3;} 
ul.bv_paging li {overflow:hidden; padding:9px 20px 10px 20px; border-bottom:1px solid #d0d3d8;} 
ul.bv_paging li span{float:left; padding-right:32px; font-weight:bold; color:#5c6569;} 
ul.bv_paging li span.bv_prev{background:url(../images/board/board_list_prev.gif) no-repeat 80% 50%;} 
ul.bv_paging li span.bv_next{background:url(../images/board/board_list_next.gif) no-repeat 80% 50%;} 
ul.bv_paging li a {float:left; padding-left:10px; background:url(../images/board/board_list_bar.gif) no-repeat 0 50%;} 
ul.bv_paging li span.bv_date {float:right; padding:0; font-weight:normal; text-align:right; color:#a2a8aa;} 

/* photo 갤러리 */
/*.photo_list {width:100%; margin:10px 0 5px 0; border-top:2px solid #819aa5;  }
.photo_list ul{overflow:hidden; _height:1%;}
.photo_list ul li{float:left; width:20%; padding:17px 0 14px 0; border-bottom:1px solid #d2dde2;}
.photo_list ul li div{text-align:center;}
.photo_list ul li p.img_photo img{padding:6px; border:1px solid #d2dde2; width:108px; height:80px; overflow:hidden; }
.photo_list ul li p.photo_info {margin-top:10px;}
.photo_list ul li p.photo_info img{vertical-align:middle;}
.photo_list ul li p.photo_info a{font-weight:bold; letter-spacing:-1px;}
.photo_list ul li p.photo_info small{display:block; padding:2px 0; font-size:11px; font-family:Verdana,Gulim,'굴림'; color:#7e7f7f; }*/

/* photo 갤러리(컨텐츠출력형) */
.photo_list2 {width:100%; margin:10px 0 5px 0; border-top:2px solid #819aa5;  }
.photo_list2 img{vertical-align:middle;}
.photo_list2 ul li{padding:10px 0 8px 0; border-bottom:1px solid #d2dde2;}
.photo_list2 ul li dl{overflow:hidden; _height:1%;}
.photo_list2 ul li dl dt.dt_photo{float:left; width:20%; text-align:center;}
.photo_list2 ul li dl dt.dt_photo img{padding:6px; border:1px solid #d2dde2; width:108px; height:80px; overflow:hidden; }
.photo_list2 ul li dl dt.dt_photo_title{float:right; width:78%; margin:5px 0 0 0; padding:0; font-weight:bold; font-size:14px; letter-spacing:-1px; }
.photo_list2 ul li dl dd {float:right; width:78%; margin:8px 0 0 0; padding:0; line-height:18px; word-break:keep-all; word-wrap:break-word;}
.photo_list2 ul li dl dd span.dd_photo_info{font-size:11px; font-family:Verdana,Gulim,'굴림'; color:#141414; letter-spacing:-1px;}




/* 버튼제어 */
p.btn_list {text-align:right; margin-top:15px;}
p.btn_list1 {text-align:right; margin-top:0;}


/* 20141025 pdh 추가 */
#board_view .board_info {width:100%;}
#board_view .board_info tbody.view th{padding:10px 0 10px 0; background:#f9f9f9; border-bottom:1px solid #d1d1d1;  text-align:center;}
#board_view .board_info tbody.view td{padding:10px 10px 10px 10px; text-align:left; background:#fff; border-bottom:1px solid #d1d1d1;}
#board_view .board_info caption {visibility:hidden; overflow:hidden; height:0px; width:0px; text-indent:-9999px;}
#board_view .board_info caption span{position:absolute; top:-1000px;}
