/*게시판 공통 css*/


/********* 비밀번호 팝업 *********/
#password_check_pop{}
#password_check_pop .modal-dialog{
	width:400px;
}
#password_check_pop .modal-content{
	border:0;
	border-radius:0;
	padding:3.5rem;
	background: #fff;
}
#password_check_pop .modal-content h1{
	border-bottom:2px solid #000;
	padding-bottom:1.5rem;
	margin:0;
	position:relative;
	font-size:2.2rem;
	font-weight:800;
}
#password_check_pop .modal-content h1 > a{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-75%);
	color:#000;
}
#password_check_pop .modal-content fieldset{
	text-align:center;
}
#password_check_pop .modal-content fieldset .password{
	position:relative;
}
#password_check_pop .modal-content fieldset .password i{
	position:absolute;
	left:15px;
	top:50%;
	transform:translateY(-50%);
	font-size:1.8rem;
}
#password_check_pop .modal-content fieldset input[type='password']{
	width:100%;
	margin:15px 0 15px;
	background:#f9f9f9;
	padding-left:40px;
}
#password_check_pop .modal-content fieldset input[type='submit']{
	height:50px;
	width:100px;
	text-align:center;
	color:#fff;
	background:#000;
	border:0;
	font-size:1.6rem;
}
@media(max-width:485px){
	#password_check_pop .modal-dialog{
		width:90%;
	}
}
/********* //비밀번호 팝업 *********/



/********* 게시판 카테고리 *********/
#board_category{
	text-align:center;
	margin-bottom:3rem;
}
#board_category > ul{
	display:inline-block;
	vertical-align:top;
}
#board_category > ul > li{
	float:left;
	margin-left:-1px;
}
#board_category > ul > li > a{
	display:block;
	font-size:1.8rem;
	color:#555;
	padding:0px 15px;
	background:#fff;
	border:1px solid #ddd;
	font-weight:400;
	padding:1.4rem;
	width:140px;
}
#board_category > ul > li > a#bo_cate_on{
	background:#273346;
	color:#fff;
	border:1px solid #273346;
}

@media(max-width:991.98px){
	#board_category > ul{
		display:block;
	}
	#board_category > ul > li{
		float:left;
		margin-left:-1px;
		margin-top:-1px;
		width:33.33%;
	}
	#board_category > ul > li > a{
		padding:1rem;
		width:100%;
	}
}
/********* //게시판 카테고리 *********/



/*********상단 검색 *********/
#board_list_wrap_wrap{}
#board_list_wrap > #board_top{
	margin-bottom:2rem;
}
#board_list_wrap > #board_top > .total{
	float:left;
	color:#222;
	font-size:1.5rem;
	margin-top:30px;
}
#board_list_wrap > #board_top > .total > strong{
	font-family:'Roboto',sans-serif !important;
}
#board_list_wrap > #board_top >  .board_search{
	float:right;
}
#board_list_wrap > #board_top >  .board_search .box{
	display:table;
}
#board_list_wrap > #board_top >  .board_search .box > div{
	display:table-cell;
	vertical-align:middle;
	padding-left:5px;
}
#board_list_wrap > #board_top >  .board_search .box > div:first-child{
	padding-left:0;
}
#board_list_wrap > #board_top >  .board_search .box > div:last-child{
	width:50px;
}


#board_list_wrap > #board_top >  .board_search input,
#board_list_wrap > #board_top >  .board_search select{
	border:1px solid #ddd;
	height:50px;
	padding:10px 15px;
	font-size:1.6rem;
	width:100%;
}
#board_list_wrap > #board_top >  .board_search select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url('../_img/board/board_select_arrow.png') no-repeat 90% center / 10px 10px;
}
#board_list_wrap > #board_top >  .board_search button{
	border:0;
	background:#222;
	color:#fff;
	height:50px;
	width:50px;
	font-size:2.4rem;
}

@media(max-width:767.98px){
	#board_list_wrap > #board_top > .total{
		float:none;
		margin-top:20px;
	}
	#board_list_wrap > #board_top >  .board_search{
		float:none;
	}
	#board_list_wrap > #board_top > .board_search .box{
		width:100%;
	}
}
/********* //상단 검색 *********/




/********* 게시판 페이지 *********/
.page_wrap{
	text-align:center;
	margin-top:4rem;
}
.page_wrap > .page_inner{
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
}
.page_wrap > .page_inner > li{
	float:left;
}
.page_wrap > .page_inner > li > strong,
.page_wrap > .page_inner > li > a{
	display:block;
	width:4.4rem;
	height:4.4rem;
	line-height:4.4rem;
	border-radius:100%;
	font-weight:400;
	font-size:1.6rem;
	color:#666;
}
.page_wrap > .page_inner > li > strong{
	background:#000;
	color:#fff;
}
.page_wrap > .page_inner > li.arrow > a{
	border:1px solid #ddd;
}
.page_wrap > .page_inner > li.arrow_left1 > a{
	background:#fff url('../_img/board/icon_page_arrow1.png') no-repeat center center / 11px 11px;
}
.page_wrap > .page_inner > li.arrow_left2 > a{
	background:#fff url('../_img/board/icon_page_arrow2.png') no-repeat center center / 11px 11px;
}
.page_wrap > .page_inner > li.arrow_right1 > a{
	background:#fff url('../_img/board/icon_page_arrow3.png') no-repeat center center / 11px 11px;
}
.page_wrap > .page_inner > li.arrow_right2 > a{
	background:#fff url('../_img/board/icon_page_arrow4.png') no-repeat center center / 11px 11px;
}
/********* //게시판 페이지 *********/




