/* CSS Document */





/* */

/* 레이아웃 */
.view_top_wrap { display:block; overflow:hidden; text-align:left; }
.view_top_tit {display:block; overflow:hidden; font-size:36px; word-break:keep-all; line-height:140%; font-weight:normal; word-wrap:break-word; text-align:center; }

.view_info_wrap	 { display:block; overflow:hidden; text-align:center; margin:15px 0 0 0; }
.view_info_wrap	:after { display:block; overflow:hidden; margin:30px auto; content:''; width:1px; height:50px; background:#333;  }
.view_info_item { display:inline-block; overflow:hidden; vertical-align:middle; font-weight:300; font-size:18px; letter-spacing:0; font-family:'Montserrat', sans-serif; margin:0 10px 0 0; }
.view_info_item:after { display:inline-block; overflow:hidden; width:1px; height:10px; background:#333; content:''; vertical-align:middle; margin:0 0 0 10px; }
.view_info_item:last-child:after { display:none; }
.view_info_name { font-family: 'NanumSquare'; }
.view_info_view img { display:inline-block; overflow:hidden; vertical-align:middle; margin:-2px 4px 0 0;}

.view_top_etc_wrap { display:block; overflow:hidden; margin:0; border-top:1px solid #374d74;  }
.view_top_etc_core { display:block; overflow:hidden; }
.view_top_etc_inner { display:block; overflow:hidden; font-size:17px; }
.vte_item { display:flex; flex-wrap:wrap; justify-content:space-between; }
.vte_item_t { display:block; overflow:hidden; background:#f6f9ff; width:10%; padding:10px 0; }
.vte_item_t div { display:block; overflow:hidden; position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); margin:0 10px; text-align:center; }
.vte_item_c	{ display:block; overflow:hidden; width:90%; padding:10px 0; }
.vte_item_cont { display:block; overflow:hidden; margin:5px 10px; }
.vte_item_c a { display:inline-block; overflow:hidden; vertical-align:middle;  padding:5px; margin:0; background:#fff; font-size:17px; border:1px solid #777; box-sizing:border-box; border-radius:5px; line-height:100%; }
.vte_item_c a:hover { background:#333; border-color:#333; color:#fff; }


.w_btn_wrap { margin:30px 0 0 0; display:block; overflow:hidden; height:auto !important; }
.w_btn_wrap a { display:inline-block; overflow:hidden; vertical-align:middle; border:1px solid #ddd; box-sizing:border-box;  width:100%; max-width:150px; text-align:center; margin:20px 0 0 0; }
.w_btn { background:#0072bc; border-color:#0072bc; color:#fff; }
ul#bUl .write_table_content22 a { margin:0; }




/* bo_write.php */
#write_body{
	border:0;
	margin:0;
	padding:0;
	font-size:15px;
}
/* 테이블 리스트 */
ul#bUl{
	padding:0;
	margin:0;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:0;
	color:#666;
	font-size:12px;
}
ul#bUl li{
	width:100%;
	border-bottom:1px solid #ddd;
	margin:0;
	padding:8px 0 5px;
	vertical-align:middle;
	overflow:hidden;
	display: inline-block;
	font-size:17px;
}
ul#bUl li.contents{
	 border-top:1px solid #ddd; 
	padding:8px 0 30px 0;
}
ul#bUl li:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul#bUl li input{
	height:26px;
	border:1px solid #ddd;
	margin:0;
}
* html ul#bUl li{
	height: 1%;
}
.input11{
	margin:0;
	padding:0;
	text-align:left;
	height:15px;
}
.input12{
	margin:0;
	padding:0;
	text-align:left;
	height:18px;
}

#nextprev{
	border-top:1px solid #BBB;
	text-align:left;
	font-size:12px ;
}

#ColorTable {
	border:1px solid #E0E0E0;
	padding:0px;
	margin:0;
	width:130px;
	height:156px;
	background-color:#FFFFFF;
	position:absolute;
	display:none;
}
	#ColorTable .subject_color_tr {
		border:0;
		padding:0;
		margin:0;
		width:130px;
		display: inline-block;
		vertical-align:middle;
	}
	#ColorTable .subject_color_var{
		float:left;
		border:0;
		padding:1px;
		margin:0;
		width:11px;
		font-size:1px;
	}
	#ColorTable .subject_color_sel {
		border:0;
		padding:0;
		margin:0;
		width:11px;
		height:11px;
		cursor:pointer;
	}

#write_table {
	margin:0;
	padding:0;
	width:100%;
	background-color:#FFFFFF;
}

