@charset "utf-8";
/* BOARD COMMON */
input {
	box-sizing: border-box;
}
/* BOARD ICON */
.board_icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}

.icon_notice {
	background: url(../../img/icon_notice.gif) no-repeat;
}

.icon_security {
	background: url(../../img/icon_security.gif) no-repeat 2px;
}

.icon_new {
	background: url(../../img/icon_new.gif) no-repeat 2px;
}

.icon_file {
	background: url(../../img/icon_file.gif) no-repeat 2px;
}

.icon_ing {
	background: url(../../img/icon_ing.gif) no-repeat 4px 6px;
}

.icon_reply {
	background: url(../../img/icon_reply.gif) no-repeat 2px;
}
/* BOARD BTN */
.board_btn {
	margin: 10px 0;
	text-align: right;
}

.board_btn .btn {
	margin-left: 5px;
}
/* BOARD SEARCH */
.board_search {
	float: right;
	width: 40%;
}

.board_search .btn_search {
	display: block;
	float: right;
	width: 100%;
	padding: 5px 0;
	text-align: right
}

.board_search .board_search_wrap {
	float: right;
	width: 310px;
	padding-top: 10px;
}

.board_search .search_select {
	float: left;
	width: 130px;
	height: 28px;
	padding: 0 5px;
	line-height: 28px;
	border: 1px solid #bbb;
	background: url(../../img/select_arr.gif) #fff no-repeat 95% 50%;
	-webkit-appearance: none;
}

.board_search .search_input {
	float: left;
	width: 147px;
	height: 28px;
	margin-left: 5px;
	border: 1px solid #bbb;
	border-right: 0;
}

.board_search .search_submit {
	display: block;
	float: left;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	border: 1px solid #bbb;
	border-left: 0;
	background: url(../../img/search_submit.gif) #fff no-repeat 3px;
	cursor: pointer;
}
/* BOARD COMMENT */
#board_comment .board_comment_form {
	
}

.comment_info {
	line-height: 25px;
}

.comment_info label {
	display: inline-block;
	float: left;
	height: 27px;
	margin-right: 5px;
	padding: 0 10px;
	color: #fff;
	background: #aaa;
}

.comment_info input {
	display: inlnie-block;
	float: left;
	height: 25px;
	margin-right: 15px;
}

.comment_write {
	margin: 5px 0 10px;
}

.comment_write textarea {
	display: inline-block;
	float: left;
	width: 90%;
	height: 70px;
}

.comment_write input {
	display: inline-block;
	float: right;
	width: 9%;
	height: 70px;
}

#board_comment .board_comment_list {
	
}

.board_comment_list ul {
	
}

.board_comment_list ul li {
	position: relative;
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}

.comment_name {
	padding: 5px;
	background: #dee8ec;
}

.comment_name .comment_tit {
	display: inline-block;
	padding: 0 10px;
	color: #888;
}

.comment_name .comment_info {
	display: inline-block;
	color: #555;
}

.commont_content {
	padding: 10px 20px;
}

.board_comment_btn {
	position: absolute;
	top: 15px;
	right: 10px;
}

.board_comment_button {
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.borad_read_list {
	margin-top: 20px;
}
/* BOARD LIST */
#board_list_wrap {
	
}

#board_list_wrap .list_total {
	float: left;
	font-size: 0.857em;
	line-height: 30px;
}

.list_total .total_tit {
	margin-right: 5px;
	padding-right: 5px;
	color: #888;
	text-transform: uppercase;
	background: url(../../img/total_line.gif) no-repeat 100% 3px;
}

.list_total .total_num {
	padding-right: 15px;
}

.list_total .total_page {
	color: #666;
}

.list_table {
	width: 100%;
	margin-top: 10px;
}

.list_table th {
	padding: 15px 3px;
	background: #25232d;
	color: #fff;
}

.list_table td {
	padding: 15px 3px;
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
}

.list_table a:hover{
	text-decoration: underline;
}

.borad_cate {
	display: inline-block;
	height: 20px;
	padding: 0 5px;
	line-height: 20px;
	font-weight: 600;
	color: #0f77ba;
}

.list_hit {
	font-size: 0.769em;
	line-height: 16px;
	color: #88a4b7;
}

.mobile_date {
	display: none;
}

@media only screen and (max-width : 650px) {
	td.list_num {
		vertical-align: top;
	}
	.moblie_none {
		display: none;
	}
	.mobile_date {
		display: block;
		width: 100%;
		color: #777;
		text-align: right;
	}
}
/* BOARD READ */
#board_read_wrap {
	width: 100%;
}

#board_read_wrap .read_tit {
	margin: 0;
	padding: 10px 0;
	font-family: 'Pretendard-Bold';
	font-size: 2.4rem;
	background: 0 none;
	border-bottom: 1px solid #ddd;
}

#board_read_wrap .read_tit:before, #board_read_wrap .read_tit:after {
	display: none;
}

.read_info {
	overflow: hidden;
}

.read_info li {
	float: left;
	margin-right: 25px;
	padding: 10px 0;
}

.read_info .tit {
	display: inline-block;
	margin-right: 10px;
	color: #999;
}

.read_info .read_file {
	display: inline-block;
	padding: 0 10px 0 23px;
	background: url(../../img/read_file.gif) no-repeat;
}

.sg_contents {
	min-height: 300px;
	margin-bottom: 10px;
	padding: 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.sg_contents img {
	max-width: 100%;
	height: auto;
}
/* BOARD WRIST */
#board_write_wrap {
	
}

#board_write_wrap .board_write {
	
}

.board_write .write_point {
	font-size: 12px;
	line-height: 15px;
	color: #f74e62;
	text-align: right;
}

.board_write ul {
	margin-top: 5px;
}

.board_write li {
	height: auto;
	padding: 5px 0;
	*zoom: 1;
}

.board_write li:after {
	content: " ";
	display: block;
	clear: both;
}

.board_write li .wirte_tit {
	float: left;
	width: 15%;
	height: 25px;
	line-height: 25px;
}

.board_write li .write_input {
	float: right;
	width: 83%;
}

.board_write li .write_input02 {
	float: right;
	width: 83%;
	height: auto;
	line-height: 25px;
}

.board_write li .write_input02 span {
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	border-top: 1px dotted #ddd;
}

.board_write li .write_input02 span:first-child {
	border-top: 0 none;
}

.board_write li .write_input input {
	width: 100%;
	border: 1px solid #ddd;
}

.board_write li .write_input input[type='checkbox'] {
	width: 14px;
	height: 14px;
	border: 1px solid #ddd;
}

.board_write li .write_input select {
	padding: 0 0 0 5px;
	border: 1px solid #aaa;
}

.board_write li .write_input label {
	display: inline-block;
	margin-right: 10px;
}

/* PASSWORD */
#board_password_wrap {
	max-width: 300px;
	margin: 50px auto;
	padding: 30px 0;
	text-align: center;
	border-top: 2px solid #333;
	border-bottom: 1px solid #aaa;
}

.password_img {
	display: inline-block;
	width: 55px;
	height: 55px;
	background: url(../../img/password_img.gif) no-repeat;
}

#board_password_wrap  input {
	margin-top: 15px;
	padding: 3px 5px;
	border: 1px solid #aaa;
}

#board_password_wrap .password_btn {
	text-align: center;
}