/********* 게시판 파일첨부 스타일 *********/
.fileBox.fileBox_board{
	width:100%;
	max-width:650px !important;
	position:relative;
	height:50px;
	display:inline-block;
	vertical-align:middle;
	padding-right:130px;
}

.fileBox.fileBox_board .fileName {
	width:100%;
	height:100%;
	z-index:2;
	border: 1px solid #ccc;
	height: 54px;
	line-height: 52px;
	padding: 0px 10px;
	font-size: 1.6rem;
	background-color: #f6f6f6;
	border-radius: 8px !important;
	outline: none;
	box-shadow: none;
	font-size:14px;
	color:#777;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.fileBox.fileBox_board .btn_file {
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	background:none;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
	font-size:15px;
	z-index:5;
}
.fileBox.fileBox_board .btn_file  > span{
	position:absolute;
	right:0;
	top:0;
	width:125px;
	text-align:center;
	line-height:48px;
	height:50px;
	background:#fff;
	border:1px solid #222;
}
.fileBox.fileBox_board .btn_file  > span > i{
	display:inline-block;
	font-style:normal;
	padding-left:20px;
	color:#222;
	background:url('../_img/board/icon_file_clip.png') no-repeat left center / 13px auto;
}
.fileBox.fileBox_board input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
@media(max-width:991.98px){
	.fileBox.fileBox_board .fileName{
		height: 40px;
		line-height: 38px;
		font-size: 1.4rem;
	}
}
/********* //게시판 파일첨부 스타일 *********/



/********* 게시판 form *********/
.form-member,
.form-board{
	border:1px solid #ccc;
	height:54px;
	line-height:52px;
	padding:0px 10px;
	font-size:1.6rem;
	color:#666;
	background-color: #f6f6f6;
	border-radius:8px;
	outline:none;
	box-shadow:none;
}
.form-member,
.form-board{
	position:relative;
}
p.datepicker,
p.datetimepicker{
	position:relative;
}
p.datepicker:after,
p.datetimepicker:after{
	content:"";
	position:absolute;
	right:15px;
	top:13px;
	width:23px;
	height:23px;
	background:url(../_img/board/icon_calendar.png) no-repeat center center / 23px auto;
}
@media(max-width:991.98px){
	p.datepicker:after,
	p.datetimepicker:after{
		right:10px;
		top:10px;
		width:18px;
		height:18px;
		background:url(../_img/board/icon_calendar.png) no-repeat center center / 18px auto;
	}
}

.form-board.form-board-sm{
	width:160px;
}
.form-board.form-board-full{
	width:100%;
}
.form-board[readonly],
.form-board[readonly="readonly"],
.form-board[disabled],
.form-board[disabled="disabled"]{
	background:#f6f6f6;
}
textarea.nm_content{
	border:1px solid #ccc;
	font-size:1.6rem;
	padding:10px 15px;
	width:100%;
	min-height:150px;
	background: #f6f6f6;
	border-radius:8px;
}

textarea#wr_content{
	border:1px solid #ccc;
	font-size:1.6rem;
	padding:10px 15px;
	width:100%;
	background: #f6f6f6;
	border-radius:8px;
}

select.form-board{
   -o-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
  background:url('/_img/icon/icon_sel.png') no-repeat right 9px center #f6f6f6;
}
select.form-board::-ms-expand {
    display: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
@media(max-width:991.98px){
	select.form-board{
		background-size:8px;
	}
}

.btn-board-form{
	display:inline-block;
	border:1px solid #000;
	color:#000;
	background:#fff;
	height:50px;
	line-height:48px;
	padding:0px 15px;
	vertical-align:top;
	min-width:120px;
	text-align:center;
}
.btn-board-form2{
	display:inline-block;
	border:1px solid #2e2e2e;
	color:#fff;
	background:#2e2e2e;
	height:50px;
	line-height:48px;
	padding:0px 15px;
	vertical-align:top;
	min-width:120px;
	text-align:center;
}


@media (max-width: 1199.98px) {
	.form-board{
		width:280px;
	}
}
@media (max-width: 991.98px) {
	.form-board{
		width:100% !important;
	}
	.form-member,
	.form-board{
		font-size:1.4rem;
	}
	.form-member,
	.form-board{
		font-size:1.4rem;
		height:40px;
		line-height: 38px;
	}
}
/********* //게시판 form *********/




/********* 게시판 하단 버튼 *********/
#board_btn_wrap{
	margin-top:4rem;
	text-align:right;
	width:100%;
}
#board_btn_wrap > ul{
	display:inline-block;
	vertical-align:top;
}
#board_btn_wrap > ul > li{
	display:inline-block;
	vertical-align: middle;
	margin:0px 2px;
}

