@charset "utf-8";
/* CSS Document */


/* ==========================================================================
   Board-Common
   ========================================================================== */
.page_wrap {
}
.btn_wrap {
	margin: 20px 0;
}
.board-search {
	margin: 20px 0;
	background-color: #f5f5f5;
}
.board-top {
	padding: 10px 0;
}
.board-body {
	margin-bottom: 20px;
	padding: 20px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.board-footer {
}
.label-new {
	background-color: #d9534f
}
.label-secret {
	background-color: #337ab7
}
.label-notice {
	background-color: #f0ad4e
}
.label-file {
	background-color: #777
}
span.sep {
	padding: 0 5px;
	color: #d7d7d7
}

/* ==========================================================================
   Board-View
   ========================================================================== */
.view_editor {
	margin-bottom:20px;
}

/* ==========================================================================
   Board-List
   ========================================================================== */
.board-list {
	margin: 10px 0
}
.board-list .info {
	font-size: 13px;
	color: #898989
}
.board-list .noti_t {
	width: 100%;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	background-color: #ffffff;
	text-align: center;
}
.board-list .noti_t thead th {
	padding-left: 10px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #363636;
	background: #CCC;
	height: 25px !important;
}
.board-list .noti_t tbody td {
	padding-left: 10px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	text-align: left
}
.board-list .nodata {
	text-align: center;
	background-color: #ffffff;
}
/* ==========================================================================
   Board-Webzine
   ========================================================================== */
.board-webzine .list {
	margin-bottom: 20px
}
.board-webzine .info {
	font-size: 13px;
	color: #898989
}
.board-webzine .list .hover_img {
	position: relative;
	background-color: #FFF;
}
.board-webzine .list .hover_img img {
	opacity: 0.88;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.board-webzine .list:hover .hover_img img {
	opacity: 1;
}
.board-webzine .hover_img .zoom {
	display: block;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
}
.board-webzine .list_descr {
	position: relative;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
/* ==========================================================================
   Board-Gallery
   ========================================================================== */
.board-gallery .list {
	margin-bottom: 20px
}
.board-gallery .info {
	font-size: 13px;
	color: #898989
}
.board-gallery .list .hover_img {
	position: relative;
	background-color: #d8d08b;
}
.board-gallery .list .hover_img img {
	opacity: 0.88;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.board-gallery .list:hover .hover_img img {
	opacity: 1;
}
.board-gallery .hover_img .zoom {
	display: block;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
}
.board-gallery .list_descr {
	position: relative;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	text-align: left;
}
.board-gallery .list_descr h4 {
	display:block;
	min-height:20px;
	font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}
 @media screen and (min-width: 1024px) {
	.board-gallery .list .zoom {
		display: block;
		overflow: hidden;
		min-height: 140px;
		max-height: 140px;
	}
}
@media screen and (min-width: 1140px) {
	.board-gallery .list .zoom {
		min-height: 170px;
		max-height: 170px;
	}
}
/* ==========================================================================
   Board-Pagination
   ========================================================================== */
.page_box22 ul>li {
	display: inline
}
.page_box22 ul>li>a, .page_box2 ul>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}
.page_box22 ul>li:first-child>a, .page_box2 ul>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.page_box22 ul>li:last-child>a, .page_box2 ul>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}
.page_box2 ul>li>a:hover, .page_box2 ul>li>span:hover, .page_box2 ul>li>a:focus, .page_box2 ul>li>span:focus {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
.page_box2 ul>.active>a, .page_box2 ul>.active>span, .page_box2 ul>.active>a:hover, .page_box2 ul>.active>span:hover, .page_box2 ul>.active>a:focus, .page_box2 ul>.active>span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}
.page_box2 ul>.disabled>span, .page_box2 ul>.disabled>span:hover, .page_box2 ul>.disabled>span:focus, .page_box2 ul>.disabled>a, .page_box2 ul>.disabled>a:hover, .page_box2 ul>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.page_box2 ul-lg>li>a, .page_box2 ul-lg>li>span {
	padding: 10px 16px;
	font-size: 18px
}
.page_box2 ul-lg>li:first-child>a, .page_box2 ul-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.page_box2 ul-lg>li:last-child>a, .page_box2 ul-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.page_box2 ul-sm>li>a, .page_box2 ul-sm>li>span {
	padding: 5px 10px;
	font-size: 12px
}
.page_box2 ul-sm>li:first-child>a, .page_box2 ul-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.page_box2 ul-sm>li:last-child>a, .page_box2 ul-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}
.page_box li {
}
.page_number_btn, .page_number_btn_on {
	position: relative;
	float: left;
	padding: 5px 12px;
	height: 32px;
	width: 32px;
	margin-left: -1px;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}
.page_number_btn_on {
	font-weight: bold;
	text-decoration: none;
	background-color: #eee;
}
.page_number_btn:hover, .page_number_btn:focus {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
..page_box .page_margin, .page_seperator {
	display:none
}
.page_first_btn, .page_prev_btn, .page_p_btn, .page_n_btn, .page_next_btn, .page_last_btn {
	position: relative;
	float: left;
	height: 32px;
	width: 32px;
	margin-left: -1px;
	text-decoration: none;
	background: #fff;
	border: 1px solid #ddd;
	cursor: pointer
}
.page_first_btn:hover, .page_prev_btn:hover, .page_p_btn:hover, .page_n_btn:hover, .page_next_btn:hover, .page_last_btn:hover {
	background-color: #eee;
}
.page_first_btn {
	background: #fff url('/site/common/image/board/page_first.gif') no-repeat center center;
}
.page_prev_btn {
	display: none;
	background: #fff url('/site/common/image/board/page_prev.gif') no-repeat center center;
}
.page_p_btn {
	background: #fff url('/site/common/image/board/page_prev.gif') no-repeat center center;
}
.page_n_btn {
	background: #fff url('/site/common/image/board/page_next.gif') no-repeat center center;
}
.page_next_btn {
	display: none;
	background: #fff url('/site/common/image/board/page_next.gif') no-repeat center center;
}
.page_last_btn {
	background: #fff url('/site/common/image/board/page_last.gif') no-repeat center center;
}
/* ==========================================================================
   Board-Read Social
   ========================================================================== */
.icon-facebook {
	color: #3a5795
}
.icon-twitter {
	color: #54abee
}
/* ==========================================================================
   Board-Comment
   ========================================================================== */
.comment-list {
	border-bottom: 1px solid #ddd;
}