@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;
	padding: 10px 0px 10px 0px;
}
#search_form:after{display:block; clear:both;content:""}
#search_form form {
	margin: 0 auto;
	float:right;
}
#search_form select {
	height: 30px;
	float: left;
	border: #aaaaaa 1px solid;
	font-size: 13px;
	margin-right: 2px;
	width: 72px;
}
#search_form .search_input {
	height: 27px;
	float: left;
	border: #aaaaaa 1px solid;
	font-size: 14px;
	margin-right: 2px;
	width: 200px;
	height:30px
}

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

#bbs_list {
	clear: both;
	margin-top: 11px
}
#bbs_list ul {overflow:hidden;}
#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 li{width:32%; height:167px; position:relative; background-repeat:repeat; float:left; margin:7px 0.5%; list-style:none;}
#bbs_list .list {border:1px solid #d6d6d6;  z-index:1;}
#bbs_list .list img{width:100%;height:167px;display:block}
#bbs_list  li:hover .list_over {display:block; cursor:pointer;}
#bbs_list .list_over {width:99%;height:167px; 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;
	border-top:2px solid #446290;
}
#web_list li {clear: both;width:100%; height:154px; position:relative; background-color:#fff;border-bottom:1px solid #bdbdbd; padding: 10px 0; 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:left;width:20%;text-align:right;height:100%;}
#web_list .img img{width:100%;height:100%;}
#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: #446290;
	color: #fff;
	width:64px;
	height:33px;
	line-height:33px;
	overflow: hidden;
	float: right;
	cursor: pointer;
	font-size: 13px;
	margin-left: 3px;
	text-align:center
}
#btn .btn{
	background-color: #446290;
	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 {
	position:relative;
	clear: both;
	color: #767676
}
#bbs_view .head {
	position:relative;
}
#bbs_view .title {
	display:block;
	font-weight: bold;
	font-size:1.5em;
	padding:10px 100px 10px 0;
}
#bbs_view .date {
	position:absolute;
	right:0;
	top:0;
	font-size: 12px;
	color: #9d9d9d;
	padding:10px 0;
	text-align:right;
}

@media screen and (max-width:768px) {
	#bbs_view .title {padding-right:0;}
	#bbs_view .date {top:auto; bottom:-30px;}
}

#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 .content img {
	display: block;
	width: 100%;
	height: auto;
}
#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-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;
}