#write_table_in {
	border-top:3px solid #BBB;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

	.write_table_in01 {
		width:100%;
		border:0;
		padding:0;
		margin:0;
	}

	#write_table_in #write_table_in_td1{
		padding:0;
		margin:0;
		height:3px;
		background-color:#FF0000;
	}

	#write_table_in form{
		padding:0;
		margin:0;
	}

	.write_table_in_line{
		height:1px;
		background-color:#E4E4E4;
	}

	.write_table_in_td2{
		width:15px;
		height:10px;
	}
	.write_table_in_td3{
		width:85px;
		vertical-align:top;
		padding-top:8px;
	}
	.write_table_in_td4{
		width:5px;
	}
	.write_table_in_td5{
		text-align:center;
		width:25px;
		cursor:pointer;
	}
	.write_table_in_td6{
		width:110px;
	}
	.write_table_in_table{
		width:102px;
		border:0px;
		padding:0;
		background-color:#AFAEAE;
	}
	.write_table_in_table_td1{
		text-align:center;
		width:100px;
		height:100px;
		background-color:#FFFFFF;
	}
	.write_table_in_td6{
		text-align:center;
		padding-bottom:2px;
	}
	.write_table_in_table2{
		width:96%;
		border:0px;
		padding:0;
	}
	.write_table_in_td7{
		text-align:left;
		height:30px;
	}
	.write_table_in_td8{
		text-align:left;
		width:85px;
	}
	.write_table_in_td9{
		text-align:left;
		width:165px;
	}
	.write_table_in_td10{
		text-align:left;
		height:30px;
		padding-top:5px;
		padding-bottom:5px;
	}

/* bo_view.php */

#view_table {
	margin:0;
	padding:0;
	width:100%;
	background-color:#FFFFFF; font-size:15px;
}

#view_table_in {
	/* border-top:3px solid #BBB; */
	width:100%;
	padding:0;
	margin:0;
	font-size:inherit;
}
	.view_table_in01{
		height:200px;
		text-align:center;
		vertical-align:top;
		padding-top:8px;
		padding-bottom:10px;
		border:0;
		padding:0;
		margin:0;
	font-size:inherit;
	}

	.view_table_in02{
		width:100%;
		border:0;
		padding:10px;
		margin:0;
	font-size:inherit;
	}

	.view_table_in03{
		width:100%;
		height:100%;
		border:0;
		padding:10px;
		margin:0;
	font-size:inherit;
	}


	.view_table_in_table_td1{
		text-align:center;
		height:200px;
		background-color:#FFFFFF;
	font-size:inherit;
	}

	.view_table_in_td1{
		text-align:left;
	font-size:inherit;
	}

	.view_table_in_td2{
		width:60px;
			font-size:inherit;
	}

	.view_table_in_td3{
		font:10px Tahoma; 
		color:#999; 
		padding:0 3px 3px 0; 
		width:55px;
			font-size:inherit;
	}

	.view_table_in_td4{
		height:1px;
		background-color:#dddddd;
			font-size:inherit;
	}
	
	.view_table_in_td5{
		padding:15px 0;
		background-color:#f7f7f7;
			font-size:inherit;
	}

	.view_table_in_td6{
		width:100px;
		text-align:center;
		font-size:inherit;
	}

	.view_table_in_td7{
		background-color:#f7f7f7;
		font-size:inherit;

	}

	.view_table_in_td8{
		height:65px;
		vertical-align:top;
		font-size:inherit;

	}

	.view_table_in_td9{
		text-align:center;
		font-size:inherit;

	}

	.view_table_in_td10{
		width:100%;
		text-align:center;
		padding:10px 0 20px;
		font-size:inherit;

	}

	.view_table_in_td11{
		width:10%;
		text-align:right;
		font-size:inherit;

	}

	.view_table_in_td12{
		padding:10px;
		text-align:left;
		font-size:inherit;
		overflow:hidden;

	}
	
	.view_table_in_tr1{
		height:30px;
		font-size:inherit;

	}


ul#bUl .write_table_title2{
	float:left;
	border:0;
	padding:0 0 0 0;
	margin:0;
	width:20%;
	text-align:center;
	vertical-align:middle;
		font-size:inherit;

}
ul#bUl .write_table_title3{
	float:left;
	border:0;
	padding:0 0 0 0;
	margin:0;
	width:15%;
	text-align:center;
	vertical-align:middle;
		font-size:inherit;

}
ul#bUl .write_table_content0{
	float:center;
	border:0;
	margin:0;
	padding:5px 0 0 0;
	width:100%;
	text-align:center;
	vertical-align:middle;
		font-size:inherit;

}
ul#bUl .write_table_co_date{
	float:center;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	vertical-align:top;
		font-size:inherit;

}

ul#bUl .write_table_subject{
	float:left;
	border:0;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:middle;
	font-size:0;
}

