body > div.ui-page > section.main-content > section.title{
	text-align: center;
	padding: 8px;
	font-size: 20px;
	color: #282828;
	overflow: hidden;
	position: relative;
}
body > div.ui-page > section.main-content > section.title > h2{
	font-size: 20px;
	display: inline;
	position: absolute;
	left: 25px;
	right: 25px;
	text-overflow: ellipsis;
	-o-text-overow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
body > div.ui-page > section.main-content > section.title > button{
	border: none;
	background: none;
	width: 15px;
	height: 27px;
}
body > div.ui-page > section.main-content > section.title > button.prev-board{
	float: right;
	background: url("../images/top_right_ar.png") center left no-repeat;
}
body > div.ui-page > section.main-content > section.title > button.next-board{
	float: left;
	background: url("../images/top_left_ar.png") center left no-repeat;
}


body > div.ui-page > section.main-content > section.body{
	border-top: 1px #dddddd solid;
}
body > div.ui-page > section.main-content > section.body > section.content{
	padding: 15px;
}


body > div.ui-page > section.main-content > section.body > section.content > aside{
	text-align: right;
	font-size: 14px;
	color: #282828;
	display: block;
}


body > div.ui-page > section.main-content > section.body > section.content > article{
	min-height: 200px;
}


span.comment-cnt{
	color: #ff0000;
}
body > div.ui-page > section.main-content > section.body > ul.comment{
	list-style: none;
	overflow: hidden;
	position: relative;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li{
	overflow: hidden;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.enabled > section.title{
	width: 50%;
	background: #ffffff;
	border-bottom: none;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.enabled > article{
	display: block;
	float: left;
	clear: both;
	width: 100%;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.disabled > section.title{
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
	background: -moz-linear-gradient(top,  #ffffff,  #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#e5e5e5');
	border-bottom: solid #dddddd 1px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.disabled > article{
	display: none;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li > section.title > div{
	border-top: solid #dddddd 1px;
	line-height: 35px;
	color: #666666;
	text-align: center;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > section.title > div{
	border-right: solid #dddddd 1px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view.enabled > section.title{
	float: left;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view.disabled{
	position: absolute;
	left: 0;
	top : 0;
	width: 50%;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-write.enabled > section.title{
	float: right;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-write.disabled{
	position: absolute;
	left: 50%;
	top : 0;
	width: 50%;
}

body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list{
	list-style: none;
	margin-top: 5px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li{
	border-bottom: solid #c8c8c8 1px;
	padding: 15px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > article{
	margin-top: 10px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > section.button-area{
	margin-top: 10px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > section.button-area > button{
	width: 61px;
	height: 35px;
}

body > div.ui-page > section.main-content > section.body > section.button-area > button{
	width: 61px;
	height: 35px;
}

body > div.ui-page > section.main-content > section.body > section.button-area > button.move-list{
	background: url("../images/s_btn_list02.png") top left;
}

body > div.ui-page > section.main-content > section.body > section.button-area > button.modify{
	background: url("../images/s_btn_revision.png") top left;
}

body > div.ui-page > section.main-content > section.body > section.button-area > button.delete{
	background: url("../images/s_btn_delet.png") top left;
}

body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > section.button-area > button.modify{
	background: url("../images/s_btn_revision.png") top left;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > section.button-area > button.delete{
	background: url("../images/s_btn_delet.png") top left;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > form.comment-modify{
	margin-top: 10px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > form.comment-modify{
	margin-top: 10px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > form.comment-modify > textarea{
	width: 100%;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > form.comment-modify > section.extra{
	margin-top: 10px;
	text-align: right;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > form.comment-modify > section.extra > button.btn-comment-modify{
	background: url("../images/s_btn_add.png") top left;
	width: 61px;
	height: 35px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-view > article > ul.comment-view-list > li > form.comment-modify > section.extra > button.btn-comment-cancel{
	background: url("../images/s_btn_cancel.png") top left;
	width: 61px;
	height: 35px;
	margin-left: 5px;
}


body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-write > article > form.comment-write{
	padding: 15px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-write > article > form.comment-write{
	margin-top: 10px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-write > article > form.comment-write > textarea{
	width: 100%;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-write > article > form.comment-write > section.extra{
	margin-top: 10px;
	text-align: right;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-write > article > form.comment-write > section.extra > button.btn-comment-write{
	background: url("../images/s_btn_add.png") top left;
	width: 61px;
	height: 35px;
}
body > div.ui-page > section.main-content > section.body > ul.comment > li.comment-write > article > form.comment-write > section.extra > button.btn-comment-cancel{
	background: url("../images/s_btn_cancel.png") top left;
	width: 61px;
	height: 35px;
	margin-left: 5px;
}


body > div.ui-page > section.main-content > section.body > section.button-area{
	text-align: center;
	margin-bottom: 15px;
}