@CHARSET "utf-8";

.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.screen_hide {font-size:0 !important; line-height:0 !important; height:0 !important;}
 
.board_container {
	width:100%;
}

.board_container .boardTab { width: 100%; height: 30px;  font-size: 12px; font-weight: bold; /* border-bottom: 2px solid #00387F;  margin-bottom: 0px; */ }
#gallerycontents .boardTab { width: 100%; height: 15px;  font-size: 12px; font-weight: bold;  margin: -10px 0 0 0; }
.boardTab .tableft { float: left; margin: 10px 0 0 2px; padding: 2px 5px 0 5px; }
.boardTab .tableft { float: left; margin: 10px 0 0 2px; padding: 2px 5px 0 5px; }
.boardTab .tableft.off{   border-left: 1px solid #6c6c6c; border-top: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; }
.boardTab .tableft.on{ border-left: 2px solid #00387F; border-top: 2px solid #00387F; border-right: 2px solid #00387F; background-color: #4A80BC; }
.boardTab .tableft.on a{ color: #ffffff;}

.board_container  .wrap_cont{width:100%;padding-bottom:70px; overflow: hidden;}

.board_container .board{
	width:100%;
}

.board_container .board caption{
	height:30px;
	text-align:left;
	font-size: 12pt;
	color: #02306C;
	font-weight:bolder; 
}

.board_container .board .head_tr{
	height:30px;
}

.board_container .board .body_tr{
	height: 30px;
	font-size: 12px;
	color:#4c4c4c;
}

.board_container .board .head_col {
	font-size:13px;
	color:#616060;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top:2px solid #00387F;
	border-bottom:1px solid #B5B6B6;
	background-color: #F7F7F7;
	text-align: center;
	font-weight: bold;
}

.board_container .board  .body_col_number{
	color:#ooffoo;
	padding:  0px 0px 0px 20px;
	border-bottom:1px solid #B5B6B6;
}

.board_container .board  .body_col_title{
	color:#ooffoo;
	padding:  0px 0px 0px 20px;
	border-bottom:1px solid #B5B6B6;
}

.board_container .board .body_col_user{
	color:#ooffoo;
	padding:  0px 0px 0px 0px;
	text-align:center;
	border-bottom:1px solid #B5B6B6;
}

.board_container .board .body_col_regdate{
	color:#ooffoo;
	padding:  0px 0px 0px 0px;
	text-align:center;
	border-bottom:1px solid #B5B6B6;
}

.board_container .board  .body_col_readcount{
	color:#ooffoo;
	padding:  0px 0px 0px 0px;
	text-align:center;
	border-bottom:1px solid #B5B6B6;
}

.board_container .board_item_none{
	text-align: center;
	font-weight:bold;
	margin: 10px 0 0 0;
}

/* 20111103 게시판 끝 */

/* 20111103 페이징관련 시작 */

.board_container .board_paging_panel{
	/*margin:20px 0px 0px 360px;*/
	margin:20px 0px 0px 0px;
/*	width: 100%; */
	height:30px;
	vertical-align: middle;
	text-align: center;
}

.paging_back{
	display: inline; 
	font-size: 12px;
}

.paging_back .pageNum{
	display: inline; 
	padding: 3px;
}

.paging_back .page_number_select{
	/* float: left; */
	display: inline; 
	width: 30px;
	height: 19px;
	vertical-align: bottom;
	font-weight:bolder;
	color: #00387F;
	margin: o auto;
}

.paging_back .page_number_none{
	display: inline; 
	/* float: left; */
	width: 30px;
	height: 19px;
	color: #4c4c4c;
	cursor: pointer;
}

.paging_back .page_prev_enable{
	/* float: left; */
	display: inline; 
	width: 20px;
	height: 19px;
	cursor: pointer;
	margin-right: 7px;
}

.paging_back .page_prev_disabled{
	/* float: left; */
	display: inline; 
	width: 20px;
	height: 19px;
	background-position: center;
	margin-right: 7px;
}

.paging_back .page_next_enable{
	/* float: left; */
	display: inline; 
	width: 20px;
	height: 19px;
	margin-left: 7px;
}

.paging_back .page_next_disabled{
	/* float: left; */
	display: inline; 
	width: 20px;
	height: 19px;
	margin-left: 7px;
}

.paging_back .paging_back_end{
	clear: both;
}



/* 20111103 페이징관련 끝*/


/* 20111103 검색관련 시작 */

.board_container .board_search_panel{
 	width: 100%; 
	height: 38px;
	border:1px solid;
	border-color:#D9D9D9;
	background-color: #F4F4F4;
	/* margin: 0 auto; */
	/* text-align: center; */
}

.board_container .board_search_panel .search_content{	
	position:relative;
	left:38%; 
	top: 8px;
	
	/*
	margin: 0 auto;
	position: relative; 
	left: 0px;
	top:10px;
	*/
}

.board_container .board_search_panel .search_content img{
	position: relative; 
	left: 0px;
	top:0px;
}


/* 20111103 검색관련 끝 */


/* 20111205 김가람 글 읽기 */
.tbl_list {width:100%; border-top:2px solid #00387f;}
.tbl_list th {height:29px; border-bottom:1px solid #b5b6b6;background:#f7f7f7;font-weight:bold;color:#616060;text-align:center; vertical-align:middle;}
.tbl_list td {height:29px; border-bottom:1px solid #b5b6b6;color:#4c4c4c; vertical-align:middle !important; padding-left:10px;}
.tbl_list td input[type=text] {border:1px solid silver; height:22px; vertical-align: middle; padding:3px 0 0 5px;}
.tbl_list td.file {}
.tbl_list td.file p {overflow:hidden;width:100%;padding-bottom:1px;}
.tbl_list td.file p a {float:left;margin-right:10px;color:#4c4c4c;}
.tbl_list td.file p img {float::left;margin-top:2px;}
.tbl_list td.cont {padding:15px 10px; vertical-align:top;}
/* .tbl_list td.cont p{margin-bottom:19px;line-height:19px;} 대표 게시판 이상해짐 2017-5-24 주석 처리 */
.tbl_list td.cont p.lst{margin-bottom:0;}


/* .order{width:100%; background:url(/images/board/line_dot.gif) repeat-x 0 26px;} */
.order table{width:100%;border-bottom:1px solid #b5b6b6;}
.order table th{padding:7px 0 5px 0;}
.order table td{padding:7px 0 5px 18px;}
.order table td a{color:#313131;}
.order table td span{color:#4c4c4c;}

.btn_list{padding-top:10px; padding-bottom:20px; text-align:right;}
/* 글 읽기 끝 */

/* 20111213 김가람 갤러리 */
/* 20120121 happydong 사용안함
.wrap_photo{overflow:hidden;width:100%;margin-bottom:18px;padding-top:30px;border-top:2px solid #00387f;border-bottom:1px solid #b5b6b6;}
.wrap_photo div{float:left;width:140px;height:256px;}
.wrap_photo div.fst{display:inline;margin-left:15px;}
.wrap_photo div a{display:block;color:#313131;letter-spacing:-1px;}
.wrap_photo div a img{border:1px solid #d9d9d9;}
.wrap_photo div a.thumb{margin-bottom:7px;}
.wrap_photo div a.title{margin:0 0 1px 1px;}
.wrap_photo div span{display:block;margin:0 0 1px 1px;letter-spacing:-1px;}
*/


/* 20120121 happydong - gallery */

#gallerycontents {float:left; width:100%; }
#gallerycontents .wrap_title{overflow:hidden;width:100%;height:26px;margin-bottom:30px;background:url(/images/board/tit_bg.gif) no-repeat 0 100%;}

.box_search{overflow:hidden;width:100%;margin-bottom:10px;padding:9px 0;background:#f4f4f4;border:1px solid #d9d9d9;}
.box_search select{display:inline;float:left;width:76px;height:20px;margin-left:10px;border:1px solid #d9d9d9;}
.box_search input{display:inline;float:left;width:180px;height:18px;margin-left:5px;border:1px solid #d9d9d9;}
.box_search input.btn{width:45px;height:20px;border:0 none;}

.wrap_photo{overflow:hidden;width:100%;margin-bottom:18px;padding-top:30px;border-top:2px solid #00387f;border-bottom:1px solid #b5b6b6;}
.wrap_photo div{float:left;width:146px;height:216px;margin-left:27px;}
/* .wrap_photo div.fst{display:inline;margin-left:15px;} */
.wrap_photo div.fst{display:inline;}
.wrap_photo div a{display:block;color:#313131;letter-spacing:-1px;}
.wrap_photo div a img{border:1px solid #d9d9d9; object-fit:cover;}
.wrap_photo div a.thumb{margin-bottom:7px;}
.wrap_photo div a.title{margin:0 0 1px 1px;}
.wrap_photo div span{display:block;margin:0 0 1px 1px;letter-spacing:-1px;}

.photo_none { overflow:hidden;width:100%;margin-bottom:18px;padding-top:10px;border-top:2px solid #00387f;border-bottom:1px solid #b5b6b6; }
.photo_none div{ font-weight: bold;  text-align: center; }

.wrap_btn{width:100%;text-align:right;}

.wrap_paging{width:100%;padding-top:20px;text-align:center; }
.wrap_paging a{display:inline-block;margin-right:3px;padding:1px 5px 0 4px;color:#4c4c4c;vertical-align:top;}
.wrap_paging a.direction{padding:0;}
.wrap_paging a.prev{margin-right:3px;}
.wrap_paging strong{display:inline-block;margin-right:3px;padding:1px 5px 0 4px;color:#00387f;}

#photoDetailContainer .mask {
	position:absolute;  
	left:0; 
	top:0; 
	z-index:9000;  
	background-color:#000;  
	display:none;
}

.photowindow{      
	display: none;      
	position:absolute;      
	left:100px;      
	top:100px;      
	z-index:10000;   }

.mask .photowindowClose{
	float:right;
	background-color: #87413C;
	width: 32px;
	height: 35px;
	margin: 10px 10px 0 0;
	cursor: pointer;
	color:white;
	font-size: 20pt;
	text-align:center;
	font-weight: bold;
}

/* 게시판 세팅관련 : happydong20120201 */
.settingcontainer {
	width:886px;
}

.board_container table {border-collapse: collapse;}
.board_container table td, .board_container table table th {padding:0;}