@charset "utf-8";
/* 
 2018. 11. 12
 수정 : Olaf
*/


/* 서브비주얼 */
.sub_visual.service{
	    background: url(./img/service_bg.jpg) center top no-repeat;
    background-size: cover;
    height: 300px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    background-blend-mode: color;
    background-color: #0000008c;
}
.sub_visual.service h2{
	font-size:50px;
	font-weight:300;
	padding:90px 0 5px 0;
}
.sub_visual.service p{
	padding-bottom:20px;
}
.sub_visual.service p span{
	font-weight:500;
}
.sub_visual.service .lnb{
	display: inline-block;
}
.sub_visual.service .lnb ul{
	text-align:center;
}

.sub_visual.service .lnb ul li:nth-child(1){
	background:#019eae;
}
.sub_visual.service .lnb ul li:nth-child(1) a{
	color:#fff;
}


@media screen and (max-width:1200px){
	.sub_visual.service{height:auto;}
	.sub_visual.service h2{font-size:30px;font-weight:500;padding:55px 0 5px 0;}
	.sub_visual.service .lnb{display: none !important;}
}

/* 서브타이틀 */
.sib_tit{
	font-size: 40px;
    text-align: center;
    font-weight: 300;
	padding: 50px 0 0px 0;
}

@media screen and (max-width:800px){
	.sib_tit{font-size: 25px;font-weight: 500;padding: 40px 0 20px 0;}
}

/* 리스트 페이지 */
/* 전체 글 개수보기 안보이게 */
#bo_list_total{
	display: none;
}

/* 게시판 공통 스타일 */
.tbl_st1 table{
	border-collapse: collapse;
	border-spacing: 0;
}
.tbl_st1 thead th{
	background: #eee;
	border-top: 2px solid #0e163a;
	border-bottom: 1px solid #dbdbdb;
}

.tbl_head01{margin:0;}
.tbl_st1 thead th.title{
	width:70%;
}
.tbl_st1 thead th.number{
	width:7%;
}
.tbl_st1 thead th.date{
	width:12%;
	text-align:center;
}
.td_datetime{
	width:auto;
}

.bo_tit{
	display:block;
}
/* 뉴 아이콘 */
.bo_tit p{
	display:inline-block;
}
.tbl_st1 tbody .bo_tit .title_icon{
	width:auto;
    margin-left: 5px;
	margin-top:-3px;
}
/*공지사항 여백 강제 조절*/
@media screen and (max-width:1600px){

}
@media screen and (max-width:1300px){
	.tbl_st1 thead th.number {
		width: 12%;
	}
}
@media screen and (max-width:800px){
	.bo_tit {
		padding: 20px 10px;
	}
	.tbl_st1 thead th.number{display:none;}
	.tbl_st1 tbody td.tlb_neb{display:none;}
	.tbl_st1 thead th.date{display:none;}
	.td_datetime{display:none;}
}


#bo_w{border-top:1px solid #333;padding:40px 20px;}

@media screen and (max-width:800px){
	#bo_w{padding:40px 0;}
}

.btn_confirm{border-top:1px solid #333;padding-top:30px;margin-top:40px;}

.tbl_st1 tbody tr{
	height: 80px;
	font-weight: 300;
	border-bottom: 1px solid #dbdbdb;
}
.tbl_st1 tbody tr:last-child{
	border-bottom: 1px solid #0e163a;
}
.tbl_st1 tbody td.tlb_neb{
	text-align: center;
}

/* 글쓰기 버튼 */
.bo_fx{width:100%;display:inline-block;}
.btn_bo_user{
	float: right;
}
/* 파일 첨부 */
.tbl_st1 tbody .bo_tit img{
	width: 26px;
    margin-left: 5px;
    margin-top: -12px;
}

/* 리스트 페이지 끝 */


/* 상세 페이지 */
/* 전체 */
#bo_v{
	padding-bottom: 100px;
}
/* 글 제목 */
.tlb_tit{
    display: block;
	font-size: 20px;
	font-weight: 500;
	border-top: 2px solid #0e163a;
	border-bottom: 1px solid #dbdbdb;
    padding: 20px 30px;
}
.tlb_tit span{
	display: inline-block;
	width: 90%;
}
.tlb_tit .if_date{
	float: right;
	display: inline-block;
	font-size: 20px;
	color: #555;
	font-weight: 500;
	text-align: center;
}
@media screen and (max-width:1300px){
	.tlb_tit span{width: 80%;}
}

@media screen and (max-width:800px){
	.tlb_tit{display:inline-block;padding:20px 0;width:100%;}
	.tlb_tit span{width: 100%;margin-bottom:10px;}
	.tlb_tit .if_date{font-size:17px;font-weight:300;}
}

/* 글내용 */
.bulletin_board_body{
	font-weight: 300;
	border-bottom: 2px solid #dbdbdb;
}
.bulletin_board_body .bulletin_board{
	margin: 40px 30px;
}
.bulletin_board p{
	word-break: normal;
}

@media screen and (max-width:800px){
	.bulletin_board_body .bulletin_board{margin: 20px 0px;}
}

/* 첨부파일 */
.file_com ul li{
	background: #eee;
	height: 65px;
	border-bottom: 1px solid #dbdbdb;
	padding: 19px 30px;
}
.file_com ul li:last-child{
	border-bottom: none;
}
.file_com ul li a{
	background: url(./img/file_clip.png) top 6px left no-repeat;
    background-size: 19px;
	font-weight: 500;
    padding-left: 30px;
}
.file_pc ul li{
	height: 70px;
	padding: 23px 30px;
}
.file_mob ul{
	display: none;
}
@media screen and (max-width:1300px) {
	.file_mob ul{
		display: block;
	}
	.file_pc ul{
		display: none;
	}
}

