@charset "utf-8";
/* bh (9haging@gmail.com) */
.bh.board {
	color: #515151;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	font-family: inherit;
}

/* list-header */
.list_header .category {
	text-align: center;
	margin-bottom: 15px;
}
.bh_board_tab {
	margin-bottom: 30px;
}
.bh_board_tab li {
	display: inline-block;
	width: 170px;
	width: auto;
	min-width: 120px;
	font-size: 16px;
	border: 1px solid #ddd;
	border-radius: 20px;
	padding: 10px 8px;
	margin: 10px 6px 0 6px;
	transition: all 0.2s;
}
.bh_board_tab a:hover {
	color: #f63440;
}
.bh_board_tab a:hover li {
	color: #f63440;
	border-color: #f63440;
}
.bh_board_tab a.on {
	color: #f63440;
}
.bh_board_tab a.on li {
	border-color: #f63440;
}

.list_header .item_count {
	font-size: 14px;
	color: #616161;
	margin-bottom: 10px;
}
.list_header .item_count > span {
	color: #000;
}
/* -list_header */

/* list_footer */
.list_footer {
	position: relative;
	margin-top: 20px;
	margin-bottom: 10px;
}
.list_footer .tool_wrap .bd_btn_wrap {
	float: right;
}
.board_search {
	position: relative;
	background: #f4f4f4;
	border: 1px solid #f0f1f3;
	border-radius: 0;
	padding: 15px;
	margin-top: 40px;
	margin-bottom: 12px;
}
.board_search input, .board_search select {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: inherit;
	background-color: #fff;
	border: 1px solid #cdcdcd;
	border-radius: 0;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: textfield;
	appearance: none;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	padding: 0 12px 2px;
}
.board_search select {
	min-width: 75px;
	line-height: 37px;
	background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAANElEQVQYV2Ncvnz5fwYiACPRCkGGEVIcGRnJyAizFZdikCKQGrhCbCbDFGEoRFaMrAgkDgB1ORXvQyzzggAAAABJRU5ErkJggg==') no-repeat right 8px center;
	padding: 0 30px 2px 12px;
	cursor: pointer;
}
.board_search input:focus,
.board_search select:focus {
	border-color: #888;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	outline: 0;
}
.board_search > .bh_row {
	max-width: 60%;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.board_search > .bh_row {
		max-width: 100%;
	}
}
.list_footer .pagination {
	position: relative;
	margin: 32px auto;
}
.list_footer .pagination > div {
	display: inline-block;
}
.list_footer .pagination .direction {
	float: left;
	position: relative;
	width: 40px;
	height: 40px;
	color: #222;
	font-size: .95em;
	line-height: 38px;
	text-align: center;
	letter-spacing: -2px;
	vertical-align: middle;
	background-color: #fff;
	border-top: solid 1px #dedede;
	border-right: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	margin-right: 0;
	margin-left: 0;
}
.list_footer .pagination .direction:first-child {
	border-left: solid 1px #dedede;
}
.list_footer .pagination .direction:hover {
	color: #000;
	background-color: #f4f4f4;
}
.list_footer .pagination .direction.active {
	color: #fff;
	font-weight: 400;
	background: #343a40;
	border-color: #343a40;
}
/* -list_footer */

