/* CSS Document */





/* */

.att_img					{ display:block; overflow:hidden; margin:0 auto; cursor:pointer; }

/* ·¹À̾ƿô */
.view_top_wrap { display:block; overflow:hidden; text-align:left; }
.view_top_tit {display:block; overflow:hidden; font-size:26px; word-break:keep-all; line-height:140%; font-weight:normal; color:#333; word-wrap:break-word; margin:0 0 20px 0 ; }
.view_top_etc_wrap { display:block; overflow:hidden; background:#f8f8f8; margin:20px 0 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.view_top_etc_core { display:block; overflow:hidden; margin:20px; }
.view_top_etc_inner { display:block; overflow:hidden; font-size:17px; }
.vte_item { display:inline-block; overflow:hidden; vertical-align:middle; margin:0 20px 10px 0; letter-spacing:-.5px; }
.vte_item_t { display:inline-block; overflow:hidden; vertical-align:middle; background:url('../../../images/main/bullet_g.html') left 10px no-repeat; padding:0 0 0 10px; font-family:'Paperlogy'; font-weight:600; }
.vte_item_c	{ display:inline-block; overflow:hidden; vertical-align:middle; }
.vte_item_c a { display:inline-block; overflow:hidden; vertical-align:middle;  padding:6px 8px 8px 8px;margin:0; background:#fff; font-size:15px; border:1px solid #777; box-sizing:border-box; border-radius:5px; line-height:100%; }
.vte_item_c a:hover { text-decoration:underline; }

.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; padding:10px 0; 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; }
.w_btn1 { background:#918f8f !important; border-color:#918f8f; color:#fff; }
.w_btn2 { background:#918f8f; border-color:#918f8f; color:#fff; }
.w_btn3 { background:#c22d2d; border-color:#c22d2d; 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: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:12px AppleGothic, "µ¸À½",Dotum, "±¼¸²", Gulim, Verdana, Arial, sans-serif; */
}

#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
*/

.view_top_wrap											{ display:block; overflow:hidden; border-top:2px solid #000; border-bottom:1px solid #ddd; position:relative;  }
	.view_top_tit_wrap									{ display:block; overflow:hidden; margin:30px 25px;  font-family: 'Paperlogy'; font-weight:600; font-size:24px; word-break:keep-all; line-height:150%; position:relative; z-index:2; }
	.view_top_wrap:before							{ display:block; overflow:hidden; content:'.';  position:absolute; top:25px; left:15px; width:20px; height:20px;  background:#ffd400; border-radius:999px; z-index:1; font-size:0;}

	.view_top_etc_wrap								{ display:block; overflow:hidden; background:#f8f8f8; border-top:1px solid #ddd; }
		.view_top_etc_core							{ display:block; overflow:hidden; margin:30px 25px;  }
			.view_top_etc_item						{ display:inline-block; overflow:hidden; vertical-align:top; margin:0 10px 0 0; border-right:1px solid #ddd; box-sizing:border-box; padding:0 10px 0 0;  font-size:16px; line-height:140%;  }
			.view_top_etc_item:last-child			{ margin:0; border-right:0; padding:0;  }
				.v_t_etc_tit								{ display:block; float:left; margin:0 5px 0 0; font-weight:500;  }
				.v_t_etc_cont								{ display:block; float:left; color:#333; letter-spacing:0; }
				.v_t_etc_cont a							{ color:#333; }
				.v_t_etc_cont a:hover					{ text-decoration:underline; }

			.view_top_etc_line							{ display:block; overflow:hidden; margin:10px 0 0 0; }
			.view_top_etc_line:first-child			{ margin:0; }

			.view_content_wrap						{ display:block; overflow:hidden; }
				.view_content							{ display:block; overflow:hidden; margin:50px 0; word-break:keep-all; }
				.view_content img						{ width:auto; max-width:100%; }
				.view_content #smart_editor2		{ display:block; overflow:hidden; }	
.contents { margin-top:30px !important; }
#comment_view img { width:auto !important; max-width:100%; }

@media all and (max-width: 1203px){
	/* ·¹À̾ƿô */
	.view_top_tit { font-size:30px; }
	.vte_item_c .color3	 { display:none; }

    #bo_v_img  img { width:100% !important  }


}

@media all and (max-width: 768px){
	/* ·¹À̾ƿô */
	.view_top_tit { font-size:26px; }
	.view_top_etc_inner { font-size:16px; }
	.vte_item				{ display:block; }
	.vte_item_c .color3	 { display:none; }
	#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; }
	.w_btn1 { background:#918f8f !important; border-color:#918f8f; color:#fff; }
	.w_btn2 { background:#918f8f; border-color:#918f8f; color:#fff; }
	.w_btn3 { background:#c22d2d; border-color:#c22d2d; color:#fff; }
	
	ul#bUl .write_table_content22  { margin:10px 0 0 0; }
}


.sound_only { display:none;display:none }
.btn_cke_sc { display:none;display:none }