
@charset "utf-8";
/* board.css */

/*Gallery, °ø¿¬, Àü½Ã¾È³» ¸®½ºÆ®*/
/*Gallery*/
.photoG_list{

	margin:50px auto;
	position:relative;
}
.photoG_list ul li.photoG{

	width:290px;
	height:240px;
	float:left;
	position:relative;
	margin:0px 10px 30px 3px;
	overflow:hidden;
}
.photoG_list ul li a .img{
	width:290px;
	height:200px;
	position:relative;
	overflow:hidden;
}
.photoG_list ul:after{content:""; display:block; clear:both; height: 0; visibility: hidden;}
.photoG_list ul {*zoom:1;} /* IE5.5~7 ºê¶ó¿ìÀú ´ëÀÀ Hack */
.photoG_list .photoG .text{
	width:230px;
	padding:5px 0px 5px 0px;
	font-size:14px;
	position:relative;
	margin:0 auto;
}
.photoG_list .photoG .text p{
	width:230px;
	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;
}

/*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{
	width:50%;
	float:left;
}

.view_btn li.left{
	text-align:left;
}

.view_btn li.right{
	text-align: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:40px;
	padding:0 0 10px 10px;
	border-bottom:1px solid #444;
}
.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;

	height:35px;
	padding-left: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{
	text-align:left;
  padding:20px;
	margin:30px auto;
  line-height: 20px;
}
.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;
}

.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;
	height:50px;
	text-align:center;
	padding-top:20px;
}
.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;
	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;
}

.delete_list {width:100%;padding:20px;}
.delete_list li{text-align:center;height:40px;font-weight:bold;font-size:1.2em;}