/* 하단버튼 수정 삭제 (관리자용) */
#bo_v_top{
	margin-top: 40px;
}
.bo_v_left{
	text-align: right;
}
.bo_v_left li{
	display: inline-block;
	text-align: center;
	width: 120px;
	margin: 0 5px;
}
.bo_v_left li a{
	display: block;
    width: 100%;
	color: #fff;
    font-weight: 300;
	padding: 10px;
}
.bo_v_left .revise_btn{
	background: #41e681;
	transition: 0.3s;
}
.bo_v_left .delete_btn{
	background: #aaa;
	transition: 0.3s;
}
.bo_v_left .revise_btn:hover{
	background: #3dc672;
}
.bo_v_left .delete_btn:hover{
	background: #888;
}
@media screen and (max-width:1300px){
	.bo_v_left{
		margin-bottom: 20px;
	}
}

/* 이전 목록 다음 */
.btn_st_all{
	text-align: center;
}

/* 굴쓰기 페이지 */
/* 단축키 일람 없애기 */
.cke_sc{
	display: none;
}

/* 중요 공지 설정 
.important_settings{
	position: relative;
	background: #fff;
	font-weight: 300;
	border: 1px solid #dbdbdb;
	padding: 15px 30px;
}
.important_settings label{
	font-weight: 300;
}

.important_settings input[type="checkbox"] {
	position: absolute;
	width: 1px
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0
}
.important_settings input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	cusor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.important_settings input[type="checkbox"] + label:before {
	content: ' ';
	display: inline-block;
	width:	30px;
	height: 30px;
	line-height: 30px;
	margin: -2px 8px 0 0;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #cacece;
}

.important_settings input[type="checkbox"]:checked + label:before {
	background: url(./img/write_check.png) center center no-repeat #ffc000;
	background-size: 19px;
	text-shadow: 1px 1px white;
	border-color: #ffc000;
}
/* 체크박스 디자인 변경 끝 */
/* 작성 칸 */
.write_all{
	margin: 30px 0;
}
.write_all .write_tit_sb{
	display: block;
	font-size: 20px;
	color: #333;
    font-weight: 300;
    margin-left: 10px;
    margin-bottom: 5px;
}
/* 제목 */
.write_tit{
	margin: 20px 0;
}
.write_tit input{
	background: none;
	height: 50px;
    color: #333;
	font-weight: 300;
	border-radius: 0;
    border: 1px solid #b5b5b5;
    box-shadow: none;
	padding: 5px 20px; 
}
.write_tit input:focus{
	background: #fff;
	border: 1px solid #019eae;
	box-shadow: none;
}
/* 파일 첨부 
.file_attachment_all{
	margin-top: 20px;
}
.file_attachment{
	background: #fff;
	border: 1px solid #dbdbdb;
	padding: 20px 30px;
	margin-top: 10px;
}
.file_attachment img{
	width: 20px;
	margin-right: 10px;
}
/* 작성 취소 */
.finish_del_btn{
   margin-top: 30px;
   margin-bottom: 100px;
}
.finish_del_btn_st{
   display: inline-block;
   width: 150px;
   height: 50px !important;
   font-weight: 300;
}
a.finish_del_btn_st{
   font-weight: 300;
   padding: 7px 0;
   background:#ccc;
   margin-left:20px;
}
input.finish_del_btn_st{
   background: #0e163a;
}
input.finish_del_btn_st:hover{
   background: #2f408d;
}

@media screen and (max-width:800px){
	.finish_del_btn_st{
	   width: 100px;
	}
}


/*공지사항에 있는 이상한 파일 다운로드 이미지 없애기*/
#bo_v_img{display:none;}

/*페이징*/
.pg{padding-bottom:100px;padding-top:20px;}

/*리스트버튼 반응형*/
@media screen and (max-width:560px) {
	.btn_st1, .btn_st2{width:100%;margin:0;}

	.btn_st1 .btn_st1_back{left: -530px;top: -100px;width: 500px;height: 500px;}
	.btn_st1:hover .btn_st1_back{left: 0;top: -160px;}

	.btn_st2 .btn_st2_back{left: 0;top: -150px;width: 500px;height: 500px;}
	.btn_st2:hover .btn_st2_back {left: -410px;top: 20px;}
}

/*입력필드*/
.write_list{
	width: 100%;
	padding: 15px 0;
}
.write_list_tit{
	float: left;
	display: inline-block;
	width: 12%;
    padding-top: 12px;
}
.write_list .write_list_input{
	display: inline-block;
	width: 87%;
}

.write_list_input .bo_w_flie.write_div{
	width: 50%;
    display: inline-block;
	float:left;
}

.write_list input[type=text]{
	display: inline-block;
    background: none;
	width: 100%;
	height: 40px;
	color: #333;
	font-weight: 300;
	border: none;
    border-bottom: 1px solid #ccc;
	box-shadow: none !important;
	padding: 10px;
	border-radius:0;
}
.write_list input[type=text]:focus{
	border: none !important;
	border-bottom: 1px solid #019eae !important;
}

.wr_content{margin-top:60px;}

@media screen and (max-width:800px){
	/* 각 카테고리 */
	.write_list_tit{
		float: none;
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	.write_list .write_list_input{
		width: 100%;
	}
	.write_list_input .bo_w_flie.write_div{
		width: 100%;
		display: block;
		float:none;
		margin-bottom:15px;
	}
}