#board_btn_wrap [class^="btn-"]{
	display:block;
/* 	border-radius:5px; */
	padding: 1.2rem 4.4rem;
	font-size:1.6rem;
	text-align:center;
	text-decoration:none;
	min-width:13rem;
	border-radius:8px;
	font-weight: 700;
}
#board_btn_wrap .btn-black{
	background:#293f3a;
	border:1px solid #293f3a;
	color:#fff;
}
#board_btn_wrap .btn-black-o{
	background:#888888;
	color:#fff;
	border:1px solid #888888;
}
#board_btn_wrap .btn-navy{
	background:#273346;
	color:#fff;
	border:1px solid #273346;
}
#board_btn_wrap .btn-white{
	background:#fff;
	color:#293f3a;
	border:1px solid #293f3a;
}
@media(max-width:991.98px){
	#board_btn_wrap [class^="btn-"]{
		padding:0.8rem 1rem;
		font-size:1.3rem;
		min-width:6rem;
	}
}
/********* //게시판 하단 버튼 *********/






/********* 게시판 댓글 *********/

.board_comment{
	margin-top:4rem;
}
.board_comment > h4{
	font-size:1.8rem;
	font-weight:800;
	padding-bottom:1.5rem;
}
.board_comment > h4 > span{
	color:red;
	font-weight:400;
}
.board_comment #bo_vc{}
.board_comment #bo_vc > article{

	border-top:1px solid #ddd;
}
.board_comment #bo_vc > article > .inner{
	padding:2rem 1.5rem;
	position:relative;
}
.board_comment #bo_vc > article.dp_comm > .inner{
	background:url('../_img/board/icon_comment_arrow.png') no-repeat left 3rem / 15px auto;
}

.board_comment #bo_vc > article .cm_wrap{}
.board_comment #bo_vc > article .cm_wrap .name{
	color:#222;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:.5rem;
}
.board_comment #bo_vc > article .cm_wrap .cmt_contents{
	font-size:1.5rem;
	font-weight:400;
	color:#666;
	margin-bottom:1.5rem;
}
.board_comment #bo_vc > article .cm_wrap .s_cmt{
	color:#999;
}


.board_comment #bo_vc > article .bo_vl_opt{}
.board_comment #bo_vc > article .bo_vl_opt time{
	font-size:1.4rem;
	color:#666;
	font-family:'Roboto',sans-serif !important;
	margin-right:10px;
}
.board_comment #bo_vc > article .bo_vl_opt a{
	display:inline-block;
	font-size:12px;
	border:1px solid #d9d9d9;
	color:#666;
	padding:3px 10px;
	border-radius:20px;
}
.board_comment #bo_vc > article .bo_vl_opt a.btn-del{
	background:#d9d9d9;
	color:#666
}
.board_comment .bo_vcw_box{
	background:#f4f4f4;
	padding:15px;
	margin-top:1rem;
}
.board_comment .bo_vcw_box textarea{
	border:1px solid #fff;
	background:#fff;
	padding:1.5rem;
	width:100%;
	height:140px;
	font-size:1.6rem;

}

.board_comment .bo_vcw_box .bo_vc_w_wr{
	margin-top:5px;
}
.board_comment .bo_vcw_box .bo_vc_w_wr .bo_vcw_inner{
	display:table;
	width:100%;
}
.board_comment .bo_vcw_box .bo_vc_w_wr .bo_vcw_inner > div{
	display:table-cell;
	vertical-align:middle;
}
.board_comment .bo_vcw_box .bo_vc_w_wr .bo_vcw_inner > div:nth-child(2){
	text-align:right;
}
.board_comment .bo_vcw_box .bo_vc_w_wr .bo_vcw_inner > div input[type="text"],
.board_comment .bo_vcw_box .bo_vc_w_wr .bo_vcw_inner > div input[type="password"]{
	border:1px solid #fff;
	background:#fff;
	height:50px;
	padding:0px 10px;
	width:200px;
	margin-right:5px;
	font-size:1.6rem;
}
.board_comment .bo_vcw_box .bo_vc_w_wr .bo_vcw_inner > div .btn_submit{
	border:1px solid #273346;
	background:#273346;
	height:50px;
	padding:0px 10px;
	width:160px;
	color:#fff;
	font-size:1.6rem;
}
.board_comment #captcha{
	margin-top:10px;
}
#bo_vc_empty{
	padding:25px 15px;
	text-align:center;
	color:#999;
	font-size:1.6rem;
	background:#f4f4f4;
}
/********* //게시판 댓글 *********/

.note-editor.note-frame, .note-editor.note-airframe{
	margin-top: 4px;
}
.note-editor.note-frame .note-editing-area .note-editable, 
.note-editor.note-airframe .note-editing-area .note-editable{
	background: #fff;
}


select {
   -o-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
  background:url('/_img/icon/icon_sel.png') no-repeat right 9px center #f6f6f6;
}
select::-ms-expand {
    display: none;
}
@media(max-width:991.98px){
	select{
		background-size:8px;
	}
}