/* 게시판 */
#board_box {font-family:'NanumBarunGothic','Nanum Gothic','dotum';}
.board {width: 870px; margin:0 auto; padding:0;}
.board th {font-size:14px; color:#333; border-top:1px solid #333; border-bottom:1px solid #e5e5e5; background:#fafafa; height:35px; text-align:center;}
.board tr td {height:30px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#999; text-align:center;}
.board a {color:#999;  transition:0.6s ;}
.board a:hover {color:#1e5193;  text-decoration:none;}
.board .sbj {text-align:left; padding-left:20px;}
.board .numb, .name, .count {width:100px;}
.board .subject {width:410px;}


.board_write {width:870px; }
.board_write .bwr_ttl {font-size:14px; color:#333; border-top:1px solid #333;border-bottom:1px solid #e5e5e5; height:40px; }
.board_write th {color:#333; text-align:center; width:200px; border-right:1px solid #e5e5e5; background:#fafafa;  border-bottom:1px solid #e5e5e5;}
.board_write tr td {height:35px; border-bottom:1px solid #e5e5e5; font-size:14px; color:#999; text-align:left; padding-left:8px;}
.board_write .b_text {height:25px; border:1px solid #e5e5e5;}
.board_write .b_contents {height:300px; width:510px; border:1px solid #e5e5e5; overflow-y:scroll; margin:5px 0; vertical-align:top;}
.board_write .bdt_contents {text-align:left; padding:40px; height:100%; vertical-align:top;}
.board_write a {color:#999;}
.board_write a:hover {color:#b32421; font-weight:bold;}


.board_detail {width:870px; margin:0 auto;}
.board_detail .bdt_ttl {font-size:14px; color:#333; border-top:1px solid #333;border-bottom:1px solid #e5e5e5; background:#fafafa; height:40px; text-align:center;}
.board_detail th {color:#333; text-align:center; width:118px; border-right:1px solid #e5e5e5; line-height:35px;}
.board_detail tr td, th {height:35px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#999;}
.board_detail .bdt_td {border-right:1px solid #e5e5e5; padding-left:20px; width:118px; line-height:35px;}
.board_detail .bdt_tdl {padding-left:20px; width:118px;}
.board_detail .bdt_other {text-align:left; padding-left:10px;}
.board_detail .bdt_contents {text-align:left; padding:30px; height:100%; vertical-align:top;}
.board_detail a {color:#999;}
.board_detail a:hover {color:#b32421; font-weight:bold;}

#gallery_ttl {content:"";display:block;clear:both;}
#gallery_ttl .book_img {width:410px; height: 350px; float:left; overflow:hidden; text-align:center;}
#gallery_ttl .book_img .book {width:408px; height: 348px; border:1px solid #e5e5e5; }
#gallery_ttl .book_info {position:relative; width:441px; height:350px; float:right; text-align:left; font-size:14px; color:#999; line-height:20px; }
#gallery_ttl .book_info h3 { text-align:left; font-size:22px; font-weight:bold; color:#333; letter-spacing:-0.05em; border-bottom:2px solid #f05251; padding:15px 0;}
#gallery_ttl .book_info p { margin-top: 30px; font-size:16px; color:#333; margin-bottom:15px; vertical-align:top;}
#gallery_ttl .book_info span { font-size:14px; color:#999; padding-bottom:10px;}

#gallery_contents {margin-top: 30px; width: 100%;}
#gallery_contents ul li {display:inline-block; width: 20%;}
#gallery_contents ul li a {	display: block; padding: 0; text-align: center;line-height: 40px;margin-right: 1%;margin-bottom: -1px;background: #eee;border:1px solid #ddd; border-top-right-radius: 10px;border-top-left-radius: 10px;box-sizing: border-box;}
#gallery_contents ul li a:hover, #gallery_contents ul li.on a {background: #fff; border-bottom: 0px solid #fff;}
#gallery_contents ul li a:focus{background: #fff;border-bottom: 1px solid #fff;}
#gallery_contents section { }
article {position: relative;border: 1px solid #ddd;width: 830px; padding:20px;}
.box {content:"";display:block;clear:both;font-size:14px; color:#999; line-height:20px; }
.box:target{display: block;}
.box p {font-size:18px; color:#f05251; font-weight:bold; margin-bottom:15px;}

#gallery_list2 {width:870px; overflow:hidden;;}
#gallery_list2 li {position:relative; display:inline-block; margin-right:20px; vertical-align:top; margin-bottom:40px;}
#gallery_list2 li a {display:block; width:220px; font-size:12px; color:#999; text-align:center;letter-spacing:-0.03em;}
#gallery_list2 li a:hover {text-decoration:none;  }
#gallery_list2 li img {width:220px; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5;  border-left:1px solid #f5f5f5;}
#gallery_list2 li h4 {font-size:12px; color:#fff; background:#229ad4; height:35px;  line-height:35px; margin-top:15px;  font-weight:normal; transition:0.6s;}
#gallery_list2 li a:hover h4 {font-weight:bold;font-size:15px;  opacity:1; filter:alpha(opacity=100);   }
#gallery_list2 .gll { margin-right:0px; }

#gallery_ttl {content:"";display:block;clear:both; }
#gallery_ttl .gall_img {width:240px; float:left; overflow:hidden; text-align:left;}
#gallery_ttl .gall_img .gall {width:220px;border:1px solid #e5e5e5; margin-bottom:10px;}
#gallery_ttl .gall_info {position:relative; width:460px; height:218px; float:right; border-bottom:0px solid #e5e5e5; text-align:left; font-size:14px; color:#999; line-height:20px; vertical-align:top;}
#gallery_ttl .gall_info h3 { text-align:left; font-size:22px; font-weight:bold; color:#333; letter-spacing:-0.05em; border-bottom:2px solid #1e5193; padding:0 0 15px 0;}
#gallery_ttl .gall_info span { position:absolute; margin-top:-50px; font-size:14px; color:#999; padding-bottom:10px;vertical-align:top;}

/* 추가++++ 포토,영상 게시판 */

.photo_bd {width:100%; overflow:hidden;}
.photo_bd li {width:205px; height: 200px; float:left; margin:0 5px 30px 6px;}
.photo_bd li.end {margin-right:0 !important;}
.photo_img {}
.photo_img img {width:205px; height:165px; border:1px solid #d5d5d5;}
.photo_info { line-height:160%}
.photo_info dt {font-weight:bold; }
.photo_info dt a {color:#333;}
.photo_info dt a:hover {color:#333;}
.photo_info dd {float:left; margin:0; color:#333; font-size:11px; padding-right:10px;}
.photo_info dd span {color:#999;}

/*board*/
#board_bot{ margin: 0; padding: 0; }
.board{ width:870px; margin: 0 auto; padding: 0;}
table{ border-collapse: collapse; border-spacing: 0;}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.board .numb, .name, .count {
    width: 100px;
}

.board th {
    font-size: 14px;
    color: #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #e5e5e5;
    background: #fafafa;
    height: 35px;
    text-align: center;
}

.board .subject {
    width: 410px;
}

.board tr td {
    height: 34px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    color: #999;
    text-align: center;
}

.board .sbj {
    text-align: left;
    padding-left: 20px;
}

.board a {
    color: #999;
    transition: 0.6s;
}

/* 게시판 버튼 */
.board_btn {text-align:right; margin:30px 0;}
.board_btn a {display:inline-block; color:#fff; font-size:14px; width:120px; height:35px; text-align:center; line-height:32px; margin-left:5px; transition:0.6s ;}
.board_btn a:hover {background:#f05251; text-decoration:none;}
.board_btn .btn_write {background:#555; }
.board_btn .btn_grey {background:#ccc;}

/*페이지 버튼*/
.paging {margin:0 auto; text-align:center; }
.paging p { margin-left:-5px;}
.paging p, .paging ol, .paging li {display:inline; vertical-align:middle; }
.paging ol {margin:0 20px -20px;}
.paging ol li {display:inline-block; border:1px solid #e2e2e2; border-right:none; font-size:12px;margin-left:-5px;  background:#fff;   } 
.paging ol li a {display:block; width:32px; height:30px; line-height:30px; color:#999; transition:0.6s ;   }
.paging ol li a:hover {text-decoration:none; color:#fff; background:#f05251;}
.paging ol li:last-child {border-right:1px solid #e2e2e2; }
.paging ol .paging_o {background:#eeeeee !important;}

/*검색버튼*/

.search_form{width: 270px; height: 32px; margin: 10px auto;}
.search_form .cata00 { width: 57px; height: 32px; float: left; }
.search_form select{width: 57px; height: 32px; border: 1px solid #e2e2e2;}
.search_form .cata01{ margin-left: 3px; float: left; }

.button {
    background-color: #555; /* Green */
    border: none;
    color: white;
    width: 60px;
	height: 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	font-weight: 700;
	margin-left: 3px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: #e2e2e2;
    color: #777;
}

.button1:hover {
    border: 2px solid #e2e2e2;
	background: #fff;
    color: #555;
}

.button2 {
	height: 30px;
    background-color: #e2e2e2;
    color: #777;
}

.button2:hover {
    border: 2px solid #e2e2e2;
	background: #fff;
    color: #555;
}