ul#bUl .write_table_content05{
	float:left;
	border:0;
	margin:0;
	padding:0;
	width:5%;
	text-align:left;
	vertical-align:middle;
		font-size:inherit;
}
ul#bUl .write_table_content05 img{	
	margin:0;
}
ul#bUl .write_table_content1{
	float:left;
	border:0;
	margin:0;
	padding:5px 0 0 0;
	width:10%;
	text-align:left;
	vertical-align:middle;
		font-size:inherit;
}
ul#bUl .write_table_co_list{
	float:left;
	border:0;
	margin:0;
	padding:0;
	width:10%;
	text-align:left;
	vertical-align:middle;
		font-size:inherit;
}
ul#bUl .write_table_content2{
	float:left;
	border:0;
	margin:0;
	padding:5px 0 0 0;
	width:20%;
	text-align:left;
	vertical-align:middle;
		font-size:inherit;
}
ul#bUl .write_table_content3{
	float:left;
	border:0;
	margin:0;
	padding:0 0 0 0;
	width:30%;
	text-align:left;
	vertical-align:middle;
		font-size:inherit;
}

ul#bUl .write_table_content5{
	float:left;
	border:0;
	margin:0;
	padding:0 0 0 0;
	width:17%;
	text-align:left;
	vertical-align:middle;
		font-size:inherit;
}
ul#bUl .write_table_content4{
	float:left;
	border:0;
	margin:0;
	padding:5px 0 0 0;
	width:40%;
	text-align:left;
	vertical-align:middle;
		font-size:inherit;
}
ul#bUl .write_table_content6{
	float:left;
	border:0;
	margin:0;
	padding:5px 0 0 0;
	width:60%;
	text-align:left;
	vertical-align:middle;
		font-size:inherit;
}
ul#bUl .write_table_content7{
	float:left;
	border:0;
	margin:0;
	padding:5px 0 0 0;
	width:70%;
	text-align:left;
	vertical-align:middle;
	line-height:160%;
		font-size:inherit;
}
ul#bUl .write_table_co_co{
	float:left;
	border:0;
	margin:0;
	padding:0;
	width:70%;
	text-align:left;
	vertical-align:top;
	line-height:100%;
		font-size:inherit;
}
ul#bUl .write_table_co_co p{
	margin-top:2px;
	margin-bottom:2px;
}
ul#bUl .write_table_content7 P{
	margin:0;
	padding:0;
}
ul#bUl .write_table_content8{
	float:left;
	border:0;
	margin:0;
	padding:0 0 0 0;
	width:80%;
	text-align:left;
	vertical-align:middle;
	font-size:inherit;

}

ul#bUl .write_table_content8 span {
	/* font-family:'Malgun Gothic'; */
	letter-spacing:-0.5px;
}
	ul#bUl .write_table_content8 .editor_bug{
		width:0;
		height:0;
		border:0;
		cursor:default;
	}

	ul#bUl .write_table_content8 .submit_btn{
		width:42px;
		height:21px;
		border:0;
		vertical-align:middle;
	}

	ul#bUl .write_table_content8 img{
		border:0;
		vertical-align:middle;
	}


ul#bUl .write_table_content22{
	float:right;
	border:0;
	margin:0;
	padding:0 0 0 0;
	width:20%;
	text-align:right;
	vertical-align:middle;
}

ul#bUl .write_table_content00{
	border:0;
	margin:0;
	padding:5px 0 0 0;
	width:100%;
	height:auto;
	text-align:center;
	vertical-align:middle;
}
ul#bUl .write_file{
	padding:5px 0 5px 0;
	display: inline-block;
}
#write_table_bottom ul li{
	border:0;
}
/*
#comment_view iframe
*/
#comment_view img { width:auto !important; max-width:100%; }

@media all and (max-width: 1203px){
		
		.vte_item_t { width:25%;  }
		.vte_item_c	{ width:75%; }
	

}

@media all and (max-width: 768px){
	/* 레이아웃 */
		
		.view_info_item { margin:0 5px 0 0; }
		.view_info_item:after { margin:0 0 0 5px; }
		.view_info_view img { margin:-2px 0 0 0;}
		
		.vte_item_t { width:100%;  }
		.vte_item_t div { margin:4px 10px;  text-align:left;  }
		.vte_item_c	{ width:100%; border-top:1px solid #ddd; }



	#nextprev ul#bUl li{ font-size:16px; }
	
	
	
	.w_btn_wrap { width:100% !important; text-align:center !important; float:none;  }
	.w_btn_wrap a { width:100% !important; max-width:30% !important; margin:0 1% !important; }
	.w_btn { background:#0aa470; border-color:#0aa470; color:#fff; }
	ul#bUl .write_table_content22  { margin:10px 0 0 0; }
}