@charset "utf-8";
/* board.css */

/*Gallery, 공연, 전시안내 리스트*/
/*Gallery*/
.photoG_list{

	margin:50px auto;
	position:relative;
}

.photoG_list ul:after{content:""; display:block; clear:both; height: 0; visibility: hidden;}
.photoG_list ul {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
/*갤러리 게시판 */

.photoG_list ul li a .img{
	width:334px;
	height:166px;
	position:relative;
	overflow:hidden;
}

.photoG_list ul li.photoG{
	width:340px;
	height:220px;
	float:left;
	position:relative;
	margin:3px 3px 50px 3px;
	overflow:hidden;
	border:1px solid #a1a1a1;
	padding:2px;
}


.photoG_list .photoG .text{
	width:330px;
	padding:5px 0px 5px 0px;
	font-size:14px;
	position:relative;
	margin:0 auto;
}
.photoG_list .photoG .text p{
	width:320px;
  margin-left: 10px;
	height:20px;
}
.photoG_list .photoG .text p.day{
	color:#909090;
	font-size:11px;
}
/*공연, 전시안내 리스트*/
.photoG_list .photoG .cul_txt{
	text-align:center;
}
.photoG_list .photoG .cul_txt .day2{
	color:#909090;
}



/** 이벤트 게시판 리스트 **/

.photoG_list ul li.photoE a .img{
  float:left;
	width:250px;
	height:200px;
	position:relative;
	overflow:hidden;
border:1px solid #a1a1a1;
}

.photoG_list ul li.photoE a .img img{
	width: 250px;
}


.photoG_list ul li.photoE{
	width:100%;
	float:left;
	position:relative;
	margin:3px 3px 50px 3px;
	overflow:hidden;

	padding:2px;
}


.photoG_list .photoE .text{
  float:right;
	width:450px;
	padding:5px 10px;
	font-size:14px;
	position:relative;
	margin:0 auto;

}
.photoG_list .photoE .text p.tit{
  font-size:1.5em;
  font-weight:bold;
  height:40px;
}
.photoG_list .photoE .text .cont{
  height:124px;
  font-size:0.9em;
  line-height:20px;
  overflow:hidden;
}
.photoG_list .photoE .text .cont p{clear:both;}
.photoG_list .photoE .text p.day{
	color:#909090;
	font-size:12px;

}
/*공연, 전시안내 리스트*/
.photoG_list .photoE .cul_txt{
	text-align:center;
}
.photoG_list .photoE .cul_txt .day2{
	color:#909090;
}

/*Gallery View*/

.photoG_view{

	margin:20px 0;
}
.photoG_view_con .title{
	width:1000px;
	height:60px;
	border-bottom:1px solid #d4d4d4;
	padding:0 20px;
}
.photoG_view_con .title .tit{
	font-weight:bold;
	font-size:20px;
	height:30px;
}
.photoG_view_con .title .day{
	float:right;
	font-size:12px;
	color:#7d7d7d;
}
.photoG_view_con .title .day span{
	display:inline-block;
	padding:0 5px;
}
.photoG_view_con .con{
	text-align:center;
	margin:30px auto;
	width:900px;
}
.photoG_view_con .con p{
	padding:5px;
}

/*view page button*/

.view_pagination{
	position:relative;
	padding:50px 0;
	border-top:1px solid #444;
}
.view_btn li{
	float:left;
}

.view_btn li.left{
  width:45%;
	text-align:left;
}

.view_btn li.right{
	text-align:right;
  float: right;
}

/* coffee story- 커피이야기  */

.list01_wrap{
	margin:3px 0 30px 0;
}
.list01_wrap ul.list01{
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #b7b7b7;
	padding-bottom:3px;
	margin-bottom:20px;
}
.list01_wrap ul.list01 li.list{
	width:auto;
	height:160px;
	padding:30px 20px;
	border-bottom:1px solid #d4d4d4;
}
.list01_wrap ul li.list a li.img{
	width:240px;
	height:160px;
	overflow:hidden;
}
.list01_wrap ul li.list a ul{
	height:160px;
	padding-left:20px;
	position:relative;

}
.list01_wrap ul li.list a ul li{
	float:left;
}
.list01_wrap ul li.list a ul li.con{
	width:720px;
	height:110px;
	padding-left:20px;
	font-size:12px;
}
.list01_wrap ul li.list a ul li.con h4{
	height:28px;
	font-size:16px;
	font-weight:bold;
	overflow:hidden;
	padding-top:5px;
}
.list01_wrap ul li.list a ul li.day{
	position:absolute;
	bottom:5px;
	left:280px;
	color:#ff6c00;
	font-size:13px;
}

/*=========community===========*/

/*이벤트 리스트*/
.list02{

	margin:50px auto;
	position:relative;
}
.list02 ul li.list02G{
	width:254px;
	height:460px;
	float:left;
	position:relative;
	margin:0px 3px 50px 3px;
	overflow:hidden;
}
.list02 ul li a .img{
	width:252px;
	height:324px;
	position:relative;
	overflow:hidden;
	border:1px solid #c4c4c4;
}
.list02 ul:after{content:""; display:block; clear:both; height: 0; visibility: hidden;}
.list02 ul {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.list02 .list02G .text{
	width:254px;
	padding:7px 0px 5px 0px;
	font-size:14px;
	position:relative;
	margin:0 auto;
}
.list02 .list02G .text p{
	width:254px;
	padding:5px 3px 0 3px;
}

.list02 .list02G .text p.condition{
	width:148px;
	height:25px;
	color:#fff;
	text-align:center;
}
/*이벤트 상태표시(진행중) */
.list02 .list02G .text p.go{
	background:#ff4707;
}
/*이벤트 상태표시(종료) */
.list02 .list02G .text p.end{
	background:#959595;
}


.list02 .list02G .text p.tit2{
	width:248px;
	height:40px;
	line-height:20px;
	border-bottom:1px solid #d4d4d4;
	padding-bottom:5px;
	overflow:hidden;
}
.list02 .list02G .text p.term{
	color:#909090;
	font-size:12px;
	height:14px;
}
/*event View*/

.view02{

	margin:20px 0;
}
.view02_con .title{
	position:relative;

	height:120px;
	padding:0 10px;
}
.view02_con .title .tit{
	font-weight:bold;
	font-size:20px;
	/*height:30px;*/
	padding:0px 0 10px 10px;
	border-bottom:1px solid #444;
}
.view02_con .title .event{
	font-weight:500;
	font-size:14px;
	/*height:30px;*/
	padding:10px;
	border-bottom:1px solid #d4d4d4;
}
.view02_con .title .day{
	position:relative;
	top:10px;
	color:#7d7d7d;

	height:35px;
	padding-left:10px;
	border-bottom:1px solid #d4d4d4;
	font-size:12px;
}

.view02_con .title .atach{
	position:relative;
	top:20px;
	color:#7d7d7d;
	padding-left:10px;
	padding-bottom:10px;
	border-bottom:1px solid #d4d4d4;
	font-size:12px;
}

.view02_con .title .views{
	position:absolute;
	top:0px;
	right:10px;
	color:#444;
	font-weight: bold;
}
.view02_con .title  span{
	display:inline-block;
	padding:0 5px;
}

.view02_con .con{
	margin:30px auto;
	padding:20px 15px 10px 15px;
}
.view02_con .con img{
	max-width:100%;
}




/*=========댓글=========*/
.coment_wrap{
	width:1000px;
	margin:20px auto;
	padding:20px 0;
	position:relative;
	border-top:1px solid #d4d4d4;
}
.coment{
	width:1000px;
	margin:20px 0;
	padding:5px 0;
	position:relative;

}
.coment_wrap textarea{
	width:880px;
	height:65px;
	text-align:left;
	padding:5px;
	border:0;
	overflow:hidden;
	background:#e4e4e4;
	border:1px solid #d4d4d4;
}
.coment button{
	position:absolute;
	top:5px;
	right:7px;
	width:85px;
	height:75px;
	background: #000;
	border:1px solid #444;
	color:#fff;
	font-weight:bold;
	border-radius:4px;
}
.coment button:hover{
	background: #444;
	border:1px solid #959595;
	color:#fff;
}
/*댓글 리스트*/
.list_count{
	padding-bottom:8px;
	border-bottom:1px solid #d4d4d4;
}
.list_count strong{
	font-size:14px;
	padding:5px 3px;
}
.coment_list ul li{
	height:50px;
	padding:10px;
	position:relative;
	border-bottom:1px solid #d4d4d4;
}
.coment_list ul li .info{
	height:26px;
	font-size:12px;
}
.coment_list ul li .info strong{
	padding-right:20px;
	font-weight:bold;
	color:#000;
	font-size:14px;
}
.coment_list ul li .con2{
	font-size:13px;
	height:40px;
}
.coment_list ul li .btn2{
	position:absolute;
	top:8px;
	right:10px;
}
.coment_list ul li .btn button{
	height:23px;
	font-size:12px;
}

/*table_list*/

.table_list{
	height: auto;
	margin:40px auto;
}
.table_list table{
	margin-bottom:20px;

}
.table_list table th,.table_list table td{
	text-align:center;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	font-size:13px;
	border-collapse:collapse;
}
.table_list table thead tr th{
	height:40px;
	font-weight:bold;
	border-top:1px solid #444;
	border-bottom:3px solid #444;
	background:#eee;
	color:#444;
}
.table_list table tbody tr td{
	height:34px;
}
.table_list table.list1 tbody tr:hover{
	background:#e4e4e4;
}
.table_list table.list1 tbody tr td:nth-child(2){
	text-align:left;
	padding-left:15px;
}
#board_subject{
	text-align:left;
	padding-left:15px;
}



#board_subject a:link.txtBlue {font-size:12px; color:#0b4a9c; font-weight:normal; text-decoration:none; font-weight:bold;}
#board_subject a:visited.txtBlue {font-size:12px; color:#0b4a9c; font-weight:normal; text-decoration:none; font-weight:bold;}
#board_subject a:hover.txtBlue {font-size:12px; color:#0b4a9c; font-weight:normal; text-decoration:underline; font-weight:bold;}
#board_subject a:active.txtBlue {font-size:12px; color:#0b4a9c; font-weight:normal; text-decoration:underline; font-weight:bold;}


.table_list table.list1 tbody tr td span.re{
	text-align:left;
	padding-left:15px;
}

.table_list table.list1 tr th.last,.table_list table tr td.last{
	border-right:0px;
}

.btn_1,.btn_2{
	position:relative;
	text-align:center;
}
.btn_3{
	position:relative;
	height:50px;
	text-align:right;
	padding-top:20px;
}
.btn_1 button{
	margin-left:5px;
}
/*게시물 검색*/
.btn_2 ul{
	display:inline-block;
}
.btn_2 ul li{
	float:left;
	padding:2px 3px;
	font-size:14px;
	height:36px;
	display:inline;
}
.btn_2 ul li .btn2{
	border:1px solid #959595;
}
.btn_2 ul li input.btn2{
	width:230px;
	height:33px;
	text-align:left;
}
.table_list .list2{
	width:100%;
}
.table_list .list2 tbody{
	border-top:2px solid #444;
}
.table_list .list2 tbody th,.table_list .list2 tbody td{
	border-top:1px solid #959595;
	text-align:left;
	padding:3px 12px;
}
.table_list .list2 tbody th{
	background:#f4f4f4;
}
.table_list .list2 tbody td{
	border-right:0;
}
.table_list .textarea01{
	padding:10px;
}
.table_list .list2 tbody td input{
	padding:2px 3px;
}
.table_list .list2 tbody td select{
	padding:2px 3px;
}


/*페이지 버튼*/

.pagination_wrap{
	text-align:center;
}
.pagination{
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;

}
.pagination li{
	display:inline;
}
.pagination li a{
	position: relative;
	float: left;
	padding: 4px 10px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #2d2e2f;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination li a.on{
	position: relative;
	float: left;
	padding: 4px 10px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #fff;
	text-decoration: none;
	background-color: #2d2e2f;
	border: 1px solid #2d2e2f;
}
input.width60{width:60px;}