@charset "utf-8";
@import url("style_gnu.css");

/* 추가, hobins */
/* 공통 */
.tbl_head01 tbody tr:hover td {background: transparent;}

.chk_box input[type="checkbox"] + label span {
	float: none;
	margin: 0 auto;
}
/* 글쓰기 */
.write_div .chk_box input[type="checkbox"] + label span,
.bo_vc_w .chk_box input[type="checkbox"] + label span {
	top: 6px;
}
#bo_w .btn_submit,
#bo_w .btn_cancel {
	font-weight: 400;
	font-size: 1em;
}

/* 상세보기 */
#bo_v_title .bo_v_tit {
	min-height: 7rem;
	padding: 3.4rem 0 1rem;
	margin: 0;
	line-height: 1.2;
	border-bottom: 1px solid #eaeaea;
}
#bo_v_share .btn {
	width: auto;
}

/* 리스트 */
#bo_list .bo_tit .new_icon {
	color: #fff;
	font-size: 1.2rem;
}
#bo_list .tbl_head01 thead th,
#bo_list .tbl_head01 tbody td {
	border-right: 0 none;
}
.bo_tit {
	font-weight: 400;
}
.btn_bo_user li {
	margin-top: 0;
}

.pg_wrap {
	padding-top: 8px;
	font-size: 0;
}
.pg {
	display: inline-block;
}
.pg_page, .pg_current {
	float: left;
	margin-left: -1px;
	font-size: 1rem;
	line-height: 28px;
	background-color: transparent;
}
.pg_current {
	position: relative;
	background-color: transparent;
	box-shadow: none;
}
.pg_current:after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#bo_list_total {
	padding-top: 8px;
}
#bo_list .tbl_head01 a {}
.bo_sch {
	margin-left: -165px;
}
.bo_sch select {
	text-indent: 10px;
}
.bo_sch .sch_input {
	text-indent: 10px;
}

input[type=text],
input[type=password],
textarea {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	outline: none;
}

input[type=text],
input[type=password],
input[type=button],
select {
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	border-radius: 0px;
    box-shadow: none !important;
}	
input[type=text]:focus,
input[type=password]:focus,
input[type=button]:focus,
select:focus {
	outline: 0 none;
	border-color: #e0e0e0 !important;
}




#bo_list .bo_tit .new_icon,
#bo_list .bo_tit .fa-link {
	margin-top: 3px;
	line-height: 17px;
}
#bo_list .tbl_head01 td.td_subject .bo_tit > a > span {
	line-height: calc(1.5em - 1px);
}




/* 게시판 목록 */
#bo_list .tbl_wrap table {
	border-right: 0 none;
	border-left: 0 none;
}

#bo_list .col1_w {width: 50px;}
#bo_list .col2_w {width: 50px;}
#bo_list .col3_w {width:;}
#bo_list .col4_w {width: 100px;}
#bo_list .col5_w {width: 115px;}
#bo_list .col6_w {width: 60px;}
#bo_list .col7_w {width:;}

#bo_list .td_name {
	text-align: center;
}


/* color, 컬러 */
.btn_submit,
.btn_submit:hover,
#bo_v_title .bo_v_cate,
.pg_current:after,
#bo_list .cnt_cmt,
#bo_cate #bo_cate_on,
#bo_sch .sch_btn,
a.btn_b02, .btn_b02, 
a.btn_b02:hover, 
.btn_b02:hover,
#bo_list .bo_tit .new_icon {
	background-color: rgb(38,125,244);
}

.bo_notice td {
	background: rgba(38,125,244,0.2) !important;
}


#bo_cate #bo_cate_on,
#bo_v_title .bo_v_cate,
#bo_sch .sch_btn,
#bo_w .bo_w_select select {
	border-color: rgb(38,125,244);
}

/* #bo_cate #bo_cate_on, */
.bo_notice .notice_icon,
.pg_current,
.bo_cate_link {
	color: rgb(38,125,244);
}

#bo_list .tbl_wrap table {
	border-top-color: rgb(38,125,244);
}


#bo_list { padding: 80px 0;}
#bo_btn_top { margin: 0 0 20px;}
#bo_list_total {
	padding-top: 0;
	font-size: calc(1em - 1px);
}

#bo_list .tbl_head01 tbody td {
	padding: 20px 10px;
}

/* #bo_list .col1_w {
	width: 40px;
}
#bo_list .col2_w,
#bo_list .col7_w {
	width: 60px;
}
#bo_list .col4_w,
#bo_list .col5_w {
	width: 120px;
} */

.td_subject img {
	margin-top: 4px;
}

.pg_page {
	font-size: 1rem !important;
}



/* 글쓰기 */
#fwrite {
	padding-top: 30px;
}
.write_div .chk_box input[type="checkbox"] + label span,
.bo_vc_w .chk_box input[type="checkbox"] + label span {
	top: 4px;
}
#bo_w button.btn_cke_sc {
	font-size: calc(1em - 2px);
}



/* view */
.bo_v_nb li .nb_tit {
	float: left;
}
.bo_v_nb li .nb_tit + a {	
	width: calc(96% - 80px - 60px);
	display: inline-block;
}
.bo_v_nb li i {
	margin-top: 4px;
	vertical-align: top;
}

