@charset "utf-8";
@import url("common.css");
/* 공통 */

#bbs_whole {
	font-family: NanumBarunGothic;
	position: relative;
	font-size: 14px;

}
/* 게시판 타이틀   */

#title_layout {
	clear: both;
	margin-bottom: 14px;
	
}
#title_layout .title {
	font-size: 31px;
	letter-spacing: -1px;
}

#change {
	font-size: 13px;
	font-weight: bold;
	color: #404040;
    position:absolute;
	top:20px;
	right:5px;
	
}
#category{clear: both;margin-bottom:10px;}
/* 게시판 목록 부분  */
#bbs_whole #bbs_layout {
	clear: both;
}
#search_form {
	clear: both;
	background: #f5f5f5;
	padding: 10px 0px 10px 0px;
}
#search_form form {
	margin: 0 auto;
	text-align:center;
}
#search_form select {
	height: 31px;
	border: #aaaaaa 1px solid;
	font-size: 13px;
	margin-right: 2px;
	width: 72px;
}
#search_form .search_input {
	height: 27px;
	border: #aaaaaa 1px solid;
	font-size: 14px;
	margin-right: 2px;
	width:40%;
}

#search_form .btn_search
    { background-color: #767676;
	color: #fff;
	padding: 2px 10px;
	overflow: hidden;
	height:31px;
	cursor: pointer;
	font-size: 13px;
	border:0px; 
    
}

#bbs_list {
	clear: both;
	margin-top: 11px
}
#bbs_list table {
	width: 100%;
	text-align: center;
	border-top: 1px solid #b4b8b9;
}
#bbs_list th {
	border-bottom: 1px solid #b4b8b9;
	padding: 14px 0px;
	background-image: url(../images/image1_2/bg_th.png);
	background-repeat: no-repeat;
	background-position: right;
}
#bbs_list .end {
	background-image: none
}
#bbs_list td {
	border-bottom: 1px solid #e1e1e1;
	padding: 14px 0px;
}
/* 포토형게시판  */

#bbs_list {margin:10px 0;}
#bbs_list li{width:33.3333%; height:220px; position:relative; background-repeat:repeat; float:left; margin:0; list-style:none; padding:10px;}
#bbs_list .list {display:block; height:100%; border:1px solid #d6d6d6;  z-index:1;}
#bbs_list .list a {display:block; height:100%;}
#bbs_list .list img{width:100%;height:100%;display:block}
#bbs_list  li:hover .list_over {display:block; cursor:pointer;}
#bbs_list .list_over {width:100%;height:100%; border:1px solid #000; position:absolute; top:0px; left:0px;  background-image:url(../images/image1_2/bg_img.png); z-index:100; display:none;}
#bbs_list .list_over .list_more {float:right;}
#bbs_list .list_over .title {clear:both; padding:0px 20px 12px 20px ; float:left;    }
#bbs_list .list_over .title a{color:#fff;text-decoration:none;font-size:15px;font-weight:bold;text-decoration:underline;}
#bbs_list .list_over .content {clear:both; padding-left:20px; padding-bottom:50px; clear:both; float:left; font-size:12px; color:#fff;}
#bbs_list .list_over .content span{font-size:9px;}



/*웹진게시판 목록 부분*/

#web_list {
	clear: both;
	margin-top: 11px
}
#web_list li {clear: both;width:100%; height:154px; position:relative; background-color:#f5f5f5; margin-bottom:10px; overflow:hidden}
#web_list .text {float:left;width:60%; color:#9c9c9c; font-size:15px; padding:20px 20px;}
#web_list .title {font-size:16px; color:#1c1c1c; padding-bottom:15px;}
#web_list .content {font-size:12px; color:#666; color:#999; line-height:20px; padding-top:10px;}
#web_list .date {font-size:12px; padding-bottom:10px;}
#web_list .img {color:#9c9c9c;float:right;width:30%;text-align:right;}
#web_list .img img{width:100%;height:154px;}
#web_list .line {width:10px; border-top:2px solid #9c9c9c; }



#paging {
	clear: both;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 11px
}
#paging span {
	padding: 6px 10px;
	border: #d9d3d5 1px solid;
	margin: 0px 2px;
	color: #898989;
	font-weight: bold;
	cursor: pointer;
}
#paging span:hover {
	background-color: #f2f2f2;
}
#paging .btn {
	border: #a19d9e 1px solid;
}
#paging .on {
	background-color: #9d9d9d;
}
#paging .on a {
	color: #FFF;
	text-decoration: underline
}
 clear: both;
#paging .on:hover {
	background-color: #9d9d9d;
}
#btn {
	clear: both;
	margin: 10px 0px;
overflow:hidden;
}