/* content */
.content_header {
	background-color: #fafafa;
	border-top: 2px solid #646464;
	border-bottom: 1px solid #dcdcdc;
	padding: 25px 31px;
	margin: 10px 0;
}
.content_header h1 {
	color: #393939;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 8px;
}
.content_header .detail li {
	display: inline-block;
	color: #393939;
	font-size: 14px;
	line-height: 20px;
	background: url('../img/division_line.gif') no-repeat right 8px center;
	padding-right: 19px;
	overflow: hidden;
}
.content_header .detail li:last-child {
	background: none;
}
.content_header .detail li .detail_title {
	color: #666;
}
.content_header .detail li .detail_title > a {
	color: #666;
}
.content_header .detail li .detail_content {
	color: #393939;
}
.content_header .detail li .detail_content > a {
	color: #393939;
}
.content_header .detail li span > i {
	font-size: 0.9em;
	line-height: 1;
	margin-right: 3px;
}
@media (max-width: 768px) {
	.content_header {
		padding: 18px 13px;
	}
	.content_header h1 {
		font-size: 17px;
	}
	.content_header .detail li {
		font-size: 13px;
		line-height: 17px;
		background: none;
	}
}
.extra_wrap {
	position: relative;
	border-bottom: 1px solid #dcdcdc;
	margin-top: -10px;
}
.extra_wrap .extra {
	width: 100%;
}
.extra_wrap .extra > caption {
	display: none;
}
.extra_wrap .extra th,
.extra_wrap .extra td {
	font-size: 14px;
	font-weight: 400;
	border-bottom: 1px solid #dcdcdc;
	padding: 15px 15px 15px 30px;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
}
.extra_wrap .extra th {
	min-width: 130px;
	color: #000;
	background-color: #fafafa;
	white-space: nowrap;
}
.extra_wrap .extra td {
	color: #555;
}
@media (max-width: 768px) {
	.extra_wrap .extra th,
	.extra_wrap .extra td {
		font-size: 14px;
		font-weight: 400;
		border-bottom: 1px solid #dcdcdc;
		padding: 7px 13px;
		text-align: left;
		word-break: break-all;
		word-wrap: break-word;
	}
	.extra_wrap .extra th {
		min-width: auto;
	}
}
.content_footer .tool_wrap {
	margin: 20px 0;
}
.content_footer .tool_wrap .bd_btn_wrap {
	float: right;
}
.document_nav {
	border-top: 1px solid #222;
	margin: 30px 0;
}
.document_nav li {
	border-bottom: 1px solid #d1d1d1;
}
.document_nav li .document_nav_title {
	display: inline-block;
	width: 15%;
	color: #000;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	padding: 14px 0;
}
.document_nav li .document_nav_content {
	display: inline-block;
	width: 84%;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
	overflow: hidden;
}
.document_nav li a:hover,
.document_nav li a:active {
	color: #000;
	text-decoration: underline;
}
@media (max-width: 768px) {
	.document_nav li .document_nav_title {
		width: 20%;
	}
	.document_nav li .document_nav_content {
		width: 79%;
	}
}
/* -content */

/* board_message */
.board_message {
	text-align: center;
	border-top: 1px solid #333;
	border-bottom: 1px solid #ccc;
	padding: 80px 0;
}
.board_message h1 {
	font-size: 22px;
	margin-bottom: 50px;
}

/* SNS icon */
.content_footer .sns {
	margin-top: 51px;
	text-align: center;
}
.content_footer .sns li {
	display: inline;
	vertical-align: top;
}
.board .ico_16px,.board .ico_32px,.board .ico_sns16,.board .ico_sns{display:inline-block;overflow:hidden;width:16px;height:16px;font-size:0;line-height:0;vertical-align:top;text-indent:-100px;transition:all .3s;*text-indent:0}
.board.hover_effect a:hover .ico_16px,.board.hover_effect a:focus .ico_16px,.board.hover_effect a:hover .ico_sns,.board.hover_effect a:focus .ico_sns{transform:rotate(360deg)}
.board .ico_16px{background-image:url(../img/white/ico_16px.png);background-repeat:no-repeat}
.board .ico_16px.reply{background-position:0 -32px}
.board .ico_16px.search{background-position:0 -64px}
.board .ico_16px.write{background-position:0 -96px}
.board .ico_16px.setup{background-position:0 -128px}
.board .ico_16px.delete{background-position:0 -160px}
.board .ico_16px.home{background-position:0 -224px}
.board .ico_32px{width:32px;height:32px;background-image:url(../img/white/ico_32px.png)}
.board .ico_32px.deco2{background-position:0 -64px}
.board .ico_sns16{border-radius:3px;background-image:url(../img/sns_16.png);opacity:.8}
.board .ico_sns16.facebook{background-position:0 -16px}
.board .ico_sns16.google{background-position:0 -32px}
.board .ico_sns16.pinterest{background-position:0 -48px}
.board .ico_sns16.kakaostory{background-position:0 -96px}
.board .ico_sns16.band{background-position:0 -112px}
.board .ico_sns{width:32px;height:32px;margin:2px;background-image:url(../img/sns.png);opacity:.9}
.board .ico_sns:hover{opacity:1}
.board .ico_sns.facebook{background-position:0 -32px}
.board .ico_sns.google{background-position:0 -64px}
.board .ico_sns.pinterest{background-position:0 -96px}
.board .ico_sns.line{background-position:0 -128px}
.board .ico_sns.kakao{background-position:0 -160px}
.board .ico_sns.kakaostory{background-position:0 -192px}
.board .ico_sns.band{background-position:0 -224px}
/* -SNS icon */

/* bh_bd_btn */
.bh_bd_btn {
	display: inline-block;
	color: #fff;
	text-align: center;
	background-color: #343a40;
	border: 1px solid transparent;
	border-color: #343a40;
	padding: 8px 22px;
	cursor: pointer;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.bh_bd_btn.outline {
	color: #343a40;
	background-color: transparent;
	border-color: #7d8288;
}
.bh_bd_btn.round {
	border-radius: 3px;
}
.bh_bd_btn:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124;
}
.bh_bd_btn > i {
	font-size: 12px;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 3px;
}
/* -bh_bd_btn */