#bo_v #bo_v_info i {
	vertical-align: top;
}
#bo_v i.fa-eye {
	margin-top: 2px;
}
#bo_v i.fa-clock-o {
	margin-top: 3px;
}
#bo_v_atc {
	margin-top: 40px;
	margin-bottom: 60px;
}


.bo_v_con h6,
.bo_v_con p {
	margin-bottom: 2rem;
}
.bo_v_con h6 {
	font-size: 1.5rem;
}
.bo_v_con img {
	display: block;
	width: 100%;
	max-width: 600px !important;
	margin: 0 auto 2rem;
}
.bo_v_con table p{margin-bottom: 0;}


@media screen and (max-width: 799px) {
	.bo_v_con table th,
	.bo_v_con table td{padding: 10px;}

	/* 상세보기 */
	#bo_v_title .bo_v_tit {
		font-size: 1.4em;
		line-height: 1.3;
	}
	#bo_v_info strong {
		font-size: calc(1em - 1px);
		margin-top: 4px;		
	}
	#bo_v_info strong:first-child {
		display: block;
		margin-top: 0;
	}

	.chk_box input[type="checkbox"] + label span {
		margin: 0;
	}

	.bo_sch h3 {
		font-size: 1.4rem;
		background-color: #7a7a7a;
		color: #fff;
	}
	.bo_sch .bo_sch_cls {
		color: #fff;
		background-color: transparent;
	}

	/* 게시판 목록 */
	#bo_list {
		padding: calc(80px * .75) 0 30px;
		margin-bottom: 0;
	}
	#bo_list .col3_w {width: 100%;}
	#bo_list .col4_w {width: auto;}
	#bo_list .col5_w {width: auto;}
	#bo_list .col6_w {width: auto;}
	#bo_list .col7_w {width:;}

	#bo_list colgroup,
	#bo_list .tbl_head01 thead {
		display: none;
	}

	#bo_list .tbl_head01 tbody tr {
		display: block;
		padding: 0 0 1em;
		background: #fff;
		border-top: 1px solid #ecf0f1;
	}
	#bo_list .tbl_head01 tbody tr:first-child {
		border-top: 0 none;
	}
	#bo_list .tbl_head01 tbody tr.bo_notice {
		background: rgba(38,125,244,0.2) !important;
	}
	#bo_list tbody .even td {
		background: transparent;
	}
	.bo_notice td {
		background-color: transparent !important;
	}

	#bo_list .tbl_head01 tbody td {
		display: inline;
		padding: 0;
		font-size: 1em;
		line-height: 1;
		background-color: transparent;
		border: 0 none;
	}
	#bo_list .tbl_head01 td.td_num2 {
		display: none;
	}

	#bo_list .tbl_head01 td.td_subject {
		display: block;
		height: auto;
		padding: 15px 0 20px 10px;
		margin-bottom: 5px;
		font-size: calc(1em + 1px);
	}
	#bo_list .tbl_head01 td.td_subject .ellipsis_multy_line {
		width: calc(100% - 10px);
		height: 3em;
		line-height: 1.5;
	}
	#bo_list .bo_tit [class*="fa-"] {
		margin-top: 4px;
	}

	#bo_list .bo_tit .fa-download {
		margin: 0;
		margin-top: calc(4px + 1px);
		vertical-align: top;
	}
	#bo_list .tbl_head01 td.td_datetime {
		float: right;
		width: auto;
		height: auto;
		color: #999;
		font-size: 1em;
	}
	#bo_list .tbl_head01 td.td_name {
		padding: 0 10px;
		color: #999;
	}
	#bo_list .tbl_head01 td.td_name:before,
	#bo_list .tbl_head01 td.td_num:before,
	#bo_list .tbl_head01 td.td_name,
	#bo_list .tbl_head01 td.td_name span,
	#bo_list .tbl_head01 td.td_num {
		vertical-align: top;
	}
	#bo_list .tbl_head01 td.td_name:before {
		content: '작성자';
		margin-right: 4px;
	}
	#bo_list .tbl_head01 td.td_num {
		margin-left: 5px;
		color: #999;
	}
	#bo_list .tbl_head01 td.td_num:before {
		content: '조회수';
		margin-right: 4px;
	}

	#bo_list .tbl_head01 td {}
	#bo_list .tbl_head01 td.td_chk {
		display: block;
		height: auto;
		padding: 15px 0 0 10px;
		font-size: 0;
	}


	/* 상세보기 */
	#bo_v_info .profile_info .profile_info_ct a {
		font-size: 1rem;
	}

	#bo_v_info .profile_info {
		margin: 1.4rem 0 0.6rem;
	}
	#bo_v_top ul {
		margin: 1.4rem 0 0;
	}
	#bo_v_top li [class*="fa-"] {
		font-size: calc(21px * .8);
	}

	#bo_v_share {
		padding: 1.4rem 0;
	}
	#bo_v_con {
		font-size: 1rem;
	}

	/* 글쓰기 */
	#fwrite {
		padding-top: 10px;
	}

}



@media screen and (max-width:499px) {
	#bo_v_top ul.bo_v_com {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 4px;
	}
	#bo_v_top ul.bo_v_com > li {
		width: calc(100% / 4);
	}
	#bo_v_top li:first-child {
		margin-left: 0;
	}

	.more_opt:before,
	.more_opt:after {
		right: 32px;
	}

}