#btn a{
	background-color: #767676;
	color: #fff;
	padding: 7px 20px;
	overflow: hidden;
	float: right;
	cursor: pointer;
	font-size: 13px;
	margin-left: 3px;
}
#btn .btn{
	background-color: #767676;
	color: #fff;
	padding: 7px 20px;
	overflow: hidden;
	float: right;
	cursor: pointer;
	font-size: 13px;
	margin-left: 3px;
	border:0px;
}
#btn li:hover {
	background-color: #545353;
}
/* 게시판 보기 부분  */
#bbs_view {
	clear: both;
	border-top: 2px solid #767676;
	
	color: #767676
}
#bbs_view .head {
	
	overflow: hidden;
}
#bbs_view .title {
	float: left;
	width: 82%;
	font-weight: bold;
	font-size:18px;
	padding:5px 0;
}
#bbs_view .date {
	float: right;
	width: 17%;
	font-size: 12px;
	color: #9d9d9d;
	text-align:right;
	padding:10px 0;
}
#bbs_view .info {padding:5px 0px; font-size:12px;color: #9d9d9d; }
#bbs_view .info  span{font-size:7px; margin:0px 10px;}
#bbs_view .content {
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
}
#bbs_view .bbs_ip {clear: both;font-size: 11px; text-align:right;}
#bbs_view .file_title {clear: both;font-size: 12px; border-bottom: #e1e1e1 1px solid;padding:10px 0px;font-weight: bold;}
#bbs_view .file {clear: both;font-size: 12px; padding-top:10px; }
#bbs_view .file span{margin-left:20px;}
#bbs_reply {
	clear: both;
	margin-top:20px;
	
}
#reply_name{clear: both;}
#reply_name input{width:80px; border:#999 1px solid; color:#999; margin-right:10px;}
#reply_form {
    clear: both;
	border: 2px #767676 solid;
	overflow: hidden;
	margin-top:10px;
}

#reply_form .textarea {
	float: left;
	width: 85%;
	padding: 1%;
}
#reply_form .textarea textarea {
	width: 100%;
	border: 0px;
	height: 5%;
	color: #acacac;
	font-family: NanumBarunGothic;
}
#reply_form .btn {
	float: right;
	width: 12%;
	background-color: #767676;
	padding: 3% 0px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	border:0px;
}
#bbs_reply .comment {
	clear: both;
	text-align: right;
	color: #acacac;
	padding: 14px 0px;
}
#bbs_reply .reply_num {
	clear: both;
	color: #4c4c4c;
	padding-bottom: 11px;
	border-bottom: #dedede 1px solid;
}
#reply_list{clear: both; margin-top:10px;}
#reply_list table{width:100%;border-top: 1px #767676 solid;}

#reply_list td{padding:8px 10px; border-bottom:#ccc 1px solid }


#move_btn {
	clear: both;
	border-top: #dedede 1px solid;
	margin-top:10px;
}
#move_btn div {
	padding: 13px 0px;
	border-bottom: #dedede 1px solid;
	}
#move_btn span {
	font-weight: bold;
	margin-right: 40px;
	color: #202020;
}

#move_btn  .on{color: #7c7c7c;cursor:pointer;}
#move_btn  .off{color:#ccc;}

#move_btn img {
	margin-right: 15px;
	margin-top: 5px;
	float: left;
}



/* 게시판 등록 부분  */

#bbs_form {
	clear:both; margin:0px;
}

#bbs_form table {
	width: 100%;
	border-top: 2px solid #767676;
	border-bottom: 1px solid #b7b7b7;
	
	color: #767676;
}
#bbs_form th {
	border-bottom: dashed 1px #dedede;
	background-image: none;
	padding: 14px 0px;
}
#bbs_form td {
	border-bottom: dashed 1px #dedede;
	padding: 8px 0px;
	
}
#bbs_form td  span{font-size:11px;padding:5px 0px;}
#bbs_form .end {
	border: 0px;
}
#bbs_form textarea {
	width: 98%;
	padding: 1%;
	height: 170px;
	color: #acacac;
	font-family: NanumBarunGothic;
	background-color: #f7f7f7;
	border: 0px;
	border-left: #e1e1e1 1px solid;
	border-top: #e1e1e1 1px solid;
}
#bbs_form .input01 {
	background-color : #f7f7f7;
	border: 0px;
	border-left: #e1e1e1 1px solid;
	border-top: #e1e1e1 1px solid;
	height: 27px;
}



@media screen and (max-width: 768px) {
	#bbs_form th {min-width:60px;}
	#bbs_form textarea {width: 90%;}
	.w100 {width:90%;}
	input[type=file] {width:80%;}
	#bbs_view .date,
	#bbs_view .title {width:100%;}
	#bbs_list li {width:50%;}
}

@media screen and (max-width: 480px) {
	.mobileNone {display:none;}
	#bbs_list li {height:160px;}
}